Cara Membuat Headline News Blog Terbaru

Assalamualaikum sobat semua,
Kali ini saya akan membahas Cara Membuat Slideshow Headline News pada blog, gunanya untuk menampikan artikel yang sudah kita input secara bergantian (berjalan satu persatu), keren bukan ?? :D, memang sih sudah banyak sekali yang posting demikian, tapi terkadang tidak sesuai yang diharapkan dan tidak sesuai dengan template blog yang kita gunakan.

Slide Show ini dapat kita tampilkan dalam bentuk mini (postingan berjalan satu persatu secara bergantian ) atau bisa juga kita tampilkan secara banyak (sesuai selera). Cara pasangnya juga mudah dan tidak ribet, oke langsung saja kita praktek sama-sama :D :

• Pertama Login ke akun Blog
• Pilih Tata Letak
• tambahkan Gadget, pilih HTML/Javascript,
• Masukkan kode dibawah ini dan simpan kode tersebut !

<style type="text/css">

#rp_plus_img{height:300px;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="https://googledrive.com/host/0B12wbnW3X8djSlBLNGlGWHVKeGM"></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 = 60;

var numchars = 100;

</script>

<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>

</ul>

Note :

Kode yang ditandai dengan warna merah dapat diganti sesuai dengan keinginan. Angka 300 itu menunjukkan tinggi widget, angka 1500 adalah kecepatan slideshow, angka 60 adalah jumlah postingan yang akan ditampilkan pada Headline News Slideshow, dan angka 100 adalah jumlah huruf yang akan ditampilkan pada uraian singkat postingan sobat.

Selamat Mencoba !! :D

fathurrizqi.com

BAGIKAN ARTIKEL : Facebook Twitter Google+ Linkedin