Blog Seputar Tutorial Komputer, Printer, Windows, Android, Blackberry, Dan Informasi Teknologi

Cara Membuat/Memasang Artikel Terkait Di Blogger

Memasang Artikel Terkait Dengan Icon Unik Di Blog - Membuat artikel terkait pada sebuah blog merupakan hal yang sangat penting sob, manfaat artikel terkait yaitu untuk meningkatkan interlink pada postingan dan juga dapat meningkatkan jumlah pageview pada blog. Dengan memasang artikel terkait maka secara tidak langsung akan mempermudah para pengunjung blog sobat untuk mebaca artikel-artikel yang terkait dengan yang saat ini sedang di baca, sehingga dapat membuat pengunjung betah bertahan lama di blog anda sob.

Related Post atau artikel terkait banyak di gunakan oleh para blogger, Selain untuk mempermudah pengunjung melihat artikel-artikel yang berhubungan dengan yang sedang di baca, artikel terkait juga mempercantik blog sobat. Artikel terkait sebenarnya banyak jenis-jenisnya, berikut ini salah satunya ( Membuat Artikel Terkait Dengan Scroll ) ( Membuat Artikel Terkait Keren Dengan Gambar ) ( Membuat Related Post Di Bawah Postingan ). Untuk itu, bagi sobat yang ingin memasang artikel terkait dengan gambar di dalam blognya masing-masing silahkan simak langkah-langkahnya berikut ini.

Tutorial Membuat Artikel Terkait Di Blog

1. Masuk ke Blog sobat terlebih dahulu
2. Masuk ke Template dan pilih Edit Template
3. Kemudian cari kode script </head>. Gunakan CTRL+F untuk mempermudah pencarian
4. Jika sudah ketemu, Silahkan letakan kode script di bawah ini tepat di atas kode </head>
<style type='text/css'> #related-posts { float : left; width : 100%; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 12px Arial; 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://lh3.ggpht.com/_cNpXRtRph18/S76dASm3WGI/AAAAAAAAEJg/AVmw4HhRdsk/rss.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://belajarblogging.googlecode.com/files/relpost.js' type='text/javascript'/>
5. Setelah itu, Langkah selanjutnya silahkan cari kode script <data:post.body/>
6. Kemudian letakan kode script dibawah ini tepat di bawah <data:post.body/> tersebut
<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>
Keterangan.
  • Kode <data:post.body/> di dalam template terkadang lebih dari satu, silahkan pilih yang terahir sendiri atau anda coba satu persatu sob.
Sekian tutorial cara mebuat artikel terkait di bawah postingan blog, Mudah-mudahan artikel ini dapat membantu anda untuk lebih meningkatkan page view blog sobat dan membuat betah pengunjung untuk tetap berada di blog sobat. Selamat mencoba dan semoga bermanfaat.. 

Previous
Next Post »

1 komentar:

Belajar Berbagi delete March 31, 2015 at 11:31 AM

nice post gan,, sangat membantu.. :)

PERINGATAN..!!
1. Berkomentarlah Sesuai Judul Diatas Dengan Sopan dan Jangan Spaming.!!
2. Dilarang Berkomentar Yang Mengandung Unsur Pornografi dan Sara.!!
3. Mohon Maaf Bagi Yang Berkomentar Melampirkan Link Langsung Ane Masukan Spam.!!

Matur Nuwon Sanget Atas Perhatiane Panjenengan Sedoyo. Salam Blogger Wongcilik.

 

Contact Form

Name

Email *

Message *