En yeni postlarınızı gösteren Gadget/widget veya kenar çubuğu ekleyin

Bu kenar çubuğunun avantajı sadece post başlıklarını değil aynı zaman post alıntılarını ve diğer ufak tefek şeyleri de gösterir ve özelleştirmesi oldukça kolaydır.Kodlarla oynayarak farklı stiller uygulayabilirsiniz.Kendi tasarımınıza uygun hale getirmek için kodlarda bazı değişiklikler yapmanız lazım.Örneğin arka planınızın rengine uygun hale getirmek için bu kenar çubuğunun rengini değiştirebilirsiniz.

Bu widgetle(kenar çubuğu) ile ne yapabilirsiniz?

-Sadece post başlıklarını gösterebilirsiniz.
-Post tarihlerini gösterebilirsiniz.
-Post alıntılarını yanı özetlerini gösterebilirsiniz.
-Gösterilen post sayısını değiştirebilirsiniz.






Son paylaşımlarınız için kenar çubuğunu eklemek için Yerleşim>Gadget ekle>HTML/Javascript'e tıklayın.Açılan pencereye aşağıdaki kodu ekleyin.

1-Sadece başlıkları göstermek için:

<div id="hlrpsb"><script style="text/javascript" src="http://helplogger.googlecode.com/svn/trunk/recent-posts-with-titles-only.js"></script><script style="text/javascript">var numposts = 10;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script><script src="http://blog-address.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div><a style="font-size: 9px; color: #CECECE; float: right; margin: 5px;" href="http://helplogger.blogspot.com/2012/04/simple-related-posts-widget-for-blogger.html" rel="nofollow" >Recent Posts Widget</a><noscript>Oops! Make sure JavaScript is enabled in your browser.</noscript><style type=text/css>
#hlrpsb a {color: #0B3861; font-size: 13px;}
#rpdr, #rpdr a {color:#808080;}.bbrecpost2 {padding-top:6px;padding-bottom:6px;border-bottom: 1px #cccccc dotted; }</style>

2-Başlıkları özetleri ile birlikte göstermek için:

<div id="hlrpsa"><script src="http://helplogger.googlecode.com/svn/trunk/recent-posts-with-snippets.js"></script><script>var numposts = 5;var showpostdate = false;var showpostsummary = true;var numchars = 100;var standardstyling = true;</script><script src="http://blog-address.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts"></script></div><a style="font-size: 9px; color: #CECECE; float: right; margin: 5px;" href="http://helplogger.blogspot.com/2012/04/simple-related-posts-widget-for-blogger.html" rel="nofollow" >Son paylaşımlar</a><noscript>Tarayıcınız JavaScript desteklemiyor!</noscript><style type="text/css">#hlrpsa a {color: #0B3861; font-size: 13px;}
#rpdr, #rpdr a {color:#808080;}#hlrpsa { color: #999999; font-size: 11px; border-bottom:1px #cccccc dotted; margin-top:-10px; padding-bottom:10px;}.hlrps a {font-weight:bold; }.hlrpssumm {}</style>

Gerekli özelleştirmeler:

-Gösterilen post sayısını değiştirmek için 5(2.kısım ) veya 10 (1.kısım) değiştirin.
-Post tarihlarini göstermek için kırmızı renkle belirtilen false yazısını true yapın
-Alıntı karakter sayısını değiştirmek için kırmızı renkle belirtilen 100 rakamını değiştirin
-Yeşil renkle belirtilen http://blog-address.com adresinin yerine kendi blogunuzun adresini yazın.
-Link rengini değiştirmek için yeşil renkle belirtilen #0B3861 değerleri değiştirin.
-Font büyüklüğünü değiştirmek için turuncu renkle belirtilen 13px değiştirin.