Memasang Related post / artikel terkait di bawah psotingan

Related Post / Artikel terkait sangat berguna dan di butuhkan olehpara blogger untuk membuat  pengunjung lebih mudah mwlihat postingan yang lain juga sebagai navigasi pada blog.

berikut adalah cara untuk memasang related post di bawah postingan. postingan yang muncul adalha  Post yang berkaitan dengan artikel yang sedang di baca. berikut caranya :




1. login ke blogger 

2. pilih Tamplate  --> edit html --> proceed lalu jangan lupa untuk klik expand widget tamplate 

3. lalu cari kode </head> untuk mencarinya tinggal ctrl + , lalu letakkan kode berikut tepat di atasnya

<style type='text/css'> #related-posts { float : left; width : 100%; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 12px Arial; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXxiZ3g1M-fqhR7rJQ5h7fFxEkjrfgIun3EQuYKnFPaAaM1TzuwQVU4JU7_Sli2ze7Ntf2h55FeR1lil_ydn0GqzFj4jsuASanNfX1IM2RpuhmBi5CciZT0Jp__SjxzXQLtjsfuJkT-8g/&quot;) no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style> <script src='http://belajarblogging.googlecode.com/files/relpost.js' type='text/javascript'/>

4. setelah itu cari kode <data:post.body/> letakkan kode berikut tepat di bawahnya
(Jika ada 3 kode yang mirip <data:post.body/> pilih kode yang ke 2 atau ke 3)

<b:if cond='data:blog.pageType == "item"'><div id="related-posts"><font face='Arial' size='3'><b>Artikel Terkait : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><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=5&quot;' type='text/javascript'/></b:if></b:loop> </font><script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();</script></div></b:if>


5. untuk kata Artikel Terkait bisa di ubah menjadi related post tergantung selera

6. terakhir save tamplate .

Comments

  1. thanks... sudah saya terapkan di blog saya :D

    cek > Van-Softwares.blogspot.com

    ReplyDelete

Post a Comment

Silahkan Komentar jika ada pertanyaan atau ingin menambahkan artikel kami, komentar yang anda submit tidak akan langsung muncul karena akan kami moderasi dulu.
silahkan tunggu komentar anda muncul dan balasan dari kami

Popular Posts