blog etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
blog etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

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