Cara Membuat Artikel Terkait di Blog

Cara Membuat Artikel Terkait di Blog - Halo selamat pagi, kali ini kita akan membahas tentang related post, kebanyakan orang pasti sudah mengetahui apa itu related post. Bagi yang belum mengerti silahkan baca ini 

Related Post atau Artikel Terkait adalah sebuah link yang berisi Post yang berkaitan dengan artikel yang sedang dibaca disuatu blog atau website. Related Post atau Artikel Terkait biasanya berada di bawah blog lebih tepatnya diakhir artikel.

Related Post atau Artikel Terkait berguna untuk membuat para pengunjung betah didalam blog kalian, karena mereka akan disuguhi artikel lagi yang berkaitan dengan artikel yang sedang mereka baca. Related Post atau Artikel Terkait sudah sangat banyak digunakan dalam blog maupun website diseluruh dunia. Related Post atau Artikel Terkait juga akan mempengaruhi kualitas SEO dari blog maupun website pemiliknya. Jika kalian ingin memasangnya dalam blog atau website kalian silahkan simak tutorial berikut

1. Masuk ke blogger sobat 

2. Pilih Template dan klik Edit Template

3. Silahkan cari kode </head> 

4.  Copy dan Pastekan kode dibawah ini diatas </head> (sesuaikan kode 500px dengan ukuran blog kalian)  

 <style> #related-posts { float : left; width : 500px; margin-top:20px; margin-left : 0px; 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(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyRvzziSK8nkjnW694owbpFtO68it_aVB3oVPIyhLxKKeWXJQeidWCR0tegHUL7Zd4aHNbnZth3r8w4ZENT5qi53xdKBFG2046r4mREAcujWtTDP-LrANk5f7gjZ81jLZEr2F-RMHpJKE/&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='https://my-sanah-project.googlecode.com/svn/branches-satu' type='text/javascript'/>

5. Kemudian cari kode <data:post.body/>  dan silahkan copy dan patekan kode di bawah ini tepat di bawah kode <data:post.body/> tadi, biasanya setiap template mempunyai kode <data:post.body/> lebih dari dua sobat bisa mencobanya mulai dari yang paling bawah atau yang terakhir. 

<b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'>  <font face='Arial' size='3'><b><h3 style='font-size:13px'>Artikel Terkait Selain <data:post.title/></h3> : </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=10&quot;' type='text/javascript'/></b:if></b:loop> </font><script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();</script></div></b:if>

Catatan

Artikel Terkait Selain dapat kalian ganti sesuai keinginan kalian FFFFF adalah warna huruf 10 adalah jumlah post yang ditampilan

Ingat artikel terkait hanya bekerja jika setiap post kalian sudah memiliki label, jika belum segera pasang label pada post tersebut agar dapat muncul dalam related post. Mungkin itu saja untuk Cara Membuat Artikel Terkait di Blog, jika kalian mengalami kesulitan silahkan tanyakan lewat komentar, semoga artikel ini bermanfaat dan terima kasih.