ALGOFIXS

Tutorial Blogger

Cara Membuat Recent Post Bergerak di Blogger

Cara Mudah Membuat Recent Post Bergerak di Blogger 2017-Kali ini saya akan membahas lagi mengenai topik lanjutan dari artikel saya sebelumnya, oke, mari kita lebarkan lagi pembahasan kita dalam cara mudah mempercantik blog.
Dan yang akan kita bahas pada pertemuan kali ini adalah Cara Mudah Membuat Recent Post Bergerak di Blogger.

Widget recent post pada umumnya cuma memiliki tampilan dafalut/bawaan dari template itu sendiri, dan biasanya cuma berfungsi untuk membuat recent konten terbaru/terkini (standard).
Jika anda ingin tampilan blog (lebih) menarik, tidak ada salahnya jika mencoba memodifikasi widget recen post agar bisa bergerak. Maksutnya recent akan berjana/menggeser-geser sendiri dan pengunjung tidak perlu lagi menscrooll ke bawah.

Jika anda tertarik silakan ikuti langkah-langkah di bawah ini :
  • Masuk ke akun Blogger anda
  • Pada menu Dashboard pilih Tataletak
  • klik Add a Gadget
  • Pilih HTML/JavaScrpit
  • Lalu masukkan script di bawah ini, jangan lupa beri title "recent post"
<style type="text/css">
#rp_plus_img{height:377px;}
#rp_plus_img li {height:60px;padding:5px;list-style:none;
background-color:#ffffff;
border:solid 1px #000000;}
#rp_plus_img a{color:#00000;}
#rp_plus_img .news-title{display:block;font-weight:bold ;margin-bottom:4px;font-size:11px;
text-align:justify;
-moz-border-radius: 5px;}
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #00000;width:55px;height:55px;}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript">
</script>
<script src="https://sites.google.com/site/unwanted86/javascript/recentpost.js" type="text/javascript">
</script>
<script type="text/javascript">
var speed = 1500;
var pause = 3500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img"><script>
var numposts = 5;
var numchars = 0;
</script>     <script src="http://www.idcheat.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt">
</script>     </ul>
<small><a href="http://giribig.com/2016/02/cara-membuat-recent-post-bergerak-di-blogger.html" target="_blank">get this widget here</a></small>
  •  Terakhir Klik Save
Nah cukup mudah bukan Cara Membuat Recent Post Bergerak di Blogger, jika masih bingung silakan tinggalkan komentar di bawah. Selamat mencoba!
0 Comments