Cara Membuat Related Post atau artikel Terkait di blog

Cara Membuat Related Post atau artikel Terkait di blog

Cara Membuat Related Post atau artikel Terkait di blog - Related Post atau artikel terkait adalah bukanlah hanya sebagai aksesoris blog supaya kelihatanya keren atau biar tampil keren, melainkan unsur yang harus pada blog. 

Mengapa demikian karena Related Post  atau artikel terkait dapat menunjukan artikel yang lain pada blog kita. contohnya dalam blog kita pas di buka postingan tentang bagaimana cara mendapatkan $1000 dolar perhari, nanti jika kita memakai Related post, pada postingan kita akan disajikan beragam judul blog kita yang sesuai dengan isi artikel yang di baca oleh pembaca, pada kesempatan kali ini, Nina akan membuat Related Post denga hasil seperti gambar di bawah ini :




Langsung saja ke Tutorial 

1. Seperti biasa pertama kita harus masuk ke Bloger lalu ke Dasbor

2. Cari Template dan Edit HTML

3. Cari Kode </head> dengan menggunakan CTRL + F supaya  mudah, lalau copy kode di bawah ini 
dan taruhlah di atad kode </Head>

<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("http://lh3.ggpht.com/_cNpXRtRph18/S76dASm3WGI/AAAAAAAAEJg/AVmw4HhRdsk/rss.png") 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://yourjavascript.com/11631137121/related_post_pelajaran_blog.js' type='text/javascript'/>

4. lalu Cari Kode <data:post.body/> jika sudah ketemu Copy kode di bawah ini taruh di bawah kode <data:post.body/>, 

<br/><br/><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>

5. selanjutnya klik simpan Template

NB :     kode <data:post.body/> biasanya lebih dari satu, pilih yang pas.. jika satu tidak berhasil ganti kode yang satunya, karena biasanya lebih dari satu

Demikianlah Tulisan Tentang  Cara Membuat Related Post atau artikel Terkait di blog, Semoga bermanfaat
Advertisement

Baca juga:

Blogger
Disqus
Pilih Sistem Komentar

Tidak ada komentar