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('
Tidak ada komentar:
Posting Komentar