Breaking News di Blog

Cara Pemasangan

Template -> Edit
Letakkan CSS berikut di atas ]]></b:skin>

#headline-wrapper{
background: #f7f7f7;
border: 1px solid #d4d4d4;
overflow: hidden;
position:relative;
height: 24px;
}
.headlines{
float:left;
clear:both;
width:55%;
margin:0;
overflow:hidden;
}
h4.headline{
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhMzDfjZHiDunda3YRFJkx7Kcxt0EIJ8aaGwrn2QS9HGlAogpAZzxMrlMAR3N37arfqlbWHiZsJCRPLIZdMkpdI9g9xb6g0ygmwKjpeWmNYfAYPRl5QQP_bLFA9gkeJWyagyRx2P1ucTg/s1600/brnews-bg1.png") no-repeat;
background-size: 110px;
color: #FFF;
float: left;
font-size: 11px;
line-height: 1;
margin: 0;
padding: 6px 7px 7px;
width: 115px;
}
.headlines p {
margin-top: 3px;
}
#tickerAnchor{color:#555E6B;font-size: 16px;}
#tickerAnchor:hover{#3C4A53}

Masukkan kode HTML berikut di bawah <body> atau di bawah header sesuai letak keinginan anda.

<div id='headline-wrapper'>
<div class='headlines'>
<h4 class='headline'>Breaking news</h4>
<p><a id='tickerAnchor' style='text-decoration:none'/></p>
<script style='text/javascript'> var theLeadString = "Breaking News: "; var thePostCount =5; var sBgColor; var nWidth; var nScrollDelay = 175; var sOpenLinkLocation="S"; </script>
<script src='http://bambangkusumo.blogspot.com/feeds/posts/default?alt=json-in-script&callback=PostTicker'/>
</div>
</div>

Catatan:

Ubah warna merah di atas dengan link blog anda.

Jika anda menginginkan breaking news hanya label tertenu saja, maka tambahkan /-/NamaLabel

Seperti contoh:

Langkah selanjutnya letakkan script berikut ini di atas </head>

<script src='http://web.kagan.googlepages.com/tools/PostTicker.js' style='text/javascript'> </script>

Simpan template anda

Selamat Mencoba..Terimaksih :c::c:

Breaking News di Blog

Cara Pemasangan

0 comments:

…

…

…

Popular Posts

Recent Comments