WIDGET BREAKING NEWS ATAU BERITA BERJALAN
Pada hari ini tanggal 1 Mei 2018, saya berbagi kepada kalian semua adik-adik pemula di blogger yaitu CARA TERMUDAH - Membuat dan memasang widget " BREAKING NEWS " pada Blog pada area Menu seperti contoh Blog saya ini, menarik Kan...? ternyata jika kita menemukan materi dari para blogger senior yang memang mereka juga memasang Widget Breaking News pada Blog mereka bisa di pastikan Kode yang mereka share akan sukses kita pasang pada Blog kita, karena banyak juga kode widget Breaking News di Internet yang kalau di praktekan tidak berhasil, atau terlalu ribet cara memberikan Panduanya. Dan itu saya juga mengalami keribetan untuk memasang kode widget Breaking News dari Blog yang tidak pasang widget ini.
Apa sih fungsi Breaking News Widget ini ?
Yang pokok dari fungsi Widget Breaking new atau widget berita berjalan disini adalah untuk menampilkan secara LIVE atau langsung ke pembaca, Artikel terbaru yang ada pada Blog kita. Disamping juga untuk mempercantik tampilan Blog sehingga pengunjung bisa betah dan asyik berlama-lama di blog.
Ada beberapa penamaan untuk Breaking news ini diantaranya :
- Headline news berjalan di Blog
- Headline News ( Recent Post ) berjalan
- Headline News bergerak 100 %
- Membuat News Ticker di blog
- Headline berita berjalan di blog
- Dan lainya
- Asumsi kita sudah berada pada halaman Lay out dan Klik Tambah Gadget
Pilih HTML / Java script
Paste ke halaman Content dan Judul boleh kosong atau diisi
Terakhir Klik SAVE dan lihat hasilnya.
Berikut adalah Kode yang harus kalian isikan :
<style type="text/css">
#breaking-newsticker{margin:15px 0;position:relative}
#post_breakingnews{position:relative;z-index:9;over
.breakingnewstitle{float:left;background-color:#f54b4b;color:#fff;padding:7px 10px;font-weight:bold;border-radius:4px;text-transform:uppercase;position:relative}
.breakingnewstitle:after{height:0;width:0;position:absolute;content:" ";pointer-events:none;margin-top:1px;border-left:13px solid #f54b4b;border-top:10px solid transparent;border-bottom:10px solid transparent;-moz-transform:scale(.9999);margin-left:9px;margin-top: -3px;z-index:9}
.breakingnews marquee{width:80%;position:absolute}
@media screen and (max-width:800px){.breakingnews marquee{width:70%}}
@media screen and (max-width:500px){.breakingnews .breakingnewstitle{width:90px;font-size:11px;font-weight:normal}.breakingnews .breakingnewstitle:after{content:none}.breakingnews marquee{width:55%}}
.breakingnews marquee a{color:#1893fc;margin:0 15px;line-height:2}
#post_breakingnews .breakingnews{width:1320px;max-width:100%;margin:0 auto}
</style>
<script type='text/javascript'>
var url_breaking = "http://halpentinguntukkita.blogspot.co.id";
var jumlah_post = 10;
var marquee_speed = "6";
var close_button = false;
var info_text = true;
</script>
<script src='https://rawgit.com/mastamvan/backup/master/breakingnews.js' type='text/javascript'></script>
<script type='text/javascript'>
//<![CDATA[
document.getElementById("breaking-newsticker").appendChild(document.getElementById("post_breakingnews"));
//]]>
</script>
<div id='breaking-newsticker'/></div>
|
Demikianlah berbagi CARA TERMUDAH - Membuat dan memasang widget " BREAKING NEWS " pada Blog. Dan benar bahwa ini adalah cara termudah menurut saya bagi pemula, dan di internet kalian akan menjumpai beratus cara untuk memasang Widget Breaking news ini.
Kode ini sudah terbukti dan berjalan baik di blog ini, Lihat contoh diatas atau dibawah postingan ini.
Sebenarnya ada cara untuk menembahkan widget Breaking News pada Blog tapi karena saya belumencoba maka saya anggap ini yang telah sukses terpasang.
Hal - hal yang perlu dirubah pada kode ini adalah :
- Alamat URL ( ganti dengan URL kalian )
- Jumlah pos isi sesuai keinginan
- Kecepatan gerak tulisan, atur saja sesuai keinginan.
Kode Widget Breaking News ini Responsive dan bisa diletakan dimana saja, tinggal atur Posisi Gadget nya.
Bagi kalian yang seneng otak-atik silahkan saja ber- eksperimen.
