Blogger Resimlerinize Ovallik Kazandırın

Blogger kullananlar için güzel bir eklenti.Blogger konularına CSS ile ovallık kazandırabilirsiniz.

Blogunuza ekliyeceğiniz bu kod ile resimlerinize daha şık bir goruntu vereceksiniz.Tasarıma düşkün olanlar ve sitesini profesyonel bir görünüm katmak isteyenler için mükemmel bir kod diyebilirm.

Bilirsiniz her resim çok iyi bir görüntüye sahip değil.Kimileri resimleri oval yapmak için photoshop kullananlar var.Arık bunu kullanıp zaman kaybetmenize gerek yok.Şimdi bunu nasıl yapıcağınıza geçelim.

• Kumanda Paneli
• Şablon
• HTML'yi Düzenle
• Widget'i Genişlet yolunu izledikten sonra şablonda aşağıdaki kodu buluyoruz.

]]></b:skin>

             Bulduğunuz kodun hemen üzerine gelecek şekilde aşağıdaki kodu yapıştırın 
                               .circle { display: block; width: 150px; height: 150px; margin: 1em auto; background-size: cover; background-repeat: no-repeat; background-position: center center; -webkit-border-radius: 99em; -moz-border-radius: 99em; border-radius: 99em; border: 5px solid #eee; box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3); }

Yukarıdaki işlem bittikten  sonra şablonu kaydedebilirsiniz. Tasarım bitti.Kodu aktif etmeye geldi. Bu kodu resimlerde aktif hale getirebilmeniz için her defasına aşağıdaki gibi kullanmanız gerekecek.

<div class="circle" style="background-image: url('RESİM URL');"></div>

Resim URLsi kısmına yüklediğiniz resmin adresini yazarak resimlerinize ovallik kazandırmış olacaksınız. 

İşte Bukadar.