Cara Membuat Related Post atau Artikel Terkait Ringan Dapat Menurunkan Bounce Rate

Maskhoirul.com- Pada kesempatan kali ini saya akan berbagi sebuah tutorial cara membuat related post atau yang kerap kita sebut dengan artikel terkait.

yups dengan adanya related post dapat membuat pembaca bisa betah berlama-lama disitus kita dan merupakan metode yang ampuh dan bisa menambah daya tarik sehingga pengunjung bisa berlama-lama membaca disitus kita.Oh iya related post juga bisa mengurangi bounce rate loh



Oke langsung saja ketutorialnya ya :
  • Pertama buka menu dasboard blogger kalian
  • Kemudian klik menu Tema>>Edit Html
  • Cari kode ]]></b:skin> dengan cara CTRL+F untuk memudahkan mencarinya dan lettakan kode berikut ini tepat diatasnya
#related-posts{float:left;width:100%;border-bottom:0px solid #888;border-top:0px solid #88daed;margin:5px 0 10px;padding:15px 0 10px}
#related-posts .widget h2,#related-posts h3{font:18px Oswald;color:#000;text-transform:none;margin:0 0 10px;padding:0}
#related-posts a{color:#0973CF;font:12px Verdana}
#related-posts li{background:url(http://2.bp.blogspot.com/-EcBIblBtYTQ/TqALuRS_IzI/AAAAAAAAAx0/E-vzWTTOgXs/s1600/bullet-list.gif) no-repeat 0 10px;text-indent:0;line-height:1.3em;border-bottom:1px dotted #ccc;margin:0;padding:3px 0 8px 12px}
#related-posts a:hover{color:#c00;text-decoration:none}
#related-posts .widget{margin:0;padding:0}
#related-posts ul{list-style:none;margin:0;padding:0}
  • Setelah itu cari kode </head> dan letakan kode berikut ini tepat diatasnya
<script>
var relatedpoststitle=&quot;Related Posts&quot;;
</script>
<script src='https://code.maringngerrang.com/simple-related-post.js'/>
  • Kemudian cari kode <data:post.body/> dan lettakan kode berikut ini diatasanya (jika muncul  <data:post.body/> lebih dari satu coba satu satu sampai berhasil muncul related postnya ya)
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=8&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
var maxresults=6;
removeRelatedDuplicates(); printRelatedLabels(&quot;<data:post.url/>&quot;);
</script>
</div><div class='clear'/>
</b:if>
  • Kemudian simpan 
(source kode :maringngerrang.com)

Demikian Cara Membuat Related Post atau Artikel Terkait Ringan Dapat Menurunkan Bounce Rate

>>Semoga Bermanfaat<<

0 Response to "Cara Membuat Related Post atau Artikel Terkait Ringan Dapat Menurunkan Bounce Rate"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel