membuat widget breaking news berjalan di blog

Hai Sahabat Banker pada kesempatan ini saya mau membagikan sedikit tentang cara membuat breaking news. pasti anda semua sudah tau apa itu breaking news. Fungsi dari breaking news ini biasanya digunakan untuk website berita menampilkan berita terhangat yang sedang terjadi tapi banyak para bloger yang menampilkan breaking news untuk menampilkan isi dari artikel terbaru mereka. Lalu bagaimana caranya memasangnya ? berikut adalah cara untuk memasang widget breaking news di blog anda.

1. Masuk ke Template lalu edit HTML anda.
2. Lalu cari tag </head> untuk mempermudah pencarian arahkan kursor ke dalam wadah xml lalu tekan CTRL dan F secara bersamaan dan masukan tag </head>
3. Setelah anda menemukan tag tersebut Copy Script dibawah ini tepat diatas tag tersebut


<style type="text/css">

#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:#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:1120px;max-width:100%;margin:0 auto}

</style>

<script type='text/javascript'>

var url_breaking = "https://www.banyuwangikreatif.com";

var jumlah_post = 10;

var marquee_speed = "6";

var close_button = false;

var info_text = true;

</script>


4. Ganti Tulisan berwarna biru dengan url blog kalian dan tulisan berwarna merah ganti dengan warna kesukaan anda


5. Setelah anda meletakan script diatas Selanjutnya letakan script dibawah ini diatas tag </body>


<script src='https://raw.githack.com/bianKOPI/nanda.js/master/bankernews.js' type='text/javascript'></script>

<script type='text/javascript'>

//<![CDATA[

//]]>

document.getElementById("breaking-newsticker").appendChild(document.getElementById("post_breakingnews"));

</script>

6. Jika sudah simpan template, setelah save template silahkan masuk ke TATA LETAK dan ADD gadget. Letakan Script dibawah ini tepat dibawah header atau anda bisa meletekan di tempat sesuai keinginan anda



<div id='breaking-newsticker'/>



7. Simpan dan lihat perubahan pada blog anda

0 Response to "membuat widget breaking news berjalan di blog"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel