kali ini saya akan membagi ilmu gimana cara memasang tabel daftar isi secara otomatis berwarnajadi membuat blog kita enak dipandang
oke langsung saja :1. Buka dasbor Blog sobat
2. pilih tata letak
3. pilih tambah gadget
4. Simpan Scrip di bawah ini ke dalam kotak gadget
5. langkah terakhir tinggal pilih simpan (save)
<style type="text/css">
.daftar_posting{list-style:none;margin-left:-40px;font-family:Droid Serif;font-size:11px;color:lime;text-align:left;}
.daftar_posting
a{color:yellow;border-top:1px dotted blue;border-bottom:1px dotted
blue;background:transparent url(image-1) no-repeat 0
50%;padding-left:15px;}
.daftar_posting a:hover{color:red;}
</style>
<div style="margin:2px; padding:4px;border:2px solid #FFF0F5;background:#800000;">
<div style="border:2px solid #444;overflow:auto;padding:4px;background#800000:#FFF0F5;height:250px;">
<div style="width:500px;">
<script style="text/javascript">
var numposts = 1000;
var showpostsummary = false;
var standardstyling = true;
function showrecentposts(json) {document.write('<ol class="daftar_posting">');
for (var i = 0; i < numposts; i++) { document.write('<li>');
var entry = json.feed.entry[i]; var posttitle = entry.title.$t;
var posturl; if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {posturl = entry.link[k].href; break;}}
posttitle = posttitle.link(posturl);
if ("content" in entry) { var postcontent = entry.content.$t;}
else
if ("summary" in entry) { var postcontent = entry.summary.$t;}
else var postcontent = ""; var re = /<\S[^>]*>/g;
postcontent = postcontent.replace(re, "");
if (!standardstyling) document.write('<div class="bbrecpost">');
if (standardstyling) document.write(posttitle);
if (!standardstyling) document.write('</div><div class="bbrecpostsum"">');
if (showpostsummary == true) { if (standardstyling) document.write('<br/>');
if (postcontent.length < numchars) { if (standardstyling) document.write('<i>');
document.write(postcontent); if (standardstyling) document.write('</i>');}
else { if (standardstyling) document.write('<i>');
postcontent = postcontent.substring(0, numchars); var quoteEnd = postcontent.lastIndexOf(" ");
if (standardstyling) document.write('</i>');}}
if (!standardstyling) document.write('</div>'); if (standardstyling) document.write('<br/>');
document.write('</li>');}
document.write('</ol>');
if (!standardstyling) document.write('<div class="bbwidgetfooter">');
if (standardstyling) document.write('<br/>');}
</script>
<script src="http://galang-capricorn.blogspot.com//feeds/posts/default?orderby=published&alt=json-in-script&max-results=999&callback=showrecentposts"></script>
</div>
</div></div>
catatan buat merubah
left:-40px; gantilah sesuai lebar yang di inginkan
size:11px,gantilah sesuai panjang yang di inginkan
background:#800000, solid #FFF0F5,
4px;background#800000:#FFF0F5;
ganti sesuai warna keinginan sobat blogger
http://galang-capricorn.blogspot.com ganti dengan alamat blog sobat
" title="
