24 Mart 2017: Cuma
Gölge

Blogger Özlü Sözler Eklentisi V2

Bu yazı 3 sene [3 seneden daha eski de olabilir] veya daha önce yayınlanmış olduğundan; görülen linklerde, resimlerde veya kodlarda hata olması çok olası. Herhangi bir hata ile karşılaşmanız durumunda bana buradan bildirebilirsiniz. Anlayışınız için teşekkür eder, keyifli okumalar dileriz :) Enes İLHAN
Blogger İpuçları 11 Temmuz 2011 12 5.846  1
Bu Kişisel Blog'da 550 kategori'de yazıya yazılmış adet değerli yorumlarınız bulunmaktadır..

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.

Enes ILHAN

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 Yapılmış

Bir Cevap Yazın

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