Cara Membuat Widget Postingan Paling Banyak Dikomentari

Salah satu kriteria dari sebuah postingan yang berkualitas adalah postingan yang paling banyak dikomentari oleh pengunjung blog kita. Dengan banyak dikomentari berarti mereka merasa artikel yang telah kita buat adalah artikel yang bermanfaat bagi mereka.

Pada kesempatan kali ini saya akan membagikan sebuah tutorial untuk membuat widget artikel yang paling banyak dikomentari oleh pengunjung blog kita. Javascript dari widget ini dibuat oleh salah seorang blogger yaitu Nitin Maheta dan jika ingin mengunjungi blognya silahkan buka makingdifferent.com.

Kenapa Harus Memasang Widget Artikel Yang Paling Banyak Dikomentari Ini?

Tentunya sorang pengunjung di blog anda akan lebih tertarik untuk membaca artikel kita yang banyak mendapatkan respon dari pengunjung kita yang lainnya. Umumnya widget ini dipasang pada blog yang menggunakan wordpress.org, namun anda bisa saja memasangnya di blogspot anda.

Cara Membuat Widget Postingan Paling Banyak Dikomentari

Jika anda ingin memasang widget ini di blog anda, anda cukup mengikuti beberapa langkah mudah yang ada di bawah ini :

Langkah 1 : Login Ke Blogger >> Dashboard

Langkah 2 : Silahkan pilih menu Tata Letak >> Tampahkan Gadget (Add Gadget)

Langkah 3 : Pilih HTML / Javascript

Langkah 4 : Masukkan kode javascript di bawah ini di kotak yang keluar

<script language='JavaScript'>
aBold = false;
MDnumbposts=200;
MDmaxsshowresult=10;
home_page = "http://www.alamatbloganda.com/";
</script>
<script src='http://makingdifferent.github.com/blogger-widgets/Most-commented-posts.js' type='text/javascript'></script>

Langkah 5 : Simpan

Untuk customisasinya :

• Silahkan ganti www.alamatbloganda.com dengan URL blog anda, misalkan cofeemix.blogspot.com (Wajib diganti dengan alamat blog anda). 
• 200 merupakan jumlah postingan yang ada di blog anda, anda bisa menggantinya sesuai dengan jumlah postingan blog anda
• 10 merupakan jumlah postingan yang di tampilkan di widget tersebut dan kita bisa menggantinya sesuai dengan keinginan kita sendiri.

Nah, selamat mencoba dan jangan lupa tinggalkan komentar jika anda sudah bisa memasangnya di blog anda. Semoga bermanfaat.

Tags: Comment Widget → widget

Cara Membuat Widget Postingan Paling Banyak Dikomentari

By Unknown →

Cara Membuat Kotak Search Di Blogger

Cara Membuat Kotak Search Di Blog - Hari ini saya ingin membagikan sebuah tutorial untuk teman-teman blogger sekalian. Khususnya untuk teman-teman blogger yang ingin membuat kotak pencarian pada blogger/blogspot blog.

Mungkin ada yang kurang jika kita tidak menambahkan fitur yang satu ini ke blog kita. Karena dengan menambahkan kotak search di blog kita, pengunjung akan dengan mudah mencari artikel yang mereka cari dengan memasukkan sebuah kata kunci di dalamnya.

Kita tidak perlu repot-repot untuk menambahkan search box pada blog kita, cukup mudah dengan mengikuti tutorial di bawah ini :

Cara Membuat Search Box Pada Blog

Langkah 1 : Masuk ke akun blogger >> Dashboard

Langkah 2 :Kemudian pilih Tata Letak >> Tambahkan Gadget / Add Gadget

Langkah 3 : Pilih HTML / Javascript

Langkah 4 : Masukkan kode di bawah ini ke kotak pop up yang keluar !

