Cara Memasang Haedline Breaking News di Bogger (Update)


Cara membuat dan memasang breaking news di blogger
Baiklah sobat pada kesempatan ini seocips.com akan membagikan tentang bagaimana cara memasang breaking news di blog. Bahasa kerennya headline breaking news karena mungkin biasanya di pasang di atas header blog, sebenarnya ini sudah pernah saya bagikan di cara membuat headline breaking news di blog tapi karena masih banyak yang bingung cara pemasangnya karena kodenya saya pisah-pisah maka saya tulis kembali disini untuk mempermudahnya.
Headline News di Blog ini berfungsi untuk menampilkan beberapa berita atau konten pada Blog anda dalam satu baris dan bergantian dan biasanya yang di tampilakan adalah artikel terbaru dari blog tersebut. Mungkin sobat Blogger pernah melihat atau bahkan sudah tidak asing lagi dengan Headline News ini, umumnya breaking news ini dipasang di bagian header blog.

Cara memasang breaking News di blog

breaking News
1. Masuk ke menu Template >> Edit Html
2. Selanjutnya, letakkan kode CSS dibawah ini tepat diatas kode ]]>
.
#headlinenews { position:relative;background:#343434; display: block;border-top:3px solid #FF6600; height: 33px; line-height: 33px; overflow: hidden;margin:0 auto;padding: 0px;width: 100%;}
#news { float: left; margin-left: 120px; }
#news a { background: none !important; color:#fff !important; font: bold 11px/33px Arial; text-decoration: none; }
.titlenews { background:#FF6600; color: #fff; display: block; float: left; font: bold 12px/33px Arial; padding: 9px; margin-top: -10px; position: absolute; }
#socialicon { float:right; width:230px; padding:5px 0; }
#socialicon ul,#socialicon li { padding:0; margin:0; list-style:none; }
#socialicon li { float:left; margin:0 2px; }
#socialicon a { display:block; text-indent:-9999px; width:24px; height:24px; background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYxyYynxodGrj6Pjt2dqz3YXzTw_oQlg91ZXyOFP1yLv06K_fskdVxXnbH384NOXhkDnhLV4SQhJksYqFIluvem1BY3-WC3Mv0Qz-U6HuByv8VJJVYSmWsacGWzwwf7mPOrPyxDOWTHsg/s1600/soicon.png); background-position:-1px 0; background-repeat:no-repeat; position:relative; }
#socialicon a:active { top:1px; }
#socialicon .fbx { background-position:-1px 0; }
#socialicon .twix { background-position:-27px 0; }
#socialicon .goex { background-position:-53px 0; }
#socialicon .linx { background-position:-131px; }
#socialicon .pinx { background-position:-79px 0; }
#socialicon .drix { background-position:-157px; }
#socialicon .vmex { background-position:-183px 0; }
#socialicon .rssx { background-position:-105px; }
3. Selanjutnya, letakan kode berikut diatas kode
.

   


       
     

 
         
Catatan!
Ganti link www.seocips.com dengan link blog kamu.
5. Simpan template dan lihat hasilnya.

Memasang Breaking News 2

Nah jika kamu masih ingin mencoba headline breaking news model yang lain, kamu dapat mencoba headline breaking news di bawah ini. Headline breaking news dibawah ini pertama kali saya lihat di Blognya Mas Andes, salah satu Bloggers profesional yang saya tahu. Tapi entah mengapa sudah tidak update artikel lagi, kayak Maskolis.
Breaking News
1. Masuk ke Tata Letak blog dan tambahkan widget.
2. Copy kode berikut ini lalu masukan kedalam widget HTML/Javascript.

Latest Post
Loading...



Keterangan:
Tulisan warna biru ganti dengan lebar template blog kamu.
Ganti kode berwarna biru http://www.seocips.com dengan URL link blog kamu.
Tulisan yang berwarna merah ganti dengan ID masing-masing.
 
Sumber: http://www.seocips.com/