6/8/17

Cara Membuat Breaking News Di Blog 100% Work

 
Cara Membuat Breaking News Di Blog 100% Work
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
    Load disqus comments

    0 komentar