Blogger Özlü Sözler Eklentisi V2

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.

Herkese Merhabalar, ben Enes İLHAN. Gaziantep'te doğdum, Adana'da Büro Yönetimi ve Yönetici Asistanlığı bölümünü okudum ve 2012'de mezun oldum. Askerliğimi uzun dönem olarak, { acemiliği Ankara/Mamak'ta , usta birliğini ise Hatay/İskenderun'da } yapıp bitirmiş bulunmaktayım. Şimdi ise hayata atılmanın çabası içerisine girmiş bulunmakta olup iş bulma derdindeyim.

12 yorum

  1. Anonymous   •  

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

  2. HBastepe   •  

    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

  3. Talat   •  

    güzel bir eklentiymiş.

  4. Webcapkini   •  

    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

  5. Emre   •  

    Güzel bir eklenti olmuş gerçekten…

  6. Enes İLHAN   •  

    Rica ederim arkadaşlar beğendiyseniz ne mutlu.

  7. gümüş hilal   •  

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

  8. Enes İLHAN   •  

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

  9. Anonymous   •  

    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 .

  10. doğukan   •  

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

    • Enes ILHAN   •     Yazar

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

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Güvenlik Sorusu ? * Time limit is exhausted. Please reload the CAPTCHA.