Selamat Datang Di Blog Bisnis Online Terpercaya www.maslukis.com


Minggu, 11 Desember 2016

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.

Cara Membuat Widget Perlabel di Blog


1. Di Blogger, pilih Blog yang ingin kamu pasangi widget ini.
2. Masuk ke menu 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:

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.maslukis.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.maslukis.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.


Baca Juga:

Comments
0 Comments

0 komentar:

Posting Komentar

 
Copyright © 2018. Info Hari Ini . All Rights Reserved
Jl. Delta Raya Utara Kav. 49 - 51 Deltasari Baru, Sidoarjo, Jawa Timur, Indonesia 61256
PT. Bimasakti Multi Sinergi