Notification

×
Ingin Mencari Artikel?
✓ Tersedia berbagai artikel yang dapat menambah wawasan Anda.

Kategori Berita

TRENDING TERKINI

Adsense Responsif

TAG TERPOPULER SAAT INI

Cara mudah membuat label pada blog

18 Januari 2014 | 19:13 WIB Last Updated 2021-08-02T18:21:17Z
Bantu Subscribe ya?
Subscribe
Credit img: freepik.com

Mempunyai label pada blog lebih berguna untuk membuat pengunjung merasa nyaman berkunjung ke blog kita karena dengan adanya label maka pengunjung lebih mudah untuk mencari dan membaca artikel yang kita posting sehingga blog kita secara otomatis trafficnya meningkat. Nah, disini saya berikan langkah mudah untuk membuat label pada blog.

Login ke blogger>Template>Edit Html
Cari kode ]]></b:skin> (supaya cepat gunakan CRL+F )
Bila sudah ketemu, copy paste kode dibawah ini diatas kode ]]></b:skin> 

img.label_thumb{float:left;border:1px solid #8f8f8f;background:#D2D0D0;margin-right:10px;height:60px;width:60px;padding:2px}
img.label_thumb:hover{background:#f7f6f6}
.label_with_thumbs{float:left;width:100%;min-height:70px;margin:0 5px 2px 0}
ul.label_with_thumbs li{min-height:65px;margin:2px 0;padding:4px 0} 


Cari  kode </head>
Copy paste juga kode di bawah ini tepat di atas kode </head>

<script type='text/javascript'>
//<![CDATA[
function labelthumbs(json){document.write('<ul class="label_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++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}
if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}var thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error)
{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 thumburl='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl2Brf3L3Yv2kz-tBj5nefZ6dZYfuvizhIArmKOKBXZ7sguTyZ0krbAg8Wmad8R-D7jPuT777HNlMVLL0-Yv4rUMw_pPMc7W96I7RuMeq46_IGXLluwiut9JnG3sQ5-fMpIvLTyuX0H168/';}
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">');if(showpostthumbnails==true)
document.write('<a href="'+posturl+'" target ="_top"><img class="label_thumb" src="'+thumburl+'"/></a>');document.write('<strong><a href="'+posturl+'" target ="_top">'+posttitle+'</a></strong><br>');if("content"in entry){var postcontent=entry.content.$t;}
else
if("summary"in entry){var postcontent=entry.summary.$t;}
else var postcontent="";var re=/<\S[^>]*>/g;postcontent=postcontent.replace(re,"");if(showpostsummary==true){if(postcontent.length<numchars){document.write('');document.write(postcontent);document.write('');}
else{document.write('');postcontent=postcontent.substring(0,numchars);var quoteEnd=postcontent.lastIndexOf(" ");postcontent=postcontent.substring(0,quoteEnd);document.write(postcontent+'...');document.write('');}}
var towrite='';var flag=0;document.write('<br>');if(showpostdate==true){towrite=towrite+monthnames[parseInt(cdmonth,10)]+'-'+cdday+' - '+cdyear;flag=1;}
if(showcommentnum==true)
{if(flag==1){towrite=towrite+' | ';}
if(commenttext=='1 Comments')commenttext='1 Comment';if(commenttext=='0 Comments')commenttext='No Comments';commenttext='<a href="'+commenturl+'" target ="_top">'+commenttext+'</a>';towrite=towrite+commenttext;flag=1;;}
if(displaymore==true)
{if(flag==1)towrite=towrite+' | ';towrite=towrite+'<a href="'+posturl+'" class="url" target ="_top">More »</a>';flag=1;;}
document.write(towrite);document.write('</li>');if(displayseparator==true)
if(i!=(numposts-1))
document.write('');}document.write('</ul>');}
//]]>
</script>  


Selanjutnya pilih >tambah gadget>HTML/JAVASCRIPT
Copy paste kode dibawah ini

 <script type='text/javascript'>var numposts = 1;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 60;</script>
<script type="text/javascript" src="/feeds/posts/default/-/news?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>
<script type="text/javascript">
function recentpostslist(json) {
 document.write('<ul>');
 for (var i = 1; i < json.feed.entry.length; i++)
 {
    for (var j = 1; j < json.feed.entry[i].link.length; j++) {
      if (json.feed.entry[i].link[j].rel == 'alternate') {
        break;
      }
    }
var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";//bs
var entryTitle = json.feed.entry[i].title.$t;
var item = "<li>" + "<a href="+ entryUrl + '" target="_blank">' + entryTitle + "</a> </li>";
 document.write(item);
 }
 document.write('</ul>');
 }
</script>
<script src="http://lukman-s.blogspot.com/feeds/posts/summary/-/Bogging?max-results=6&alt=json-in-script&callback=recentpostslist"></script>
<a href="http://lukman-s.blogspot.com/search/label/Bogging" style="float:right;font:normal 11px Arial;padding:5px 0;">More on this category &#187;</a>


Simpan dan Selesai.

NB: untuk yang berwarna biru selahkan ganti alamat URL blog anda.

Sekian tutorial saya dalam cara mudah membuat label blog. Semoga bermanfaat dan selamat mencoba.
Jika artikel ini bermanfaat jangan lupa bantu kami dengan cara klik "LIKE" atau "SHARE" ya, terima kasih.

Ingin cari Loker?
Yakin tidak mau baca ini?
Komentar Anda
Rekomendasi Untuk Anda × +