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

21 Ocak 2015 Çarşamba

Bloğumuza sosyal medya iconları,ve bağlantı adresleri nasıl eklenir? (Resimli Anlatım)

Merhaba arkadaşlar;
Bir çoğumuz bloglarımızı düzenlerken yapmak istediklerimiz için epey araştırma içersine gireriz.
Bende bloğumun son halini oluşturana dek bir çok kaynakdan araştırma yaptım, faydalandım.
Ufak çaplı öğrendiklerimi derleyip benim gibi bloğunu sürekli geliştirme düzenleme içersinde olan arkadaşlarıma fayda sağlaması açısından bu konuda paylaşım yapmak istedim.
Bu günkü yazımda benimde bloğumun sol bölümünde bulunan sosyal medya hesaplarımızı ıconlar olarak nasıl bloğumuza ekleyebiliriz onu elimden geldiğince anlatmaya çalışacağım.
Sizler için 6 farklı icon seti ayarladım.
Her setin altınada bloğunuza eklemeniz gereken kodları yazdım.Sizlerin tek yapması gereken beğendiğiniz icon setinin altında bulunan tüm kodları eksiksiz kopyalayın.
Kodları bloğunuza eklemeden önce kodlar içinde bulunan <a href="G+Profil adresiniz"> kırmızı renkle yazan kısımdaki yazıları silip  hesap linklerinizi yapıştırın.
Bloğunuzun Yerleşim menüsüne girip Gadget Ekle seçeneğiyle açılan pencereden


HTML/JavaScriptEkle tıklamanız.


Açılan pencereye beğendiğiniz icon kodlarını yapıştırınız ve kaydet tuşuna tıklayınız.


İşlem bukadar kolay:)
Sosyal medya iconları numarandırılmış olarak aşağıdadır bloğunuza uyan yada beğendiğiniz setin altındaki kutucuklardan kodları kopyalayabilirsiniz.
Sorularınız olursa yorum olarak yazabilirsiniz.Elimden geldiğince yanıtlamaya ve yardımcı olmaya çalışırım.
Sevgilerimle







1. SET



<a href="G+Profil adresiniz">

<img src="http://3.bp.blogspot.com/-f2Ai4k3PKIg/VL7MTdwHYSI/AAAAAAAACj4/DI04k33Bq0o/s1600/google-plus-icon.png" width="48" />
<a href="İletişim Sayfa Linki">

<img src="http://4.bp.blogspot.com/-AufyCM6arw8/VL7MS2vxk4I/AAAAAAAACk8/PUfmPcRJoZs/s1600/blogger-icon.png" width="48" />

<a href="Facebook Linki">

<img src="http://4.bp.blogspot.com/-AufyCM6arw8/VL7MS2vxk4I/AAAAAAAACk8/PUfmPcRJoZs/s1600/blogger-icon.png" width="48" />

<a href="Instagram Linki">

<img src="http://3.bp.blogspot.com/-xgscMwH-BXA/VL7MTlt6gpI/AAAAAAAACj8/Q9Z4_ie9X5U/s1600/instagram-icon.png" width="48" />

<a href="Pinterest Linki">

<img src="http://1.bp.blogspot.com/-3QMH9oDoKvw/VL7MUY-gjZI/AAAAAAAACkU/G0nq0O5XZDY/s1600/pinterest-icon.png" width="48" />

<a href="Twitter Linki">

<img src="http://3.bp.blogspot.com/-VP-tvPcI8Eg/VL7MViCV2gI/AAAAAAAACkc/ecOyHNcg1wo/s1600/twitter-2-icon.png" width="48" />
<a href="Tumblr Linki">

<img src="http://4.bp.blogspot.com/-WuaKuRQTEpM/VL7MVfq90dI/AAAAAAAACkY/1lphkQpOyWQ/s1600/tumblr-icon.png" width="48" />
<a href="Youtube Linki">

<img src="http://2.bp.blogspot.com/-UNWFdjA0T-0/VL7MWN1kNEI/AAAAAAAACkk/hioLvK6E4so/s1600/youtube-icon.png" width="48" />


