Cara Membuat Widget Perlabel Tanpa Gambar Di Template Evo Magz

Cara Membuat Widget Perlabel Tanpa Gambar Di Template Evo Magz – Jika kamu mendownload theme evo magz gratisan yang beredar diinternet kemungkinan kamu akan sedikit kesulitan bagaimana menampilkan widget perlabel pada template evo magz, akan ada tampilan list bullet pada widget perlabel yang kamu gunakan, itu sangat tidak nyaman buat pengunjung karena tampilannya yang sedikit aneh.

Sebenarnya template blog Evo Magz yang keren buatan mas sugeng ini tidak gratis kamu bisa membelinya langsung di blog yang dikelola mas sugeng, disana kamu akan mendapatkan update-update fix dari template ini hanya dengan satu kali pembelian. Tetapi bagi kamu yang telah terlanjur mendownload dan ingin mencoba versi gratisan template evo magz dan ingin menampilkan widget perlabel, kamu bisa copy source widget perlabel untuk template evo magz dibawah ini.

Pertama : Login terlebih dahulu ke blogger

Kedua : Edit template

Ketiga : Cari tulisan ini .sidebar li biar cepat gunakan ctrl+f

Keempat : Copy paste ini source dibawah ini

.sidebar li {
margin: 8px 0;
 padding: 0 0 5px;
 border-bottom: 1px solid #f0f0f0;
 list-style: none;
}

Kelima : Pindah ke tata letak

Keenam : Tambahkan widget html/javascript dan copy source dibawah ini, judulnya dikosongkan

<script>

document.write('<div class="recent-post-title"><h2><a href="/search/label/tips?max-results=6">Tips</h2></a></div>'); </script><script type="text/javascript">

function showrecentposts(json){for(var i=0;i<numposts;i++){var 

entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if

(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if

(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}

posttitle=posttitle.link(posturl);if(standardstyling)document.write

('<li>');document.write(posttitle)}if(standardstyling)document.write('</li>')}

</script>

<script type="text/javascript">var numposts = 9;var showpostdate = false;var 

showpostsummary = false;var numchars = 0;var standardstyling = true;</script>

<script type="text/javascript" src="/feeds/posts/default/-/tips?orderby=published&alt=json-in-script&callback=showrecentposts"></script>

Silahkan kamu ganti tulisan yang berwarna merah sesuai dengan label yang ingin kamu gunakan. Lihat hasilnya. Widget ini sangat ringan karena tanpa thumbnail dan juga memudahkan navigasi untuk pengunjung.

Semoga bermanfaat