CARA MEMBUAT DAFTAR ISI BLOG TANPA EDIT HTML

Halo gaes, kami pernah membahas cara meniru struktur template melalui struktur html "inspect elemen" Kalau mau membaca gambarannya silahkan ikuti link:
TRIK MERETAS DESAIN TEMPLATE KEREN SITUS SITUS BESAR DENGAN MUDAH
Nah dari menganalisa beberapa script dan melakukan percobaan beberapa hasilnya dapat kami petik, misalnya kalau anda ingin mempercantik blog bawaan dengan widget tambahan buatan anda semisal "Daftar Isi:" anda dapat melakukan langkah langkah berikut:
  1. Masuk ke pengaturan blogger
  2. pilih "tataletak"
  3. Klik "tambahkan gagdet" > Lebih baik sebelah atas sidebar, jangan di header ya.
  4. Pilih "HTML/Java script" 
  5. Lalu pada kotak dialog "HTML/Java script" copy-paste kode script di bawah ini:

<script type='text/javascript'>
//<![CDATA[
function recentpostslist(json) {
document.write('<ul>');
for (var i = 0; i < json.feed.entry.length; i++)
{
for (var j = 0; j < json.feed.entry[i].link.length; j++) {
if (json.feed.entry[i].link[j].rel == 'alternate') {
break;
}
}
var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";//bs
var entryTitle = json.feed.entry[i].title.$t;
var item = "<li>" + "<a href="+ entryUrl + '" target="_top">' + entryTitle + "</a> </li>";
document.write(item);
}
document.write('</ul>');
}
//]]>
</script>
<script src="/feeds/posts/summary?max-results=5&alt=json-in-script&callback=recentpostslist"></script>



Buat Judul Daftar Isi atau Content, terserah anda.
Terakhir save
Kode: 5&alt berwarna merah angka 5 bisa anda robah menjadi angka 7 atau 8 atau 10 sehingga tautan daftar isi akan bertambah.

Demikianlah trik menambahkan daftar isi blog hasil mengintip kode html melalui browser dan melalui tool "inspect element" daripada browser itu sendiri. Boleh dikatakan ini hanyalah widget yang kebetulan teramati pada saat inspeksi elemen daripada struktur tema para blogger master di browser. Mungkin tidak akan melanggar kode etik dan mungkin sudah diposting oleh pihak lain, akan tetapi karena setelah dicoba sangat responsive tidak ada salahnya kami mencoba berbagi.

Sedangkan tool "tambahkan gagdet-HTML/java script" itu sendiri menurut kami benar benar sebuah short cut penempatan kode yang luarbiasa dan berguna. 


Comments

  1. Wah sangat bermanfaat bagi yang belum punya daftar isi d halamn blognya.. lebih mudah juga ya kak

    ReplyDelete
  2. Responsive, sebaiknya memang buat template sendiri dari templat bawaan blog, tinggal edit dan nambah widget ringan

    ReplyDelete

Post a Comment