Latest Posts

Rabu, 26 Juni 2013

CARA MEMBUAT ARTIKEL TERKAIT DI BLOG

Blogger Mania, kali ini saya akan mengulas sedikit  salah satu jurus untuk meningkatkan Pageview Blog dengan cara memasang related post atau artikel terkait pada Blog Anda. Pada akhir artikel yang dipostingkan di blog akan terdapat list atau daftar artikel yang berhubungan dengan tema artikel yang sedang dibuka. Cara kerja Related Posting ini merujuk pada label yang diterapkan pada postingan. Artikel yang memiliki label yang sama akan tercantum secara otomatis pada Artikel yang sedang dibuka. Oke tanpa basa basi lagi kita langsung nyebur saja langsung ke langkah-langkahnya, capcussss....


Related Post yang akan dibuat adalah type sederhana yang walaupun sederhana tapi sangat menarik untuk diterapkan Blogger Mania, kaya gini niihhh mas boooooy....


 


Langkah - langkah:

1. Masuk ke Blog yang Blogger Mania punya.
2. Saat masuk ke menu Dashboard, pilih Template.
3. Kemudian pilih Edit HTML, maka akan muncul kotak untuk mengedit HTML Blogger Mania.
4. Cari kode </head> pada kotak tersebut. Agar lebih mudah, tekan Ctrl+F atau F3 pada keyboard, kemudian ketik kode </head> pada kotak yang muncul kemudian tekan enter, maka akan muncul kode </head> yang dicari.
5. Copy kemudian paste-kan kode HTML ini sebelum kode </head> tadi.

<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("http://1.bp.blogspot.com/-MdK_HE-8LR8/T8Dw9Nzau6I/AAAAAAAABQM/EHAoPvg5pbc/s1600/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 type="text/javascript" src="http://yourjavascript.com/3284622162/relatedpost.js"></script>


6. Setelah itu cari kode <data:post.body/> dan letakkan script berikut di bawahnya***


<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=10&quot;' type='text/javascript'/>
</b:if></b:loop></font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();</script>
</div></b:if>

7. Ganti teks berwarna merah dengan jumlah artikel maksimal yang akan dimuat pada artikel terkait.
8. Simpan template dan lihat postingan pada Blogger Mania.

***Keterangan: Apabila ada banyak <data:post.body/>, cari kode yang kedua, atau cari kode <data:post.body/> setelah post entri content, kalau masih ga muncul cobain aja semuanya hehehe...

Note: Artikel yang di posting harus berlabel agar bisa muncul pada related post.

Related Post:

Tidak ada komentar:

Poskan Komentar

Copyright © 1995 - 2015 Radyusaniar™. All Fights Reserved | Powered by Transmission Group®