<form action="/search" style="display:inline;" method="get">
<input id="s" name="q" type="search" placeholder="Cari Artikel Di Blog Ini"/>
</form>
<style>
#s {
    margin: 0 auto;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 12px 48px 12px 12px;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    border-radius: 200px;
 width: 300px;
    height: 16px;
    color: #3a4449;
    border: none;
    outline: none;
    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.3), 0 2px 0 rgba(255,255,255,.3), inset 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 0 1px rgba(0,0,0,.3), 0 2px 0 rgba(255,255,255,.3), inset 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 0 0 1px rgba(0,0,0,.3), 0 2px 0 rgba(255,255,255,.3), inset 0 1px 2px rgba(0,0,0,.2);
 position: relative;
    z-index: 2;
    background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9DoHRxHLu-Tc9WZp7LGI8AbGi3pMO7L_L3N0xkTQxuxm5FQ-inNfuh1DI24Ric5daVb7xv6WkZyVLQXxbgpH1JzZEfu6SbRIDm8YqeSSsTx-ORtGaYLRURodZGHEuCVjGPpDwFx7qL8Y/s1600/Search.png) center right no-repeat;
}
#s::-webkit-input-placeholder, #s:-moz-placeholder {
    color: #607078;
}
</style>

Langkah 5 : Klik Simpan

Sekarang kalau sudah selesai silahkan lihat blog anda. Untuk mengatur lebarnya silahkan anda ganti 300px pada kode di atas. Semoga artikel tutorial yang singkat ini bisa membantu anda. Jika anda ingin mendapatkan update tutorial-tutorial blogger lainnya silahkan klik di sini.

Tags: widget

Cara Membuat Kotak Search Di Blogger

By Unknown →

Cara Membuat Related Post Keren Disertai Gambar Dan Tooltips

Membaca judul postingan di atas kamu pasti akan langsung tertarik. Iya memang pada kesempatan kali ini aku akan membagikan tutorial untuk membuat related post atau yang sering juga disebut dengan artikel terkait yang keren.

Kenapa kok bisa keren? Karena related post yang satu ini tampil dengan hanya gambar postingan dengan disertai tooltips. Penasaran bagaimana jadinya nanti jika sudah selesai untuk membuatnya? Kalau mau ngintip jadinya nanti seperti apa silahkan lihat gambar di bawah ini :

Dengan menambahkan artikel terkait pada blog, kita bisa mengurangi tingkat bounce rate di blog kita. Dan tentunya membuat pengunjung di blog kita betah untuk membaca artikel-artikel kita yang lainnya. Biar artikel yang sudah kita buat susah-susah di blog kita ada yang baca.

Cara Membuat Related Post Keren

Langkah 1 : Masuk ke akun Blogger >> Dashboard

Langkah 2 : Pilih Template >> Edit HTML ( Centang Expand Widget Template )

Langkah 3 : Cari kode di bawah ini  (Gunakan CTRL + F untuk mempermudah):

]]></b:skin>

Jika sudah ketemu kode di atas, kemudian masukkan kode CSS di bawah ini tepat di atas kode ]]></b:skin>

