2013

Widget Artikel Perlabel Dengan Thumbnail

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2Tdr8jjbAcyhHYRN01G0MS4tXlfpXL8g9dVuFdQe8K2TivZcSI6QpQl7073_B2uPBWIkeqmn2jTm4NWnXPHM7J-Lb-jiuzJlI_jRpbwu4aTQYt6ItQybi4qKKFBbr0MKOAbuma1soYmZI/s1600/Capture.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Widget Artikel Perlabel Dengan Thumbnail" border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2Tdr8jjbAcyhHYRN01G0MS4tXlfpXL8g9dVuFdQe8K2TivZcSI6QpQl7073_B2uPBWIkeqmn2jTm4NWnXPHM7J-Lb-jiuzJlI_jRpbwu4aTQYt6ItQybi4qKKFBbr0MKOAbuma1soYmZI/s400/Capture.PNG" title="Widget Artikel Perlabel Dengan Thumbnail" width="323" /></a></div>Widget Artikel Perlabel Dengan Thumbnail | Lama banget, ngisi nih rumah, sampai - sampai banyak sarang laba - laba juga kecoak keliaran disini. Yah, gimana lagi rumah jauh dari kota, ga ada internet, mau jalan ke kota harus menempuh jalan 10km, aduh aduh,,ini di warnet malah basah kuyup, sorry tadi kehujanan. Sebelum main DOTA, ada request dari teman, masalah Widget Artikel Perlabel Dengan Thumbnail. Sebelum nyimak, siapin warkey dulu ah...<br /><br />Widget Artikel Perlabel Dengan Thumbnail - biasanya di pakai untuk membuat atau membagi artikel yang akan display di homepage sesuai kategori. Banyak blogger yang kurang tertarik pakai beginian, mungkin mereka lebih suka dan simple pakai label bawaan blogger atau arsip, tapi jika dilihat dari segi penampilan blog, cara ini sangat menarik kenapa, blog akan berpenampilan Megazine (Majalah) yang namanya tampilan majalah yang saya tahu pasti keren.<br /><br />Letakkan di atas <b>]]></b:skin></b><br /><br /><pre>img.label_thumb{float:left;border:1px solid #8f8f8f;background:#D2D0D0;margin-right:10px;height:<b><span style="color: blue;">60</span></b>px;width:<span style="color: blue;"><b>60</b></span>px;padding:2px}<br /><br />img.label_thumb:hover{background:#f7f6f6}<br /><br />.label_with_thumbs{float:left;width:100%;min-height:70px;margin:0 5px 2px 0}<br /><br />ul.label_with_thumbs li{min-height:65px;margin:2px 0;padding:4px 0}</pre><br />Letakan di atas </head><br /><br /><pre><script type='text/javascript'><br /><br />//<![CDATA[<br /><br />function labelthumbs(json){document.write('<ul <br />class="label_with_thumbs">');for(var i=0;i<numposts;i++){var <br />entry=json.feed.entry[i];var posttitle=entry.title.$t;var <br />posturl;if(i==json.feed.entry.length)break;for(var <br />k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var<br /> commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}<br /><br />if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}var<br /> 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!="")){thumburl=d;}else<br /> <br />thumburl='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicIOZtsMrb-McNiRbKmWxQueZ5-jUWEBZJdUmtJMZ2zarHy3YTg4eCoCwh7B9VnuJg0M4QhSbFHZS4emHNDDmiC-nv5JLAYFMVrVSrHj80M6GKsiZenwdtP3pFd0SJnKrarSSbkjhC3xSy/';}<br /><br />var postdate=entry.published.$t;var cdyear=postdate.substring(0,4);var <br />cdmonth=postdate.substring(5,7);var cdday=postdate.substring(8,10);var <br />monthnames=new <br />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<br /> class="clearfix">');if(showpostthumbnails==true)<br /><br />document.write('<a href="'+posturl+'" target ="_top"><img <br />class="label_thumb" <br />src="'+thumburl+'"/></a>');document.write('<strong><a <br />href="'+posturl+'" target <br />="_top">'+posttitle+'</a></strong><br>');if("content"in<br /> entry){var postcontent=entry.content.$t;}<br /><br />else<br /><br />if("summary"in entry){var postcontent=entry.summary.$t;}<br /><br />else var postcontent="";var <br />re=/<\S[^>]*>/g;postcontent=postcontent.replace(re,"");if(showpostsummary==true){if(postcontent.length<numchars){document.write('');document.write(postcontent);document.write('');}<br /><br />else{document.write('');postcontent=postcontent.substring(0,numchars);var<br /> quoteEnd=postcontent.lastIndexOf(" <br />");postcontent=postcontent.substring(0,quoteEnd);document.write(postcontent+'...');document.write('');}}<br /><br />var towrite='';var <br />flag=0;document.write('<br>');if(showpostdate==true){towrite=towrite+monthnames[parseInt(cdmonth,10)]+'-'+cdday+'<br /> - '+cdyear;flag=1;}<br /><br />if(showcommentnum==true)<br /><br />{if(flag==1){towrite=towrite+' | ';}<br /><br />if(commenttext=='1 Comments')commenttext='1 Comment';if(commenttext=='0 <br />Comments')commenttext='No Comments';commenttext='<a <br />href="'+commenturl+'" target <br />="_top">'+commenttext+'</a>';towrite=towrite+commenttext;flag=1;;}<br /><br />if(displaymore==true)<br /><br />{if(flag==1)towrite=towrite+' | ';towrite=towrite+'<a <br />href="'+posturl+'" class="url" target ="_top">More <br />»</a>';flag=1;;}<br /><br />document.write(towrite);document.write('</li>');if(displayseparator==true)<br /><br />if(i!=(numposts-1))<br /><br />document.write('');}document.write('</ul>');}<br /><br />//]]><br /><br /></script><br /></pre><br />Kalau pengen pakai yang udah di kompresi...letakkan di atas kode </head>.<br /><br /><pre><script src='http://yourjavascript.com/425111422721/label.js' type='text/javascript'/></pre><br />Simpan Template. Lalu kita masuk ke Layout Pilih Gadget kemudian pilih HTML/Javascript.<br />Sekarang kamu masukkan kode di bawah ini di dalam gadget anda..<br /><br /><pre><script type='text/javascript'>var numposts = 4;var showpostthumbnails = true;var displaymore = false;var displayseparator = true;var showcommentnum = true;var showpostdate = true;var showpostsummary = false;var numchars = 60;</script><br /><br /><script type="text/javascript" src="http://<span style="color: red;">URL BLOG</span>/feeds/posts/default/-/<span style="color: red;">LABEL BLOG ANDA</span>?orderby=updated&alt=json-in-script&callback=labelthumbs"></script><br /><br /><script type="text/javascript"><br />function recentpostslist(json) {<br /> document.write('<ul>');<br /> for (var i = 1; i < json.feed.entry.length; i++)<br /> {<br />    for (var j = 1; j < json.feed.entry[i].link.length; j++) {<br />      if (json.feed.entry[i].link[j].rel == 'alternate') {<br />        break;<br />      }<br />    }<br />var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";//bs<br />var entryTitle = json.feed.entry[i].title.$t;<br />var item = "<li>" + "<a href="+ entryUrl + '" target="_blank">' + entryTitle + "</a> </li>";<br /> document.write(item);<br /> }<br /> document.write('</ul>');<br /> }<br /></script><br /><a href="<span style="color: red;">URL LABEL ANDA</span>" style="float:right;font:normal 11px Coda;padding:5px 0;">More on this category &#187;</a></pre><br />Okey, udah beginian aja ya....<br /><br />Lihat demonya...<br /><div style="text-align: center;"><br /></div><div style="text-align: center;"><a class="button" href="http://www.bocahit.com/2013/09/template-blogger-responsive-mega-akb48.html" target="_blank">Mega AKB48 </a>         <a class="button" href="http://www.bocahit.com/2013/10/template-blogger-responsive-mega-jkt48.html" target="_blank">Mega JKT48 </a></div>

Widget Artikel Perlabel Dengan Thumbnail

Widget Artikel Perlabel Dengan Thumbnail | Lama banget, ngisi nih rumah, sampai - sampai banyak sarang laba - laba juga kecoak keliaran disi...