Cara Membuat Related Post Valid HTML

Bandung —

Cara Membuat Related Post Valid HTML. Artikel terkait memang sangat bermanfaat dalam memudahkan pengunjung menemukan artikel yang 1 tema. Selain itu katanya fungsi related post juga bagus buat SEO On Page dikarenakan sejumlah post yang memiliki pembahasan yang mirip saling menaut.

Namun banyak redaksi cara membuat related post yang beredar dengan segala keindahan desain yang ditawarkan ternyata memiliki "cacad" dari segi SEO. Yaitu dikarenakan tidak valid html. Oleh karenanya perlu mengganti script related post dibawah ini. Source Code by Kang Ismet. Demonya bisa dilihat pada artikel terkait blog ini

- Dasboard - Template - Edit HTML
- Silahkan cari kode ]]></b:skin>, lalu letakkan kode css berikut tepat diatasnya

#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
(http://4.bp.blogspot.com/-Bt0JYGRHfpk/T7ZpN5RNSQI/AAAAAAAAGJQ/zQtrWVZwgHA/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}

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

Semoga dengan upaya Cara Membuat Related Post Valid HTML membuat SEO On Page situs sobat semakin bagus dan mudah bersaing di search engine

Share!

Terkait