Cara Memasang berita Artikel Terbaru Dengan imbas Animasi

Hallo teman blogger, kali ini akan saya bagikan sebuah widget artikel terbaru dengan imbas animasi untuk blog yang sahabat gunakan. Dimana kita ketahui bahwa berita artikel terbaru ini sangat vital sekali untuk sebuah blog, lantaran dengan di pasangnya widget artikel gres ini pada blog, para pengunjung akan lebih simpel mengetahui artikel yaang gres saja sobat buat.


Cara Memasang warta Artikel Terbaru Dengan imbas Animasi


Dengan memakai widget ini, tampilan warta artikel terbaru teman akan menjadi lebih menarik dan para pengunjung tidak mudah bosan karena widget ini terus bergerak.
Nah, kalau teman tertarik untuk memasang widget Artikel Terbaru Dengan efek Animasi ini, berikut tutorialnya:

1. teman Login terlebih dahulu ke dalam blog yang sobat kelola
2. Pada dasbor blogger, klik hidangan Tata Letak atau dalam bahasa inggris disebut Layout


Cara Memasang berita Artikel Terbaru Dengan imbas Animasi

3. Di dalam sajian Layout ini, klik Tambahkan Gadget



4. setelah itu akan muncul jendela kecil kumpulan widget bawaan bogger, sobat cari saja HTML/Javascript kemudian klik dua kali.


Cara Memasang berita Artikel Terbaru Dengan dampak Animasi

5. Pastekan instruksi dibawah ini kedalam kolom yang telah di sediakan


<style type="text/css">
#rp_plus_imgheight:377px;
#rp_plus_img li height:60px;padding:5px;list-style:none;
background-color:#ffffff;
border:solid 1px #0090ff;
#rp_plus_img acolor:#0090ff;
#rp_plus_img .news-titledisplay:block;font-weight:bold ;margin-bottom:4px;font-size:11px;
text-align:justify;
-moz-border-radius: 5px;
#rp_plus_img imgfloat:left;margin-right:14px;padding:4px;border:solid 1px #00000;width:55px;height:55px;
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="https://sites.google.com/site/unwanted86/javascript/recentpost.js"></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 style="text/javascript">
var numposts = 5;
var numchars = 0;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>

6. teman bisa merubah warna widget ini agar sesuai dengan warna blog teman dengan mengganti isyarat warna yang aku beri warna merah di atas.
5. setelah pengaturan simpulan, terakhir klik Simpan.


Di Bawah Ini Tampilan Widget berita Artikel Terbaru Dengan imbas Animasi 

Cara Memasang warta Artikel Terbaru Dengan efek Animasi


Semoga artikel tutorial blog ringan ini dapat bermanfaat untuk semua sobat blogger, bila ada pertanyaan ataupun kritik dan saran, sobat mampu menuliskannya pada kolom komentar yang ada di bawah artikel ini. Terimakasih telah berkunjung.