Dinamik Yazı Tipi Eklentisi

Published by aTOMKARINCa on


Yabancı blogları gezerken güzel bir eklenti ile karşılaştım.
Genellikle haber sitelerinde karşılaştığımız yazının puntosunu azaltıp artırabileceğimiz bir eklenti fakat tek farkı bu eklentide yazı boyutunun yanı sıra yazı tipini de değiştirebiliyoruz.
</head> kodundan önce aşağıdaki kodu ekleyiniz.

kaynağı göster
yazdır?
01<script>
02function go1(){
03if (document.selecter2.select2.options[document.selecter2.select2.selectedIndex].value != "none") {
04document.getElementById('main').style.fontSize=document.selecter2.select2.options[document.selecter2.select2.selectedIndex].value
05}
06}
07function go2(){
08if (document.selecter2.select3.options[document.selecter2.select3.selectedIndex].value != "none") {
09document.getElementById('main').style.fontFamily=document.selecter2.select3.options[document.selecter2.select3.selectedIndex].value
10}
11}
12</script>

<data:post.title/> Kodunun alt satırına aşağıdaki kodu ekleyiniz.

kaynağı göster
yazdır?
01<form id="forma" name="selecter2" method="POST">
02<select onchange="go2()" style="font-family:verdana;font-size:8pt" name="select3" size="1">
03<option value="Times New Roman"/>Times New Roman
04<option value="Arial"/>Arial
05<option selected value="Book Antiqua"/>Book Antiqua
06<option value="Bookman Old Style"/>Bookman Old Style
07<option value="Century Gothic"/>Century Gothic
08<option value="Comic Sans Ms"/>Comic Sans Ms
09<option value="Tahoma"/>Tahoma
10<option selected value="Trebuchet Ms"//>Trebuchet Ms
11<option value="Verdana"/>Verdana
12</select>
13<select onchange="go1()" style="font-family:verdana;font-size:8pt" name="select2" size="1">
14<option value="8px"/>8
15<option value="9px"/>9
16<option value="10px"/>10
17<option value="11px"/>11
18<option selected value="12px"/>12
19<option value="14px"/>14
20<option value="16px"/>16
21<option value="18px"/>18
22</select>
23</form>

İşlem bu kadar kaydedip çıkın.

Not: Bu eklentinin yapılması güzel fakat keşke yapan biraz arayüzünde çalışma yapsaymış. Yakın zamanda bu eklentiyi düzenleyerek + ve – butonları koyarak sadece yazı içeriğini büyütüp küçültmemizi sağlayan bir eklenti hazırlayacağım.

Categories: Blogger

8 Comments

siteniz · 22 Temmuz 2009 at 17:39

teşekkürler güzel bir eklenti

Reply

aTOMKARINCa · 22 Temmuz 2009 at 17:58

Önemli değil :-\")

Reply

OgrenGec · 22 Temmuz 2009 at 19:35

Kendi sitende niye kullanmadın : :d

Reply

aTOMKARINCa · 22 Temmuz 2009 at 19:46

Şu anki haliyle gereksiz bir eklenti olduğunu düşünüyorum. Bu eklentiyi sade bir şekle sokarsam belki kullanırım. :-\")

Reply

MyFurkan · 13 Mart 2010 at 21:36

Müthiş bir şey hemen eklemeyi düşünüyorum

Reply

burak · 11 Kasım 2010 at 22:36

gün bir şekilde oluşturulmadığından şablonunuz çözümlenemedi. Lütfen tüm XML öğelerinin düzgün biçimde kapatıldığından emin olun.
XML hata iletisi: Attribute name "selected" associated with an element type "option" must be followed by the ' = ' character. böyle bir hata çıkıyor sorun nerede

Reply

Murat Mutlu · 24 Aralık 2010 at 17:58

demosunu göremiyoum şu an.

Reply

aTOMKARINCa · 27 Aralık 2010 at 04:13

@Murat Mutlu Bilgilendirmen için teşekkür ederim. Çok fazla deneme blogum olduğu için bir ara temizlik yapmıştım o sırada silmişim. :-\")
Eklenti başlığın altında çıkıyor ve yazıma eklediğim resim ile birebir.

Reply

Bir Cevap Yazın

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

Related Posts

Blogger

Blogger’da ifadeler(smiley) eklentisi !

Blogger için ifadeler eklentisi artık daha kullanışlı !… Blogger bıraktığımdan bu yana çok değişmiş. Yeni şablon kullananlar, ifadeler eklentisinin çalışmadığını farketmişlerdir. Onlar için ufak bi eklemeyle, eklentiyi tekrardan aktif hale getirdim.

Blogger

Blogger’da Mobil Şablonlar

Blogger için yeni bir özellik daha !… Blogger ekibi mobil cihazların gelişimine ayak uydurarak, telefonlar için ayrı bir şablon tasarladı. Yeni gelen özellik şu anda beta aşamasında.

Blogger

DSablon Çıktı – Blogger Şablonu

Blogger için hazırlamış olduğum yeni şablon !… Uzun bir uğraş sonunda kullanıma sunduğum DSablon tüm blogger şablonlarından farklı özellikler taşıyor. Artık okuyucular kendi istedikleri renk düzenini seçebiliyor.