Blogger: Css ile hazırlanmış kullanışlı mesaj kutuları

   Css ile hazırlanmış bu mini kutucuklar yazılarınızda belirgin olarak gösterilmesini istediğiniz onay, uyarı, hata, ve bilgi mesajlarınızı öne çıkarmanıza yarar.İhtiyaç duydukça bende bu css kodlarından yararlanıyorum. Özellikle bazı yazılarımı izinsiz olarak alan kullanıcıları uyarmak amaçlı.

   Kullanım alanlarından birisi de "İlgili Aramalar Eklentisi". Bu sayede eklentiyi düzenleyerek blog temanızla uyumlu hale getirebiliyorsunuz.
Bu konuda size 4 farklı stilde css kutucuğu göstereceğim siz dilerseniz farklı resimler ve kodları ile kutucukları değiştirebilirsiniz.

Blogger: Css ile hazırlanmış kullanışlı mesaj kutuları ekleme
Kumanda paneli > Şablon > HTML düzenle yolunu izleyin.
CTRL+F tuş kombinasyonu ile altta ki kodu aradın bulun.

]]></b:skin>

• Üste ki kodu bulduktan sonra hemen bir üst kısmına aşağıda ki kodları ekleyerek şablonu kaydedin.
• Şimdi bu mesaj kutularını yazı içerisinde belirtmek için kullanacak olduğumuz HTML kodları aşağıdadır.Bu kodları yayın hazırlarken HTML kısmına tıklayarak ekleyin ve kutu içerisinde görüntülenmesi istediğiniz metni yazarak Oluştur kısmından yazınıza devam edin.

<div class="uyari">Bu bir uyarı kutusudur.</div>
<div class="olmadi">Bu bir hata bildiri kutusudur.</div>
<div class="bilgi">Bu bir bilgi kutusudur.</div>
<div class="tamamdir">Bu bir ne yazacağımı bilemedim kutusudur.</div>

Bizi Takip Edin...
Pinterest>>Facebook>>Twitter
 © by bilgicafem61
Aşağıda Yorum ve Sorularınızı Bırakın...

Blogumuza Abone Olun
Yeni Yazılar e-posta Adresinize Gelsin

Not: Gelen Maili Aktif Etmeyi Unutmayınız!