/* Related Post Dengan Tooltips Membuat Blog Keren --- */
.related-post .post-thumbnail {
z-index: 1; position: relative;
width: 108px;
height: 108px;
margin: 0; display: block;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 2px 2px 5px #444;
-moz-box-shadow: inset 2px 2px 5px #444;
box-shadow: inset 2px 2px 5px #555;
}
.related-post {
float: left; position: relative;
width: 108px;
height: 108px;
margin: 0 10px 10px 0;
background: #F6F6F6;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.related-post .related-post-title {
display: none;float: left; background: #00B366;
color: #fff;
text-shadow: none;
font-weight: bold;
padding: 10px;
position: absolute;
top: -20px;
left: 40px;
z-index: 2;
width: 200px;
-webkit-box-shadow: 0 0 2px #444;
-moz-box-shadow: 0 0 2px #444;
box-shadow: 0 0 2px #444;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.related-post:hover .related-post-title {display: block;}

Langkah 4 : Carilah kode yang kira kira seperti yang ada di bawah ini :

<div class='post-footer'>
    <div class='post-footer-line post-footer-line-1'/>
      <div class='post-footer-line post-footer-line-2'/>
      <div class='post-footer-line post-footer-line-3'/>
    </div>
  </div

Langkah 5 : Kemudian kalau sudah ketemu kode seperti di atas masukkan kode HTML di bawah ini di bawah <div class='post-footer-line post-footer-line-1'/> atau di bawah  <div class='post-footer-line post-footer-line-2'/>.

<div id='related-posts'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>//<![CDATA[
var ry='<h3>Related Posts</h3>';rn='<h3>&nbsp;&nbsp;&nbsp;No related post available</h3>';rcomment='comments';rdisable='disable comments';commentYN='no';
var dw='';titles=new Array();titlesNum=0;urls=new Array();timeR=new Array();thumb=new Array();commentsNum=new Array();comments=new Array();function related_results_labels(c){for(var b=0;b<c.feed.entry.length;b++){var d=c.feed.entry[b];titles[titlesNum]=d.title.$t;for(var a=0;a<d.link.length;a++){if('thr$total' in d){commentsNum[titlesNum]=d.thr$total.$t+' '+rcomment}else{commentsNum[titlesNum]=rdisable};if(d.link[a].rel=="alternate"){urls[titlesNum]=d.link[a].href;timeR[titlesNum]=d.published.$t;if('media$thumbnail' in d){thumb[titlesNum]=d.media$thumbnail.url}else{thumb[titlesNum]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_kiFiz-mr21jkjyv-Bt4yqYq9nxN8orinUm7YmmpGFvM0RS8Hqk0YnLgeRBemFUMRYRvD-00N6isluJPPtlnsrxuFRHsgVpmm_RUgF-crV1puBYzwYvQrhdETHyL5D1rIXhGCKhLb3GX9/'};titlesNum++;break}}}}function removeRelatedDuplicates(){var b=new Array(0);c=new Array(0);e=new Array(0);f=new Array(0);g=new Array(0);for(var a=0;a<urls.length;a++){if(!contains(b,urls[a])){b.length+=1;b[b.length-1]=urls[a];c.length+=1;c[c.length-1]=titles[a];e.length+=1;e[e.length-1]=timeR[a];f.length+=1;f[f.length-1]=thumb[a];g.length+=1;g[g.length-1]=commentsNum[a]}}urls=b;titles=c;timeR=e;thumb=f;commentsNum=g}function contains(b,d){for(var c=0;c<b.length;c++){if(b[c]==d){return true}}return false}function printRelatedLabels(a){var y=a.indexOf('?m=0');if(y!=-1){a=a.replace(/\?m=0/g,'')}for(var b=0;b<urls.length;b++){if(urls[b]==a){urls.splice(b,1);titles.splice(b,1);timeR.splice(b,1);thumb.splice(b,1);commentsNum.splice(b,1)}}var c=Math.floor((titles.length-1)*Math.random());var b=0;if(titles.length==0){dw+=rn}else{dw+=ry;dw+='<div class="clear"/></div><ul>';while(b<titles.length&&b<20&&b<maxresults){if(y!=-1){urls[c]=urls[c]+'?m=0'}if(commentYN=='yes'){comments[c]=' - '+commentsNum[c]}else{comments[c]=''};dw+='<div class="related-post"><div class="related-post-title">'+titles[c]+'</div><a href="'+urls[c]+'" rel="nofollow"><img border="0" class="post-thumbnail" alt="'+titles[c]+'" src="'+thumb[c]+'"/></a></div></div>';if(c<titles.length-1){c++}else{c=0}b++}dw+='</ul>'};urls.splice(0,urls.length);titles.splice(0,titles.length);document.getElementById('related-posts').innerHTML=dw};
//]]></script>
<b:loop values='data:post.labels' var='label'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&quot;' type='text/javascript'/>
</b:loop>
<script type='text/javascript'>var maxresults=5;removeRelatedDuplicates();printRelatedLabels(&#39;<data:post.url/>&#39;);</script>
</b:if>
</div>
<div class='clear'/>

Untuk mengeditnya baca keterangan di bawah ini :

• Untuk menampilkan jumlah artikel yang terkait, kita cukup untuk mengganti angka 5 pada maxresults=5 dengan jumlah yang kita inginkan.
• Untuk mengganti tinggi dan lebar dari gambar yang muncul cukup ganti 108px dengan lebar atau tinggi yang kita inginkan

Nah, itu saja sudah selesai. Sekarang silahkan klik "Save Template" kemudian lihat hasilnya. Bagaimana sobat? Apa kamu ada kesulitan?

Tags: widget → widget artikel terkait

Cara Membuat Related Post Keren Disertai Gambar Dan Tooltips

By Unknown →

Cara Membuat Widget Top Commentators Pada Blogger

Salah satu hal yang biasa kita gunakan untuk mencari pengunjung untuk blog yang kita miliki adalah dengan berkomentar di blog orang lain. Selain bisa menjalin tali silaturahmi dengan blogger-blogger lain kita juga bisa mendapatkan banyak ilmu yang lebih jika kita sering meninggalkan komentar pada blog lainnya.

Untuk blog kamu yang belum mempunyai banyak komentar, widget yang satu ini patut kamu pasang di blog kamu. Iya, memang widget ini akan menampilkan komentator terbanyak yang telah bersedia untuk meninggalkan komentar di blog anda.

Dengan memasang widget top commentators / atau komentator terbanyak, maka akan menambah minat dari pengunjung blog anda untuk meninggalkan komentar di blog anda. Selain bisa nampang jika kebetulan mereka lah yang menjadi komentator terbanyak.

Nggak usah lama-lama (Padahal sudah lama sekali) berikut ini tutorialnya :

Cara Membuat Widget Top Commentator Pada Blogger Blog

Berikut ini adalah cara yang sangat mudah untuk anda ikuti,

Langkah 1 : Masuk ke blogger >> Dashboard >> Tata Letak

Langkah 2 : Kemudian Pilih Tambahkan Gadget >> HTML Javascripts

Langkah 3 : Masukkan kode di bawah ini ke kotak yang muncul

<!-- Top commentators widget v1 Start -->
<script type="text/javascript">
function getYpipe(feed) {
 document.write('<ol>');
 var i;
 for (i = 0; i < feed.count ; i++)
 {
 var href = "'" + feed.value.items[i].link + "'";
 if(feed.value.items[i].link == "")
var item ="<li>" + feed.value.items[i].title + "</li>";
else
var item = "<li>" + "<a href="+ href + '" target="_blank">' + feed.value.items[i].title + "</a> </li>";
 document.write(item);
 }
 document.write('</ol>');
 }
 </script>
 <script src="http://pipes.yahoo.com/pipes/pipe.run?
 YourBlogUrl=http://www.cofeemix.com
 &ExcludedNick1=bayu prasetyo
 &ExcludedNick2=
 &ShowHowMany=10
 &_callback=getYpipe
 &_id=23022d7836bf2dd3c10a329feb9be26a
 &_render=json"
type="text/javascript"></script>
<!-- Top commentators widget End -->

Sebelum menyimpannya lakukan beberapa modifikasi. Hal yang perlu kamu modifikasi adalah :

• Ganti www.cofeemix.com dengan alamat blog yang sobat miliki.
• Jika kita tidak mau untuk menampilkan nama kita sendiri ke dalam lis top commentators silahkan ganti bayu prasetyo dengan nama anda. Jika kita ingin menambahkan nama lain misalnya anonyms agar tidak dihitung silahkan tambahkan setelah &ExcludedNick2=
• Untuk 10 merupakan jumlah orang yang akan ditampilkan di dalam widget top commentators yang sedang anda buat.

Jika kamu sudah selesai untuk mengedit semuanya, silahkan pilih SIMPAN kemudian lihatlah hasilnya !

Tags: widget

Cara Membuat Widget Top Commentators Pada Blogger

By Unknown →

Widget Yang Harus Ada Di Blog

Kamu sekalian pasti tahu apa yang dimaksud dengan widget, kalau dalam tampilan blogger dasboard blogger yang baru adalah gadget. Gadget adalah plug in tambahan yang menunjang performa blog kamu.

Jika kamu adalah blogger yang ingin serius ngeblog, maka untuk memilih widget ini juga akan menjadi sebuah pertimbangan untuk kamu. Maka dari itu kamu juga harus belajar bijaksana untuk memilih widget yang ada dalam blog kamu. Jika kamu menambahkan banyak sekali widget di dalam blog kesayangan kamu, maka imbasnya blog kamu akan menjadi berat untuk di load. Bahasa mudahnya loadingnya lama.

Baca juga : Fitur Yang Harus Ada Pada Blog

Kenapa sih harus menambahkan widget/gadget ke dalam blog?

Widget ini mempunyai beberapa fungsi. Fungsi yang paling dominan adalah untuk memaksimalkan performa dan fungsi dari blog yang kamu miliki. Selain itu, beberapa widget juga akan menunjang penampilan blog yang kamu miliki.

Banyak sekali widget yang bisa kamu pasang dengan mudah di blog kamu. Dan beberapa orang pun sudah banyak yang berkreatifitas untuk menciptakan widget-widget baru. Sebenarnya ini hanyalah pelengkap saja di dalam blog, namun juga mempunyai fungsi yang sangat vital.

Apa Saja Sih Yang Harus Ada Dalam Blog?

Jika kamu mempunyai blog, entah itu menggunakan wordpress, blogger ataupun yang lainnya, berikut ini adalah widget yang harus ada atau wajib ada di dalam blog kamu. Apalagi jika bagi kamu yang sedang mencari uang melalui blog.

Widget Berlangganan/ Subscription Widget

Widget berlangganan ini adalah widget yang paling dasar yang harus kamu punyai. Fungsi utama dari widget ini adalah untuk mempermudah pengunjung blog kamu untuk berlangganan artikel kamu. Entah itu mau berlangganan update melalui facebook, email, twitter atau menggunakan yang lainnya. 

Dengan memasang widget ini, kamu akan mempunyai atau membentuk sebuah pengunjung tetap yang akan datang ketika mereka tertarik dengan artikel yang kamu miliki. Dan jika mereka sangat senang dengan artikel yang sedang anda tulis, maka mereka akan menjadi pembaca yang loyal. Berikut adalah cara untuk membuat widget berlangganan artikel pada blog.

Popular Post / Artikel Populer

Untuk pembaca baru blog yang kamu miliki, pasti mereka ingin mengetahui tulisan terbaik yang pernah kamu tulis untuk mengukur kemampuan menulis anda sebagai seorang blogger. Dan bagaimana mengetahui tulisan itu terbaik menurut pengunjung blog kamu? Caranya paling mudah adalah dengan mengukur berapa banyak halaman tersebut dibuka dan dibaca oleh pengunjung blog kamu yang lainnya.

Cara lain untuk mengtahui tulisan yang bagus dan bermanfaat adalah dengan melihat berapa banyak tulisan tersebut dikomentari oleh pengunjung blog kamu. Maka dari itu kamu bisa menambahkan juga widget komentar terakhir di blog kamu.

Dari alasan diatas, kita tahu betapa pentingnya widget ini untuk ada di dalam blog kamu. Maka saya sangat menganjurkan kepada kamu agar memasang widget popular post pada blog yang kamu miliki.

Related Post / Artikel Terkait

Artikel terkait merupakan widget yang biasanya ada di bawah postingan blog yang kamu miliki. Ketika orang membaca sebuah artikel dan mereka belum menemukan apa yang mereka cari maka mereka akan mencari tulisan lainnya yang berhubungan dengan topik yang mereka baca. Widget ini juga akn meningkatkan page view pada blog yang kamu miliki.

Kamu bisa membuatn widget artikel terkait dengan mencari tutorialnya di mbah google atau kalau kamu malas untuk searcing di google kamu bisa baca artikel berikut ini : Cara Membuat Widget artikel Terkait yang Keren Di Blog

Dan akhir kata dari saya, saya hanya ingin mengucapkan semoga artikel ini bermanfaat bagi anda dan silahkan meninggalkan komentar jika ada yang perlu ditambahkan atau ada yang ingin didiskusikan.

Tags: blogging → widget

Widget Yang Harus Ada Di Blog

By Unknown →

Cara Membuat Widget Komentar Terakhir Disertai Gambar Di Blog

Selamat beraktifitas sahabat blogger yang selalu berbahagia dimanapun anda berada. Pada kesempatan kali ini saya akan membagikan cara untuk membuat widget Recent Comment atau kalau diterjemahkan dalam bahasa Indonesia adalah widget komentar terakhir dengan mudah pada blogger blog.

Cara ini relatif mudah untuk kamu terapkan pada blog yang kamu miliki, dan saya yakin kamu tidak akan repot-repot untuk menerapkannya pada blog kamu.

Tampilan jika kamu pasang pada sidebar :

Sebelumnya kenapa sih harus menambahkan widget recent comments pada blog? Alasan utamanya adalah untuk meningkatkat ketertarikan dari pengunung blog kamu agar mereka juga turut berkomentar pada blog kamu.

Tags: widget

Cara Membuat Widget Komentar Terakhir Disertai Gambar Di Blog

By Unknown →

Membuat Widget Artikel Terkait Keren Di Blogger

Salah satu hal yang bisa untuk menurunkan bounce rates adalah dengan ditambahkannya widget artikel terkait di bawah setiap postingan blog kamu. Karena mungkin pengunjung blogkamu akan tertarik dengan artikel lain dengan topik yang sama di blog kamu.

Oleh karena itu, pada kesempatan kali  ini saya akan berbagi cara untuk membuat atau menambahkan widget artikel terkait atau yang sering juga disebut dengan related posts atau apa lah tergantung dengan orang yang memberikan nama kepadanya.

Namun yang perlu diingat bahwa widget ini tidak disertai thumbmail, namun dilengkapi dengan effek yang bagus sehingga bisa menarik pembaca blog kamu untuk membaca tulisan kamu yang lainnya. So, nggak usah lama-lama mari kita mulai tutorialnya.

Cara Membuat Artikel Terkait Keren Di Blogger

Ikuti langkah demi langkah yang akan saya berikan di bawah ini. Namun saya sarankan untuk setiap mengedit template blog kamu, untuk selalu membackup template blog kamu supaya ketika nanti terjadi kesalahan dalam editing bisa kamu kembalikan lagi seperti semula.

Rekomendasi :
#Cara untuk membackup template blogger
#Cara untuk restore/install xml template blogger

Kalau sudah berikut langkah-langkahnya :

Yang pertama kali harus kamu lakukan adalah : Masuk ke blogger >> Dashboard >> Template

Setelah masuk ke submenu template kemudian kamu pilih Edit Html kemudian Lanjutkan (jangan lupa untuk mencentang expand widget template)

Temukan kode di bawah ini di template blogger kamu :

</head>

Kamu bisa menggunakan CRTL + F untuk menampilkan search box atau kalau mau yang repot ya kamu telusuri satu per satu kode yang ada pada template blog kamu.

Nah taruh kode yang ada di bawah ini tepat di atas </head>

<!--Related Posts Scripts and Styles Start-->
<!--Remove--><b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
margin-top: 20px;
}
#related-posts .widget{
padding-left:6px;
margin-bottom:10px;
}
#related-posts .widget h2, #related-posts h2{
font-size: 17px;
font-weight: normal;
color: black;
font-family: Arial Narrow;
margin-bottom: 0.75em;
padding-top: 0em;
}
#related-posts a{
font-size:16px;
color: #000000;
font-variant:small-caps;
}
#related-posts a:hover{
text-decoration: none;
color: #ffffff;
font-weight: bold;
}
#related-posts ul{
list-style-type:none;
margin:0 0 0px 0;
padding:0px;
text-decoration:none;
text-color:#000000
}
#related-posts ul li{
list-style-type: none;
border-left: 2px solid #1399CF;
border-bottom: 1px dotted #1399CF;
margin-bottom: 3px;
padding-left: 30px;
padding-top:0px;
}
&nbsp;
#related-posts ul li:hover{
background-color: #b0520e;
border-left: 2px solid #B3CA3D;
border-bottom: 1px dotted #B3CA3D;
}
</style>
<script type='text/javascript'>
var relatedpoststitle=&quot;Related Posts&quot;;
</script>
<script src=' http://onenaijablog.googlecode.com/files/related post widget.js' type='text/javascript'/>
<!--Remove--></b:if>
<!--Related Posts Scripts and Styles End-->

Sudahkah kamu menyelesaikannya? nah kalau sudah kita teruskan. Kemudian lanjutkan dengan mencari kode di bawah ini (Gunakan CTRL + F)

<div class='post-footer'>

Sudahkan kamu menemukannya? biasanya kode ini ada dua. Letakkan kode di bawah ini di bawah kedua kode <div class='post-footer'>.

<!-- Related Posts Code Start-->
<!--Remove-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != &quot;true&quot;'> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'> <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'> var maxresults=5; removeRelatedDuplicates(); printRelatedLabels(&quot;<data:post.url/>&quot;); </script> </div> <!--Remove--></b:if> <!-- Related Posts Code End--> 

Setelah itu, coba lihat pratinjaunya dulu. Jika blog kamu bisa dimuat dan tidak ada eror maka baru kamu simpan. Dan sudah selesai tinggal kamu melihat hasilnya kawan. Jangan lupa juga untuk melihat widget lainnya : Membuat recent posts yang keren !

Semoga bisa bermanfaat dan bisa menbantu kamu untuk membuat blog kamu jadi lebih keren.

Tags: widget → widget artikel terkait

Membuat Widget Artikel Terkait Keren Di Blogger

By Unknown →