- setelah loggin ke blogger sobat langsung masuk ke dasboard
- lalu Edit HTML jangan lupa download lengkap dulu template takutnya terjadi kesalahan
- selanjut nya cari ]]></:skin> lalu masukkan kode css di bawah ini tepat di atas kode ]]></:skin>
berikut kode nya.newspic {background:#000 url(http://karinafotocollection-project.googlecode.com/files/briking.gif) no-repeat top left;width:970px;margin-top:25px;padding:0 auto;height:32px;color:#fff;}
Jika sobat ingin merubah ketinggian breaking news nya ganti kode teks warna merah dan untuk merubah lebar backround nya sobat bisa ganti teks warna biru
.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;} - selanjutnya sobat taruh kode di bawah ii tepat di atas kode </head> berikut kodenya
<script src='http://www.google.com/jsapi?key=ABQIAAAAUMsU2d40bO1-m8DeADFRexTdcQS31_Y0TkToW9tE1XWPEnv6YBSa1QfZaAr4GJ8-AZkWddpnW9Y0hA'></script>
<script src='http://karinafotocollection-project.googlecode.com/files/breaking-news.js' type='text/javascript'/>
<style type='text/css'>
.titlefield{ /*CSS for RSS title link in general*/
text-decoration: none;}
.labelfield{ /*CSS for label field in general*/
color:#aaa;font-size: 100%;}
.datefield{ /*CSS for date field in general*/
color:#aaa;font:normal 14px Arial;text-transform:none;}
#example1{ /*Demo 1 main container*/
width: 780px;
height: 14px;
border: 0px solid #aaa;
padding: 0px;
font:bold 16px Arial;
text-transform:none;
text-align:left;
background-color:transparent;}
code{ /*CSS for insructions*/
color: #fff;}
#example1 a:link, #example1 a:visited {color:#f2f2f2;text-decoration:none;}
#example1 a:hover {color:#C8D3F2;text-decoration:none;}
</style> - selanjutnya cari kode <div id='header-wrapper'> lalu taruh
kode berikut tepat dibawah kode </div>untuk contoh peletakan kode
seperti ini<div id='header-wrapper'>
- - - - - - - - - - - - - - - - -
- - - - - - - -- - - - - - - -
- - - - - - - - - - - - - - - -
</div>
letakkan kodenya disini berikut kode nya:
<div class='newspic'>
Ganti teks warna merah di atas dengan alamat blog sobat
<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://alamat blog.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> - Untuk yang terakhir Save template
0 komentar:
Posting Komentar