Menu

Blogger Yazılara Kaydırma Özellikli Gadget

Bloğunuzda yazdığınız son mesajları görüntülemek için birçok widget bulunmaktadır,aşağıda verdiğim kodlar onlardan farklı olarak mesajlara kaydırma özelliği sağlamaktadır.Son derece kullanışlı ve isteğinize göre özelleştirilebilir özellikleri bulunmaktadır. 

Özelleştirebilecek Bazı Özellikler
Görüntülenecek mesajlar sayısı, Mesaj özeti karakter sayısı, Mesaj kaydırma hızı gibi özelliklerini değiştirilebilirsiniz.
Blogger Yazılara Kaydırma Özellikli Gadget


---SEO İçin En Değerli Eğitim Seti GooMass

---Blogger Devamını Oku,Atlama Aralığını Belirtme

---Blogger Sosyal Medya Butonları 3

Blogger Yazılara Kaydırma Özellikli Gadget Kodu Nasıl Kullanılacak

İlk önce Blogger.com giriş yapınız sonra Yerleşim/Gedget Ekle/ HTML/JavaScript adımlarını takip ediniz.
Blogger Yazılara Kaydırma Özellikli Gadget

Blogger Yazılara Kaydırma Özellikli Gadget


---Blogger Sosyal Medya Butonları Ve Abonelik Formu 2

---Blogger Magazin Temaları 3 Adet

HTML/JavaScript tıkladıktan sonra aşağıdaki kodu kopyalayarak resimdeki gibi boşluğa yapıştırınız, bu gadgetı site tasarımınıza uygun olarak istediğiniz yere ekleyebilirsiniz.


<style>img.recent_thumb {padding:1px;width:55px;height:55px;border:0;float:right;margin:0 0 5px 10px;}.recent_posts_with_thumbs {float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:65px;}.recent_posts_with_thumbs a {text-decoration:none;}.recent_posts_with_thumbs strong {font-size:10px;}</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script style='text/javascript' src="http://code.helperblogger.com/hb-jquery-ticker.js" ></script>
<script style='text/javascript' src='http://code.helperblogger.com/hb-recentposts.js'></script> <script style='text/javascript'> var numposts = 7; var showpostthumbnails = true; var displaymore = false; var displayseparator = false; var showcommentnum = false; var showpostdate = false; var showpostsummary = true; var numchars = 100; $(document).ready(function () {$('#sai').vTicker({ speed: 500, pause: 3000, showItems: 3, animation: 'fade', mousePause: false, height: 0, direction: 'up' });}); </script>
 <div id="sai"> <script src=' http://yandexokulu.blogspot.com.tr/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script> </div>


Blogger Yazılara Kaydırma Özellikli Gadget Düzenleme:




Kendi site url adresinizi yazınız http://yandexokulu.blogspot.com.tr yerine,
-Mesajların sayısını değiştirmek için bu koddaki 7 sayısını değşitirebilirsiniz var numposts = 7 

-Eğer mesajlardaki metinleri göstermek istemiyorsanız,sadece yazı başlıkları görünsün diyorsanız ( showpostsummary = true  ) ture yazısını false olacak şekilde değiştiriniz.

-Ayrıca eklentiler içindeki sayısal değerlerle oynayarak site tasarımına uygun olan ölçüleri sağlayabilirsiniz.
Sonraki Yazılar
« Prev Post
Önceki Yazılar
Next Post »

Henüz Yorum Yapılmamış " Blogger Yazılara Kaydırma Özellikli Gadget "

Önerilen Yazı
×