Blogunuzda duyurumu yapmak istiyorsunuz ya da önemli bi yazınızı blogunuzda ziyaretçileriniz için göz önündemi bulundurmak istiyorsunuz. Bu uyarı satırları ile ziyaretçilerinizin dikkatini çeken yazılar yazabilirsiniz.
Blogunuzun kumanda panelinden Şablon - HTML'yi düzenle - 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/AVvXsEiUwO5NV9hypXS7cJZgi15OL0bfQx_Dw978mQvSqZiKm0B7lK-inOh0OxsgU0hB4Rcd5r8W_FgECHM9lKdMOA7jRA8f2StS1V1-5DnNm3E9EAz29wwHCb9TvdWRjEIE4uVmUQ7jc1z75Ls/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/AVvXsEhvwP-t29Rx_WA-FwO9dpCdR0WWnDKLiwiXXQPQb4K0tQucwgegRwNYVrhtcX2FPEpSijAgiftPur3xW9QUsb5gkY1g80-2_e_kMZXaa3snq6V_cykjRuA8SflTkXb5t_ZQXjOqUHBuSi8S/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/AVvXsEiO7qCKJEcWcXeXKObR2RPsvuqnOqbnE4FiMWEgjK3uDC4XLiEA2tFVBgrnMjpEZVvx54HGH56MbNY-jHONJrrTGFcTEZBIf35p1mrzXhxUyHaPlOXKQZeXTgpk2AaNVBTvLw_ftuYVTCSL/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/AVvXsEhxJyoRleB1zQgQKBJnhu9_cSCqyMkvRnwjdHhN7GxN5ls8uE78Gy5u2uB_BlbyyuVrnP29ADLNJdFq3OjdDku9HDFCKPxftVkBt3arQ0c6vstOFudjjwD-aTOhDXNNiv9BjSrfbAMnTsFV/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/AVvXsEiahKJ5uwYcjWr1TnrmyaihyqFDvDUUELlK454vP9SeJ9_m1YzexY8BpD-L5c5AHMLX3qHg6QgZ4b4oVfSyWeXaL02tJEzAcJFsZxPShihAyj95hFX9pU2qCMxTfpw8MeN-xUazFY4R28cI/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/AVvXsEg2KXD1GyshDxeTlJgQ2DJP1ml7s3p5-0XL7eA_BFzdH-lJnAtfzAJT0UjN8dfhzrDsL31BE21s22LFHNcIr8emuznI1RGKGCNjdE68rUcBguE8topLxuhssGBAP9TwY3YlFBNl48ts4luc/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/AVvXsEggmooNgmUDkAvYB4dooh6AV1MddAaNcB3dZHmo5u74XLcEMISvgSRK5VmLd9JGHlGrhiaLVsN0nVr4_kfyYDmI45H2bvOQxBGSZdWXQepw4emVyf6rzYVGjXOq10kEdwnga2f0iPwZqCpL/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.
<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 ekleyin.
Tags:
Blogger