Blogger imza |
Blogger'da ayarlar kısmında yer alan kayıt şablonundan haberiniz vardır mutlaka. Hatta bu konuyla ilgili daha önce "Blogger kayıt şablonu düzenleme (imza oluşturma)" başlıklı bir yazı bile paylaşmıştım. Kayıt şablonu adlı kısım sayesinde yazıların altına otomatik olarak imza ekleyebiliyoruz. Ama bu imza kodları çok hoşunuza gidecek. Nasıl görüneceğini merak edenler için ise:
bu örnek yeterli olacaktır.
Bu imzayı Blogger sayfamıza eklemek istersek eğer, yukarıda bahsettiğim kayıt şablonu yöntemiyle ekleyebiliriz. A bir de Tema kısmında kodların arasına da ekleyerek bu işlemi gerçekleştirebiliriz.
Tema kısmına, kodlarına arasına eklemek için ilk olarak Tema ardından HTML Düzenle sekmeleriyle kodların arasına ulaşıyoruz. Kodların arasından Ctrl F yardımıyla aşağıdaki kodu buluyoruz.
<div class='post-footer'>
Bu koddan iki tane olacaktır. İlki değil ikincisinin hemen üstüne aşağıdaki kodları ekleyin.
<style type="text/css">Daha sonra blogunuzu kaydedin ve kontrol edin.
.hbz-signature {
font-size: 22px;
font-family: Papyrus,fantasy;
text-shadow: 5px 2px 2px #dddddd;
margin-top : 30px;
text-color: #222222;
}
.hbz-signature span {
font-size: 14px;
vertical-align: top;
}
</style>
<div class="hbz-signature"><span>By</span> İSMİNİZ </div>
Düzenleme kısmına gelince:
- Kırmızı renkle belirttiğim 22, imzada yazı fontunun büyüklüğü
- Papyrus,fantasy ise imzanın yazı şekli. Daha farklı fontlar için ise bu siteden faydalanabilirsiniz.
- #dddddd kodu ise imza gölgesinin rengi, #222222 kodla belirtilen ise imzanın rengi. Bu renkleri değiştirmek için ise bu siteden faydalanabilirsiniz.
- İSMİNİZ kısmına ise imza olarak görülecek metni ekliyoruz.
İmza kodu ilginçmiş.Biraz düşüneyim ben :))
YanıtlaSilGüzel Görünüyor..Teşekkürler
YanıtlaSilKodlar.. .)
YanıtlaSilKeşke imza oluşturma yapabilsek örneğin mustafa kemal Atatürk imzasi gibi..
Tabi bu da çok güzelmiş denicem ☺ Saol hocam
Rica ederim. Bir sonraki yazılarda ondan da bahsederim. Görsel imza da eklenebilir blog yayınlarının altına.
Silhemen denedim:) güzel oldu..:)
YanıtlaSilÖrnekteki imzanın fontu nedir bulamadım
YanıtlaSilO fontu hatırlamıyorum ama şu linkte benzerleri mevcut
SilFontun sadece adını değiştirince oluyor mu o sarı renkte belirttiğiniz kisimi yani.
YanıtlaSilEvet, linkte paylaşılan fontların isimlerini olduğu gibi ekleyin. Eğer çalışmazsa belirtin, farklı bir kod eklemenizi isteyeceğim.
Sil