Instagram widgeti Blogger'a nasıl eklenir?
1. Widgeti oluşturmamızı sağlayan http://snapwidget.com/#getstarted adresine gidelim.
2. Açılan sayfada bilgileri kendinize göre doldurun.
Username: Instagram kullanıcı adınız buraya gelecek.
Hashtag: Özellikle göstermek istediğiniz bir fotoğraf serisi varsa kullanabilirsiniz. Örneğin cmylmz adlı kullanıcının AliBabaVe7Cüceler hashtagli fotoğraflarını listelemek gibi. Eğer bir hesabınız yoksa belli hashtaglere ait fotoğrafları da bu sayede sergileyebilirsiniz.
Widget Type: Eklenti tipini seçmeniz isteniyor. Eğer eklentiyi yan menüde kullanmayı düşünüyorsanız Grid'iseçmenizi öneririm. Onun dışında Board, Scrolling, Slideshow ve Map stili bulunuyor. Kullanmak istediğiniz stile göre özellikler artıp azalıyor. Tüm özellikleri barındırdığı için anlatıma Grid üzerinden devam etmek istiyorum.
Thumbnail Size: Fotoğrafların boyutunu buradan belirleyebilirsiniz. Çok fazla büyütüp insanları rahatsız etmek veya çok küçültüp görülmeyecek hale getirmek yanlış olacağından 125px çok ideal bir boyut gibi duruyor.
Layout: Bu kısımdaki sayıları değiştirerek yan yana ve alt alta kaç adet resim görüntüleneceğini belirleyebilirsiniz. Resim boyutunu ve eklentiyi kullanacağınız alanın ölçülerini hesaba katarak yazmakta fayda var.
Photo Border: Resimlere çerçeve eklensin mi?
Background Color: Resimlerin arkaplan rengini değiştirir.
Photo Padding: Resimler arasındaki ne kadar boşluk olsun?
Hover Effect: Fade In seçeneğinde resimler bir miktar karartılıyor ve mouse ile üzerine gelindiğinde düzeliyor.Fade Out seçeneğinde ise tam tersi olarak resimler net gösterilip mouse ile üzerine gelindiğinde kararıyor.
Share Buttons: Fotoğrafların üzerinde mini paylaşım butonları çıkmasına yarıyor. Kesinlikle kullanılmasını öneriyorum.
Responsive: Bu seçenek özellikle responsive yani uyumlu tasarım kullananların çok işine yarayacak. Çünkü eklenti bu sayede çözünürlüğe göre boyutlanıyor. Responsive tasarım kullanmayan arkadaşların da aktifleştirmelerini öneririm.
Sayfanın altında yer alan gri Preview butonu ile eklentinizin blogunuza eklemeden önce önizlemesini yaparak nasıl durduğunu görebilirsiniz. Yeşil Get Widget butonu ile de size lazım olan kodları elde edebilirsiniz.
kodları blogumda nasıl kullanacağım?
Blog > Yerleşim > Gadget Ekle kısmına gelin. Gadget Ekle bağlantısına tıkladıktan sonra açılan sayfada biraz aşağı inerek HTML/Javascript'i seçin ve kodlarını buraya yapıştırıp kaydedin.
Fotoğraflarınıza özel bir sayfa oluşturmak isterseniz; Sayfalar > Yeni Sayfa > HTML bölümünden halledebilirsiniz.
Alternatif siteler
Genellikle tüm siteler aynı işi yapıyor ancak bir köşede dursun lazım olur diyerek kaydettiğim iki siteyi de sizinle paylaşmak istiyorum.
Instansive: Responsive Instagram Widget sloganıyla yayın yapan site ek olarak bizlere pinterest tarzını sunuyor birden fazla widgeti düzenleyebiliyorsunuz.
Intagme: Snapwidget'in biraz daha yalın hali denilebilir.
0 yorum: