Enes İLHAN\ Blogger Özlü Sözler Eklentisi V2

Blogger İpuçları 12 yorum 6.109 11 Temmuz 2011

Daha önce Blogger için Özlü Sözler diye bir eklenti anlatmıştım. Birçok kişi de bu eklentiyi beğendi ve hoşlarına gitti. Bende bayadır kendi sitemde kullandığım bu eklentinin{sağ üst köşede} 2. versiyonunu anlatmaya karar verdim. Bu 2.sürümü ilkine göre daha göze hoş geliyor. Bu sürümde kapatma butonu koymadım çünkü sözlerin hepsi birbirinden güzel 🙂  Madem ki çok istiyorsunuz hemen anlatayım 😛 Öncelikle bu işlemi yapmak için iki kodumuz var. Biri CSS kodları diğeri ise o CSS kodlarını çağırmak için gerekli kod satırı 😉 Şimdi önce blogunuzda bulunan b-skinkodundan önce şu kodları yapıştıralım:

.soz-buyugun {
margin: 45px;
margin-bottom: 0px;
padding: 0px;
margin-right: -190px;
}

Daha sonra ise blogunuzun uygun bir yerine şu kodları yapıştırın. Uygun derken bu eklentiyi nereye eklemek istiyorsanız kodları oraya yapıştırın. Bu sidebar olabilir, footer olabilir, yazı içinde olabilir yani tamamen kendi isteğinize göre ayarlayın. İşte kodlar:

<div class="soz-buyugun" style="float: right;">
<div style="background: url('http://konfor.enesilhan.net/tema/css/css/soz-sol.png') no-repeat; width: 17px; height: 83px; float: left;">
<div style="background: url('http://konfor.enesilhan.net/tema/css/css/soz-orta.png') no-repeat right; padding: 25px 10px; color: #000; text-shadow: 1px 1px #fff; font-size: 14px; font-style: oblique; height: 33px; float: left; background-positon: 500px;"><script type="text/javascript" language="JavaScript">// < ![CDATA[
//store the quotations in arrays
quotes = new Array(7);
quotes[1] = En beğendiğiniz güzel sözler buraya 1
quotes[2] = En beğendiğiniz güzel sözler buraya 2
quotes[3] = En beğendiğiniz güzel sözler buraya 3
quotes[4] = En beğendiğiniz güzel sözler buraya 4
quotes[5] = En beğendiğiniz güzel sözler buraya 5
quotes[6] = En beğendiğiniz güzel sözler buraya 6
quotes[7] = En beğendiğiniz güzel sözler buraya 7
quotes[8] = En beğendiğiniz güzel sözler buraya 8
quotes[9] = En beğendiğiniz güzel sözler buraya 9
quotes[10] = En beğendiğiniz güzel sözler buraya 10
//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></div>
</div>
</div>

1, 2, 3, 4 diye sıraladığım yerleri anladınız sanırım. Yani 10 tane söz ekleyebilirsiniz. İsterseniz 10 taneden fazla da ekleyebilirsiniz. Görselleri değiştirip tamamen kendi stilinizi de yaratabilirsiniz. Yani herşey tamamen size bağlı. Yardım gerekirse ben buralardayım, kolay gelsin..

Bu yazıdan önce yazmış olduğum "Web 2.0 Tarzı Sosyal Eklenti Yapımı" başlıklı yazımı da okumanızı tavsiye ederim.

Yorumlar ;

Anonymous
14 Temmuz 2011 - 12:37:02

Şu yazar hakkında bölümü nasıl yapılıyo enes abi ?

Enes İLHAN
15 Temmuz 2011 - 14:19:50
HBastepe
15 Temmuz 2011 - 16:28:31

quotes[1] = teşekkürler 🙂 yararlı paylaşım. Bize yol gösterici cümlerleri sürkli karşımızda görmek, güzel olacak. Tekrardan teşekkür ederim. 1

Talat
16 Temmuz 2011 - 17:16:01

güzel bir eklentiymiş.

Webcapkini
18 Temmuz 2011 - 08:55:19

Güzelmiş oldukça güzel bir eklenti.Bu arada blog teman çok güzel enes söylemezsem ayıp olur.Bir ara banada kahve içmeye beklerim

http://www.webcapkini.com

Emre
20 Temmuz 2011 - 11:52:09

Güzel bir eklenti olmuş gerçekten…

Enes İLHAN
20 Temmuz 2011 - 15:21:19

Rica ederim arkadaşlar beğendiyseniz ne mutlu.

gümüş hilal
25 Temmuz 2011 - 16:34:30

Bu eklentiyi blog içinde daha rahat taşımak için gadget olarak kaydedebiliyor muyuz?

Enes İLHAN
25 Temmuz 2011 - 18:42:29

@gümüş hilal,
Yok malesef gadget olarak eklenemiyor bu eklenti. Dediğim yöntem en garanti en iyi olanı.

Anonymous
7 Ağustos 2011 - 18:52:32

Merhaba , ustadım . Blogger bloguma yeni sayfa eklemek istiyorum . Lakin bir engel var şablonda devamını oku eklentisi yüzünden açtığım yeni sayfanın içeriği gösterilmiyor acaba sıkıntının kaynağı nedir? Yardımlarınızı bekliyorum .

doğukan
31 Ocak 2017 - 15:16:18

şuradaki kodlar dediğinde kod yazmayı unutmuşsunuz sanırım. tek css kodu var

1 Şubat 2017 - 22:33:23

Doğukan sırf senin için yazıyı güncelledim kardeşim, uyarın için teşekkürler 🙂