Membuat Link Terkait pada Blogspot dengan Gambar

Share/Bookmark

Link terkait merupakan halaman dimana inti dari isi artikel tersebut sama dengan inti dari isi artikel yang lain ataupun kategori dalam artikel mempunyai kesamaan pada artikel lain. Biasanya link terkait tersebut hanya terkait dalam 1 blog. Hal ini digunkan untuk mempermudah para pengunjung atau pembaca untuk melihat dan membaca artikel yang berhubungan dengan artikel yang pengunjung baca. Bingung? iya, sama nyengir. Nah, kalau begitu langsung aja kita praktekan.
  • Pastinya buka blog admin yang anda miliki.
  • Setelah itu, langsung masuk ke bagian Edit HTML pada bagian Layout/Tata Letak -> Edit HTML.
  • Lalu carilah code </head> pada Edit Templete dan masukkan kode CSS dan JavaScript berikut di atas kode </head>
<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 src='http://h1.ripway.com/mendung/blog/read_more.js'
type='text/javascript'/>
</b:if>
  • Setelah itu, cari code berikut ini
...class='post-footer-line post-footer-line-1'/>
  • Lalu berikan code berikut setelah code di atas.
<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name +
"?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"'
type='text/javascript'/>
</b:if></b:loop>
<a href='http://xinthinx-blog.blogspot.com/2010/03/membuat-link-terkait-pada-blogspot.html'
style='display:none;'>Posting terkait menggunakan gambar</a>
<a href='http://www.xinthinx-blog.blogspot.com'
style='display:none;'>xinthinx tutorials</a>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=5;
var relatedpoststitle="Posting Terkait";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
  • Code var maxresults=5; adalah jumlah artikel yang terkait yang ditampilkan.
  • Selamat mencoba nyengir.

Tulislah Komentar Anda


Komentar anda sangat berguna bagi kemajuan blog ini.

Post a Comment

Xinthinx Blog Tutorial © 2008 Template by Dicas Blogger, emoticon from Yahoo! and KASKUS.

TOPO