Cara Membuat Daftar Isi Otomatis Untuk Label Tertentu di Sidebar - Kali ini saya akan membahas Cara Membuat Daftar Isi Otomatis Untuk Label Tertentu di Sidebar, dengan kita membuat hal tersebut kita tidak direpotkan unuk membuat daftar isi dengan cara manual atau memasukkan link satu per satu secara manual. Jika post anda sedikit memang tidak akan kerepotan dengan membuat secara manual, namun bagaimana jika post anda banyak?
Dengan ini saya akan memberikan script yang akan secara otomatis mengumpulkan seluruh post yang terdapat di label sesuai pilihan anda.
Berikut langkah-langkah :
Login ke Blog anda >> Layout >> Add Gadget >> HTML/JavaScript >> copy dan paste script dibawah ini
<div style="overflow:auto; width:auto; height:150px; padding:5px;border:0px solid #000000; font-family:julee; font-size:15px; font-color:#0000FF;">
<ol>
<script style="text/javascript">
var numposts = 100;
var standardstyling = true;
</script>
<script type='text/javascript' src='http://tateluproject.googlecode.com/files/postlabel%281%29.js'></script><ol>
<script src="http://ilfan-rifai.blogspot.com/feeds/posts/default/-/Tutorial%20Blog?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
</ol></div>
<ol>
<script style="text/javascript">
var numposts = 100;
var standardstyling = true;
</script>
<script type='text/javascript' src='http://tateluproject.googlecode.com/files/postlabel%281%29.js'></script><ol>
<script src="http://ilfan-rifai.blogspot.com/feeds/posts/default/-/Tutorial%20Blog?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
</ol></div>
Save.
Keterangan :
- width:auto : menunjukkan bahwa lebar scroll box akan menyesuaikan dengan lebar sidebar.
- height:100px : tinggi scroll box. silahkan sobat ganti sesuai keinginan.
- border:1px solid #e6e4e3 : adalah ukuran, jenis dan warna dari border. 1px adalah tebal border, solid adalah jenis border dan #e6e4e3 adalah warna border.
- font-size : adalah ukuran huruf.
- <ol> : adalah Numbered List, anda bisa menggantinya menjadi bullet list dengan kode <ul>
- Ganti http://ilfan-rifai.blogspot.com dengan Url blog sobat.
- Ganti Tutorial%20Blog dengan label yang anda pilih. Perhatikan penulisan labelnya. sesuaikan dengan yang tertera di blog anda, jika satu huruf saja salah penulisannya, makan daftar isinya tak akan muncul. %20 adalah Spasi jadi ganti spasi dengan kode %20.
Related Post
Tutorial Blog
- Cara Mendapatkan Sitelink di Google
- Cara Membuat Popular Post Fungsi Scroll
- Cara Memasang Share Button Facebook, Twitter, Google di Blog
- Cara Membuat Related Post di Blog
- Cara Membuat Recent Post di Blog
- Cara Sederhana Memasang Comment Facebook di Blog
- Cara Membuat Google+ Button Pada Setiap Post
- Cara Membuat Like Button Facebook di Blog
- Cara Membuat Widget LinkWithin Hanya Muncul di Halaman Posting
- Cara Membuat Link List/Daftar Link Dengan Fungsi Scroll
- Cara Memasang Widget Sharing Is Sexy
- Cara Memasukkan Link Ke Gambar di Blog
- Cara Membuat Related Posts Fungsi Thumbnails
- Perlukah Show Word Verification di Blogspot?
- Cara Membuat Page Menu Melayang di Blogspot
- Cara Membuat Page Menu Blogspot
- Cara Membuat Daftar Isi Otomatis Dengan Fungsi Scroll
- Cara Mengganti Favicon Di Blogspot
- Cara Mengaktifkan Menu Earnings di Blogger
- Cara Memasang Widget Alexa di Blogspot
- Cara Membuat Text Area Pada Blogspot
- Cara Membuat Mesin Pencari Blog Sendiri
- Cara Submit Blog ke Mesin Pencari Google
- Insert Blogger Meta Tag for SEO Friendly
- Cara Membuat Archive dengan Scroll
4 comments: on "Cara Membuat Daftar Isi Otomatis Untuk Label Tertentu di Sidebar"
di coba dulu ya masbro,,,,smoga dpt berhasil dn sesuai yg di harpkan.....tq!
Sama-sama...
Silahkan coba masbro, tutorial ini mudah dan simple.
keren ^_^ makasih infonyaada info g mengenai peluang usahadanbisnis online ? tolong infonya iya terimakasih..
keren ^_^ makasih infonya
Post a Comment