Blog Update Status Online

Cara Memasang Artikel Terkait di Bawah Postingan Blog



Artikel terkait menurut saya sangat penting diterapkan di blog karena bermanfaat tentunya, yaitu bisa membuat pengunjung berlama-lama di blog membaca artikel lainnya, karena masih topik terkait biasanya pengunjung membaca artikel lainnya

Cara Membuat Artikel Terkait di Bawah Postingan
Tampilan artikel terkait


Berikut cara yang bisa dilakukan.

Langkah Pertama.

Login ke akun blogger anda
Pada dashboard blog anda pilih Template
Pilih Edit HTML
Kemudian cari kode ]]></b:skin>  Kemudian copy coding dibawah ini dan tepatkan diatasnya.Gunakan Ctrl+ F untuk mempermudah pencarian pada kodenya.

.rbbox{border: 1px solid #D8D8D8;padding: 5px;background-color: #E0F8E0;-moz-border-radius:5px; margin:5px;}


Langkah Kedua

Lalu cari kode  <data:post.body/>  atau   <data:posts.body/>  dan letakkan coding dibawah ini tepat dibawahnya


<!-- Related Post Widget Start -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <div id='related-post' class='related-post'/>
  <script type='text/javascript'>
  var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
          &quot;<data:label.name/>&quot;<b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
      </b:loop></b:if>];
  var relatedPostConfig = {
      homePage: &quot;<data:blog.homepageUrl/>&quot;,
      widgetTitle: &quot;&lt;h4&gt;Artikel Terkait:&lt;/h4&gt;&quot;,
      numPosts: 5,
      titleLength: &quot;auto&quot;,
      containerId: &quot;related-post&quot;,
      newTabLink: false,
      widgetStyle: 1,
      callBack: function() {}
  };
  </script>
  <script type='text/javascript' src='https://kang-is.googlecode.com/svn/trunk/javascript/related-post.min.js'/>
</b:if>
<!-- Related Post Widget End -->

Save dan lihat hasilnya

Selamat Mencoba.





Share on Facebook
Share on Twitter
Share on Google+
Tags :

Related : Cara Memasang Artikel Terkait di Bawah Postingan Blog

1 komentar:

  1. ijin praktek bro,,ku tunggu kunjungan baliknya di www.sulyhadi28.blogspot.com

    BalasHapus

Posting Komentar