Cara membuat Widget Related Pos dengan thumbail bergerak

Sekarang di bulan ramadhan yang sudah tiga hari Blog-KrenZ akan mengeshare postingan yang berjudul Cara membuat Widget related pos dengan thumbail bergerak . dengan adanya widget ini Pengunjung Blog juga semakin mudah untuk menjangkau artikel yang lebih luas . Jadi Gunakan lah Widget ini di Blog/website sobat langsung Cara pemakaiannya .


1. Seperti biasa harus Login dulu ke Blogger

2. dan pergi ke rancangan Html sobat

3. buka Notepad untuk menyalin semua html lama .

4. lalu cari kode ini </head> biarr lebih mudah gunakan ctrl+f jika sudah ketemu Pastekan kode di bawah ini tepat di atas kode </head>

<!--Related Posts with thumbnails Scripts and Styles Start--><!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>  <style type='text/css'>    #related-posts {    float:center;    text-transform:none;    height:100%;    min-height:100%;    padding-top:5px;    padding-left:5px;    }    #related-posts h2{    font-size: 14px;    font-weight: bold;    color: black;    font-family: Arial;    margin-bottom: 0.75em;    margin-top: 0.75em;    padding-top: 0em;    }    #related-posts a{    color:black;    }    #related-posts a:hover{    color:black;    }    #related-posts a:hover {    background-color:#d4eaf2;    }  </style>  <script type='text/javascript'>    var defaultnoimage=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4XSTTqet3PE1S3W1JuU92Ap-mwyhtMjqLqaaBqhL475dzSnb2MhRuz5EkbdLxri9n0n0eD79kxVJiNw5x8jyAEcM3vv4_vLu3qh0UwzuVqkTe-_TbbmUXr7eLl7HVIQOudOPYwdBT6W4/h120/noimage.png&quot;;    var maxresults=5;    var splittercolor=&quot;#d4eaf2&quot;;    var relatedpoststitle=&quot;Related Posts&quot;;  </script>  <script src='http://rioshareorg.googlecode.com/files/related-posts-with-thumbnails-for-blogger-pro.js' type='text/javascript'/>  <!-- remove --></b:if><!--Related Posts with thumbnails Scripts and Styles End-->

5. lanjut untuk mencari kode ini <data:post.body/> setelah ketemu pastekan kode di bawah ini tepat di atas kode <data:post.body/>
dan Save  lihat hasilnya ...

<!-- Related Posts with Thumbnails Code Start--><!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>  <div id='related-posts'>    <b:loop values='data:post.labels' var='label'>      <b:if cond='data:label.isLast != &quot;true&quot;'>      </b:if>      <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;'type='text/javascript'/>    </b:loop>    <marquee align='center' behavior='alternate' direction='left'onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2'width='100%'>      <script type='text/javascript'>        removeRelatedDuplicates_thumbs();        printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);      </script>    </marquee>  </div>  <div style='clear:both'/>  <!-- remove --></b:if><!-- Related Posts with Thumbnails Code End-->

sedikit tambahan :
Jika Tidak jadi silakan Ambil script yang sudah di simpan di notepad dan yang di HTML silakan di hapus dan gantikan kode yang ada di notepade yang sudag agan siapkan .

Keyword

Cara membuat Widget related pos dengan thumbail dan memaksimalkan Seo 
cara membuat Widget related post dengan thumbail bergerak
Cara membuat Widget related pos dengan Thumbail bergerak + tutorial caranya 
Cara memasang Widget related Pos dengan Thumbail bergerak
Cara memasang Widget related pos dengan thumbail bergerakhttp://ikfanahmadfauzi.blogspot.com/2013/07/cara-membuat-widget-related-pos-dengan.html