Cara Membuat Artikel Terkait ( Releated Article ) di Bawah Postingan #PART-3

Cara Membuat Artikel Terkait ( Releated Article ) di Bawah Postingan #PART-3

Salam Blogger, Kali ini bloggingpasuruan kembali berbagi tutorial “Cara Membuat Artikel Terkait ( Releated Article ) di Bawah Postingan #PART-3 yang biasanya ditempatkan di bawah suatu postingan berdasarkan label postingan juga. Tujuan dari pemasangan Widget ARTIKEL TERKAIT di Bawah Posting Blog ini adalah, selain mempercantik tampilan blog, juga untuk mempermudah pengunjung Blog ( sebagai navigasi ) dan meningkatkan pengunjung/SEO di blog yang Sobat Blogger buat.


Catatan : sebelum mengotak-atik template blog, backup terlebih dahulu agar aman jika terjadi kesalahan. Berikut tutorial Cara Membuat Widget ARTIKEL TERKAIT di Bawah Posting :


1. Login ke Blogger Anda, klik Template kemudian klik Edit HTML.

2. Copy kode berikut dan tempat di atas </head>, ganti link gambar berwarna merah sesuai keinginan Anda, atau tidak diganti juga tidak apa-apa.

<!-- Artikel Terkait Oleh www.bloggingpasuruan.blogspot.com -->
    <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(&quot;http://1.bp.blogspot.com/-MdK_HE-8LR8/T8Dw9Nzau6I/AAAAAAAABQM/EHAoPvg5pbc/s1600/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='https://artikel-terkait-by-bloggingpasuruan.googlecode.com/svn/artikelterkait.js' type='text/javascript'/>
    <!—Artikel Terkait Oleh www.bloggingpasuruan.blogspot.com-->


3. Setelah itu cari kode <data:post.body/> atau <div class='post-body> dan letakkan script berikut di bawahnya. Atau, jika Anda sudah ahli dalam mengedit template blog, Anda bisa menempatkan bebas dimana saja, asalkan diletakan di bawah postingan. Ganti kata “ Artikel Terkait “ sesuai kata-kata selera Anda.

<!-- Artikel Terkait -->
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <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>
    <!-- Artikel Terkait -->



4. Simpan ( Save ) template dan lihat hasilnya.

Saya akan sangat berterima kasih jika Sobat Blogger berkenan untuk berkomentar, memberikan saran atau pertanyaan untuk artikel Cara Membuat Artikel Terkait ( Releated Article ) di Bawah Postingan #PART-3. Semoga bermanfaat...

Share this with short URL: Get Short URLloading short url

Nama saya Usman Kurniawan dari Pasuruan - jawa timur dan bukan seorang Blogger Pro, Namun saya akan serius belajar jika menyukai sesuatu hal, termasuk dunia blogging.

Previous
Next Post »

1 comments:

Write comments
Abidah Choos
AUTHOR
February 27, 2015 at 7:21 AM delete

Thanks infonya sob.
abydsblog.blogspot.com

Reply
avatar