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.


related post blog blogspot


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 earthquake



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 !

33 comments :

  1. seronok dan dah terus apply, heee. :)

    ReplyDelete
  2. salam

    kak xjadila..
    hilang semua... :(

    ReplyDelete
  3. berguna ! dah lama juga cari ni tapi ada je tak kena . tak menjadi lah .

    ReplyDelete
  4. owh God...ni la yang sy cari2..hehe..

    oke, i'll try :)

    ReplyDelete
  5. owh God...ni la yang sy cari2..hehe..

    oke, i'll try :)

    ReplyDelete
  6. Satu lagi tambahan ilmu yang saya dapat dari berkunjung ke blog anda yang cantik ini.

    ReplyDelete
  7. waaaaaa...bgos sgt tuto nih..
    syg kamoo..

    ReplyDelete
  8. thanks share tutorial pasal nie
    teringin nak buat tp tak tahu
    since awak dah bagi tutorial nie
    boleh ler apply kat blog zana

    thanks again k

    ReplyDelete
  9. anastasyea : zana dah try...tp tak menjadi ler....hu hu hu

    ReplyDelete
  10. thanks for sharing....try to apply sat lagi...

    ReplyDelete
  11. @Zana_MamaBatrice Nak tanya .. step no 4 dah klik pada kotak checkbox ke tak ? Kalau tak .. cuba sekali lagi.

    ReplyDelete
  12. tp linkwithin cm lg sesuai utk ER sbb bergambar

    ReplyDelete
  13. nak torai.. nak torai... huhuhuu.. thanx ye.. :))

    ReplyDelete
  14. mcm mna plak dgn yg ada gmbar ni??
    nak yg ada gmbar...^_^

    ReplyDelete
  15. thanks! memang tengah cari tentang related post ni..dah alang-alang ada ni,sy nak try la..

    ReplyDelete
  16. dah try ana..
    tapi tak jadi pon..=.=

    ReplyDelete
  17. Mungkin tutorial nie hanya support sesetengah tamplate blogspot je kot. Saya punya .. OK je. Tak apa .. nanti saya check semula dan update kat sini :D

    ReplyDelete
  18. dh try..tp x jd..huhuhuhu.. br nk brjinak2 dlm dunia blog ni

    ReplyDelete
  19. wow..nice tutorial..

    nnt nak try lah..hehe

    ReplyDelete
  20. nak tanya...saya dh letak linwthin...so leh ke letak benda ni skali?

    ReplyDelete
  21. Bagus tutorial nya.. tapi perlukan lebih penerangan yang menarik :)

    Salam Danialde4 ^_^

    ReplyDelete
  22. Tq atas tutorial tu... sgt membantu yaya

    ReplyDelete
    Replies
    1. Sama-sama, suka sangat bila dapat bantu semua, ^__^

      Delete