Cara Membuat Related Post
Related post adalah widget yang biasanya terdapat dibawah postingan. Related post (artikel terkait) mempunyai keterkaitan antara postingan satu dengan yang lain berdasarkan lebelnya.
Apa Keuntungan Memasang Related Post??keuntungan memasang related post sanagat banayak diantaranya untuk meningkatkan pege view blog dan jugamemasang related post jugatermasuk salah-satu langkah agar pengunjung blog betah dan membaca artikel kita lainnya, jadi kemungkina jumlah page view akan semakin besar.
mempermudah para pengunjung untuk melihat artikel terkait di blog kita. bukan cuman itu,
Bagaimana Cara Memasang Related Post (Artikel Terakait) di Blog??
Langsung saja pada inti postingan ini Cara Membuat Related Post di blog
1. Masuk ke akun blogger
2. Klik Template --> Edit HTML
2. Klik Template --> Edit HTML
3. Cari code berikut </head> agar muadah dalam pencarian pakai Ctr+F
4. Kemudian copy code berikut dan letakan di atas code </head>
<b:if cond='data:blog.pageType == "item"'>
<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.2em;
font-weight: bold;
color: black;
font-family: Georgia, “Times New Roman”, 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://kangdansen.googlecode.com/files/relatedpostwiththumbnail.js' type='text/javascript'/>
</b:if>
<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.2em;
font-weight: bold;
color: black;
font-family: Georgia, “Times New Roman”, 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://kangdansen.googlecode.com/files/relatedpostwiththumbnail.js' type='text/javascript'/>
</b:if>
5. Cari kode berikut <div class='post-footer-line post-footer-line-3'/>
6. Jika sudah ditemukan copy code dibawah ini dan letakkan di bawah code
<div class='post-footer-line post-footer-line-3'/>
6. Jika sudah ditemukan copy code dibawah ini dan letakkan di bawah code
<div class='post-footer-line post-footer-line-3'/>
<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://www.omseoli.com' style='display:none;'>Related Posts with thumbnails for blogger</a><a href='http://www.bloggerplugins.org/' style='display:none;'>blogger widgets</a>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=5;
var relatedpoststitle="Postingan Terkait Tutorial Seo Blog";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<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://www.omseoli.com' style='display:none;'>Related Posts with thumbnails for blogger</a><a href='http://www.bloggerplugins.org/' style='display:none;'>blogger widgets</a>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=5;
var relatedpoststitle="Postingan Terkait Tutorial Seo Blog";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
7. Yang terahir simpan template dan lihat hasilnya.
Semoga Bermanfaat, jika ada yang tidak di mengerti silahkan tanyakan lewat kolom comentar
0 komentar:
Posting Komentar