Cara Membuat Headline Breaking New Di Blogger [Part 1]

Oke Malam Sob Semua Kali Ini Mimin Akan Mengupdate Tentang Bagaimana Cara Membuat Breaking New Di Blogger Sendiri Seperti Di Blog Mimin Atau Seperti Gambar Di Bawah Ini !!!

Gimana Menarik Ga Sob, Kalau Kalian Tertarik Dengan Gambar Diatas Mimin Akan Memberikan Tutorial Cara Membuatnya Kok Di Bawah !!! Seperti Biasa Mimin Mah Tidak Suka Basa - Basi :-D...
Okee Let's Goo, Follow Meee...
Tutorial Cara Membuat Headline Breaking New [Part 1]

• Langkah Awal Yaitu Sob Blogger Line Stars Harus Login Akun Googlenya Terlebih Dahulu
• Ketik Pada URL BLOGGER
• Kemudian Silakan Pilih Template & Klik " Edit HTML "
• Setelah Itu Search / " CTRL + F ", Lalu Cari Kode " ]]></b:skin> "
• Jika Sudah Ketemu Silakan Copy Kode Di Bawah Ini Sob:

.news {width: 1000px;margin:0 auto;padding:0 auto;line-height: 1.2em;text-align:left;font-family:Arial;font-size:11px;color:#fff;overflow:hidden;clear:both;}

.news a:link, .news a:visited{color:#000000;text-decoration:none;}

.news a:hover {color:#ddd;text-decoration:underline;} 
  

• Selanjutnya Search / CRTL + F, Lalu Cari Kode " </head> "
• Copy Kode Dibawah Ini, Lalu Letakan Diatas Kode " </head> "

</script>

<style type='text/css'>

.titlefield{
/*CSS for RSS title link in general*/

text-decoration: none;}

.labelfield{
/*CSS for label field in general*/

color:#FF0000;font-size: 100%;}

.datefield{ /*CSS for date field in general*/

color:#FF0000;font:normal bold 14px verdana;text-transform:uppercase;}

#example1{ /*Demo 1 main container*/

width: 780px;

height: 14px;

border: 0px solid #FF0000;

padding: 0px;

font:bold 14px Arial;

text-transform:none;

text-align:justify;

background-color:transparent;}

code{
/*CSS for insructions*/

color: #fff;}

#example1 a:link, #example1 a:visited {color:#00FFFF;text-decoration:none;}

#example1 a:hover {color:#C8D3F2;text-decoration:none;}

</style>

Ket: Jika Kalian Tidak Suka Dengan Warna Atau Design Yang Ada Breaking New, Kalian Bisa Otak - Atik / Oprek - Oprek Di Bagian Kode Yang Ada Diatas... Terima Kasih...

• Setelah Kalian Copy Kode Diatas, Selanjutnya Kita Beralih Ke Tahap Akhir :-D
• Tahap Akhir Kita Cari Kode " =<div id='header'> " Lalu Letak Kode Dibawah Ini Sebelum Kode Tersebut

<div class='newspic'>

<div style='float:left; width:1000px; padding:1px 0 6px 130px; position:relative; overflow:hidden;'>

<script type='text/javascript'>

var cssfeed=new gfeedrssticker(&quot;example1&quot;, &quot;example1class&quot;, 4000, &quot;_new&quot;)

cssfeed.addFeed(&quot;Creating Website&quot;, &quot;http://ls.animedigi.com/feeds/posts/default&quot;) //Specify &quot;label&quot; plus URL to RSS feed

cssfeed.displayoptions(&quot;date&quot;) //show the specified additional fields

cssfeed.setentrycontainer(&quot;div&quot;) //Wrap each entry with a DIV tag

cssfeed.filterfeed(10, &quot;date&quot;) //Show 10 entries, sort by date

cssfeed.entries_per_page(1)

cssfeed.init()

</script>

</div>

<div style='clear:both;'/>

</div>

Ket:
width:1000px = Lebar Dari Headline Breaking News ( Bisa Kalian Sesuaikan Dengan Template Milik Kalian)
ls.animedigi.com = Disini Disini Tempat Sob Mengganti Dengan URL Blog Sob Atau Dengan URL Partner Blog Sob
10 = Jumlah Postingan Yang Akan Ditampilkan Di Breaking News Tiap Harinya
Sekian Tutorial Dari Saya Jika Ada Kata - Kata Yang Kurang Jelas Mohon Maaf, Kita Sebagai Manusia Pasti Bakal Memiliki Kesalahan :-D Tetap Selalu Berkunjung Ke Blog Line Stars Iyaa... Bye Bye Bye