» » » Cara Menciptakan Widget Recent Post Menurut Label Di Blogger

Cara Menciptakan Widget Recent Post Menurut Label Di Blogger

widget label, widget postingan populer, dan widget postingan terbaru menurut label.

Dari ketiga itu yang paling membantu yaitu widget postingan terbaru menurut label. Karena kita memberi fasilitas pengunjung dalam mengunjungi postingan terbaru per label. Ini juga akan mempengaruhi lamanya pengunjung mengunjungi blog anda. Saya contohkan begini, anda sedang membaca artikel disebuah blog, sehabis jawaban membaca artikel tersebut, dan melihat widget postingan terbaru menurut label. Otomatis anda akan tertarik untuk membaca postingan tersebut. Makara anda akan lebih usang mengunjungi blog tersebut.
Cara menciptakan widget recent post menurut label di blogger Cara Membuat Widget Recent Post Berdasarkan Label di Blogger

Cara menciptakan widget recent post menurut label di blogger

Mengingat dampak penggunaan postingan terbaru menurut label sangat besar pada sebuah blog, maka anda aku anjurkan untuk memasangnya. Cara memasangnya juga sangat gampang kok. Bahkan untuk pemula sekalipun. Tapi kalau anda belum terlalu paham bagaimana caranya, aku akan menjelaskannya. Simak cara menciptakan widget recent post menurut label di blog dibawah ini :

1. Yang pertama silahkan anda masuk ke dashboard blogger anda. Kemudian masuk ke hidangan Template > Edit HTML. Setelah itu, Cari isyarat </style> atau ]]></b:skin>. Setelah ketemu, letakkan isyarat ini sempurna diatas isyarat </style> atau ]]></b:skin>
/* Recent By Label */  .recent-by-tag img {float:left;width:60px;height:60px;margin-right:10px;margin-bottom:17px} .recent-by-tag li {clear:both;line-height:1.3em !important} .recent-by-tag li a{list-style:none;color:#555;font-weight:bold;font-size:14px !important} .recent-by-tag li a:hover,.recent-by-tag li:hover a{color:#f35858 !important} .recent-by-tag li .showdates{display:inline-block;font-size:10px;font-weight:normal;margin-top:5px;color:#aaa}
2. Kemudian cari isyarat <head>. Letakkan isyarat ini sempurna dibawahnya
<script type='text/javascript'> var numposts = 5; var showpostthumbnails = true; var showpostdate = false;</script> <script type='text/javascript'> //<![CDATA[ function rcentbytag(e){document.write('<ul class="recent-by-tag">');for(var t=0;t<numposts;t++){var n=e.feed.entry[t];var r=n.title.$t;var i;if(t==e.feed.entry.length)break;for(var o=0;o<n.link.length;o++){if(n.link[o].rel=="replies"&&n.link[o].type=="text/html"){var u=n.link[o].title;var f=n.link[o].href}if(n.link[o].rel=="alternate"){i=n.link[o].href;break}}var l;try{l=n.media$thumbnail.url}catch(h){s=n.content.$t;a=s.indexOf("<img");b=s.indexOf('src="',a);c=s.indexOf('"',b+5);d=s.substr(b+5,c-b-5);if(a!=-1&&b!=-1&&c!=-1&&d!=""){l=d}else l="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWhvmyTRKCJMFp0jtQR3U8mtGVExKidTYweBuSDRDtCfeS-cTmsLLFCIhdJUDaBYH8c8qL2aNqjjoyRzuT2tkdOgWn5R3lh3QwMCQKi0-Rj723F4HkA8-6aXUU04j1Semt_ffC2BubLBMe/s70-c/KM+Icon.png"}var p=n.published.$t;var v=p.substring(0,4);var m=p.substring(5,7);var g=p.substring(8,10);var y=new Array;y[1]="Januari";y[2]="Februari";y[3]="Maret";y[4]="April";y[5]="Mei";y[6]="Juni";y[7]="Juli";y[8]="Agustus";y[9]="September";y[10]="Oktober";y[11]="November";y[12]="Desember";document.write('<li class="clear">');if(showpostthumbnails==true)document.write('<a href="'+i+'" sasaran ="_blank" title="Cara Membuat Widget Recent Post Berdasarkan Label di Blogger"><img class="rct-thumb" alt="Cara menciptakan widget recent post menurut label di blogger Cara Membuat Widget Recent Post Berdasarkan Label di Blogger" src="'+l+'"/></a>');document.write('<strong><a href="'+i+'" sasaran ="_blank" title="Cara Membuat Widget Recent Post Berdasarkan Label di Blogger" rel="nofollow">'+r+'</a></strong>');document.write('<br>');var x="";var T=0;if(showpostdate==true){x='<span class="showdates">'+x+g+" "+y[parseInt(m,10)]+" "+v+"</span>";T=1}document.write(x);document.write("</li>");if(t!=numposts-1)document.write("")}document.write("</ul>")} //]]> </script>
Keterangan :
-Untuk mengubah jumlah postingan yang ditampilkan silahkan cari isyarat var numposts = 5; kemudian ganti anda 5 dengan jumlah yang anda inginkan.
-Untuk menghilangkan tumbnail postingan silahkan cari isyarat var showpostthumbnails = true; kemudian ubah true menjadi false
-Untuk menampilkan tanggal postingan silahkan cari isyarat var showpostdate = false; kemudian ubah false menjadi true.
Setelah isyarat sudah anda terapkan dengan benar silahkan klik simpan tema.

3. Setelah itu, silahkan masuk ke hidangan tata letak > tambahkan gadget > HTML/Java Script. Isi judulnya terserah anda. Kemudian pada bab konten pastekan isyarat berikut :
<script> var mql = window.matchMedia('screen and (min-width: 1px)');if (mql.matches){document.write("<script src=\"/feeds/posts/default/-/Template?orderby=updated&amp;alt=json-in-script&amp;callback=rcentbytag\"><\/script>");} </script>
Keterangan :
Ganti kata template dengan nama label blog anda. Kalian harus memperhatikan penggunaan aksara besar dan aksara kecilnya. Apabila label anda terdapat tanda spasi, silahkan ganti tanda tersebut dengan kode %20. Misal label anda “Belajar Ngeblog” Maka anda ganti menjadi “Belajar%20Ngeblog”.
Setelah itu klik simpan. Dan lihat blog anda. Kira kira kesudahannya akan menjadi ibarat ini
Cara menciptakan widget recent post menurut label di blogger Cara Membuat Widget Recent Post Berdasarkan Label di Blogger
Recent post dengan tumbnail
Cara menciptakan widget recent post menurut label di blogger Cara Membuat Widget Recent Post Berdasarkan Label di Blogger
Recent post tanpa tumbnail
Bagaimana? Cukup muda bukan cara menciptakan widget recent post menurut label di blogger. Jangan lupa juga untuk membuat widget label yang menarik biar pengunjung betah berlama usang diblog anda. Terimakasih telah berkunjung ke www.bloggerkoplo.com. Salam koplo.

0 Komentar untuk "Cara Menciptakan Widget Recent Post Menurut Label Di Blogger"

Back To Top