Wednesday, 12 November 2014

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

Posted by on Wednesday, 12 November 2014
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 Templatekemudian 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...

close