17 Ağustos 2012 Cuma

Yeni girişler-son yazılar eklentisi

Hayırlı cumalar sevgili dostlarım..Blog tasarımı ile ilgili baya olmuş bişeyler paylaşmadığımı farkettim ve bunu ne kadar çok sevdiğinizi hatırladım..sağ tarafa son yazılar eklnetisini eklemek için Blogger'in kendi eklenti-widget'lerine göz attım..karşıma çıkan iki seçenek vardı ama bu ikisinden hiç biri blogumun yazı tipine ve görünümüne yakışmadı..yani eklentinin eklenti olduğu göze çarpıyordu aşağıda resmini verdim..


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..


1'nci eklenti kodu:

<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&amp;alt=json-in-script&amp;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

Blog Calismalarim
Blog Calismalarim

”Bu Dünyada Çiçeklere Bakmak İçin Cehennemin Çatısında Yürüyoruz,Haydi Gelin,Çatıya Çıkalım!”

2 yorum:

  1. Teşekkür ediyor ve blog tasarımı ile ilgili güzel yazılarının devamını diliyorum ablacığım.

    YanıtlaSil
  2. kuzum ben bu konuları pek bilmiyorum.
    hayırlı bayramlar.

    YanıtlaSil

Recent in Recipes

SON YAZILAR