Trik SEO Terbaik | Related Post Blogger - Artikel Terkait Blogspot

Blogger Brunch (Photo credit: isthisREALLYmylife?)

Trik SEO Terbaik | Related Post Blogger - Artikel Terkait Blogspot. Menampilkan link ke posting terkait bersama dengan thumbnail dari pos yang sesuai akan membantu Anda meningkatkan tampilan halaman / pengguna. Pengguna akan tergoda untuk pergi untuk posting terkait ketika mereka disajikan menarik dengan thumbnail.

Ini adalah satu lagi rilis pertama dari me.This satu juga menggunakan thumbnail media yang dihasilkan oleh blogger untuk setiap posting.

Untuk menampilkan thumbnail, widget ini akan menggunakan gambar yang diupload untuk posting menggunakan uploader blogger gambar (dari editor posting) [Update - Sekarang mendukung gambar eksternal juga.]

Posting terkait dengan Widget Thumbnail untuk Blogger
Berikut adalah langkah-langkah rinci untuk menginstal widget posting terkait untuk blogger dengan thumbnail

1.First dari semua Login ke dashboard blogger Anda dan arahkan ke Layout >> Edit HTML dan centang "Expand Template Widget" kotak centang.

2. Sekarang Cari :

</head>

dan gantikan dengan script berikut ini :

<!--Related Posts with thumbnails 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;
}

#related-posts h2{
font-size: 1.6em;
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 type='text/javascript'>
var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioeyHWvfEBsuxicoupSv1c_HlbNTqCqGmrKFT2teF6s9mK7Rjg7bVw5ss3tnYodV8I8eiYt8ZNRESmyN7vCNOwPZx8e_qD6nHuu5vUDr4ykcxFZl9J0SBU-K6DlqsNeesmLbKWSbACFy4/s400/noimage.png";
var maxresults=5;
var splittercolor="#d4eaf2";
var relatedpoststitle="Related Posts";
</script>
<script src='http://bloggergadgets.googlecode.com/files/related_posts_with_thumbnails_min.js' type='text/javascript'/>
<!-- remove --></b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->
</head>

3. Temukan kode :

<div class='post-footer-line post-footer-line-1'>

Jika kode di atas tidak ada, cari kode script berikut ini :

<p class='post-footer-line post-footer-line-1'>

Setelah itu letakan kode di bawah ini tepat di bawah kode tersebut.

<!-- 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.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html'><img style="border: 0" alt="Related Posts Widget For Blogger with Thumbnails" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a><a href='http://bloggertemplates.bloggerplugins.org/' ><img style="border: 0" alt="Blogger Templates" src="http://image.bloggerplugins.org/blogger-templates.png" /></a>
</b:if></b:if>
<!-- Related Posts with Thumbnails Code End-->

4. Untuk mengatur jumlah related postnya, ubah kode berikut ini :

var maxresults=5;

coba juga dengan mengubah kode berikut ini.

max-results=6

5. Untuk mengubah judul "Related Post" nya ganti aja pada kode :

var relatedpoststitle="Related Posts";

6. Untuk mengubah default thumbnail, ganti kode script berikut ini :

var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioeyHWvfEBsuxicoupSv1c_HlbNTqCqGmrKFT2teF6s9mK7Rjg7bVw5ss3tnYodV8I8eiYt8ZNRESmyN7vCNOwPZx8e_qD6nHuu5vUDr4ykcxFZl9J0SBU-K6DlqsNeesmLbKWSbACFy4/s400/noimage.png";

7. Untuk menggati garis gantikan kode berikut ini :

var splittercolor="#d4eaf2";