Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Membuat Widget Newsticker - Breaking News Berjalan pada Website Blogger

Media informasi di zaman modern ini kian bervariasi, dari media sosial seperti Twitter, Instagram sampai Facebook hingga media informasi berupa aplikasi (software) dan sistem informasi berbasis situs web yang on air di jaringan internet.

Situs web menjadi salah satu fokus perkembangan media informasi yang lumayan berkembang pesat. Bagaimana tidak? Hampir lebih dari ratusan juta hingga milyaran nama domain situs web yang sudah terdaftar di seluruh dunia, baik itu yang bereksistensi .com .net .org .id dan sebagainya.
Demo

Nah, supaya situs web semakin epik, menarik, unik dan tentunya asyik dari segi tampilan, yuk kita coba pasang Widget Breaking News - Newsticker Running Text Berjalan pada Website dengan prosedur sebagai berikut.
1. Masuk ke dashboard Blogger, kemudian klik menu Tema >> Edit HTML.
2. Silakan copy kode di bawah ini dan paste tepat diatas kode ]]></b:skin> atau </style>
/* Newsticker CSS */
#blanter-newsticker{margin:20px 0;position:relative}
#recent_post{position:relative;border-bottom:1px solid #ddd;z-index:9;overflow:hidden;padding:8px;width:100%!important}
#recent_post a{margin:0 15px;line-height:2}
.newstitle{float:left;background:#1b77ea;color:#fff;padding:7px 10px;font-weight:bold;border-radius:4px;text-transform:uppercase}
#recent_post .wrapper{width:1120px;max-width:100%;margin:0 auto}
@media screen and (max-width:684px){
.newstitle{font-size:14px;padding:3px 10px!important}#recent_post{top:60px!important;padding:0!important}#recent_post marquee{width:67%!important;line-height:2}}
3. Kemudian copy kode dibawah ini dan paste tepat diatas </head>
<script type='text/javascript'>
var blog_url = "https://www.idblanter.com";
var latest_post = 4;
var scrolling_speed = "5";
var close_button = false;
var info_text = true;
</script>
4. Ganti, https://www.idblanter.com  dengan link url website anda. Kemudian copy kode dibawah ini dan paste tepat diatas kode </body>
<script src='https://cdn.rawgit.com/blanter/design/master/blanter-newsticker.js' type='text/javascript'></script>
<script type='text/javascript'>
//<![CDATA[
document.getElementById("blanter-newsticker").appendChild(document.getElementById("recent_post"));
//]]>
</script>
5. Kemudian simpan template/tema.
6. Copy kode dibawah ini dan silakan letakan di Tata Letak >> Widget >> HTML/Javascript.
<div id='blanter-newsticker'/>
7. Simpan dan lihat hasilnya di website anda.
Heri MS
Heri MS Blogger Influencer dari Kuningan yang suka dengan dunia IT, Data Technology, website dan senang bereksplorasi tentang Ipteks. Semoga artikel saya ini bisa antik, otentik, asyik, unik dan menarik.

Posting Komentar untuk "Cara Membuat Widget Newsticker - Breaking News Berjalan pada Website Blogger"