Blog akan tampak lebih lengkap jika diberi daftar isi Blog. Namun
ternyata bukan hal yang mudah untuk merubah script terutama jika melalui
template. Sudah berulangkali saya mencoba namun tidak semua template
scripnya sama sehingga ketika di uji cobakan beberapa artikel berkenaan
membuat daftar isi melalui template ternyata script yang tersedia dan
dicari/ yang harus ada di template kita seperti pada tutorialnya, tidak
saya temukan di script template saya. Alhamdulillahnya ada artikel
bagus milik mas Fendy
yang cukup membantu sekali karena cukup memasang di tata letak
template, klik gadget, klik html saja...jadi cukup mudah dan tidak
ruwet.
Dengan sekali pasang javascript recent post ini maka kita tidak perlu bersusah payah mengisi posting manual karena secara otomatis postingan baru kita yang kita publikasikan akan tampil judulnya dengan sendirinya. Untuk daftar isi dalam blog saya sedikit saya utak atik lagi dengan merubah kode html warna untuk background saja biar cocok dengan warna template saya, jika mau coba maka link ini kode html warnanya. Mau mencoba...boleh...boleh...berikut ini caranya:
Cara Membuat Javascript Recent Posts dilengkapi Scroller Box :
if (!standardstyling) document.write('READ MORE .... CARA MEMBUAT SCROLL NAIK TURUN UNTUK DAFTAR ISI
Dengan sekali pasang javascript recent post ini maka kita tidak perlu bersusah payah mengisi posting manual karena secara otomatis postingan baru kita yang kita publikasikan akan tampil judulnya dengan sendirinya. Untuk daftar isi dalam blog saya sedikit saya utak atik lagi dengan merubah kode html warna untuk background saja biar cocok dengan warna template saya, jika mau coba maka link ini kode html warnanya. Mau mencoba...boleh...boleh...berikut ini caranya:
Cara Membuat Javascript Recent Posts dilengkapi Scroller Box :
- Login : Login ke Blogger sobat
- Pilih tata letak.
- KLIK Add Gadget (Tambah Gadget).
- KLIK HTML/Javascript.Copy kode HTML dan Javascript dibawah ini dan pastekan di dalam box.
.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;}
height:250px;">
width:500px;">
var numposts = 1000;
var showpostsummary = false;
var standardstyling = true;
function showrecentposts(json) {document.write('- ');
for (var i = 0; i < numposts; i++) { document.write('- ');
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('');
if (standardstyling) document.write(posttitle);
if (!standardstyling) document.write('');'); if (standardstyling) document.write('
if (showpostsummary == true) { if (standardstyling) document.write('
');
if (postcontent.length < numchars) { if (standardstyling) document.write('');
document.write(postcontent); if (standardstyling) document.write('');}
else { if (standardstyling) document.write('');
postcontent = postcontent.substring(0, numchars); var quoteEnd = postcontent.lastIndexOf(" ");
if (standardstyling) document.write('');}}
if (!standardstyling) document.write('
');
document.write('
');}
document.write('
if (!standardstyling) document.write('READ MORE .... CARA MEMBUAT SCROLL NAIK TURUN UNTUK DAFTAR ISI