-->

Catatan Malam Just Share


Senin, 22 April 2013

Cara Mudah Membuat Artikel Terkait di akhir postingan

Ketika berkunjung ke blog pernah melihat di akhir postingan tulisan artikel terkait, baca juga, artikel lainnya dan lain kemudian dibawahnya ada beberapa judul -judul artikel lainnya yang bisa dibaca pengunjung blog.

Tujuannya tentu saja biar pengunjung berlama-lama diblog anda, karena membaca artikel lainnya sehingga membantu trafik.

Kemudian dengan adanya artikel terkait, blog anda sudah kelihatan sedikit lebih bagus, kelihatan tidak newbie lagi he..he...

Bagaimana cara membuat artikel terkait di akhir postingan sebagai berikut :
1, Seperti biasa masuk ke blogmu
2. Pilih template, klik edit html dan klik lanjutkan
3. Ceklist pada Expand Template Widget (jangan lupa simpan template aslinya buat jaga-jaga)
4. Cari kode: </head> (gunakan Ctrl+f untuk mencari)
5. Copy kode dibawah ini tepat diatas </head>
 <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/AVvXsEgnpCZ3rYyS8eKeOxqR-E_hQa3Uw-8xnXmoGSPXUHxGUPTWDgUD76_2GOcpM0fRg71rvSlpQujaeWrOb9oSedYV53cDvpyy9oXL928VgHJAnq8ElPRGb5uUIBWYyw0irD_u1XFidV5JMOec/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://oktriblogger.googlecode.com/files/related-post-tutorialbelajarblog.js' type='text/javascript'/>
6. Cari kode <data:post.body/> atau <div class='post-body> Kemudian copy code dibawah ini, letakkan persis 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> 

Simpan template kamu.demikian Cara Membuat artikel terkait di blogger semoga berguna.

Perhatian!! Biasanya Kode HTML <data:post.body/> ada yang lebih dari 3, untuk meletakan kode di atas Biasanya dibawah <data:post.body/> yang ke2 atau sesuaikan dengan template anda.
Untuk kalimat yang saya tandai merah “Related Posts“ bisa anda ganti dengan kalimat  ”Artikel terkait“, “Baca Juga atau terserah dengan kalimat anda. agar pembaca tertarik untuk membaca artikel dalam blog anda.

Demikian panduan blog kali ini, semoga membantu...

loading...
 
Atas