Breaking news adalah istilah kren dalam dunia berita terkini, dan para bloger juga memanfaatkan moment tersebut untuk membuat tampilan halaman blognya semakin menarik, disamping itu pungsinya sangat membantu bagi para pengunjung blog kita. Untuk tampilan ini, saya sendiri sangat suka dengan sebutan News Line dengan alasan bahwa berita yang ditampilkan hanya berupa satu garis saja... heheheh itu istilah saya... Oke seperti biasa kita berangkat ke TKP.
1. Login ke Blog anda
2. Masuk menu Edit HTML Jangan lupa Expand Template Widget dicentang.
3. Cari kode ]]></b:skin> untuk mempercepat pencarian klik Ctrl + F
4.Copy script dibawah ini Letakan kode tepat diatas kode ]]></b:skin>
|
/* News
Line Script
---------------------------------------------*/ .newspic {background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-nX5F0qAonJPPdoOwMIQLUia-EYW4vHk6RCWCcvyqtxVNV4loE5lEx-x_YngQZiJgzwe7nBzchZjeydS0xT_UJ2B8yQKgdpytXMCBSBDzBfUZpcFhIujcEn1iRGVEMTJvxTguHWgh27E/h64/news.gif) no-repeat top left;width:910px;margin:0 auto;padding:0 auto;height:32px;color:#ADFF2F;} .news {width: 910px;margin:0 auto;padding:0 auto;line-height: 1.4em;text-align:left;font-family:Arial;font-size:11px;color:#ADFF2F;overflow:hidden;clear:both;} .news a:link, .news a:visited{color:#ADFF2F;text-decoration:none;} .news a:hover {color:#ddd;text-decoration:underline;} |
Keterangan Script
- Yang di block dengan warna biru diatas adalah gambar atau icon yang disamping kiri news line
- [ width: 910px ] adalah lebar dari news line tersebut. sesuaikan menurut lebar blog anda
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaEA8wEqBc4dmlPWxDaV6jXUR-jVjvokLPfjw7u4JPGw469ZI2Ux7UpxvQCQPb9XOOOp88DqsWNzlZaQwzmWXD_T2a5J-xp0r4cBI79j1ALj2RyVD7F7kw407NrgqwH79cpJyBmhyZH-A/s1600/cth-1.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfa2IQ8HG0eUbZOr0QBl6MllEAnEENjlrI5hebIJvz08cd59vEWTrw-se_tTX63qFPHA6MRDSPzA9-1Pg752fWrmHVQTsC6afyJlD-6AJ54cfkqGZ9ix0dz9rbDosRdeG31OIa97abcNo/s1600/cth-2.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlPFM85xAF-am5_TzSFcX2-DuT5gVnYlTo4z_HVhdZnLn_pWUh0zY-_ZVh8sCLDJXLcdRVdY17ddNb5DNVFf4jo4UFBIGJUBZTojr0NwxMBT5q1T4ul9PFnL89ZKwK7w_raiDuk9afTdA/s1600/CTH-3.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin3bRkKXDHkD_7kBIxLzvFEFXUnaj-lpxwkm-GvB7dkM0-ZAZHCISrw29Q_Qf4H3Sm9sslmWP1GDUPlpEkKG6pCgXRL55ge1pu3OchcJOou3n5PO1REdBD2ogf2bPhUUFpENP2CGchxWk/s1600/CTH-4.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDj9VUTQgdQr-Y7H5W4l1Ou8_8hhTYFaEDqIHFygN2dMhE3kVqIgsm_97O-4IZTeG7e-x2vUeJ9YHwcTdR-O1v93pJBrVHv1Nto7t8gMEnjFoUZvEuyciMxoBaAP6aPftL4eW497UBvzg/s1600/CTH-5.gif
Kode script diatas adalah code CSS dari news line yang akan kita buat.
Kita akan memanggil code tersebut untuk ditampilkan di halaman blog kita.
Copy code script dibawah ini dan tempatkan dimana anda suka. Saran saya bagusnya ditempatkan di atas Navigasi pada blog kita., atau diatas navigasi halaman blog kita. Seperti news line yang ada pada blog saya.
