Cara Membuat Breaking News di Blog

Cara Membuat Breaking News di Blog 


Masih dengan tema tips blog kalau sebelumnya dengan judul Cara Mudah Membuat Readmore kali ini m-technogi membagikan ulasan gampang  Cara Membuat Breaking News di Blog seperti yang ada diheader blog ini. Langsung saja berikut tutor Cara mebuat Breaking news di blog, headline news apalah atau bahasa gampangnya berita terbaru berjalan dan bergerak di blog.




1. Login ke akun Blogger sobat.
2. Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).
3. Cari kode ]]></b:skin> (gunakan tombol CTRL + F atau F3 untuk memudahkan pencarian kode).
4. Letakkan kode berikut tepat diatas kode  ]]></b:skin>
/* Headline News
-------------------*/
.newspic {background:#000 url(http://4.bp.blogspot.com/-vqHATrTDsY8/TvguMe2lBTI/AAAAAAAAEUk/L8UwRygGp9s/s1600/news.gif) no-repeat top left;width:970px;margin:0 auto;padding:0 auto;height:32px;color:#fff;}
.news {width: 970px;margin:0 auto;padding:0 auto;line-height: 1.4em;text-align:left;font-family:Arial;font-size:11px;color:#fff;overflow:hidden;clear:both;}
.news a:link, .news a:visited{color:#fff;text-decoration:none;}
.news a:hover {color:#ddd;text-decoration:underline;}  
Keterangan :
> Warna Hijau adalah ukuran panjang headline news.
> Warna biru adalah ukuran tinggi headline news.

5. Cari kode </head>
6. Lalu koopas kode berikut tepat diatas kode </head>



7. Cari kode   <div id='header-wrapper'> atau   <div id='header-outer'> (pilih salah satu saja)
8. Lalu letakkan kode berikut tepat di bawah kode tersebut
<div class='newspic'>
<div style='float:left;width:780px;padding:6px 0 6px 180px; 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://m-technogi.blogspot.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>
NB Ganti kode yang berwarna biru dengan URL blog sobat.

9. Simpan template dan lihat hasilnya.

0 comments:

Post a Comment

Janga lupa KLIK juga tomblo G+ yang ada di pojok kanan atas :D

Dan berkomentarlah yang baik dan NO SARA, NO SPAM, dan sebaiknya jangan menggunakan account "anonim"