Thursday, 16 April 2015

Cara Membuat Daftar Isi Berdasarkan Label Tertentu


Setelah lama berkecimpung lama di dunia blogger, mungkin sudah lumayan banyak pengetahuan kita para blogger dengan yang namanya daftar isi. Demikian juga dengan bentuk atau macam-macam daftar isi yang dapat didesain untuk setiap blog. Setelah sebelumnya saya telah memberikan tips untuk membuat daftar isi blog berdasarkan label dan bulan, sekarang ada perbedaan tips yang akan say berikan. Pada tips kali ini kita dapat bebas untuk mengatur peletakan label pada daftar isi yang akan kita buat. Kita bisa menampilkan label yang kita inginkan, mengurutkan berdasarkan abjad label yang berurutan. seperti pertanyaan sobat saya yang menanyakan "gan, klau untuk label tertentu saja + menurut abjad gmn ya??". Nah demikian saya akan berikan tipsnya kepada sobat blogger.

Untuk menampilkan daftar isi seperti ini, tentunya sobat blogger harus mengikuti langkah-langkah yang akan saya berikan seperti berikut ini.

1. Login ke blogger dengan ccount anda
2. Pilih Tata Letak
3. Piliha Tambah Gadget ==> HTML/JavaScript
4. Setelah itu, silahkan Paste kode berikut ini kedalam kotak scriptnya.
 <div style="overflow:auto; width:auto; height:100px; padding:5px;border:1px solid #e6e4e3; font-size:15px;">
<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>
<h3>Tutorial Blogspot</h3>
<ol><script type='text/javascript' src='https://daftarisidiaz.googlecode.com/files/postlabel%281%29.js'></script><ol>
<script src="http://tips-untuk-blogger.blogspot.com/feeds/posts/default/-/Tips%20blogspot?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
<br/>
<h3>Tutorial Facebook</h3>
<ol><script type='text/javascript' src='https://daftarisidiaz.googlecode.com/files/postlabel%281%29.js'></script><ol>
<script src="http://tips-untuk-blogger.blogspot.com/feeds/posts/default/-/Tips%20facebook?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
</ol></div>
Catatan :
  1. Untuk tulisan yang berwarna merah, ganti dengan label yang akan anda tampilkan.
  2. Untuk tulisan yang berwarna biru, silahkan ganti dengan link blog anda.
  3. Untuk tulisan berwarna hijau, silahkan ganti dengan "Label yang akan ditampilna". Harus sesuai dengan yang tertera pada blog anda.
  4. Jangan lupan %20 adalah menunjukkan spasi. Jika label anda membutuhkan spasi, makan ganti dengan%20.
Untuk menambahkan lebih banyak lagi label yang akan ditampilkan, maka tambahkan kode berikut sebelumkode </ol>.
<br/>
<h3>Tutorial Facebook</h3>
<ol><script type='text/javascript' src='https://daftarisidiaz.googlecode.com/files/postlabel%281%29.js'></script><ol>
<script src="http://tips-untuk-blogger.blogspot.com/feeds/posts/default/-/Tips%20facebook?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
demikian juga berikutnya jika anda ingin membuat lebih banyak label lagi. Nah setelah selasai, silahkan anda Simpandan lihat perubahan yang terjadi pada blog sobat.

0 komentar:

Post a Comment

bagus sangat membatu bagi kami
sering-seringlah enteri file yang baru
kami merasa senang dan bangga atas kebedradaan blog ini