Hubungi KamiJika ada pertanyaan silahkan hubungi kami

Cara Membuat Recent Post Bergerak di Blogger

Cara Membuat Recent Post Bergerak di Blogger-Selamat malam sob, kali ini saya mau bagi-bagi widget keren dan bisa membuat blog terlihat lebih cantik dan menarik dimata pengunjung. Dengan penampilan blog menjadi lebih menarik pengunjung akan makin betah berlama-lama singgah pada blog kita.

Dengan keberadaan pengunjung singgah pada blog kita maka blog yang kita kelola akan semakin ramai dan makin banyak pembaca. Tentu akan membuat kebanggaan jika tulisan kita banyak pembaca bukan? Nah artikel ini adalah lanjutan pada artikel sebelumnya 2 Cara Memasang Widget Artikel Terbaru Di Blogger.

Artikel tersebut hanya membuat Racen Update atau artikel terbaru atau juga bisa kita sebut dengan artikel terkini yang memberi tampilan yang standar tanpa memiliki ke istimawaan karena kita hanya menggunakan widget bawaan blogger. Baca Juga: Panduan Membuat Blog Untuk Pemula

Nah untuk widget yang satu ini saya ingin memberikan widget yang lebih menarik karena widget ini dapa bergerak, maksudnya artikel akan berjalan jadi pengunjung akan mudah melihat artikel-artikel terbaru tanpa harus meng-gulirkan mouse.

Panduan membuat Widget Artikel Terakhir

  • Login ke akun blogger
  • Pada bagian dashboard pilih Layout
  • Pilih Add a Gadget
  • Pilih HTML/JavaScript
  • Copy dan paste kode dibawah ini kedalam HTML/JavaScript
<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 Simpan

Sekian untuk artikel tentang Cara Membuat Recent Post Bergerak di Blogger, semoga artikel kali ini dapat bermanfaat. Baca Juga: Cara Mudah Memasang Parse HTML Tools Valid HTML5 Pada Blogger

Baca Juga Cara Membuat toko online dengan mudah | CARA DAN KUMPULAN KERAJINAN UNIK DAN KEREN

Add a Comment

Your email address will not be published. Required fields are marked *

Read previous post:
Cara Mudah Memasang Parse HTML Tools Valid HTML5 Pada Blogger

Cara Mudah Memasang Parse HTML Tools Valid HTML5 Pada Blogger-Untuk...

Close