Created (c) by Princexells Seyka (Princelling Saki)

Widget Daftar Isi di Blogger



Photo By : Kompas
Widget daftar isi di Blogger mungkin sudah tidak asing lagi di telinga anda tetapi mengapa masih juga di posting di blog ini?.
Widget yang satu ini berbeda dari widget daftar isi lain selain menggunakan scroll dan tampilannya berdasrkan label widget ini juga mempunyai tambahan script untuk mengatur jumlah Total Post pada Blog anda dan juga Total Komentar yang ada pada blog anda. Untuk demonya bisa dilihat di bagian sidebar blog ini...
Tertarik untuk membuatnya? Simak tutrial dibawah ini....


1. Pada Dasbor blog anda masuk ke Rancangan > Tambah gadget > Html / Java Script.
2. Masukkan kode dibawah ini.

Code :

<div style="overflow:auto;width:auto;height:200px;padding:10px;border:1px solid #eee"><script style="text/javascript" src="http://yourjavascript.com/91721213113/contents.js"></script><script src="http://gogorontalo.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
</div>

<script style="text/javascript">

function numberOfPosts(json) {
document.write('Total Posts: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}

function numberOfComments(json) {
document.write('Total Comments: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}

</script>
<br/>
<div style='border-bottom:1px dashed #333; float:left;'><script src="http://gogorontalo.blogspot.com/feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script></div>

<div style='border-bottom:1px dashed #333; float:right;'><script src="http://gogorontalo.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script></div>

3. Klik Simpan.

Note :

  • Ganti tulisan yang berwarna merah dengan alamat blog anda (e.g : http://gogorontalo.blogspot.com)

Selamat Mencoba....

Artikel Terkait Lainnya :

DAFTAR ISI BLOG
Bloger


Tidak ada komentar:

Posting Komentar

 

© Copyright JASA PEMBUATAN WEBSITE 2010 -2011 | Design by Andra Ghotic's Center | Published by Andra Templates | Powered by .