News Ticker

Menu

Cara memasang Related Post di Blog

Cara memasang related post di bawah tiap posting di blog
Related Post Ala SEO Ranking 1
Baiklah ada yang tau cara memasang related post ? Mungkin anda menggunakan layanan gratis bernama www.linkwithin.com , tapi banyak sekali kelemahan menggunakan layanan ini yaitu di halaman Home blog anda juga ditampilkan ( Dibawah readmore ). Pingin tau cara memasang related post yang bagus ? Saya akan membahasnya.
Berikut cara cara memasang related post 
1. Buka menu Blog Dashbord > Template > Edit HTML
2. Jangan lupa centang 'Expand template widget'
3. Cari kode ini ( Gunakan Ctrl + F supaya lebih mudah )
</head>
4. Paste kode dibawah ini diatasnya/sebelum </head>
<!--www.seo-1st.blogspot.com Jangan Hapus Link ini-->
<!-- 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;
}

#related-posts h2{
font-size: 18px;
letter-spacing: 2px;
font-weight: bold;
text-transform: none;
color: #5D5D5D;
font-family: Arial Narrow;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
border-right: 1px dotted #DDDDDD;
color:#5D5D5D;
}
#related-posts a:hover{
color:black;
background-color:#EDEDEF;
}
</style>
<script type='text/javascript'>
var defaultnoimage=&quot;http://3.bp.blogspot.com/-PpjfsStySz0/UF91FE7rxfI/AAAAAAAACl8/092MmUHSFQ0/s1600/no_image.jpg&quot;;
var maxresults=5;
var splittercolor=&quot;#DDDDDD&quot;;
var relatedpoststitle=&quot;Related Posts&quot;;
</script>
<script src='http://helplogger.googlecode.com/svn/trunk/related-posts-with-big-thumbnails.js' type='text/javascript'/>
<!-- remove --></b:if>
<!--www.seo-1st.blogspot.com Jangan Hapus Link ini-->
Petunjuk
  1. Untuk mengganti gambar, ganti url yang berwarna biru dengan url gambar anda.
  2. Untuk mengganti jumlah posting yang ditampilkan, ganti '5' dengan jumlah posting yang akan ditampilkan.
  3. Hilangkan kode yang berwarna ungu jika anda ingin menampilkannya juga dibawah readmore ( seperti linkwithin )
5. Sekarang cari kode ini
   <div class='post-footer'>
6. Dan paste kode dibawah ini diatasnya <div class='post-footer'>
<!-- Related Posts with Thumbnails 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>
<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><div style='clear:both'/>
<!-- remove --></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://www.seo-1st.blogspot.com'><img alt='Blogger Tricks' src='http://3.bp.blogspot.com/-K65p5zLLKQk/T3ObCINoP7I/AAAAAAAABmI/dF84-alnOu4/s1600/best+blogger+tips.png'/></a>
</b:if></b:if>
<!-- Related Posts with Thumbnails Code End-->
Petunjuk
  1. Untuk mengganti jumlah posting yang ditampilkan, ganti '5' dengan jumlah posting yang akan ditampilkan.
  2. Hilangkan kode yang berwarna ungu jika anda ingin menampilkannya juga di halaman utama anda
7. Simpan template anda
Jika ada error, silahkan lapor ke saya dengan berkomentar

Share This:

Post Tags:

Jillur Rahman

I'm Jillur Rahman. A full time web designer. I enjoy to make modern template. I love create blogger template and write about web design, blogger. Now I'm working with Themeforest. You can buy our templates from Themeforest.

  • To add an Emoticons Show Icons
  • To add code Use [pre]code here[/pre]
  • To add an Image Use [img]IMAGE-URL-HERE[/img]
  • To add Youtube video just paste a video link like http://www.youtube.com/watch?v=0x_gnfpL3RM