Cara Mudah Pasang Breaking News di Blog Lewat Android

Muin info, Cara gampang menambahkan headline breaking news tanpa PC – Bukan hal yang asing lagi buat para blogging yang suka utak atik agar tempilan blognya lebih menarik sedemikian rupa. Siapa saja pasti ingin punya blog yang tampil keren, responsive juga serba berbeda.

Termasuk saya sendiri yang hobi mencari inspirasi tentang tampilan Web meskipun tidak paham kode dan hanya bermodal HP saja.
Cara Mudah Mengatasi Tampilan Tata Letak Blog yang Terlihat Setengah

Melalui artikel ini, semoga sedikit bisa membantu bagi anda yang minim/tidak paham kode css bisa diterapkan tutorial di bawah ini dengan mudah.

Pertama, taruh css dibawah ini tepat di atas kode ]]> kemudian save template dan upload ke dasboard blog anda.

#breakingnews { float: left; height: 40px; line-height: 42px; overflow: hidden; width: 100%; background: #eee; box-shadow: 0 2px 7px -3px #000; -ms-box-shadow: 0 2px 7px -3px #000; -moz-box-shadow: 0 2px 7px -3px #000; -o-box-shadow: 0 2px 7px -3px #000; } #recentpostbreaking li a { color:#949494; font-family: sans-serif; font-weight: bold; } #recentpostbreaking li a:hover { color:#e91b23; } #breakingnews .tulisbreaking { background:#e91b23; } #breakingnews .tulisbreaking{ color:$(mainbgfontcol.background.color) !important; } #breakingnews .tulisbreaking { color: #FFFFFF; display: block; float: left; font-family: sans-serif; font-weight: bold; padding: 0 10px; position: absolute; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbKUQ3wCiZ4P3g57BV8Bz7E1UdtwPeQRMa-YuQ0kY2WYmT87APLAathJIn5m6RuM1wb0lR_icVQLUq-7wWSxxJ2g_y9qhPgesbQUg9mcjN46yFK87_or-EAAKYTnznv5ky4Ojanoheski4/s1600/ticker-bg.png) no-repeat right center; color: #fff; float: left; font: 700 20px/20px 'Oswald',sans-serif; max-width: 155px; height: 20px; padding: 10px 25px 10px 20px; text-transform: uppercase; } #recentpostbreaking { float: left; margin-left: 155px; } #recentpostbreaking ul,#recentpostbreaking li{list-style:none;margin:0;padding:0} div#fontoo { width: 100%; display: block; line-height: 0; overflow: hidden; border-bottom: 1px solid #dfdfdf; } div#fontoo p { margin: 0px 30px; font-size: 16px; text-shadow: 0 1px 0 #fff; color: #333; font-family: 'Ubuntu', Arial, Lucida, sans-serif; }

Setelah di upload, kemudian masuk ke tata letak dan silahkan tambahkan widget dan pilih tambahkan javascript. Selanjutnya tinggal paste atau pasang scrip kode di bawah ini sesuai keinginan anda.

scrip menampilkan breaking news

Untuk URL atau link websitenya silahkan ganti dengan alamat blog punya anda.

Tips ini sebelumnya sudah mimin coba dan Hasilnya Alhamdulillah berjalan dengan lancar. Untuk lebih jelasnya bisa cek lewat site yang sebelumnya sudah di tes disini.

Tutorial ini sangat mudah diterapkan dan bisa di coba untuk mempercantik tampilan website anda. Perlu diketahui, bahwa artikel ini sebelumnya saya ambil scripnya lewat contohblog.com