Cara membuat Headline News Melayang

Minggu, 17 Februari 20130 komentar

pertama login Blogger > Dashboard > Template > Edit HTML > Expand Template Widget > Tekan Ctrl + F pada keyboard kemudian ketikkan dan temukan kode ini ]]></b:skin> letakkan css berikut tepat diatas kode tersebut

.headline-wrapper{position:fixed;background:#333 repeat-x bottom;width:98%;height:29px;border-bottom:3px solid #999;
padding:1px 1% 1px 1%; z-index:9999;
-webkit-box-shadow:0 0 7px #000;
-moz-box-shadow:0 0 7px #000;
box-shadow:0 0 7px #000; }
.headline{width:930px;line-height:1.4em;text-align:left;font-family:Arial;font-size:12px;color:#fff;overflow:hidden;clear:both;margin:0 auto;padding:0 auto}
.headline a:hover{color:#eace12;text-decoration:underline}



Sesuaikan dengan selera dan template anda bila warna, tinggi dan lebarnya kurang tepat.
Langkah berikutnya cari kode <body letakkan kode berikut tepat dibawahnya

<div class="headline-wrapper">
<div class="headline">
<div style="float: left; padding: 7px 5px 1px 7px;">
<img alt="feed" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDdE0muVUXFMs4RrFDZezYcF0CksHs_gYZye3cbUTgk-gWC-UeOhFMmWp3N9Phi1JLgsyRgPp6Bdh9_uXIzLFUG_9mtMXXEFS2x0TDXpLU8roL9K4x3fhCF8yckZ1JppXpXQzgatUAYvOv/s47/rss_rectangle.png" />
</div>
<div style="float: left; overflow: hidden; padding: 7px 0; position: relative; width: 800px;">
<script type="text/javascript">
var cssfeed=new gfeedrssticker(&quot;example1&quot;, &quot;example1class&quot;, 3000, &quot;_new&quot;)
cssfeed.addFeed(&quot;HeadlineNews&quot;,&quot;http://Topfivetop.blogspot.com/feeds/posts/default&quot;)
cssfeed.addFeed(&quot;Headline News&quot;, &quot;http://topfivetop.blogspot.com/feeds/posts/default&quot;)
cssfeed.displayoptions(&quot;date&quot;)
cssfeed.setentrycontainer(&quot;div&quot;)
cssfeed.filterfeed(20, &quot;date&quot;)
cssfeed.entries_per_page(1)
cssfeed.init()
</script>
</div>
</div>
</div>

Ganti yang berwarna kuning dengan alamat blog Anda, terakhir tambahkan javascript ini diatas </head>

<script src='http://anwar-lahai.googlecode.com/files/headline.js' type='text/javascript'/>



Simpan template Anda
.
Share this article :

Posting Komentar

 
Support : Zv-eLite | TipSeoFriendly | Top Five
Copyright © 2011. Tips Buat Blogger - All Rights Reserved
Template Created by Zv-eLite .com Published by Septa Praseya Hanafi
Proudly powered by Blogger