2.SET




<a href="G+Profil adresiniz">
<img src="http://1.bp.blogspot.com/-W2jVwfJkZqQ/VL7ORAxNhfI/AAAAAAAAClQ/ErrZMc0KKxc/s1600/Google-Plus-icon.png" width="48" />
<a href="İletişim Sayfa Linki">
<img src="http://3.bp.blogspot.com/-J7_VM0yVGlo/VL7OQsgvNnI/AAAAAAAACmI/SuYRlMzLJ3w/s1600/Email-icon.png" width="48" />
<a href="Facebook Linki">
<img src="http://1.bp.blogspot.com/-tRAUzZJ_gSA/VL7OQlpM_II/AAAAAAAAClM/SIpCPjSbXlM/s1600/Facebook-icon.png" width="48" />
<a href="Instagram Linki">
<img src="http://3.bp.blogspot.com/-RccD9K3vc6Y/VL7ORlxD_YI/AAAAAAAAClg/CWrpqBl2I4E/s1600/Instagram-icon.png" width="48" />
<a href="Pinterest Linki">
<img src="http://3.bp.blogspot.com/-Pbu-ZQJdBf8/VL7ORr9VrcI/AAAAAAAAClc/ZB8iIegxWgI/s1600/Pinterest-icon.png" width="48" />
<a href="Twitter Linki">
<img src="http://4.bp.blogspot.com/-1c9KVq01mIk/VL7OSpcJTqI/AAAAAAAACls/WCdmtyKN7H4/s1600/Twitter-icon.png" width="48" />
<a href="Tumblr Linki">
<img src="http://4.bp.blogspot.com/-wTIUOQt4nYs/VL7OSdBiTDI/AAAAAAAAClk/85XJyZrS7cs/s1600/Tumblr-icon.png" width="48" />
<a href="Youtube Linki">
<img src="http://4.bp.blogspot.com/-RVL2pJsE3jE/VL7OSzMoXWI/AAAAAAAAClw/BsQuZDiu9kU/s1600/Youtube-icon.png" width="48" />

3.SET






<a href="Facebook Linki">
<img src="http://4.bp.blogspot.com/-LFG-KLvSc6k/VL7O71C8BoI/AAAAAAAACnI/QJC33MvS2s8/s1600/facebook-icon.png" width="48" />
</a>
<a href="Instagram Linki">
<img src="http://4.bp.blogspot.com/--B2E7F_mT88/VL7O8Sn81YI/AAAAAAAACmY/2caavnlYxQk/s1600/instagram-icon.png" width="48" />
</a>
<a href="G+Profil adresiniz">
<img src="http://2.bp.blogspot.com/--fBqn_qo6Ps/VL7O8FBqWzI/AAAAAAAACmU/s9eH36J0oVc/s1600/google-plus-icon%2B(1).png" width="48" />
</a>
<a href="Tumblr Linki">
<img src="http://2.bp.blogspot.com/-CqpYH0PCkxE/VL7O9GIvYFI/AAAAAAAACmg/Qd4EW_SpzBA/s1600/tumblr-icon.png" width="48" />
<a href="Pinterest Linki">
<img src="http://3.bp.blogspot.com/-ctnQOVMQtUk/VL7O8hzhXoI/AAAAAAAACmc/of9YoXalubA/s1600/pinterest-icon.png" width="48" />
<a href="Twitter Linki">
<img src="http://1.bp.blogspot.com/-TrSf-EV5rKc/VL7O9dI_dxI/AAAAAAAACmk/RBBE03YG38E/s1600/twitter-icon.png" width="48" />

4.SET




