Rabu, 14 Maret 2012

Cara Membuat Breaking News


1.Log in ke blogger dengan akun anda.


2.Pilih rancangan » edit HTML » centang kotak Expand Template Widget. Dan jangan lupa untuk memback-up dulu template anda buat jaga-jaga bila terjadi kesalahan.

3.Letakkan kode di bawah ini tepat di atas kode ]]></b:skin> :



/* News Ticker Wrapper

---------------------------------------------*/


.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;} 


4.Letakkan kode di bawah ini tepat di atas kode </head> :


5.Setelah itu cari kode yang kira-kira mirip seperti ini :



<div id='nav-element'>

.....................................

</div>


Kode ini bisa berbeda dengan yang ada di blog anda, intinya letakkan saja kode nya di bawah kode navigasi sobat yang kira-kira miripnya seperti ini :




<div id='nav-element'>

<ul>
<li class='current_page_item'><a href='http://gemscool-xp.blogspot.com/' title='Home'><img border='0' src='http://2.bp.blogspot.com/_C6KkooKXCEw/TIKt4PnR_DI/AAAAAAAAG1M/fYAOYZ43bys/s200/icon-home.png' style='padding: 0px;'/></a></li>
<li><a href='/2012/01/about-b-digg.html' rel='nofollow'>About</a></li>
<li><a href='/2012/02/kontak-saya.html' rel='nofollow'>Contact us</a></li>
<li><a href='/search/label/Tutorial%20Blog' rel='nofollow'>Blogger tutorial</a></li>
<li><a href='/search/label/SEO%20blogger' rel='nofollow'>SEO</a></li>
<li><a href='/2012/01/tukeran-link.html' rel='nofollow'>Link exchange</a></li>
<li><a href='/2012/01/peta-situs.html' rel='nofollow'>Site map</a></li>
</ul>



</div> 


 6.Masukkan kode di bawah ini tepat di bawah kode </div> yang ada di atas :



<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://gemscool-xp.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 url blog saya yag berwarna biru dengan url blog anda.



 7.Simpan template anda.
Comments
0 Comments

0 komentar:

Poskan Komentar

Silahkan tinggalkan komentar sobat dengan menggunakan opsi Name/URL. Mohon jangan komentar SPAM ya..! Komentar dengan menyertakan LINK / ANCHOR TEXT atau promosi produk tertentu akan saya hapus karena blog ini bukan tempat untuk mempromosikan produk yang dijual di blog anda.

◄ Posting Baru Posting Lama ►