Related post for blogspot | Tutorial berguna untuk meningkatkan trafik blog anda !

Sebenarnya dah lama saya cari Tutorial Related Post ini. Dulu pernah juga jumpa banyak tutorial sebegini. Tapi susah benar nak apply dengan template blog saya. Ada banyak bug dan code yang tak betul. Jadi .. saya lupakan hasrat tu dulu. Tadi dah kebetulan terjumpa tutorial ini. Terus apply dan menjadi.

Nak tahu macam mana ianya berfungsi ? Senang je. Code ini akan mengimbas dalam blog anda semua perkataan pada lable yang sama dan menyusunnya sebagai satu related post seperti gambar dibawah.

Related post bagi tajuk Kedahsyatan Tsunami di Jepun : Video [HD] 3.11 Persendirian !

Faedah yang anda dapat !

1. Kadang² .. anda terlupa nak buat link berkaitan ke post sebelum ini. Jadi bila dah guna tutorial related post nie. Kerja tersebut akan menjadi lebih mudah. Biarkan sahaja .. dan ianya akan disusun secara automatik pada related post blog anda !

2. Mungkin anda pernah buat entry mengenai sesuatu, contohnya Gempa Bumi 3 tahun lepas dan tak ingat kat mana linknya. Jadi .. tutorial ini akan memudahkan kerja anda mencari, mengesan dan menyusun mengikut keyword tersebut.

3. Tutorial ini menyokong link DoFollow

4. Membantu meningkatkan trafik blog anda



Caranya penggunaannya, hanya perlu ikut langkah² berikut;

1. Login Blogger.com

2. Klik pada Design > Edit HTML

3. Kemudian klik pada "Download Full Template" sekiranya anda ingin membuat backup dahulu. Ini hanyalah langkah berjaga² sekiranya anda terdelete code yang tak sepatutnya atau sebarang kemungkinan lain.

4. Klik pada kotak checkbox "Expand Widgets Template"

5. Cari code ini; ]]></b:skin> dan pastekan code dibawah selepas code tersebut.

<!--Related Posts Scripts and Styles Start-->

<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 .widget{

padding-left:6px;

margin-bottom:10px;

}

<!-- Font saiz untuk tajuk Related Post -->

#related-posts .widget h2, #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:blue;

}

#related-posts a:hover{

color:blue;

}

#related-posts ul{

list-style-type:none;

margin:0 0 0px 0;

padding:0px;

text-decoration:bold;

font-size:15px;

text-color:#000000

}

#related-posts ul li{

background:transparent url(http://2.bp.blogspot.com/_u4gySN2ZgqE/SnZhv_C6bTI/AAAAAAAAAl4/Rozt7UhvgOo/s200/greentickbullet.png) no-repeat ;

display:block;

list-style-type:none;

margin-bottom: 13px;

padding-left: 30px;

padding-top:0px;}

</style>

<script type='text/javascript'>

var relatedpoststitle="Related Posts";

</script>

<script src='http://bloggerblogwidgets.googlecode.com/files/Related-Posts.js' type='text/javascript'/>

</b:if>

<!--Related Posts Scripts and Styles End-->

6. Sekiranya anda ingin menukar tajuk dengan tajuk yang lebih sesuai, sila edit code dibawah;

var relatedpoststitle="Related Posts";

7. Kemudian cari code ini pula; <data:post.body/> dan pastekan code dibawah selepas code tersebut.

<!-- Related Posts Code Start-->

<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>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop><a href='http://www.anastasyea.com/2011/03/related-post-for-blogspot-tutorial.html'><img style="border: 0" alt="Related Posts Widget for Blogger" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a>

<script type='text/javascript'>

var maxresults=5;

removeRelatedDuplicates(); printRelatedLabels(&quot;<data:post.url/>&quot;);

</script>

</div>

</b:if>

<!-- Related Posts Code End-->

8. Sekiranya anda ingin menukar bilangan post yang dipaparkan, sila edit code dibawah;

var maxresults=5;

9. Kemudian .. klik save. Sekarang cuba tengok kat post yang anda rasa mempunyai keyword yang sama dengan entry yang lepas².

*Dikemaskini pada 4/3/2012

Anastasyea : Seronok bila jumpa tutorial yang kita nak dan boleh digunakan !

Tweet