Dewa Blogger: Hasil penelusuran untuk memasang.daftar.isi.sederhana.berdasarkan.label

Halaman

    Social Items

Home / Hasil penelusuran untuk memasang.daftar.isi.sederhana.berdasarkan.label
Cara Memasang Daftar Isi Sederhana Berdasarkan Label - Kali ini Saya akan menyebarkan bagaimana cara memasang daftar isi yang ringan dan sederhana menurut label di blog. Walaupun daftar isi ini terlihat sederhana, namun pengunjung akan tetap menyukainya alasannya memang widget ini cukup ringan alias tanpa ada program loading lama.

Cara Memasang Daftar Isi Sederhana Berdasarkan Label Cara Memasang Daftar Isi Sederhana Berdasarkan Label

Widget ini befungsi menampilkan daftar postingan di blog teman yang di sortir menurut label yang ada di blog.

Berikut demo dari widget daftar isi ini :


Bagaimana? Apakah sehabis melihat demo di atas teman eksklusif ingin memasang daftar isi yang akan Saya bagikan ini? Jika iya, silakan ikuti langkah berikut ini :

1. Masuk ke Blogger > Pilih Menu laman > Kemudian buat postingan di laman gres > Di situ ada pilihan tab Compose dan HTML (di sudut kiri atas) > Kemudian Silakan pilih tab HTML dan tambahkan isyarat di bawah ini didalamnya :

<div style="background-color:none; max-height:1200px; margin:auto;overflow:auto;padding:3px;text-align:left;width:100%;"> <script src="https://cdn.rawgit.com/Arlina-Design/redvision/master/daftsimple.js"></script><script src="/feeds/posts/default?max-results=999&amp;alt=json-in-script&amp;callback=loadtoc"></script> </div>

2. Publikasikan post dan selesai.


Tidak terlalu sulit bukan? Demikian tutorial wacana Cara Memasang Daftar Isi Sederhana Berdasarkan Label di blog. Semoga bermanfaat.

Cara Memasang Daftar Isi Sederhana Menurut Label

Pada kesempatan kali ini akan menyebarkan tutorial yang menarik ialah Cara Memasang Daftar Isi Ala Blog Kang Ismet. Ya, daftar isi ini mempunyai tampilan yang hampir sama persis dengan daftar isi yang dipakai blog Kang Ismet di sini http://blog.kangismet.net/p/daftar-isi-blog-kang-ismet.html.

akan menyebarkan tutorial yang menarik ialah Cara Memasang Daftar Isi Ala Blog Kang Ismet

Setelah teman melihat gambar screenshot di atas mungkin teman akan tertarik untuk mencobanya, jikalau begitu silakan ikuti langkah-langkah di bawah ini untuk mendapat Cara Memasang Daftar Isi Ala Blog Kang Ismet.

Baca juga : Cara Memasang Daftar Isi Sederhana Berdasarkan Label

Cara Memasang Daftar Isi Ala Blog Kang Ismet


  • Login ke blogger
  • Kemudian buat artikel gres di halaman statis
  • Selanjutnya pilih tab HTML dan salin instruksi di bawah ini didalamnya :

<style type="text/css" scoped="scoped"> /* Multi Feed Loader /www.arlinadzgn.com */ .list-entries{background:white;border:1px solid #d8d8d8} .list-entries ul,.list-entries li{margin:0;padding:0;list-style:none} .list-entries li{padding:1em;border-bottom:1px solid #ddd} .list-entries .main-title{padding:0} .list-entries .main-title h4{display:block;font:inherit;font-weight:bold;padding:.5em 1em;background-color:#4f93c5;color:#fff;margin:0;line-height:normal;font-size:14px;margin-top:0!important} .list-entries .title a{font-weight:300;font-size:14px;text-decoration:none;line-height:.5em;color:#222} .list-entries .title a:hover{text-decoration:underline;color:#5886a7} .list-entries img,.list-entries .fake-img{border:none;background-color:#333;margin:0 1em 0 0;padding:0;float:left} .list-entries .summary{overflow:hidden;color:#999} .list-entries .more-link{border-bottom:none} .list-entries .more-link a{display:block;line-height:2em;height:2em;overflow:hidden;text-decoration:none;background-color:#82b965;padding:.5em 1em;position:relative;font-weight:bold;color:white} .list-entries .more-link a:after{content:"";width:0;height:0;position:absolute;top:50%;right:.3em;border:4px solid transparent;border-left-color:white;margin-top:-4px} .list-entries .more-link a:hover{background-color:#71a555} .list-entries{margin:7px;width:251px;float:left;font-size:11px} </style> <script type="text/javascript"> var multiFeed = {     feedsUri: [         {             name: "Travel",             url: "http://invisiontheme.blogspot.com/",             tag: "Travel"         },         {             name: "Labels",             url: "http://invisiontheme.blogspot.com/",             tag: "Labels"         },         {             name: "Lifestyle",             url: "http://invisiontheme.blogspot.com/",             tag: "Lifestyle"         },         {             name: "Travel",             url: "http://invisiontheme.blogspot.com/",             tag: "Travel"         },         {             name: "Labels",             url: "http://invisiontheme.blogspot.com/",             tag: "Labels"         },         {             name: "Lifestyle",             url: "http://invisiontheme.blogspot.com/",             tag: "Lifestyle"         }     ],     numPost: 4,     showThumbnail: true,     showSummary: true,     summaryLength: 80,     titleLength: "auto",     thumbSize: 72,     containerId: "feed-list-container",     readMore: {         text: "Selengkapnya",         endParam: "?max-results=8"     } }; </script> <script type="text/javascript" src="https://cdn.rawgit.com/Arlina-Design/nubie/master/multifeedblog.js"></script> <div id="feed-list-container"></div> <div style='clear: both;'></div>

Ganti kode-kode ibarat instruksi yang ditandai dengan judul kategori, url blog, dan nama label blog

  • Terakhir publikasikan post.


Demikian dari untuk tutorial kali ini mengenai cara memasang daftar isi ala Blog Kang Ismet, agar sanggup bermanfaat dan terima kasih sudah berkunjung.

Cara Memasang Daftar Isi Ala Blog Kang Ismet

Langganan: Postingan (Atom)