-->

5 Cara Cepat Membuat Related Post di Blogger

5 Cara Cepat Membuat Related Post di Blogger | Sebuah website pasti ingin tampilannya yang terbaik. Oleh karena itu rata-rata para publisher blogger itu menggunakan related post atau artikel terkait agar terlihat professional.





Perlu kalian ketahui Related Post atau Konten Terkait sudah sangat banyak digunakan dalam situs 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.

5 Cara Cepat Membuat Related Post di Blogger

1. Masuk ke dashboard blogger
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;http://lh3.ggpht.com/_cNpXRtRph18/S76dASm3WGI/AAAAAAAAEJg/AVmw4HhRdsk/rss.png&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 kalian 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 kalian 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 Related Post<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>

Info Penting : 

Artikel Related Post yang bewarna merah dapat kalian ganti sesuai keinginan kalian
FFFFF adalah warna huruf
10 adalah jumlah post yang ditampilan

Sekian informasi yang saya berikan tentang 5 Cara Cepat Membuat Related Post di Blogger semoga bermanfaat bagi pengunjung dan kita semua.