Bloggerde resimlerinizi nasıl eğikleştireceğinizi, daha doğrusu resimleri eğikleştirme kodunu aşağıda paylaştım umarım faydalı olur.
Bazı arkadaşlar tasarıma çok önem veriyorlar , sitesinde farklı widgetler kullanmak istiyorlar bu kodlar ile blogger’de konu resimlerinizi resimdeki gibi yapabilirsiniz yani eğik şekilde, resmin bu şekilde durduğuna bakmayın resim üzerine gelince mouse ile resim geri normal düz oluyor güzel bir eklenti kullanmak isteyen arkadaşlar deneyebilir sitesinde farklılık yaratmak isteyenler için harika bir eklenti diyebilirim anlatıma geçiyorum
Şablon Düzenleme alanına geliyoruz Şablonun HTML kısmını açıyoruz
Ctrl+F Tuşları ile ]]></b:skin> kodunu buluyoruz yani şablonun Css bölümüne aşağıdaki kodları yapıştırıyoruz
.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);
}
