 |
| Cara Membuat Breaking News Di Blog 100% Work |
Halo good people, pada kesempatan kali ini saya akan berbagi artikel Cara Membuat Breaking News Di Blog 100% Work untuk menjadikan postingan berada juga dalam headline/berita yang berjalan pada blog anda.
Widget Breaking News kali ini hanya akan menampilkan judul saja tanpa gambar sehingga blog anda tidak terbebani yang menyebabkan lelet/loading blog.
Saya akan membagikan Cara Membuat Breaking News Di Blog 100% Work dengan cara simple agar mudah dimengerti. Simak yuk:
Cara Membuat Breaking News Di Blog 100% Work
- Masuk ke Blogger
- Pilih Template > Edit HTML
- Copy paste kode dibawah ini tepat diatas kode
</head>
<style type="text/css">
/*Breaking News*/
#breaking-newsticker{margin:15px 0;position:relative}
#post_breakingnews{position:relative;z-index:9;overflow:hidden;padding:8px;width:100%!important;box-sizing:border-box;box-shadow:0 5px 5px -5px #3339}
.breakingnewstitle{float:left;background-color:#f54b4b;color:#ffff;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;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:1120px;max-width:100%;margin:0 auto}
</style>
<script type='text/javascript'>
var url_breaking = "https://iamryll09.blogspot.com";
var jumlah_post = 10;
var marquee_speed = "6";
var close_button = false;
var info_text = true;
</script>
2 Tanda warna merah: ganti warna kesukaan anda
Tanda warna kuning: ganti URL Blog anda
Tanda warna hijau: kecepatan marquee
Tanda warna biru: jumlah post yang akan ditampilkan
- Selanjutnya Copy Paste kode dibawah ini tepat diatas kode </body>
<script src='https://rawgit.com/iamryll09/backup/master/breakingnews.js' type='text/javascript'></script>
<script type='text/javascript'>
//<![CDATA[
document.getElementById("breaking-newsticker").appendChild(document.getElementById("post_breakingnews"));
//]]>
</script>
- Simpan Tema.
- Selanjutnya penempatan posisinya (sesusai selera)
- Masuk ke Tata Letak > Pilih Posisi
- Lalu Tambahkan Gadget
- Pilih HTML/Javascript
- Copy Paste kode dibawah ini kedalam Konten (Widget Kosongkan saja)
<div id='breaking-newsticker'/>- Simpan dan lihat hasilnya.
Demikian artikel Cara Membuat Breaking News Di Blog 100% Work ini, semoga dapat membantu anda yang sedang kebingungan.
Peace Out
