16 November 2016

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.

Cara Membuat Widget Perlabel Tanpa Gambar Di Template Evo Magz

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

2 komentar

Kalau untuk menghilangkan widget perlabel caranya gimana mas? Mau hapus dari setting tata letak takut nggak bisa ngembaliin hehe...
Kalau bisa disembunyikan aja

hapus langsung aja dari tata letak. Sebelum dihapus, simpan dulu scriptnya widget perlabelnya di notepad mas. ntar kalau mau pasang lagi tinggal pasang aja


EmoticonEmoticon