cara membuat related post bergerak

berikut ini cara membuat related post bergerak :

1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode berikut

</head>

lalu copy dan pastekan kode di bawah ini tepat di atas kode </head> :

<b:if cond='data:blog.pageType == &quot;item&quot;'><style type='text/css'>#related-posts {float:center;height:100%;min-height:100%;padding-top:5px;padding-left:5px;}#related-posts h2{font-size: 1.6em;font-weight: bold;color:#000;font-family:Arial, Georgia;margin-bottom:0.75em;margin-top: 0em;padding-top: 0em;}#related-posts a{-webkit-transition: background 1s ease, color 1s ease;-moz-transition: background 1s ease, color 1s ease;-o-transition: background 1s ease, color 1s ease;}#related-posts a:hover{background-color:#d4eaf2;-webkit-transition: background 1s ease, color 1s ease;-moz-transition:background 1s ease, color 1s ease;-o-transition:background 1s ease, color 1s ease;-webkit-border-radius: 5px;-moz-border-radius:5px;border-radius:5px;-o-border-radius:5px;}.tooltip{width: 115px; color:#000;font:lighter 12px/1.3 Arial,sans-serif;text-decoration:none;text-align:left}.tooltip span.top{padding:20px 5px 0;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs3_BEvV7LUb9EnsvaHD95oQqMSlHXiVMVV5k-viNgWXUOweJnYRq2dN5tK6UCCvNY2pCafx22P-frv7AGAwU-lnqPNndoH71n2Zv0A3SD_guP-PaIZsvZvegZx_cGbIE_wqmUngBHhNY/s1600/bt.png) no-repeat top;}.tooltip b.bottom{padding:2px 5px 6px;color:#548912;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs3_BEvV7LUb9EnsvaHD95oQqMSlHXiVMVV5k-viNgWXUOweJnYRq2dN5tK6UCCvNY2pCafx22P-frv7AGAwU-lnqPNndoH71n2Zv0A3SD_guP-PaIZsvZvegZx_cGbIE_wqmUngBHhNY/s1600/bt.png) no-repeat bottom;}</style><script type='text/javascript'>window.onload=function(){enableTooltips("calcList")};imgBT=new Image();imgBT.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglF1bx-sj47zsx8wtV9rLW7OakactyeMZqOAfCw_H2y6FmprT5ee8iKBIlO4jmpGrLCTps4MwDhZv420aMz7bjbTil5Ty1CSd2g7NqIxL1Kr87rQFy1SPy2rqEfb7fklrZA9DcKD54sJY/s1600/noimage.jpg';</script><script src='http://dvslabs.googlecode.com/files/rp-bubbled-thumbnails.js' type='text/javascript'></script></b:if>

selanjutnya cari kode seperti di bawah ini :

<div class='post-footer-line post-footer-line-1'>

atau :

<p class='post-footer-line post-footer-line-1'>

tambahkan kode di bawah ini tepat di bawah  kode tersebut :

<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><b:if cond='data:blog.pageType == &quot;item&quot;'><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=12&quot;' type='text/javascript'/></b:if></b:loop><h3>Related Posts</h3><marquee align='center' behavior='alternate' direction='left' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' width='100%'><script type='text/javascript'>var currentposturl=&quot;<data:post.url/>&quot;;var maxresults=10;var relatedpoststitle=&quot;&quot;;removeRelatedDuplicates_thumbs();printRelatedLabels_thumbs();</script></marquee></div><div style='clear:both'/></b:if>

lalu Simpan dan Anda sudah selesai. Anda dapat mengatur jumlah maksimum posting terkait hingga 20 tulisan, hanya membuat mengubah nomor berwarna merah (10) dan menyesuaikan dengan cara yang Anda suka.

LABEL TERKAIT: