Blogger Uyarı Satırı Oluşturmak

Advertisemen
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...

Advertisemen

Disclaimer: Gambar, artikel ataupun video yang ada di web ini terkadang berasal dari berbagai sumber media lain. Hak Cipta sepenuhnya dipegang oleh sumber tersebut. Jika ada masalah terkait hal ini, Anda dapat menghubungi kami disini.
Related Posts
Disqus Comments