Resimlerinizi Bloğunuza Duyarlı Hale Getirin

Birkaç CSS kod yardımıyla bloğunuzdaki resimleri duyarlı hale getirebiliriz. Blogger bloğunuza eklediğiniz tüm resimleriniz otomatik olarak duyarlı hale gelir. Duyarlı olmak ne demek? Diye sorduğunuzu duyar gibiyim. Şöyle anlatayım mesela bloğunuzun yazı alanı 500px genişliğinde ama yazınıza eklediğiniz görsel 800px değerinde. Dolayısıyla taşmalar meydana gelecek.İşte bu taşmalara engel olmak için blog kodlarımız arasına bu CSS kodlarını …

Blogger Resimlerin Sol Üstüne Pinterest Pin it Butonu Ekleme Eklentisi

Bir blog yazarı için en önemli şeylerden birisi de şüphesiz ki  sosyal imlemedir bu sosyal imleme için blogunuza yapabileceğiniz en önemli şeylerin başında sosyal paylaşım siteleri için paylaş butonları barındırmaktır. Sosyal imleme blogunuzdaki içeriklerinizin kaliteli sosyal internet sayfalarında paylaşılması ve daha çok ziyaretçinizin olması demektir ve bu imlemeler yayınınızın, sayfanızın indeks hızını arttıracağı gibi ziyaretçi …

Blogger jQuery ile Resimlere Başlık Ekleme Eklentisi

Her Blogger, çoğu yazısında en azından bir tane resim kullanır. Kullanılan resimlerde öncelikli olarak çözünürlük, özgünlük, konu ile alaka gibi hususlar önemlidir. Bunun yanında resmin çerçevesi ve başlığı da bir o kadar önemlidir. jQuery ile resimlere başlık ekleme yazısı ile resimlere hem şık bir çerçeve hem de devamlı görüntülenen başlık ekleyebileceğiz. Aşağıdaki örnek resimde resim …

Blogger Resim Üzerine Gelince Açılan Açıklama Kutusu Eklentisi

Blogger blogunuza eklediğiniz resimlerin üzerine fare ile gelindiğinde, aşağı doğru açılan metin/bilgi kutusu eklentisini blogger blogunuza eklemek için aşağıdaki anlatımı takip edip , blogger blogunuzda bu eklentiyi kullanabilirsiniz.Alttaki kodu bulunuz.}}>Bir satır üzerine aşağıdaki css kodlarını ekliyoruz..imagepluscontainer{ /* main image container */position: relative;z-index: 1;}.imagepluscontainer img{ /* CSS for image within container */position: relative;z-index: 2;-moz-transition: all 0.5s …

Blogger Resim Üzerine Gelince Zoom Yapsın

Blogger CSS ile resim üzerine gelince resmin büyümesini sağlayacağız.Bunu yaparken sadece bir kod kullanacağız şite o kadlar ;]]> Öncelikle bloğumuzun HTML düzenle bölümüne giriyoruz ve yukarıda ki Ctrl+F yarımdı ile buluyoruz.Daha sonra bulduğumuz kodun üzerine aşağıda ki kodları ekliyoruz. .post-body img { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: …