Cara Membuat Related Post di blog

Cara Membuat Related Post di blog.

Setelah kemaren saya posting saya posting cara membuat related post gambar, kali ini cara membuat related post link di blog.

Preview related post link

Berikut langkah-langkahnya:

Cara Membuat Related Post di blog

1. Masuk ke akun blogger > Rancangan > Edit HTML.
2. Centang expland template widget.
3. Cari kode di bawah ini (tekan CTRL+F untuk mencari dengan cara cepat).

</head>


4. Masukkan kode di bawah ini tepat di atas atau sebelum kode </head>

<!--Kode Artikel Terkait start www.bloggernes.com--> <style> #related-posts { float : left; width : 540px; 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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzn017UuoRWKVTMW_IihTo-mPdjzNXOWW7fk9sEwwAhERgAnABqFF6mOyF-yO9PwM9ZIrjqx3RMWFDearO75tVc53ReGAH4-jyvuSnvLAKah-OT7Y3mzhaysEOWUZEn2QNNVXOzQyvqJc/") 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://bangnes.googlecode.com/files/Related_posts.js' type='text/javascript'/> <!--Kode Artikel Terkait End-->

Anda bisa mengganti kode angka 5 dan tulisan artikel terkait;
a. angka 5 jumlah postingan yang ingin ditampilkan
b. "Related posts" dengan kalimat yang dikehendaki


5. Kemudian cari kode seperti berikut:

<div class='post-body>

atau kode seperti ini
<data:post.body/>

6. Kemudian pastekan kode dibawah ini, persis dikode tadi (Langsung di timpain aja atau paste).

<!-- Code artikel terkait Start www.bloggernes.com--> <b:if cond='data:blog.pageType == "item"'><br /> <div id="related-posts"><br /> <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;'><br /> <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><br /> <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();<br /> </script><br /> </div></b:if><!-- Code artikel terkait End www.bloggernes.com-->


7. Terakhir, klik preview, atau langsung save template. Selesai.

Begitulah cara membuat related post di blog, kalau ada kesalahan atau anda gagal membuatnya saya bersedia membantu anda.

Terimakasih.
Salam bloggernes

- Lebih baik Baca Tutorial Blogger aja kali ya - Cara Membuat Menu Blogger Cara Membuat Spoiler Cara Membuat Text Area Hosting Gratis Mengaktifkan Hosting Gratis 5 Tips Membeli Domain Second Mendaftarkan Blog di Technorati Mencuri Perhatian Google Up and Down Page RankHack Email Tukeran Link Tukeran Banner Menghilangkan Menu Navigasi Blogger Upload Download Menghasilkan Uang

Baca Juga :