Blogger Resimli Dinamik Son Yazılar Eklentisi

Blogger için resimli dinamik son yazılar eklentisi. 

Bildiğimiz gibi blogger da son yazıları FeedBurner aracılığı ile kullanabiliyorduk ama çok sade ve yetersiz görünüme sahipti.

Şimdi sizlere vereceğim kodlar ile bu sadeliğe son vereceğiz. 

NOT: Sadece widget olarak değil yazınızın altına (kategoriye özel) benzer yazılar gadget'i gibi de kullanabilirsiniz. Ama yazınıza kodları elle eklerseniz.

Kurulum:

1. Kumanda paneline giriş yapın
2. Yerleşim → Gadget ekle → HTML/Javascript bulun
3. Aşağıda verilen kodu Gadget içine yapıştırın
4. Kod içinde;
var numposts : 5 yazı göster aktifdir isterseniz sayıyı yükseltebilirsiniz.Önerilen sayı 5 adettir.
var pause = 3500 : Duraklama pozisyonudur.Rakamlarla oynayabilirsiniz. Kayma hızı değişecektir.
5. Yazılar FeedBurner tarafından otomatik algılanır.Her blog da otomatik çalışacaktır.

6. Yukarıda bahsettiğim yazılarınızın içine kategoriye göre özelleştirerek kullanmak için koddaki alanı şu şekilde editleyiniz.

<script src="/feeds/posts/default/-/KATEGORİ ADINIZ?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>

Eklentinin Kodu: (Demo sitemizde -Sağ kısımda- mevcuttur.)

<style type="text/css">


#rp_plus_img{height:377px;}

#rp_plus_img li {height:60px;padding:5px;list-style:none;

background-color:#ffffff;

border:solid 1px #000000;}

#rp_plus_img a{color:#00000;}

#rp_plus_img .news-title{display:block;font-weight:bold ;margin-bottom:4px;font-size:11px;

text-align:justify;

-moz-border-radius: 5px;}

#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #00000;width:55px;height:55px;}

</style>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script type="text/javascript" src="https://sites.google.com/site/unwanted86/javascript/recentpost.js"></script>

<script type="text/javascript">

var speed = 1500;

var pause = 3500;

$(document).ready(function(){

rpnewsticker();

interval = setInterval(rpnewsticker, pause);

});

</script>

<ul id="rp_plus_img">

<script style="text/javascript">

var numposts = 5;

var numchars = 0;

</script>

<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>

</ul>