Blogger Yeni yazılar eklentisi | News ticker widget

Ne işe yarar?
Bu eklenti sayı değerini belirdiğiniz, değişen en son yazılarınızın başlıklarını, anasayfada göstermek için hazırlanmıştır.

Yapılışı:

•  Şablonunuzda şunu bulun;

<div id='content-wrapper'>

•  Altına aşağıdaki kodları ekleyin.

<div style="width:970px;height:20px;position:relative;">
<div class='headline-wrapper'>
<div class='headline'>
<div style='float:left;padding:2px 5px 5px 10px;font:bold 14px Arial;color:#000;text-transform:none;'>
Yeni :
</div>
<div style='float:left;width:800px;padding:1px 0; position:relative; overflow:hidden;'>
<script type='text/javascript'>
var cssfeed=new gfeedrssticker(&quot;example1&quot;, &quot;example1class&quot;, 5000, &quot;_new&quot;)
cssfeed.addFeed(&quot;Headline News&quot;, &quot;http://metamorpheuss.blogspot.com/feeds/posts/default&quot;) //Specify &quot;label&quot; plus URL to RSS feed
cssfeed.setentrycontainer(&quot;div&quot;) //Wrap each entry with a DIV tag
cssfeed.entries_per_page(5)
cssfeed.init()
</script>
</div>
</div><div style='clear:both;'/>
</div></div>

• Tekrar bu kodu arayın:

 </head>

• Altına aşağıdaki kodları ekleyin.

<style>
.headline-wrapper{width:100%px;height:22px;margin:0 auto;padding:0 auto}
.headline{width:950px;line-height:1.4em;text-align:left;font-family:Arial;font-size:13px;color:#000;overflow:hidden;clear:both;margin:0 auto;padding:0 auto}
.headline a:hover{color:#eace12;text-decoration:underline}
</style>
 <script src='https://www.google.com/jsapi?key=ABQIAAAAlQIoliUVPjZwD8UDgw_U3RTUhB4JyH-ajz-fA9t4yePPPdGAfRTC_mtuh6Iq1MLEipD0I2rCi30Png' type='text/javascript'/>
<script src='http://yourjavascript.com/1441149569/btt-newsticker-txt.js' type='text/javascript'/>

İşlem bu kadardır. Umarım işinize yarar.