Skip to main content

Cara Memasang Widget Perlabel Berdasarkan Kategori di Blogger

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=”https://www.anisuka.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, https://www.anisuka.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.

Buka Komentar
Tutup Komentar