Blogger’da resimleri eğikleştirmek

 Blogger sayfalarında değişiklikler yapmayı seven blog kullanıcıları için deneyebilecekleri birçok eklenti ya da özel kod bilgileri mevcut. Sadece biraz uğraşarak sitemizde istediğimiz görünümleri elde edebiliriz. Hatta neredeyse hiç uğraşmadan, tek bir adımla bile sitemize yenilik katabilme şansımız var. Bugün bahsedeceğim işlem de, bu basit adımlardan sadece biri. Sitenizde kullandığınız bazı bölümlerin veya resimlerin belli derecelerle eğik durmasını ister misiniz? Google Chrome’da ve Explorer 9’da sorunsuz çalışan bu kodla, işte bu isteğinizi yerine getirebilirsiniz.

 Yapmanız gereken tek şey, aşağıda paylaştığım kodu kopyalarak; sitenizde eğik durmasını istediğiniz kısmın Css kodlarına yapıştırmak. Daha etkili ve göze hoş gelen görüntüler için farklı bölümlerde ya da resimlerde deneyebilirsiniz. Mesela, üzerine gelindiğinde resmin eğilmesi gibi. Bundan sonrası sizin yaratıcılığınıza kalmaktadır.

 Eklemeniz gereken kodlar:

-webkit-transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);

 Örnek css kodu:

.post-body img:hover {
-webkit-transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
}

  Örnek görüntü: