Cara Membuat Widget Recent Post Berjalan di Blog

Hohayo gozaimats, apa kabar para bloggor sekalian ? pada baik gak, kalau sekarang lagi sehat bagus. kalau lagi sakit semoga sakitnya disembuhin. Lagi-lagi bulan ini jumpa dengan ane, yang sedang berjuang dalam menghadapi semua pertanyaan-pertanyaan para blogger walking. Semoga aja mereka nanyak, terus melihat jawabannya dan mengucapkan " I love U " ,,, kam*vret : -x

Nah, semua berawal dari blog walking yang bertanya tentang " Recent Post ", ane kagak tau dia bertanya seperti itu serius atau kagak ? tapi disisi lainnya ane sedang menghadapi yang namanya masalah cinta, hehehe ( padahal ane jomblo ) sebertulnya bukan jomblo cuman kagak pernah yang namanya pacaran ( only kidding )

Oke, ini Scren Shotnya ( SS ) :



Nah, ketika itu lagi musim dingin di Batam, kemudian ane lagi main game online tuh, pas udah bosen. Bukak Ask.fm dan jreng-jreng muncul lah sebuah pertanyaan menggelikan dari "sebut saja namanya Anonymus". Nah, ane kira dari bawaan si Ask.fm tadi, ternyata dari Widget yang ane pasang di Blog ini, bzzzzz : -p
Ya sudah, pertamanya ane tak niat balas, tapi buat meramaikan suasana bulan Maret ini, jadi ane posting sajalah, hehe ...
chek ke Tempat Kejadian Postingan ..

TKP :

Recent Post memuat sebuah artikel acak dari blog kita ( random article ) yang berfunsgi sebagai pemanja blog kita, mungkin dari sebagian para blogger pasti tidak lupa memiliki yang namanya "Recent Post" nah, bagaimana cara membuat Recent Post tersebut. Sebelumnya Recent Post memiliki beberapa style atau yang disebut dengan gaya. Contohnya seperti Recent Post Berjalan, Recent Post Ini, Recent Post itu, dan lain-lain.

Kalau yang berada di Article ini yaitu tentang Recent Post berjalan di blog, pengen punya ?
nah, ini versi dari blog ane.. ( sumbernya udah lupa )

Disimak ya ...

1. Login ke blogger ente-ente semua ( kalau gak bisa, search ke google )

2. Kemudian klik "Tata Letak" >> "Tambahkan Gadget/Widget"

    

3. Selanjutnya pilih "Tambahkan HTML/Java Script"

    

4. Kemudian copy script dibawah ini :

<style type="text/css">
#rp_plus_img{height:385px;overflow:hidden;border:0;padding:2px 3px 3px 2px;background:transparant}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:solid 1px #ccc; margin:0;height:82px;padding:5px; list-style:none;-moz-border-radius: 10px; border-radius: 5px}
#rp_plus_img li:hover{background-color: #EFFBEF;}
#rp_plus_img a{color:#d90000;font-weight:bold}
#rp_plus_img .news-title{display:block;font-weight:400 !important;margin-bottom:3px;font-size:11px;}
#rp_plus_img img{float:left;margin-right:10px;padding:4px;border:solid 1px #ccc;width:65px; height:65px;-moz-border-radius: 10px; border-radius: 5px;}
</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="http://tugasku4u.googlecode.com/files/Slideshow-artikel-terbaru-New-2013.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 = 100;
var numchars = 20;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>

5. Kemudian Simpan template dan lihat hasilnya.

Gimana ? termasuk mudah bukan, kalau gitu tinggal di share aja ke teman-teman yang lainnya ..

Biar gak dibilang pelit ilmu, bzzzz : -p

♫♫♫

Sumber :

Gambar : http://febrian-tkj.blogspot.com

Bagikan Artikel ini :