Minggu, 24 Juni 2012

0

Cara membuat Related post atau Artikel Terkait di Blog

  • Minggu, 24 Juni 2012
  • Setiawan Dimas
  • Share
  • Tutorial blog kali ini akan membahas mengenai cara membuat related post atau artikel terkait di blogspot. Artikel atau posting terkait yang dimaksud di sini adalah artikel yang berada pada kategori atau label yang sama. Tentunya sobat blogger sudah mengerti dengan maksud saya bukan. Related post ini tentu akan memudahkan pengunjung dalam menemukan artikel-artikel yang berhubungan dengan artikel yang sedang dibaca. Selain itu, related post juga akan berpengaruh terhadap SEO. Jadi, saya sarankan sobat untuk menggunakan cara ini. oek langsung saja berikut ini adalah Cara membuat Related post atau Artikel Terkait di Blog



  • Log ini ke akun blogger sobat;



  • Pilih menu Rancangan » Edit HTML;



  • Beri tanda centang pada tulisan Expand Template Widget;



  • Cari kode </head> (Pakai Ctrl F)



  • Pasang kode berikut ini tepat berada di atas </head>



  • <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <style type='text/css'>
    #related-posts{width:100%;font-size:12px tahoma;margin: 15px 0 7px 0;}
    #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:16px;padding:0;}
    #related-posts ul li{display:block;background:url(/favicon.ico) no-repeat;
    padding:0 0 1px 21px;margin-bottom:3px;line-height:1.6em;
    border-bottom:1px dotted #cccccc;}
    #related-posts ul li a{background:#fff;display:block;}
    #related-posts ul li a:hover{background:#E9F5FB;}
    </style>
    <script src='http://dvslabs.googlecode.com/files/relatedpost-icon.js' type='text/javascript'/>
    </b:if>

     Jika Anda ingin mengubah ikon untuk gambar, cukup mengubah favicon.ico ke url gambar yang Anda inginkan.
    • langkah selanjutnya cari kode <data:post.body/> 
    Kode di atas adalah kode untuk menampilkan isi posting Anda. Anda mungkin menemukan beberapa kode yang sama, tetapi pastikan untuk menemukan kode yang digunakan untuk posting tunggal, biasanya ditandai dengan "item". Kemudian pasang kode di bawah ini tepat setelah <data:post.body/> 





  • <!-- Start Related post-->
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <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=7&quot;' type='text/javascript'/></b:if></b:loop> </font>
    <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
    </script>
    </div>
    </b:if>
    <!--End Related post-->
     Jumlah berwarna merah menunjukkan jumlah maksimum related post yang akan muncul di posting, hanya mendefinisikan Anda sendiri. Jangan lupa untuk menyimpan template Anda dan Anda sudah selesai, sekian postingan mengenai Cara membuat Related post atau Artikel Terkait di Blog semoga artikel ini bermanfaat.

    Sumber : http://www.intert3chmedia.net/2011/11/related-post-with-icon-widget.html

    0 Responses to “Cara membuat Related post atau Artikel Terkait di Blog”

    Posting Komentar

    Subscribe