 |
| Blogger Uyarı Satırı Oluşturmak |
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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4GVsnOe0XGoO7FIdgSgvPReNYThdSktlHMHX8WaEHlkKwHw-PXotj-Yjl781V5L-XkNDtPDs7056U6P7LObYllXLk3_3inye9kVzpKqDH4hALk6VFIFIyJWRcQJEzcFCrDx1US34X-Gw/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7EOqefrYj5NejXD0r9qddHBdA7SxON0r9Bw_TJPhfWTOQZ-NJZr0j7ANyVVmqC8mMp6kbZPZ2mLgnQXM-UErH8uU0vvTbQFbajx9GqdQDWJAvHWNwaiEaU-7TZaFrpFs81VfRB7Bk_hZJ/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3pbr4Q8c7OgLy_axjscrh6zAsFYMVM3H0eFg1Z-AyvB8zRWyIhYt6fXKoib7CEigr9znV-k3YwafpPW3gWIYLxjgtAkqhPATgvelX9aNWSJKTp5JuIhDN-BdoB6z49zYrWAGJCIpBm5cf/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCX8aCsFX5okqeymcHP6SMYRY3LmtXnaBCK4FDIFdkMuN3sVEOYAwYdG0W17XZHSYWoNswgOGObZulI8xy1idIq2pTHoZ2g5I92O69V-QmQmY3AskNu926Hp3n-r6P2VyNaPGGUvWNHso0/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSV3rgiyxnCnYrh0SPtKCYTWKSp-dFjjyZcSBFFF-D_WUKjR4UvNSAg1xmW5uYH9FWWVoET8Q8UnGryn1VtSQVT56esgYHTaYVRHL-grCPr12VTvgSRIOHhJOmkhuMlt3vXhfg-Dr6boeN/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNTZZ3DxLt33COqjFLSDJtIHwqygC6FDQbUdKDDJ-YCWmID1aL0_menKRDITL2vxtGJgqJ79acSfczO4eeFVdKLnFDr5QVGjMk2ubQ-x1igmkXP1LXyy-Js8k1lndorOPJIkkZBvtMfc6c/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicBPcdfL9vMvKhbpnGTYiNV9ByuojXF0kEDC-RHqoOT0b4M2WoTllPvB0dUaZOQzq06xoC1HY43s-x9BqUxHcyfjpFrXkhNb9TPLbRnr8gs6MU7VegxmQlxSchncAMhwePUmJOM2vPatVA/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...
