Cara Membuat Artikel Terkait Related Post Sederhana

Cara Membuat Artikel Terkait Related Post Sederhana - Pada kesempatan kali Ini saya akan menulis artikel tenatang BLOGGING. setelah saya sering sahre artikel tentang SSH Gratis dan Template Blogger Respnsive seakrang saya Share tentang Cara Membuat Artikel Terkait Related Post Sederhana.

Tidak Perlu panjang lebar lagi saya bicara. langsung saja deh saya kasih tutorialnya. jika blog anda sudah Dilengkapi dengan ARTIKEL TERKAIT / RELATED POST ini .. ABAIKAN Saja tutornya :D.

Tutorial Cara Membuat Artikel Terkait Related Post Sederhana

• Pertama Bukalah akun blogger anda.
• Pilihlah Elemen Template. Lalu Pilit Edit HTML
  
• Letakan kode dibawah ini di atas ]]></b:skin>

.related-post{margin:1em auto 0;font-size:13px;background:#fff;border-radius:4px;border: 1px solid #eee;}.related-post h4{font-size:14px;margin:0 0 .5em;background:#2980b9;color:#fff;padding:14px;font-weight:normal;border-radius:4px 4px 0 0;position:relative;font-family:Oswald,Arial,Sans-Serif;text-transform:uppercase}ul.related-post-style-1{margin-left:0px;padding-left:0!important;margin-top:-12px;font-family:Nova Square}.related-post-style-1 li{list-style:none;border-top:1px solid #eceef5;width: 99%;}.related-post-style-1 li a{color:#79798d;text-decoration:none;font-size: 12px;display: block;padding: 14px 8px;font-weight:bold;}.related-post-style-1 li a:hover{color: #FFFFFF;text-decoration: none;background: #1abc9c;}ul#relpost li .relatedpost_description{font:normal 11px Electrolize,sans-serif}
.related-post-style-1 li a {color:#2c3e50}.related-post-style-1 li a:hover{color:#fff;text-decoration:none}

• Tambahkan kode ini dibawah <div class='post-footer-line post-footer-line-1'>

<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>

• Simpan template, dan lihatlah bagaimanya hasilnya.

Dan insyaallah lain kali saya akan bagikan related posts dengan gambar (Thumbnail), semoga Cara Membuat Artikel Terkait Related Post Sederhana ini bisa mengurangi bounce rate blog Anda.