Tips Meningkatkan Pageview Dengan Related PosT

Cara membuat Related Post dengan ikon , Free4Us kali ini ingin berbagi tips dan triks membuat related post , yang kita tau sendiri bahwa fungsi related post atau disebut juga dengan artikel terkait berfungsi menampilkan artikel-artikel terkait menurut label .

Rekomendasi artikel ini bertujuan untuk meningkatkan Pageview yang lebih banyak , dengan artikel terkait yang di tampilkan di bawah artikel postingan akan memudahkan pengunjung untuk membaca dan menemukan artikel yang dicari dan dapat meningkatkan pagview blog. mungkin banyak yang telah membuat artikel related post sebelum nya , dengan mengulas kembali artikel ini agar para blogger baru tidak merasa kesulitan untuk mencari jadi tidak ada salahnya saya reply kembali .

Sebagai sedikit gambaran mengenai related Post bisa dilihat pada contoh gambar di bawah ini


Ok sekarang setelah mengetahui apa artikel terkait dan fungsinya sekarang kita Praktek cara membuat nya .

Pertama
*Login Ke Blogger
*Pada Dshboard pilih Template
*Kemudian klick HTML
*Centang "ExpandWidget"
*Pada edit template Cari Kode </head> Gunakan Ctrl + F untuk mencari kode atau dengan F3.
*Copy code dibawah ini lalu letakan tepat diatas kode </head>

<style> #related-posts { float : left; width : auto; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; 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("URL GAMBAR IKON") 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='https://sites.google.com/site/alvizcybercom/javascript/ALviz%20Related%20Post02.js' type='text/javascript'/>

Langkah Kedua
* Masih Di edit Template cari code <data:post.body/> Jika pada template terdapat kedo tersebut tidak hanya satu , cari kode tersebut  yang paling atas , atau jika tidak merasa yakin bisa di coba kesemua kode .
*Copy kode dibawah ini dan letakan tepat di bawah <data:post.body/>

<b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<font face='Arial' size='3'><b>Related Posts : </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>

*Selesai dan Simpan Template .

Keterangan : Untuk Huruf yang bercetak tebal adalah dimana url gambar harus di tempatkan , gunakan ikon gambar dengan selera masing masing

Contoh Url Gambar : https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifbO02ywuhsWlm9v5fYBbnrdsmVc4hxqDHrZ6syr2hL4sn6Qu169AC3QKLKBk4bK-d_CME8SFNhIMfZ94JObv5s5GfcB46BA06nVgCgiZi_lL0q_WR0ywg6-z4LUXpMCZ2w8KNBvR3sE4O/s1600/rss.png

Demikian cara membuat Related Post , semoga pageview blog sobat semakin meningkat , selamat mencoba!