/* Start http://www.cursors-4u.com */ body, a:hover {cursor: url(http://cur.cursors-4u.net/sports/spo-6/spo604.cur), progress !important;} /* End http://www.cursors-4u.com */

Sabtu, 02 Maret 2013

Cara memasang breaking news pada blog

  1. setelah loggin ke blogger sobat langsung masuk ke dasboard 
  2. lalu Edit HTML jangan lupa download lengkap dulu template takutnya terjadi kesalahan 
  3. 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;}
    .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;}
    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
  4. 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>
  5. 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'>

    <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://alamat blog.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>
    Ganti teks warna merah di atas  dengan alamat blog sobat
  6. Untuk yang terakhir Save template

0 komentar:

Posting Komentar