16 Ocak 2013 Çarşamba

Blogunuza özel sosyal medya butonu oluşturma

Sosyal medya artık vazgeçilmezimiz 
ve blogumuzu tanıtmamız için de büyük bir fırsat
bir sürü soyal medya butonu var bazı sitelerden ücretsiz elde edip kullanabilirsiniz
ya da benim yaptığım gibi
bloguma uyumlu resimleri seçip düzenleyip ekleyebilirsiniz

1. AŞAMA
Belirlediğim bir resmi  http://pixlr.com/editor/ da düzenledim

 bu site (pixlr) online bir fotoşop programı hem de Türkçe
fotosop kullanmayı bilmeyenler için idael ben bütün resim düzenleme işlerimi burda hallediyorum
bu sitede istediğiniz resimleri kesebilir,birleştirebilir,resim boyutunu değiştirebilir,üzerine yazı yazabilirsiniz
resimde gördüğünüz gibi kırmızı yuvarlak çerçevenin içine f yazarak facebook butonu elde elmiş oldum
sonra görseli kaydettim
2.AŞAMA
kaydettiğim resmin url adresi bize lazım olduğu için http://imageshack.us/ sitesini kullanarak resmimi yükledim ve urlsini aldım
3.AŞAMA
Artık görselimizin urlsini elde ettiğimize göre blogumuza ekleyebiliriz.
hazırladığınız bütün buton url lerini bir yere kaydedin 
kodları bu şekilde kaydedeceğiz
<a href="https://twitter.com/mutlu_dukkan"><img src="http://img694.imageshack.us/img694/610/jhhm.jpg" /></a>
yukarıdaki benim blogumdaki kod örnek olarak inceleyebilirsiniz
<a href="facebook ya da twitter adresiniz"><img src="resmin url si" /></a>
bu kodu kullanarak istediğiniz resimleri istediğiniz sayfaya bağlayabilirsiniz
kırmızı ile yazdığım yerleri değiştirerek kodunuzu oluşturun
her buton için ayrı kodu alt alta sıralayın 

<a href="https://www.facebook.com/KucukMutluluklarDukkani"><img src="http://img18.imageshack.us/img18/50/bojjj.jpg" /></a>
<a href="http://pinterest.com/kckmutludukkan/"><img src="http://i1187.photobucket.com/albums/z381/sewmanyways/pinterest.png" /></a>

<a href="https://twitter.com/mutlu_dukkan"><img src="http://img694.imageshack.us/img694/610/jhhm.jpg" /></a>

benim yaptığım gibi
4.AŞAMA
Son aşamaya geldik artık kodlarımızı gadget olarak blogumuza ekleyeceğiz
blogger/yerleşim/gadget ekle/html-javascript
oluşturduğumuz kodumuzu buraya yapıştırıyoruz ve artık sosyal medya butonlarımız blogumuza eklenmiş oldu
YETERİNCE AÇIK OLDU MU BİLEMİYORUM 
BİR SORUNUZ OLURSA YARDIMCI OLMAYA ÇALIŞIRIM

10 yorum:

  1. Çok hoş. Deniycem teşekkürler Başak:))

    YanıtlaSil
  2. bu paylaşımlar benim olduğu kadar pek çok bloggera çok yardımcı oluyor.
    Teşekkürler.

    YanıtlaSil
    Yanıtlar
    1. rica ederim ben de blogumu geliştirmek için o kadar çok uğraştım ki yardımcı olabildiysem ne mutlu

      Sil
  3. saat 00:16 netin dibine kadar araştırdım bunun için ha gözlerim şaşı olduğu için yapabilirmiyim bilemiyorum ama yarın kesin deyeceğim teşükkürler

    YanıtlaSil
    Yanıtlar
    1. aslında çok kolay yöntemi öğrenince,hazır resimler bulursanız işiniz çok daha kolay olur

      Sil
  4. Hakkınızı helal edin face ve pinterest buton resimlerinizi kullandım ve başarmanın mutluluğunu yaşıyorum şuan :) Birde söylediniz ya yorumlarda doğrulama kodu istiyor diye o nasıl kaldıracağız yardımcı olur musunuz acaba teşekkürler ;)

    YanıtlaSil
    Yanıtlar
    1. kullanın sorun değil:) onu ayarlar yorumlar kısmından kaldıracaksınız kelime doğrulama diye yazıyor orada

      Sil
    2. Cok tesekkurler süpersiniz ;)

      Sil