Blog Lebih SEO Friendly Dengan Memasang Related Post

Blog Lebih SEO Friendly Dengan Memasang Related Post

Blog Lebih SEO Friendly Dengan Memasang Related Post - Sebuah lanjutan postingan cara membuat blog lebih seo dan sekaligus tutorial blogspot ini juga sebagai lanjutan dari tulisan saya sebelumnya tentang cara memodifikasi template blogspot agar lebih seo friendly yang telah saya posting sebelumnya dalam blog Juragan Kontes ini.

Related post adalah sebuah teknik seo on page yang menurut para master adalah langkah ampuh untuk memberikan kekuatan internal blog di search engine. Memasang related post ini hampir menjadi kegiatan wajib para blogger dan ini bisa kita lihat di beberapa blog para master seo yang selalu ada memiliki related post dalam setiap postingan mereka. Selain itu pula related posts ini juga memiliki fungsi memudahkan pembaca untuk menemukan artikel pada "label" yang sama. Untuk lebih jelasnya perhatikan gambar ini
Related post
So, gimana caranya memasang related post ini? baiklah marilah kita bahas disini dan semoga saja tulisan tentang blog lebih seo friendly dengan memasang related post ini nanti bisa berguna untuk anda yang ingin memiliki blog yang seo friendly.

Langkah memasang related post ini adalah sebagai berikut :

1. Login ke blogger anda
2. Buka Template > Edit HTML.
3. Simpan kode ini di atas ]]></b:skin>
#related-post background:none;width:100%;margin-top:35px;margin-bottom:10px;padding:5px 0 10px 0px}
#related-post h4{font-size:150%;text-transform:uppercase;margin:0 0 15px;padding:0;font-weight:normal}
#related-post li{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2vyxC1ebkSSF8do84FAzB3eMitL944s9KzCjCTXUhQXcnYL2VNUpdhs-x4oldLTJeANxTw0gUg0soH4uaujfiago5jvsmp_hBTtrVZ4iIvP6LulBkyJbnV4iLj9uGBaCLOhEYP7s2R8it/s1600/bullet.png) no-repeat 1px 5px;color:#2c3e50;text-indent:0;line-height:1.6em;margin:0;padding:0 0 3px 19px}
#related-post .widget{margin:0;padding:0}
#related-post ul{list-style:none;margin:0;padding:0}

4. Tambahkan kode berikut dibawah <div class='post-footer-line post-footer-line-1'>
<!-- 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 -->
5. Save dan coba anda lihat hasilnya!.

Demikian tulisan blog lebih seo friendly dengan memasang related post ini semoga bermanfaat ya!.

Referensi tutorial memasang related post ini diambilkan dari link http://blog.kangismet.net/2010/01/menampilkan-artikel-terkait-related.html.

Share to

Facebook Google+ Twitter Digg
Di posting oleh : Unknown , Update pada : 08.39 | ► 0 komentar