Selasa, 03 Januari 2012

Cara Membuat Artikel Terkait Lebih Menarik

cara,membuat,artikel,terkait,menarik,lebih,bagus,related,post
Berikut langkah-langkahnya :.

1. Masuk Di blog lalu masuk di menu edit html.

2. Expand Widget template lalu cari kode </head> di menu html , gunakan F3 untuk lebih memudahkan pencarian.

3. setelah menemukan kode tersebut , copy kode dibawah ini lalu letakkan kodenya diatas atau sebelum </head>


<!--Start Related Posts Script From http://vianjb.blogspot.com-->
<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;
}
#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}
#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script type='text/javascript'>
var defaultnoimage=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh79YoQS1tI62EdQG7fsu2ghwm7Et3EMidRKQNvJKWnBsane76z-FltRDTOSE5-VWWvfIJ6MQaZGT-o65RmbwTnxicYmX-HOU_H1Srh_CLP01x1LBbzJK81uG8P362SrGVRwr04OOO6LDJV/s1600/No+Image.jpg&quot;;
var maxresults=7;
var splittercolor=&quot;#d4eaf2&quot;;
var relatedpoststitle=&quot;Artikel Terkait&quot;;
</script>
<script src='http://vianjb.googlecode.com/files/Artikel%20terkait.js' type='text/javascript'/>
</b:if>
<!--End Related Post From http://vianjb.blogspot.com-->


Note :  kode yang saya tandai dengan warna kuning adalah kode jumlah artikel terkait yang nanti akan muncul ,sedangkan untuk kode yang biru adalah kode untuk judul Artikel terkait , anda bisa merubah sesuai keinginana anda.

4. Setelah mempaste kode diatas , cari lagi kode berikut ini  <div class='post-footer'>

5. JIka sudah menemukan <div class='post-footer'> , selanjutnya copy paste kode dibawah ini, letakkan  dibawah kode <div class='post-footer'>


<!-- start related posts-->
<a href='http://vianjb.blogspot.comt'><img alt='Best Blogger Templates' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGS5vezA9vGVSj78MYf0jzc-eWYVOtUx8W2Sl3_uQE5VF8CQJsgv3UIQ08L-kdPnWFsAMq0L6db5iYm6j5_okptQZXLVezU1MKufprvFbd4xrWdaU_y1JL6U-tfIrgbnNG7khuHrEjRUWv/s1600/best+blogger+tips.png'/></a><a href='http://vianjb.blogspot.com'/><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>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div><br/><a href='http://vianjb.blogspot.com/2011/06/cara-membuat-artikel-terkait-lebih.html' target='_blank'><font color='#ccc' size='small'>Best Blogger Gadgets</font></a><div style='clear:both'/>
</b:if>
<!-- end related posts-->

6 Setelah itu klik simpan dan lihat postingan kalian lalu coba perhatikan dibawah postingan atau sebelum kotak komentar akan muncul artikel terkait .

0 comments:

Posting Komentar

Comment