Popunder

Blogger Uyarı Satırı Oluşturmak

Blogunuzda duyurumu yapmak istiyorsunuz ya da önemli bi yazınızı blogunuzda ziyaretçileriniz için göz önündemi bulundurmak istiyorsunuz bu uyarı pencereleri tam size göre.
Share it:
Blogger Uyarı Satırı Oluşturmak
Blogunuzda duyurumu yapmak istiyorsunuz ya da önemli bi yazınızı blogunuzda ziyaretçileriniz için göz önündemi bulundurmak istiyorsunuz bu uyarı pencereleri tam size göre.

Blogunuzun kumanda panelinden Şablon - HTML'yi düzenle - Widget Şablonlarını Genişlet kutucuğunu işaretliyoruz. Ctrl + F yardımı ile ]]></b:skin> kodunu bulun aşağıdaki kodları üst kısmına ekleyin.

.TWwarn{background:#FFF2F4 url(http://1.bp.blogspot.com/-ACJrm3yzMYo/TdNP_pOqpyI/AAAAAAAABCY/WTZKxXLuBhU/s1600/nraw2.png) center no-repeat; margin:0 auto; width:90%; display:block; border:1px solid #BE0000; background-position:7px 50%; padding:10px 10px 10px 45px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .TWynotic{background:#fafbca url(http://4.bp.blogspot.com/-hw-b6iRI2G0/UMifsW9kbdI/AAAAAAAAGqI/9rMtIUXg4k4/s1600/yellowalert.png) center no-repeat; margin:0 auto; width:90%; display:block; border:1px solid #e7ea03; background-position:7px 50%; padding:10px 10px 10px 45px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .TWgift{background:#ddeffb url(http://4.bp.blogspot.com/-1lLEyoaLXpw/UMiepq7eMuI/AAAAAAAAGpk/TmxSdQD_TbA/s1600/gift.png) center no-repeat; margin:0 auto; width:90%; display:block; border:1px solid #32a9fc; background-position:7px 50%; padding:10px 10px 10px 45px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .TWnoticgreen{background:#dcf9bc url(http://4.bp.blogspot.com/-wkNzOOfpNOw/UK0aWLb5DgI/AAAAAAAAGBY/9fyLUIYQSQM/s1600/announcement-icon.png) center no-repeat; margin:0 auto; width:90%; display:block; border:1px solid #7dc945; background-position:7px 50%; padding:10px 10px 10px 45px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .TWHEART{background:#fbd3d9 url(http://3.bp.blogspot.com/-TQdxssNWAI4/UMieZf1kfEI/AAAAAAAAGpc/NLS-ejCPkgM/s1600/heart.png) center no-repeat; margin:0 auto; width:90%; display:block; border:1px solid #fe3a5a; background-position:7px 50%; padding:10px 10px 10px 45px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .TWpin{background:#f4dbf3 url(http://3.bp.blogspot.com/-6-BkTSnRRIA/UMYUAEMV_yI/AAAAAAAAGkk/esyWC_Vee6Y/s1600/twpin.png) center no-repeat; margin:0 auto; width:90%; display:block; border:1px solid #fb37e2; background-position:7px 50%; padding:10px 10px 10px 45px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .TWywarn{background:#e3f0f2 url(http://3.bp.blogspot.com/-AEMgMrni7yU/UMifrZiSvDI/AAAAAAAAGqE/9bR2JBgAB4U/s1600/write.png) center no-repeat; margin:0 auto; width:90%; display:block; border:1px solid #66cccc; background-position:7px 50%; padding:10px 10px 10px 45px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

Şablonu kaydet diyerek işlemi tamamlıyoruz.


Kod:
<div class="TWwarn"> <b>Tahta Tebeşir Uyarı Satırı - Tahta Tebeşir Uyarı Satırı</b></div>


Kod:
<div class="TWpin"> <b>Tahta Tebeşir Uyarı Satırı - Tahta Tebeşir Uyarı Satırı</b></div>


Kod:
<div class="TWynotic"> <b>Tahta Tebeşir Uyarı Satırı - Tahta Tebeşir Uyarı Satırı</b></div>


Kod:
<div class="TWHEART"> <b>Tahta Tebeşir Uyarı Satırı - Tahta Tebeşir Uyarı Satırı</b></div>


Kod:
<div class="TWnoticgreen"> <b>Tahta Tebeşir Uyarı Satırı - Tahta Tebeşir Uyarı Satırı</b></div>


Kod:
<div class="TWywarn"> <b>Tahta Tebeşir Uyarı Satırı - Tahta Tebeşir Uyarı Satırı</b></div>


Kod:
<div class="TWgift"> <b>Tahta Tebeşir Uyarı Satırı - Tahta Tebeşir Uyarı Satırı</b></div>

Bu vermiş olduğum kodları şablon - html'yi düzenle - div etiketlerinin olduğu kısıma ekliceksiniz. Kolay gelsin...

Share it:

Blogger İpuçları

Post A Comment:

0 comments:

1- Yaptığınız yorumun, yazıyla alakalı olmasına özen gösteriniz.
2- Yazım ve dilbilgisi konusundaki hassasiyetinizi yorumlarınızda da gösteriniz.
3- Her zaman nazik bir üslup kullanmaya özen gösteriniz.
4- Yukarıdaki kurallardan herhangi birine uymamanız durumunda, site sahibi yorumunuzu yayınlama ya da yayınlamama hakkına sahiptir.