Cara Membuat Headline Breaking News Pada Blog 2014
Cara Membuat Posting Headline News
Wassalamualaikum Wr. Wb
halo anonym...!
pada posting kali ini saya ingin berbagi informasi Cara Membuat Posting Headline News. pada postingan blog Headline News berbeda dengan posting blog biasanya. namun dengan ini tampilan blog sobat akan menjadi lebih bagus. kode Dibawah ini menggunakan Html/Sricpt , jd kita tidak akan repot - repot untuk mengediting html template lagi.
1. Login blog
2. Pilh Tata Letak Blog
3. Pilih Tambah Wedget ( penempatan harus sesuai dengan ukuran Wedget sobat agar lebih sempurna).
4. Pilih Html/Script
5. copy paste script Dibawah ini
6. Selesai lalu liat Blog.....!
KETERANGAN
# height : 95(Tinggi dari posting headline news)
# var speed = 1500 (kecepatan Posting Headline News)
# var pause = 3500 (Lamanay Posting Berhenti)
# var numposts = 60 (Jumlah Posting)
# var numchars = 250 (Jumblah Huruf Pada Posting Headline News)
<style type="text/css">
#rp_plus_img{height:95px;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 = 250;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul> - See more at: http://ediilmutkj.blogspot.com/2014/08/membuat-posting-blog-headline-news.html #sthash.JFzW8GQ4.dpuf
#rp_plus_img{height:95px;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 = 250;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul> - See more at: http://ediilmutkj.blogspot.com/2014/08/membuat-posting-blog-headline-news.html #sthash.JFzW8GQ4.dpuf
Comments
Post a Comment