Blogger Özlü Sözler Eklentisi

Blogger için yine güzel bir eklenti daha. Bu eklenti sayesinde siteniz veya blogunuz her yenilendiğinde güzel bir sözle ziyaretçilerinizi ağırlayabileceksiniz.Bu da ziyaretcilerinizi hoşnot ederek sitenize daha fazla ilgi göstermelerini sağlayacaktır. Eğer özlü sözden rahatsız olan ziyaretci veya ziyaretciler varsa kapatma düğmesiyle kapatabilirler.

 Nasıl Eklenir?
1. Adım :  CSS Tanımlama Kodu Eklenmesi:
Blogger'e Giriş / Tasarım(Yerleşim) / HTML'yi Düzenle /  Widget Şablonnunu Genişlet Bölümlerinden, CTRL+F(Arama) Yardımıyla ;

]]></b:skin>

kodunu buluyoruz ve hemen önüne (üst satırına);

/*------Özlüsözler Start by ilhangunes------*/
.özlüsözler {
height:45px;
margin-top: 0.5em;
margin-bottom: 0.2em;
padding: 1em 1.5em 1em 1em;
font-weight:normal;
color:#777;
background: #ffffcc url() no-repeat;
border:1px dotted #dee5e5;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomleft:10px;
.özlüsözler .kapat{ position:relative; float:right; top:1px; right:1px; }
.özlüsözler .kapat img{border:none; background:none;}
.özlüsözler a  {color: #999;}
/*------Özlüsözler End by ilhangunes------*/

kodlarını ekliyoruz.
2.Adım:  Javascript Kodu Ekleme:
Blog kayıtlarından sonra;

<div id='main-wrapper'>
<b:section class='main section' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Kayıtları' type='Blog'/>
</b:section>

Bu kod bölümünü buluyoruz ve hemen altına (tüm kod bölümünün altına, b:section'dan sonra);

<div class='özlüsözler'>
<strong><center>
<center><script language='JavaScript'>
//store the quotations in arrays
quotes = new Array(7);
quotes[0] = &quot;Böcek olmayı kabullenenler, ezilince şikayet etmemelidirler. {F.Schiller}&quot;;
quotes[1] = &quot;Bir yengece, doğru yürümesini asla öğretemezsiniz. {Aristophanes}&quot;;
quotes[2] = &quot;İnsanlar başaklara benzerler, içleri boşken başlari havadadır, doldukça eğilirler. (Montaigne)&quot;;
quotes[3] = &quot;Körlerin ülkesinde, tek gözlü insan kral olur. {Desiderius Erasmus}&quot;;
quotes[4] = &quot;Zayıfın kini, dostluğu kadar tehlikeli değildir. {V.DRAGUES}&quot;;
quotes[5] = &quot;Gömleğin ilk düğmesi yanlış iliklenince diğerleri de yanlış gider. {C.BRUNO}&quot;;
quotes[6] = &quot;Yemine gerek görmeyecek kadar sözlerine sadık ol. {DALE CARNEGIE}&quot;;
quotes[7] = &quot;Dev eserleri taşlar değil, onları işleyenler meydana getirir. {J.T.MOTLEY}&quot;;
quotes[8] = &quot;Söz kalpten çıkarsa kalbe kadar gider, dilden çıkarsa kulağı aşamaz. {ARAP ATASÖZÜ}&quot;;
quotes[9] = &quot;Yarın bambaşka bir insan olacağım diyorsan. Niye bugünden başlamıyorsun? {EPIKTETOS}&quot;;
quotes[10] = &quot;Yumuşak olma ezilirsin , sert olma kırılırsın. {VICTOR HUGO}&quot;;
quotes[11] = &quot;İnsanların umudunu kırma.. Belki de sahip olduğu tek şey odur. {Anonim}&quot;;
quotes[12] = &quot;Olgun insan güzel söz söyleyen değil, söylediğini yapan ve yapabileceğini söyleyen adamdır. {Konfüçyüs}&quot;;
quotes[13] = &quot;Düşmanlarınızı sevin; çünkü kusurlarınızı yalnız onlar açıkça söyleyebilir. {Benjamin Franklin}&quot;;
quotes[14] = &quot;Silgi kullanmadan resim çizme sanatına hayat denilmektedir. {John Christian}&quot;;
quotes[15] = &quot;Kötümser yalnız tüneli görür, iyimser tünelin sonundaki ışığı görür, gerçekçi tünelle birlikte ışığı hemde gelecek treni görür. {J.Harris}&quot;;
quotes[16] = &quot;Hakiki arkadaşlık sıhhatten farksızdır, kıymeti ancak elden gittikten sonra anlaşılır. {Golti}&quot;;
quotes[17] = &quot;Böcek olmayı kabullenenler, ezilince şikayet etmemelidirler. {F.Schiller}&quot;;
quotes[18] = &quot;Temiz elleri olan insanların da kirli düşünceleri vardır. {S.LEC}&quot;;
quotes[19] = &quot;Ölümün bizi nerde bekledigi belli degil, iyisimi biz onu her yerde bekleyelim. {MONTAIGNE}&quot;;
quotes[20] = &quot;Kaptanın ustalığı deniz durgunken anlaşılmaz. {LUKIANOS}&quot;;
//calculate a random index
index = Math.floor(Math.random() * quotes.length);
//display the quotation
document.write(&quot;\n&quot;);
document.write(quotes[index]);
//done
</script>

</center></center></strong>
<a class='kapat' href='javascript:void(null)' onclick='javascript:this.parentNode.style.display=&apos;none&apos;;'><img alt='Kapat' src='http://i36.tinypic.com/2zi7o7p.gif' title='Özlüsözleri Kapat'/></a></div>

kodlarını ekliyoruz. İşlem bitti, bu kadar.
Notlar:
1. Resimde görülen özlü söz resmi alıntıdır. Ben, CSS kodlarını  farklı şekilde tanımladım. Özlüsözlerin önizlemesi sitemde mevcuttur, bakabilirsiniz.
2. Dilerseniz özlü sözlerin tanımlandığı kod bölümünde  beğendiğiniz, daha çok özlüsöz ekleyebilirsiniz. Eğer yapamadıysanız yorum bölümünde belirtirseniz size yardımcı olurum.
3. İlgili sorun ve görüşlerinizi yorum bölümünde belirtebilirsiniz.