Home > blogger > cara membuat brekink news
cara membuat brekink news
Posted on Sabtu, 24 Maret 2012 by hantu facebook

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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFjZFMVZlRIdiP4ZekRttf2wHCZYPcrF8Rl7dZV8iw87ENUnzKwNwTp3btPaQbpNoLlyovdB1KnkomlvgN84MRIyKAbc00jVO6umM1joUmXWhkgZY-v7zjzwHLt0KjfFbLwaniwKCZ3P4/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;}
---------------------------------------------*/
.newspic {background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFjZFMVZlRIdiP4ZekRttf2wHCZYPcrF8Rl7dZV8iw87ENUnzKwNwTp3btPaQbpNoLlyovdB1KnkomlvgN84MRIyKAbc00jVO6umM1joUmXWhkgZY-v7zjzwHLt0KjfFbLwaniwKCZ3P4/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>
.....................................
</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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0b2sxKnYeccI1V-CIpJiQwbR-SLDp6nTgo9s6lCZi1DAMriqus3ZgpoWK-jKiUp2tSvJEFfpKgmBaoDSnjI6-mXt2d_V9G1Rsqz36rR1hbZLPwtYlipDMDy3i8P-adChLe8SqfPS-7zx9/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>
<ul>
<li class='current_page_item'><a href='http://gemscool-xp.blogspot.com/' title='Home'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0b2sxKnYeccI1V-CIpJiQwbR-SLDp6nTgo9s6lCZi1DAMriqus3ZgpoWK-jKiUp2tSvJEFfpKgmBaoDSnjI6-mXt2d_V9G1Rsqz36rR1hbZLPwtYlipDMDy3i8P-adChLe8SqfPS-7zx9/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("example1", "example1class", 4000, "_new")
cssfeed.addFeed("Creating Website", "http://gemscool-xp.blogspot.com/feeds/posts/default") //Specify "label" plus URL to RSS feed
cssfeed.displayoptions("date") //show the specified additional fields
cssfeed.setentrycontainer("div") //Wrap each entry with a DIV tag
cssfeed.filterfeed(10, "date") //Show 10 entries, sort by date
cssfeed.entries_per_page(1)
cssfeed.init()
</script>
</div>
<div style='clear:both;'/>
</div>
<div style='float:left;width:780px;padding:6px 0 6px 180px; position:relative; overflow:hidden;'>
<script type='text/javascript'>
var cssfeed=new gfeedrssticker("example1", "example1class", 4000, "_new")
cssfeed.addFeed("Creating Website", "http://gemscool-xp.blogspot.com/feeds/posts/default") //Specify "label" plus URL to RSS feed
cssfeed.displayoptions("date") //show the specified additional fields
cssfeed.setentrycontainer("div") //Wrap each entry with a DIV tag
cssfeed.filterfeed(10, "date") //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.
Category Article blogger