widget label, widget postingan populer, dan widget postingan terbaru menurut label.
Dari ketiga itu yang paling membantu yakni widget postingan terbaru menurut label. Karena kita memberi fasilitas pengunjung dalam mengunjungi postingan terbaru per label. Ini juga akan menghipnotis lamanya pengunjung mengunjungi blog anda. Saya contohkan begini, anda sedang membaca artikel disebuah blog, sesudah final membaca artikel tersebut, dan melihat widget postingan terbaru menurut label. Otomatis anda akan tertarik untuk membaca postingan tersebut. Kaprikornus anda akan lebih usang mengunjungi blog tersebut.
Cara menciptakan widget recent post menurut label di blogger
Mengingat efek 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 bila 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 sajian 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/j4vascript'> var numposts = 5; var showpostthumbnails = true; var showpostdate = false;</script> <script type='text/j4vascript'> //<![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/AVvXsEi_zs6xwcdUsDrqEYrFDM2FkQk2w4-9DjJm7hhI6L6pFnNU86Bg9miUGlcw681cKt35aJKuIgdiG60rH1WIM3P4ve8KtL8evj2Kwt0yY-BOxtMOL6zNviYeVl5OuzSRp2WirqXq6VqxI2SA/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 :Setelah isyarat sudah anda terapkan dengan benar silahkan klik simpan tema.
-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.
3. Setelah itu, silahkan masuk ke sajian 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&alt=json-in-script&callback=rcentbytag\"><\/script>");} </script>
Keterangan :Setelah itu klik simpan. Dan lihat blog anda. Kira kira jadinya akan menjadi ibarat ini
Ganti kata template dengan nama label blog anda. Kalian harus memperhatikan penggunaan abjad besar dan abjad 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”.
![]() |
Recent post dengan tumbnail |
![]() |
Recent post tanpa tumbnail |
Sumber http://www.bloggerkoplo.com/