August 28, 2012

Ahahah dari tadi keasyikan maen game akhirnya sampe lupa posting, soalnya Kraenga  Francisco hobby main game pc, ya ia lah komputer, saya rakit khusus buat game ngapain kalau hanya buat ngetik mulu kkikikiki…..lansung kembali ke laptop saja ya, membuat Related Post/ Artikel Terkait dibawah posting merupakan artikel selabel atau artikel sekategori dengan artikel yang bersangkutan. Contonya jika saya membuat suatu artikel dengan memberi label tutorial maka semua artikel yang berkaitan atau berhubungan akan menampilkan artikel yang berada pada label tutorial.
Untuk Melihat Contoh hasilnya akan seperti gambar dibawah ini.


Berikut ini langkah-langkah untuk membuat related post/artikel terkait dibawah posting.
Pertama, Login ke akun blog blogger anda.
Kedua, Pilih Template..
Ketiga, Untuk Menjaga template anda, silahkan download dulu template, klik dawnload template lengkap yang berada pada samping pojok kanan.
Keempat, Klik Edit HTML, Klik Lanjutkan, kemudian jangan lupa untuk Expand Template Widget.
Kelima, gunakan Ctrl F atau F3 cari kode </head> dan letakkan kode berikut dibawah kode </head>

<style type='text/css'> #related-posts { float : left; width : 100%; 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(&quot; http://kraeng-francisco-tutorial.googlecode.com/files/link_16.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=' http://kraeng-francisco-tutorial.googlecode.com/files/Artikelterkait.js' type='text/javascript'/>

Keenam, Selanjutnya cari kode <data:post.body/> dan kemudian pastekan kode berikiut tepat dibawah <data:post.body/>

<b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<font face='Arial' size='3'><b>Artikel Terkait : </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>

Cacatan : Jika pada template teman-teman terdapat 2 kode <data:post.body/> maka letakkan di bawah kode <data:post.body/> yang ke 2.

Ketujuh, Klik Pritinjau Untuk melihat tidak terjadi kesalahan eror, lalu klik Simpan Template.

'Selamat mencoba dan semoga bermanfaat. Trima Kasih'


Posted by : Kraeng Francisco | Tuturial Blog | Tips and Trik Komputer | Tips and Trik Internet | SEO

Artikel Cara Membuat Related Post/Artikel Terkait Dibawah Posting diposting oleh Kraeng Francisco pada August 28, 2012. Terima kasih atas kunjungannya. Kritik dan saran dapat disampaikan via kotak komentar.. Jika diperlukan Artikel ini bisa disebarluaskan melalui blog sobat, dan atau mohon sebutkan sumbernya dengan tautan link aktif ke postingan ini atau letekkan link dibawah ini sebagai sumbernya. Terima Kasih. Salam...


Artikel Terkait

6 comments:

  1. makasih sob, ane udah mencoba nya..

    ReplyDelete
    Replies
    1. ya sama2 sobat dan trima kasih sudah mampir kesini.

      Delete
  2. Kerenn. langsung berfungsi. maksih trik nya

    ReplyDelete
  3. mantap artikelnya sob, sangat bermanfaat...

    ReplyDelete
    Replies
    1. ok sob, itulah yang diharapkan. terima kasih kunjungannya.

      Delete