<a href="İletişim Sayfa Linki">
<img src="http://1.bp.blogspot.com/-OzczL4Gf_vc/VL7Py19_DkI/AAAAAAAACnU/VQXnYkfgXYU/s1600/email-icon.png" width="48" />
<a href="G+ Profil Linki">
<img src="http://3.bp.blogspot.com/-uUcUDTBcs2Q/VL7Py76ydMI/AAAAAAAACnY/BN55ynzieEc/s1600/googleplus-icon.png" width="48" />
<a href="Instagram Linki">
<img src="http://2.bp.blogspot.com/-iyNer7l4pS8/VL7Pzm654OI/AAAAAAAACno/_gz48QuDOBs/s1600/instagram-icon.png" width="48" />
<a href="Tumbrl Linki">
<img src="http://2.bp.blogspot.com/-DjnysKjx-xw/VL7P0QAEhSI/AAAAAAAACns/_wPv_rTc_ak/s1600/tumblr-icon.png" width="48" />
<a href="Twitter Linki">
<img src="http://1.bp.blogspot.com/-y_FUaEWR11s/VL7P0_QrwnI/AAAAAAAACnw/KPT35CsHPp0/s1600/twitter-icon.png" width="48" />
<a href="Facebook Linki">
<img src="http://2.bp.blogspot.com/-vKOjB5XXxgo/VL7Py9gK7II/AAAAAAAACoE/SBszx1K908Y/s1600/facebook-icon.png" width="48" />

5.SET


<a href="G+ Profil Linki">
<img src="http://1.bp.blogspot.com/-kQY_1DR9vwU/VL7QWNZKICI/AAAAAAAACow/n9KfoIdPs1E/s1600/GooglePlus-icon.png" width="48" />
</a>
<a href="Facebook Linki">
<img src="http://2.bp.blogspot.com/-qFyqE84V50k/VL7QV_-w-YI/AAAAAAAACoM/wm9qL1A7z5g/s1600/Facebook-icon.png" width="48" />
</a>
<a href="Instagram Linki">
<img src="http://4.bp.blogspot.com/-hMV6fJv4ZvU/VL7QWNafgmI/AAAAAAAACoQ/dvAfk67hlTs/s1600/Instagram-icon.png" width="48" />
</a>
<a href="Twitter Linki">
<img src="http://4.bp.blogspot.com/-MsKn3iF1_Yk/VL7QWoqjtpI/AAAAAAAACoY/wlaKZ8PGZPI/s1600/Twitter-icon.png" width="48" />
<a href="Tumblr Linki">
<img src="http://3.bp.blogspot.com/-FmE7P8LAbwo/VL7QWcO5v0I/AAAAAAAACoU/awZVb7CNFP0/s1600/Tumblr-icon.png" width="48" />
<a href="Youtube Linki">
<img src="http://1.bp.blogspot.com/-Uc1b4Ym_AvY/VL7QW7u9fPI/AAAAAAAACog/T82yVwZFGig/s1600/Youtube-icon.png" width="48" />

6.SET


<a href="İletişim Sayfa Linki">
<img src="http://2.bp.blogspot.com/-QHeP3sl27PI/VL7QqdNP3TI/AAAAAAAACo8/bLwbm0fgseo/s1600/Email-icon.png" width="48" />
<a href="G+ Profil Linki">
<img src="http://4.bp.blogspot.com/-CRLxedMyjug/VL7QqshNxbI/AAAAAAAACpA/gw06g-rg92c/s1600/Google-Plus-icon.png" width="48" />
<a href="Instagram Linki">
<img src="http://2.bp.blogspot.com/-FAKL3vG-QV4/VL7Qq4Mgn1I/AAAAAAAACpE/RcR5q-9PUjM/s1600/Instagram-icon.png" width="48" />
<a href="Tumbrl Linki">
<img src="http://2.bp.blogspot.com/-y1NBslYQSIU/VL7QrLIMhvI/AAAAAAAACpI/dCZJ_qU4NMw/s1600/Tumblr-icon.png" width="48" />
<a href="Facebook Linki">
<img src="http://1.bp.blogspot.com/-_ncSdEXylYE/VL7QqQ4VKZI/AAAAAAAACpk/hShFzZWkUTE/s1600/Facebook-icon.png" width="48" />
<a href="Twitter Linki">
<img src="http://3.bp.blogspot.com/-yt2SVTmGGrY/VL7QrqszT9I/AAAAAAAACpM/vZtnKd6OZ28/s1600/Twitter-icon.png" width="48" />