Bu yazı tipi blogumdakinden çok farklı olduğu için sırıtıyordu ..dolayısyla son yazılar eklentisine hem ihtiyacım vardı hem var olanı beğenmediğim için bu tür eklentiler paylaşan bloglara başvurdum..
İki hoş sade şık ve anlaşılır eklenti buldum..
1'ncisi:Son yayınlanan postların sadece linklerini verir,yazı stili blogun varsayılan yazı tipi ve boyutu olması da blogdaki görünümü çok hoştur (üstteki resim)
2'ncisi:Yine üsteki gibi aynı stil ve yazı boyutuna mevcut ama son yazılan yazıların kısa bir pasajını da vermekte..ben bunu kullanmaya karar verdim..siz arzu ettiğinizi seçebilirsiniz..
EKLENTİLERİN KODLARI:
Bütün bilgiler eski arayüzüne göre gösterilmektedir..yeni arayüz kullanıcıları bu posttan bilgi alabilirler..
<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-adın.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div>
<div style="font-family: arial, sans-serif; font-size: 9px;" id="rpdr"><a href="http://helplogger.blogspot.com/2012/04/recent-posts-widget-for-bloggerblogspot.html" title="Grab this Recent Posts Widget" target="_blank">Recent Posts Widget</a> by <a href="http://helplogger.blogspot.com" title="Recent Posts Widget">Helplogger</a></div><noscript>Oops! Make sure JavaScript is enabled in your browser.</noscript>
<style type=text/css>
#rpdr {background: url( ) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 5px 0px 0px 0px;line-height:14px;}
#rpdr, #rpdr a {color:#808080;}
#hlrpsb { }
.bbrecpost2 {
padding-top:6px;
padding-bottom:6px;
border-bottom: 1px #cccccc dotted; }
</style>
2'nci eklenti kodu:
<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-adın.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts">
</script></div>
<div id="rpdr" style="font-family: arial, sans-serif; font-size: 9px;">
<a href="http://helplogger.blogspot.com/2012/04/recent-posts-widget-for-bloggerblogspot.html" target="_blank" title="Grab this Recent Posts Widget"></a></div>
<noscript>Your browser does not support JavaScript!</noscript>
<style type="text/css">
#rpdr {background: url() 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 5px 0px 0px 0px;line-height:14px;}
#rpdr, #rpdr a {color:#808080;}
#hlrpsa { border-bottom:1px #cccccc dotted; margin-top:-10px; padding-bottom:10px;}
.hlrps a {font-weight:bold; }
.hlrpssumm {}
</style>
Kod içerisinde mavi renge aldığım kısma kendi blog adınızı eklemeyi unutmayın !
Kumanda panelimizden
Tasarıma tıklıyorsunuz
Ardından Gadget ekle diyoruz..
HTML-Javascript gadget'ini seçiyoruz..
İşte tam bu kısma yani kod bölümüne arzu ettiğiniz eklenti kodunun tamamını yapıştırıyorsunuz
Önizleme'mizi yapıp herşey arzu ettiğimiz gibiyse
Kaydet deyip çıkıyoruz..
Bir ara da resimli son yazılar eklentisini paylaşmak istiyorum dostlar hayırlı cumalar..
Konu tarafımdan İngilizceden Türkçeye çevrilmiştir.
Konu ve eklenti kaynağı:Helpblogger
Teşekkür ediyor ve blog tasarımı ile ilgili güzel yazılarının devamını diliyorum ablacığım.
YanıtlaSilkuzum ben bu konuları pek bilmiyorum.
YanıtlaSilhayırlı bayramlar.