rumah dijual
rumah dijual

Friday, June 22, 2012

CARA MEMBUAT RELATED POST pada BLOG




CARA MEMBUAT RELATED POST pada BLOGCara membuat related post - Jika Anda mencari informasi cara membuat related post di blogger, maka Anda sudah berada di area yang tepat. Karena pada kesempatan kali ini saya ingin berbagi tips seputar blogging kepada rekan - rekan blogger sekalian yang masih kebingungan dalam membuat related post di blognya. Seperti yang kita tahu bahwa fungsi dari related post atau bahasa Indonesianya kita sebut dengan artikel terkait, artikel yang berhubungan dengan postingan yang sedang dibaca atau artikel yang direkomendasikan oleh pemilik blog kepada pembacanya untuk memahami lebih dalam suatu topik dalam kategori tertentu, intinya sederhana, blogger dapat pageviews yang lebih banyak, pembaca mendapat informasi yang lengkap. Nah, setelah mengenal apa itu related post beserta fungsinya, langsung aja kita praktekkan bersama cara membuat related post diblog seperti langkah - langkah yang saya tuliskan dibawah ini :

1. Yang pasti Login dulu di blogger.com.
2. Klik Rancangan » Edit HTML
3. Back up template lama Anda agar jika gagal, tidak merusak tampilan blog.
4. Klik "Expand Template Widget".
5. Gunakan Ctrl + F untuk mempermudah pencarian.
6. Masukkan kode css berikut tepat atas kode

<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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9UYdVH8JohJEkKgK-rb8gW17xUnc7eJvI7NxwNy6X7ezY-Bvj3ru7cOzoA_w8M8ksMn54zL3KOFJHcPEpJBYmagthKBGnzkJQZifj2ye2jQx62Lodzr0xOws6O0SOmZ9RTdXjqo3I7dam/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 src=' http://yourjavascript.com/62420132712/rudiiee_putra.js ' type='text/javascript'/>


7. Cari kode <data:post.body/> atau <div class='post-body>, usahakan yang berdekatan dengan post-entri, Kemudian copy code dibawah ini, letakkan tepat dibawahnya.



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


8. Klik Simpan, Lihat hasilnya.

0 comments:



:a: :b: :c: :d: :e: :f: :g: :h :i: :j: :k: :l: :m: :n: :o: :v: :q: :r: :s: :t: :u: :v:
:ka: :kb: :kc: :kd: :ke: :kf: :kg:
:kh: :ki: :kj: :kk: :kl: :km: :kn:

Post a Comment

Jika terdapat Link yang rusak atau terdapat kesalahan lain pada Blog ini.. Mohon di beritahukan dengan berkomentar dibawah ini !!
dan Anda juga Bisa menggunakan Emotion-emotion Monkey Emoticon ||Kas Kus Emoticon di atas...
Pesan yang mengandung Sara dan Spam akan di hapus !!

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More