Blogger için Sosyal Takip Butonları 2 (Metro Tarzı)

S.A

Metro tarzı ikonlar windows 8 işletim sistemi ile hayatımıza girdi. Çok beğenilmiş olmalı ki site ve bloglarda hızla kullanılmaya başlandı. Benimde bayramdan önce kendi blogum için araştırma yaparken gördüğüm, bloggerinizin HTML kodlarında düzenleme yapmanızı gerektirmeyen Edge ekleme yoluyla kolayca eklenip kaldırılabilen Metro tarzı Sosyal Takip Butonlarını paylaşmak istedim. 

İsterseniz kodları eklemeden önce küçük birkaç bilgi vereyim. Kodların içindeki mavi renkteki Width="125" ilgili butonun genişlik, yine mavi renkteki height="125" değeride yine ilgili butonun yükseklik değeridir. Bu degerlerle butonların büyüklüklerini kendi blogunuza daha uygun hale getirebilirsiniz. Kırmızı renkteki adreslerde benim sosyal medya adreslerim, bu adresleride kendi adreslerinizle değiştirmelisiniz.

<!--Metro Tarzı Sosyal Medya Eklentisi Başlangıcı-->
<div align="center"><table border="0"  cellpadding="2"  cellspacing="6" width="265" bgcolor="#ffffff"><tbody><tr>
<td><center><a href="https://www.facebook.com/Shed510X" rel="nofollow" target='_blank'><img border="0" alt="contact" width="125"
src="https://lh4.googleusercontent.com/-Uu5LNxFFtGI/UdvXk5vdixI/AAAAAAAAI6U/oCp_4IIUPM8/s135/facebook.png" height="125"/></a></center></td>
<td><center><a href="https://plus.google.com/u/0/108602408431518588629" rel="nofollow" target='_blank'><img border="0" alt="contact" width="125"src="https://lh6.googleusercontent.com/-MpPsaHsrM-k/UdvXk5jHmlI/AAAAAAAAI6o/bBiYc4IeCLI/s135/google.png" height="125"/></a></center></td></tr><tr>
<td><center><a href="http://shed510.blogspot.com/feeds/posts/default" rel="nofollow" target='_blank'><img border="0" alt="contact" width="125"src="https://lh4.googleusercontent.com/-GMNs6N80cd4/UdvXk0NR9QI/AAAAAAAAI6c/2KHe8pUNljY/s135/rss.png" height="125"/></a></center></td>
<td><center><a href="https://twitter.com/Shed510" rel="nofollow" target='_blank'><img border="0" alt="Contact" width="125" src="https://lh5.googleusercontent.com/-qtGt7HDv2yM/UdvXlLqVA7I/AAAAAAAAI6g/kW4gQ8nYn-M/s135/twitter.png" height="125"/></a></center></td></tr>
</tbody></table><table border="0" bordercolor="#0084ce" cellpadding="2" cellspacing="6" width="265" bgcolor="#ffffff"><tbody>
</tbody></table></div>
<!--Metro Tarzı Sosyal Medya Eklentisi Bitişi—>

Yukarıdaki kodlar üzerinde gerekli düzenlemeleri yaptıysanız, kodlarınızı yine blogumdaki Kod Ön İzle bölümünden ön izlemesini yapabilirsiniz.

Son Olarak her şey yolundaysa blogumuzun yönetim paneline geliyoruz.Sırasıyla Yerleşim > Gadget Ekle > HTML/Javascript e gelerek kodlarımızı yapıştırıyoruz. Umarım sizinde işinize yarar.

Soru yada sorunlarınız için yorum yazarsanız yardımcı olmaya çalışırım...

Selametle...