Cara Download Cara Membuat Artikel Terkait Ala Kang Ismet Update Terbaru

Sedikit Info Seputar Cara Membuat Artikel Terkait Ala Kang Ismet Terbaru 2017 - Hay gaes kali ini team Free Template BLogspot.Com, kali ini akan membahas artikel dengan judul Cara Membuat Artikel Terkait Ala Kang Ismet, kami selaku Team Free Template BLogspot.Com telah mempersiapkan artikel ini untuk sobat sobat yang menyukai Free Template BLogspot.Com. semoga isi postingan tentang Artikel Artikel Terkait, yang saya posting kali ini dapat dipahami dengan mudah serta memberi manfa'at bagi kalian semua, walaupun tidak sempurna setidaknya artikel kami memberi sedikit informasi kepada kalian semua. ok langsung simak aja sob
Judul: Berbagi Info Seputar Cara Membuat Artikel Terkait Ala Kang Ismet Terbaru
link: Cara Membuat Artikel Terkait Ala Kang Ismet

Berbagi Cara Membuat Artikel Terkait Ala Kang Ismet Terbaru dan Terlengkap 2017

Artikel Terkait Ala Kang Ismet

Artikel Terkait Ala Kang Ismet - Artikel terkait memanglah suatu yang lumayan dibutuhkan dalam blog, untuk menguatkan optimasi seo pada blog, kali ini saya akan memberikan Cara Membuat Artikel terkait ala kang ismet, maaf sebelumnya apabila ada yang merasa dirugikan, banyak sekali teman saya di facebook yang menginginkan related ini, dan berikut kode nya :

Masukkan CSS berikut :

.related-post {
 margin:2em auto 0;
 font-size:13px;
 background:#fff;
 border-radius:4px;
}
.related-post h4 {
 font-size:14px;
 margin:0 0 .5em;
 background:#9dcb63;
 color:#fff;
 padding:14px 20px 14px 75px;
 font-weight:normal;
 border-radius:4px 4px 0 0;
 position:relative;
    font-family:Oswald,Arial, Sans-Serif;
    text-transform:uppercase;
}
.related-post h4:before {
 content: "\f074";
 font-family:fontAwesome;
 font-size:22px;
 font-style: normal;
 background-color:#8db857;
 color:#fff;
 border-radius:4px 0 0 0;
 top:0;
 left:0;
 padding:13px 20px;
 position:absolute;
}
ul.related-post-style-1 {
padding-left:0 !important;
    margin-top:-12px;
}
.related-post-style-1 li {
 list-style:none;
 padding:15px 20px;
 border-top:1px solid #eceef5;
}
.related-post-style-1 li a{
 color:#79798d;
 text-decoration:none;
}
  .related-post-style-1 li a:hover{
 color:#33aea5;
 text-decoration:none;
}
.related-post-style-1 li:before {
 content: "\f08e";
 font-family:fontAwesome;
 color:#c7cbd4;
 font-style: normal;
 top:0;
 left:0;
 margin-right:13px;
}

Masukkan HTML berikut :

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

Maaf saya kurang detail untuk memberikan tutorialnya, untuk HTML apa bila di blog sobat telah

ada related post sebelumnya, ganti saja related itu dengan script diatas tadi, terima kasih atas kunjungannya, Wassalam.

Itulah sedikit Artikel Cara Membuat Artikel Terkait Ala Kang Ismet terbaru dari kami

Semoga artikel Cara Membuat Artikel Terkait Ala Kang Ismet yang saya posting kali ini, bisa memberi informasi untuk anda semua yang menyukai Free Template BLogspot.Com. jangan lupa baca juga artikel-artikel lain dari kami.

Terima kasih Anda baru saja membaca Cara Membuat Artikel Terkait Ala Kang Ismet