Cara Membuat Recent Post Bergerak di Blogger

Cara Membuat Recent Post Bergerak di Blogger

---

DuniaKita - Cara Mudah Membuat Recent Post Bergerak di Blogger 2017-Kali ini DuniaKita akan membahas lagi tentang topik Cara Membuat Rcent Post Post Bergerak di Blogger kita. Tentunya sebagian dari Blogging-Blogging di penjuru dunia sangat ingin memsang Widget seperti ini. Tujuannya agar Blog nya terlihat Reponsive Elegan Indah Menarik dan mempermudah pengunjung melihat  Daftar Artikel kita.. Apa saja sh yang ada dalm Blog kita gituu...

Okee.. Kali ini DuniaKita akan mencoba mengupas dan memberikan sedikit Tutorial singkat bagaimana cara membuat Recent Post bergerak diBlog kita.

Widget recent postini  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. Maksudnya Recent akan berjana/menggeser-geser sendiri dan pengunjung tidak perlu lagi menscrooll ke bawah.

Jika anda tertarik silakan ikuti langkah-langkah di bawah ini :

1. Masuk ke akun Blogger anda
2. Pada menu Dashboard pilih Tataletak
3. klik Add a Gadget
4. Pilih HTML/JavaScrpit
5. 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://r33yjf.blogspot.com" target="_blank">get this widget here</a></small>


*Catatan : Semua codingan diatas DuniaKita buat sejelas mungkin agar anda bisa merombaknya sendiri.

• 
  

6.Terakhir kit Klik Save

Nah cukup mudah bukan Cara Membuat Recent Post Bergerak di Blogger, jika masih bingung silakan tinggalkan komentar di bawah. Selamat bermanfaat...