Metro Tarzı Sosyal Medya Eklentisi

Windows 8 ile birlikte hayatımıza giren “METRO” tarzı web dünyasındaki tasarımlara da yansıdı ve kısa sürede metro tarzında pek çok tema ve eklenti tasarlandı. Ben Windows 8’i sevmediğim gibi bu metro tarzına da pek ısınamadım. Bu yüzden metro tarzı tasarımlara hiç yönelmedim. Ancak bazı blogcular tarafından tercih edildiğini görünce metro tarzına benzer görünümü olan bir sosyal medya eklentisi paylaşmaya karar verdim.

 

Sosyal medyanın önemi hakkında daha önce çok şey yazdığım için tekrarlamak istemiyorum. Söyleyebileceğim tek şey eğer hala sosyal medya hesaplarınız yoksa hemen birer tane açın ve ziyaretçilerinizi bu hesaplara yönlendirin.

 

İşte metro tarzı bu sosyal medya eklentisi dikkat çekici olması sebebiyle blogunuzu ziyaret eden kişilerin, sosyal medya hesaplarınıza kolaylıkla erişmesini sağlayacaktır. Bu eklentinin, sosyal medya hesaplarınızdaki takipçi sayınızı arttıracağından emin olabilirsiniz.

 

 

Metro tarzı sosyal medya eklentisini blogunuza eklemek çok basit. Kırmızı ile gösterdiğim yerleri kendinize göre düzenledikten sonra Blogger kumanda panelinde Yerleşim > Gadget Ekle > HTML/JavaScript gadget yolunu izleyin ve kodları kutuya yapıştırın.

 

<!--Blog Hocam Metro Tarzı Sosyal Medya Eklentisi-->
<div align="center"><table border="0"  cellpadding="2" cellspacing="6" width="265" bgcolor="#ffffff"><tbody><tr>
<td><center><a href="https://www.facebook.com/BlogHocam" rel="nofollow" target='_blank'><img border="0" alt="contact" width="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB76T6LXhsd8KauxpvXhO2cscZjUnbi5kqKAcpQ4DWSorY9GecdApltZm5Qdp5a6-XH43QPuYg15WUxmACRK4_XkNX4zxGqHUpu-ojQ1X1ZuH_APahj0jERz7K0lhfaH-C3z-B_6vbWBNd/s135/facebook.png" height="125"/></a></center></td>
<td><center><a href="https://plus.google.com/108761595756468128383" rel="nofollow" target='_blank'><img border="0" alt="contact" width="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjusr28tV6I15ng5xv0R9ubuZ5HfuVa1eSSKVwDzm7J7KXvhsusA3rR5zNt9LMWVB6_nPtlSY8I2az8udRz7Hx1xbGlYgiI8vo13fmIY3zkY0jrqzl9uo_xifunBBUstNRdMmyGZWHMOOlr/s135/google.png" height="125"/></a></center></td></tr><tr>
<td><center><a href="http://feeds2.feedburner.com/BlogHocam" rel="nofollow" target='_blank'><img border="0" alt="contact" width="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhp8rmQ7bT6PZSOvjouhwkqUk6gPkyIYmpcGPIcBS9kDYHN90eC6vq6A_td_RQci8hboYL9pcgWfukuf554_Pcjw9B6rOW4PuOk6jNS2VKprlPNq_irTBR9WO9cDMEGA5MHDaGjdsMAE_LK/s135/rss.png" height="125"/></a></center></td>
<td><center><a href="http://www.twitter.com/BlogHocam" rel="nofollow" target='_blank'><img border="0" alt="Contact" width="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbsgkt_DFyeQbKx726WoBEQk1dHN4uMQMwlReNu_XkjDvLfSBWDAktzSAFQM_H4pcTUL7Yo2DmZJqj1KFVgtq6Nw2olTNRSYtacpzFMPmBcnwlBDG0uKSqf90k99CefK4GJZlbytwUIvS0/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>
<!--Blog Hocam Metro Tarzı Sosyal Medya Eklentisi—>

 

Kodlardan da farkedeceğiniz gibi tablo sistemi kullanılarak oluşturulmuş bir eklenti. Sosyal medya butonlarının her biri 125px genişliğinde ve hücreler arasında boşluk var. Dolayısıyla eğer sidebar genişliğiniz 265px’den daha dar ise eklenti taşacaktır. Bu durumda butonların genişliklerini 125px’den, tablonun genişliğini ise 265px’den küçük yaparsanız eklentiyi sidebara sığdırabilirsiniz.

 

Herkese hayırlı ramazanlar!