Bagaimana cara membuat widget perlabel berdasarkan kategori di Blogger? Dengan navigasi yang mudah dapat membuat pembaca blog merasa nyaman dan mudah untuk menujuh ke artikel blog berdasarkan kategori yang disukainya. Blog yang bagus adalah jika tulisan atau postingan dikategorikan dengan rapi.

Di Blogspot kita menggunakan fitur label untuk mengaktegorikan jenis tulisan yang memiliki kesamaan. Misalnya saja kalau di blog ini ada kategori: tutorial blog, tips blog, widget blog dan lain sebagainya.

Ditutorial sebelumnya juga telah dijelaskan mengenai membuat widget perlabel responsive, cara membuat daftar isi berdasarkan label dan bagaimana cara menampilkan iklan hanya dilabel tertentu. Untuk membuat widget perlabel di blog mempunyai beberapa langkah dan kamu semua pasti bisa melakukannya.

Cara memasang dan cara membuat Widget Perlabel Berdasarkan Kategori di Blogger
Widget Perlabel Berdasarkan Kategori di Blogger



 Cara Membuat Widget Perlabel di Blog


1. Di Blogger, pilih Blog yang ingin kamu pasangi widget ini.
2. Masuk ke menu Template >> Edit Html
Cara Memasang Widget Perlabel Berdasarkan Kategori di Blogger
Template - Edit HTML

3. Selanjutnya, cari kode ]]></b:skin> (untuk mempermudah pencarian gunakan CTRL+F) dan letakan kode berikut sebelum atau diatas kode ]]></b:skin>
 img.label_thumb{ float:left; padding:5px; border:1px solid #8f8f8f; background:#D2D0D0; margin-right:10px; height:55px; width:55px; } img.label_thumb:hover{ background:#f7f6f6; }      .label_with_thumbs { float: left; width: 100%; min-height: 70px; margin: 0px 10px 2px 0px; adding: 0; } ul.label_with_thumbs li { padding:8px 0; min-height:65px; margin-bottom:10px; } .label_with_thumbs a {} .label_with_thumbs strong {}
Ini adalah css standarnya dan tampilan akan mengikuti template blog yang kamu gunakan
4. Selanjutnya cari kode </head> kemudian letakan kode berikut sebelum kode </head>
 <script src='https://cdn.rawgit.com/Brando07/share/newbe/perlabel-SEOCIPS.js' type='text/javascript'></script>
5. Save Template.

Menampilkan widget Berdasarkan Label di Blogger

Kamu bisa menampilkan widget ini dimanapun di template kamu, yang populer biasanya di letakan di homepage blog dan di bawah postingan, namun setidaknya harus tersedia misalnya 2 kolom add widget di sana.  Di totorial ini saya tidak akan membahas bagaimana membuat 2 kolom add gadget di bawah postingan, sebagai percobaan kamu letakan saja di widget blog kamu, misalnya:

Menampilkan widget Berdasarkan Label di Blogger
Jika tidak ada 2 kolom widget di bawah postingan sebagai percobaan kamu dapat meletakannya di sidebar blog

6. Masukan kode dibawah ini:
<div style="overflow:hidden; width:100%px; height:auto; padding:10px; border:1px dotted #ddd; background-color:#fff"><script type='text/javascript'>var numposts = 4;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 50;</script><script type="text/javascript" src="http://www.seocips.com/feeds/posts/default/-/Widget%20Blog?orderby=updated&alt=json-in-script&callback=labelthumbs"></script></div>
Ganti angaka 4 dengan jumlah postingan yang ingin di tampilkan, http://www.seocips.com/ dengan link blog kamu dan Widget%20Blog dengan label blog kamu.

Kamu bisa menambahkan kode no 6 di atas beberapa kali untuk menampilkan label widget yang lain.

Nah sekian cara memasang widget perlabel berdasarkan kategori di Blogger, selamat mencoba, semoga bermanfaat.
4 Komentar untuk "Cara Memasang Widget Perlabel Berdasarkan Kategori di Blogger"

apa bisa kode yang di pasang di HTML/Javascriptnya di pasang di laman?

Iya bisa, dilaman saya juga pakai, misalnya yang menu 3 difooter itu adalah daftar isi yang sebelumnya saya pasang dilaman, tapi widget yang di atas saya belum pernah coba pasang di laman.

Mantap gan Ijin mempraktekkan dulu