Create A List Of Blog Content With JQuery

Hello Friend blogger meet up again on the blog Reds Horizon where on this occasion I share an article back is not new anymore, but the article Reds Horizon discuss this time there have been many fellow bloggers we have others who have shared in this way. But I came back here just to talk about savings and Sapatau aja there are fellow bloggers that blum put it on their blog.

Good for the PAL who wants to set it up, just follow the following tutorial:

• sign in to blogspot
• Click design
• Select edit html
• Then put the code below in the code ]]></b:skin>

#dafis-acc{
font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;
background:#ffffff;
}
.dafis-label {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmcvaH9k4ij51W3zakZzY0UrrL_VzJS1gxc3e8OqJbQo1FZH4pQp9gpRPZlW8L2fRWrzDYAW4PoV-AjFBRjH_wJBbCGqPRQCWSSuDEqn-R_y7X2jn7WcKg7iBbsEIMx607uxxHGO1kbFI/d/bg4.gif") repeat-x scroll 0 0 #E1F4FB;
border: 1px solid #2F94BA;
color: #FFFFFF;
cursor: pointer;
font-weight: bold;
line-height: 1.4em;
margin: 1px 3px;
outline: medium none;
overflow: hidden;
padding: 2px 10px;
text-decoration: none;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
vertical-align: baseline;
white-space: nowrap;
}
.dafis-label:hover {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOot6ebnbMNZ79oZmgObILNzWDoNwPjFUSsL53ONcdqJHpC9YZ5N0ofaS4BifeyPvBsFFVlqhb31xqjqCcsW9FRlXvhQXyXUrPwhDKs_mD6apmM_GbZBncaNuBeNrDw0dCl47uoNoMI2Y/d/bg2.gif") repeat-x scroll 0 0 #E1F4FB;
color: #003366;
}
.dafis-daf ol {
margin: 0 0 0 30px !important;
padding: 0 !important;
}
.dafis-daf ol li {
background-color: #C9E9F4;
border: 1px solid #339DC6;
line-height: 1.5em;
margin: 1px 3px !important;
text-align: left;
white-space: nowrap;
}
.dafis-daf ol li a {
color: #333333 !important;
display: block;
padding-left: 10px;
text-decoration: none !important;
}
.dafis-daf ol li a:hover {
background: none repeat scroll 0 0 #7BC4DF;
border-left: 5px solid #333333;
padding-left: 5px;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

• Then Copy the code below and place the above code </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

• If the blog buddy already exists, then the above code should PAL skip this step.
• Then copy and paste the code below in your postings or blog widgets PAL.

<script type="text/javascript" src="http://dharla-perdana.googlecode.com/files/Acc.js"></script>
<script src="http://URL BLOG.blogspot.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script>

• change http://URL BLOG.blogspot.com with the url of the blog
• Finish