Instagram, şüphesiz sosyal medyanın en çok rağbet gören fotoğraf paylaşım sitesi. Eğer bir blogunuz varsa ve sıkı bir instagram kullanıcısı iseniz fotoğraflarınızın blogunuzda görünmesini istemeniz gayet doğal. Instagram yakın zamanda bu konuda bir adım attı ve bünyesindeki fotoğraf ve videoları yerleştirme(embed) kodları ile kullanılabilir hale getirdi.
Fakat gelin görün ki bunu ancak tek bir fotoğraf için yapabiliyorsunuz. Yani instagram'ın ana akışındaki gibi ızgara şeklinde fotoğraflarınızı yan yana dizemiyorsunuz. Kullanacağımız araç; SnapWidget ve tam da bu sorunu bizler için çözülebilir hale getiriyor. Öncelikle online siteye gidiyoruz. Karşımıza aşağıdaki gibi bir form çıkacak.
Username(#1) kısmına blogumuzda fotoğraflarını sergileyeceğimiz kullanıcının adını giriyoruz. İsterseniz kullanıcı adı yerine sadece belirli kelimelerden oluşan etiketleri de ekleyebiliyorsunuz.
Bunu yapmak istiyorsak Hastag(#2) bölümüne istediğimiz etiketi yazıyoruz, kullanmak istemiyorsak da boş bırakıyoruz.
Widget Type(#3) bölümünde de widgetimizin görünüm türünü belirliyoruz. Grid(Izgara), Board(Pano), Scrolling(Kaydırma), Slideshow(Slayt), Map(Harita) türlerinden istediğimizi seçiyoruz. Grid ve Board haricindeki diğer modları seçtiğinizde formunuz küçülüyor. Buradaki maddelerin çoğu aynı olduğu için sadece Grid ve Board türünü anlatmaya devam ediyoruz.
Widget türünü seçtikten sonra Thumbnail Size(#4) kısmına her fotoğrafın hangi boyutta olmasını istiyorsak o sayıyı yazıyoruz.
Layout(#5) bölümüne yanyana ve alt alta kaç fotoğraf olmasını istediğimizi yazıyoruz.
Photo Border(#6) kısmında, fotoğrafların çerçeve içinde olmasını istiyorsak No diyoruz.
Background Color(#7) bölümünde arkaplan rengini ayarlıyoruz. Buraya istediğiniz rengin HTML kodunu girebilirsiniz. Arkaplanın şeffaf görünmesini istiyorsanız burayı boş bırakabilirsiniz.
Photo Padding(#8) bölümüne ise fotoğraf aralarında kaç piksel boşluk istediğimiz yazıyoruz.
Hover Effect(#9) kısmında Fade In derseniz fotoğraflarınız biraz bulanık görünecek, fare ile üzerine gelindiğinde ise düzelecektir. Fade Out kısmı da işlemi tam tersine çevirir. Hiçbir efekt istemiyorsanız da None diyebilirsiniz.
Fare ile fotoğraflarınızın üzerine gelindiğinde paylaşım butonları çıkmasını istiyorsanız Sharing Buttons(#10) kısmına Yes diyin, eğer istemiyorsanız da No.
Responsive(#11) kısmı da widgetinizin açıldığı ekranın boyutuna göre ayarlanmasını sağlar. Bu nedenle Yes seçeneğini işaretlemenizde fayda var.
En son ayarlama işlemlerimiz bitince Preview butonuna basarak ön izlemesini görebilirsiniz. Ön izlemeden sonra Get Widget butonuna tıklayarak verilen kodları kopyalayın. Yerleşim> Gadget Ekle > HTML/JavaScript yolunu takip ederek kodunuzu yapıştırın ve kaydedin. Tüm işlemi doğru ve eksiksiz yaptıysanız widget sitenizde gözükecektir.
