Telolet Apps: Cara Membuat Widget Berdasarkan Label di Blog

Friday, February 24, 2017

Cara Membuat Widget Berdasarkan Label di Blog

Cara Membuat Widget Berdasarkan Label di Blog

Tutorial Cara Membuat Widget Berdasarkan Label di Blogger

Widget berdasarkan label memang sangat penting untuk suatu Blog, apalagi Blog khusus share Game Android, tentu sangat dibutuhkan.

Biasanya Blog khusus Game Android akan menyediakan label posting khusus "Game Android Paling di Cari, Game Android Terpopuler" dan masih banyak lagi.

Untuk Blog yang bukan khusus share game juga bisa, terserah bebas mau Blog yang tidak berkategori seperti Blog saya saat ini juga sangat bisa.

Cara Memasang Widget Berdasarkan Label di Blogspot dibawah ini:

- Copy terlebih dahulu kode Widget dibawah ini

<style><br>img.recent_thumb {padding:1px;width:72px;height:72px;border:0; float:left;margin:0 10px 5px 1px;}.recent_posts_with_thumbs {float: right;width: 100%;min-height: 72px;margin: 5px 10px 5px 0px;padding: 0;font-size:12px;}ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:72px;}.recent_posts_with_thumbs a {text-decoration:none;}.recent_posts_with_thumbs strong {font-size:10px;} </style><br><script><br>function showrecentpostswiththumbs(json) {document.write(<ul class="recent_posts_with_thumbs">); 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++){<br>if(entry.link[k].rel==replies&&entry.link[k].type==text/html){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}<br>if (entry.link[k].rel == alternate) {posturl = entry.link[k].href;break;}}var thumburl;try {thumburl=entry.media$thumbnail.url;}catch (error)<br>{<br>s=entry.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!="")){<br>thumburl=d;} else thumburl=http://lh4.ggpht.com/_IjrRiI_bVb0/TOCYn1fMjII/AAAAAAAAF24/5Fvv-HJqh74/loading-2.gif;<br>}<br>var postdate = entry.published.$t;var cdyear = postdate.substring(0,4);var cdmonth = postdate.substring(5,7);var cdday = postdate.substring(8,10);var monthnames = new Array();monthnames[1] = "Jan";monthnames[2] = "Feb";monthnames[3] = "Mar";monthnames[4] = "Apr";monthnames[5] = "May";monthnames[6] = "Jun";monthnames[7] = "Jul";monthnames[8] = "Aug";monthnames[9] = "Sep";monthnames[10] = "Oct";monthnames[11] = "Nov";monthnames[12] = "Dec";document.write( <li class="clearfix">);<br>if(showpostthumbnails==true)<br>document.write(<img class="recent_thumb" src="+thumburl+"/>);<br>document.write(<b>+posttitle+</b><br>);<br><br>    if ("content" in entry) {<br>      var postcontent = entry.content.$t;}<br>    else<br>    if ("summary" in entry) {<br>      var postcontent = entry.summary.$t;}<br>    else var postcontent = "";<br>    var re = /<S[^>]*>/g;<br>    postcontent = postcontent.replace(re, "");<br>if (showpostsummary == true) {<br>      if (postcontent.length < numchars) {<br>          document.write(<i>);<br>         document.write(postcontent);<br>          document.write(</i>);}<br>      else {<br>          document.write(<i>);<br>         postcontent = postcontent.substring(0, numchars);<br>         var quoteEnd = postcontent.lastIndexOf(" ");<br>         postcontent = postcontent.substring(0,quoteEnd);<br>         document.write(postcontent + ...);<br>          document.write(</i>);}<br>}<br><br>var towrite=;var flag=0;<br>document.write(<br><b>);<br><br>if(showpostdate==true) {towrite=towrite+monthnames[parseInt(cdmonth,10)]+-+cdday+ - +cdyear;flag=1;}<br><br>if(showcommentnum==true)<br>{<br>if (flag==1) {towrite=towrite+ | ;}<br>if(commenttext==1 Comments) commenttext=1 Comment;<br>if(commenttext==0 Comments) commenttext=No Comments;<br>commenttext = +commenttext+;<br>towrite=towrite+commenttext;<br>flag=1;<br>;<br>}<br><br>if(displaymore==true)<br>{<br>if (flag==1) towrite=towrite+ | ;<br>towrite=towrite+Read more»»;<br>flag=1;<br>;<br>}<br>document.write(towrite);<br>document.write(</b></li>);<br>if(displayseparator==false)<br>if (i!=(numposts-1))<br>document.write(<hr color="#d9f1fa" size=0.5>);<br>}document.write(</ul>);<br><br>}<br></script><br><script><br>var numposts = 5;var showpostthumbnails = true;var displaymore = false;var displayseparator = true;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 100;<br></script><script src="http://k0k0h.blogspot.com/feeds/posts/default/-/Game%20Android?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs"><br></script><div class="clear"/></div>

Ganti "k0k0h" dengan alamat Blog kalian masing-masing.
Ganti "Game%20Android%20Terpopuler" dengan nama label/kategori kalian (jangan dihapus %20 jika nama label kalian hanya satu kata).
"var numposts = 5" adalah jumlah posting yang ditampilkan, jadi ganti no 5-nya saja.

- Kemudian menuju menu Tata Letak.

- Klik Tambahkan Gadget.

- Setelah itu tambahkan HTML/JavaScript.

- Terakhir pastekan kode Widget yang kalian copy diatas tadi didalam kolom yang sudah disediakan, klik Simpan.

Available link for download

download
alternative link download