Blogger'da Resim Eğikleştirme

Site görünümü bakımından gayet şık ve güzel bir eklenti olduğunu düşünüyorum. Blogunuzda farklı bir görünüme olanak sağlayan ve ziyaretçilerinizinde beğenisini ve dikkatini çeken bir eklenti olacaktır.

Eklentimizin kurulumu için aşağıdaki yolu izleyelim...

Blogger - Kumanda Paneli - Şablon - Html'yi Düzenle - Ctrl + F tuş kombinasyonu ile şu kodu bulun ]]></b:skin>  ve hemen üst kısmına aşağıdaki kodları ekleyin.

.post img {
-webkit-transition: -webkit-transform .15s linear;
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
padding: 5px 5px 5px 5px;
-webkit-transform: rotate(+2deg);
-moz-transform: rotate(+2deg);
}

.post img:hover {
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);
-webkit-transform: rotate(-1deg);
-moz-transform: rotate(-1deg);
}