Friday, April 8

Cara Masang Widget Breaking News di Blogger

Cara Masang Widget Breaking News di Blogger - widget ini sangat cocok untuk blog yang ber thema kan berita tapi bisa juga di terapkan untuk blog lainnya untuk keperluan menyampaikan info penting ke pengjung blog.
oke lah kita langsug ajha ya
  • login ke blog seperti biasa
  • pilih blog yang akan di pasangin widget (klo memiliki banyak blog)
  • setelah itu pilih template >> Edit HTML
  •  copy paste code di bawah ke tempat sebelum  ]]></b:skin> atau
    </style>
/* CSS News Ticker */
.ticker-wrap{display:block;text-align:center;margin:0 20px 20px 20px;padding:2px;background:#fefefe;border:1px solid rgba(0,0,0,0.1);border-left:5px solid #3cc091}
.ticker-wrap>span{display:inline-block;background:#fefefe;padding:0;font:700 13px 'roboto',sans-serif}
.ticker-wrap>span>a{color:#222;text-decoration:none}
#ticker{height:45px;overflow:hidden;background:#fefefe;text-align:left}
#ticker ul{padding:0;margin:0;list-style:none}
#ticker ul li{height:45px;white-space:nowrap}
#ticker ul li img{float:left;width:35px;height:35px;margin:5px 7px 5px 5px}
#ticker ul li h3{margin:0;font:700 16px 'roboto',sans-serif}
#ticker ul li h3 a{color:#333;text-decoration:none;line-height:25px!important}
#ticker ul li .tickermeta{font:400 13px 'roboto',sans-serif;line-height:20px!important;color:#999}
jangan lupa di sesuaikan font, warna dan lainnya sesuai dengan blog kalian ya.
  • selanjutnya copy paste lagi script di bawah dan letakkan di antara <body> dan </body>

<div class='ticker-wrap' data-domain='freethemes.com'>
<div id='ticker'>
</div>
</div>
 jangan lupa gnati nama domain atau blog sesua dengan alamat blog kalian, good luck guys

Bagikan

Jangan lewatkan

Cara Masang Widget Breaking News di Blogger
4/ 5
Oleh

Subscribe via email

Suka dengan artikel di atas? Tambahkan email Anda untuk berlangganan.

Terima Kasih Sudah Mau Mampir