Sitene Sosyal Medyada Takip Et Kodu

Sosyal medya, Web 2.0'ın kullanıcı hizmetine sunulmasıyla birlikte, tek yönlü bilgi paylaşımından, çift taraflı ve eş zamanlı bilgi paylaşımına ulaşılmasını sağlayan medya sistemidir. Ayrıca sosyal medya; kişilerin internet üzerinde birbirleriyle yaptığı diyaloglar ve paylaşımların bütünüdür.

Sosyal ağlar, insanların birbiriyle içerik ve bilgi paylaşmasını sağlayan internet siteleri ve uygulamalar sayesinde, herkes aradığı, ilgilendiği içeriklere ulaşabilmektedir. Zaman ve mekân sınırlaması olmadan (mobil tabanlı), paylaşımın, tartışmanın esas olduğu bir insanî iletişim şeklidir. Sosyal medya platformlarında insanlarla buluşur ve iletişimde bulunursunuz.

Teknoloji, telekomünikasyon, sosyal iletişimin kelimeler, görseller, ses dosyaları yolu ile sağlandığı bir yapıya sahiptir. İnsanlar hikâyelerini ve tecrübelerini bu bağlamda paylaştığı bir çerçeveye de sahiptir. Sosyal medya aynı zamanda "Kullanıcıların Ürettiği İçerik" ve "Müşterilerin Ürettiği Medya" kavramlarını da ortaya çıkarmış, bu yapısıyla da ticari plandaki anlamını kazanmıştır.

Sizlerde sitenize sosyal menü kodunu ekleyerek sosyal medya hesaplarından takipçilerinizi arttırabilir, paylaştığınız makaleleri kullanıcılarınıza kolaylıkla ulaştırarak trafiğinizi arttırabilirsiniz.

Kodun önizlemesini görmek için tıklayın

Kendi hesaplarımı nasıl eklerim ve dilediğim gibi genişletebilir miyim?

<div class='metro-social'> diye başlayan kodun hemen altında bulunan sosyal medya linklerindeki koyu renkte belirttiğim faydasizblog yazılarını silip kendi sosyal medya hesaplarınıza ait kullanıcı adlarını eklemeniz yeterli olacaktır. 

Ayrıca kodun genişliği azaltmak ya da arttırmak istiyorsanız .metro-social{width:285px} kodunda yazan 285 i dilediğiniz gibi değiştirebilirsiniz. 

http://www.facebook.com/faydasizblog

http://twitter.com/faydasizblog

https://plus.google.com/+faydasizblog

http://pinterest.com/faydasizblog

https://www.linkedin.com/in/faydasizblog

href=http://www.youtube.com/faydasizblog

http://feeds.feedburner.com/faydaszblog

Sitenize eklenecek kod: <div class='metro-social'> <li><a class="fb" href=http://www.facebook.com/faydasizblog rel="nofollow"></a></li> <li><a class="tw" href=http://twitter.com/faydasizblog></a></li> <li><a class="gp" href="https://plus.google.com/+faydasizblog"></a></li> <li><a class="pi" href=http://pinterest.com/faydasizblog rel="nofollow"></a></li> <li><a class="in" href=https://www.linkedin.com/in/faydasizblog rel="nofollow"></a></li> <li><a class="yt" href=http://www.youtube.com/faydasizblog></a></li> <li><a class="fd" href=http://feeds.feedburner.com/faydaszblog rel="nofollow"></a></li> </div> <style> .metro-social{width:285px} .metro-social li{position:relative;cursor:pointer;padding:0;list-style:none} .metro-social .fb,.tw,.gp,.pi,.in,.yt,.fd{z-index:7;float:left;margin:1px;position:relative;display:block} .metro-social .fb{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhl2MuqhdmszhlAPgcoYqGpK37FQkThq3RCffyXEGiZfiFnFjU6CtSaWwzEq6jlXhy0tVJ1ZqlXExdftTIn7NpBCblY5Qt9URC4FBDcgcnLBWCnn1r1N0ha_enONkX6wPyenhxjadTUK3hy/s75/facebook.png) no-repeat center center #1f69b3;width:140px;height:141px} .metro-social .tw{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbzu1pUpzaCo25tQ2-czEtZh8qlPFb3YCQxsZ5VPb5FVNOpgglS1Gm-eeQDApvF0lQSCAqFH_tZHQjy28ESeBuiqN3XwkVa7V5EpJicA9DozlMYaSVYUx4b4NSxA1e6rgRrcK7fZPUEKou/s60/twitter-bird-dark-bgs.png) no-repeat center center #43b3e5;width:68px;height:70px} .metro-social .gp{width:69px;height:70px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd7vwG8BGz465M0Ct9Iymc90UBHaqmY37oldfigu6zLCUQWAlCOWRUi6Q6XICchq8mfDedtsNqG0ACM_jT5yhpcAhSDz1c53L23r2ieyVbxTaAkJoacaLp2lBrRVt5fggxukr0cSkbea55/s50/google%252Bplus.png) no-repeat center center #da4a38} .metro-social .pi{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY2MXrhMXuUjYBNYz6HRALK1veYP1i4HDKUNTCdJCNfaTPCFDE70tbVtrtdI4P0x-0hxPgnN_IRIY53SnPY1hz82UGke7mH6zYeqaZGk_XEIIueZoy9EXjEar57FXRl0Bn_v0IwFRgIPw/s40/pinterest.png) no-repeat center center #d73532;width:68px;height:69px} .metro-social .in{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheufPg5XCLhCmbGDhwJBprCgHSOpnzchue94njtPkjZBNJz7GileZFN9pUn25NKJxvb5FZ_QShkhTAdY7i23idf2hP0Z9PKzXZkY7yd4lff-T2NlfmQ11zOqQ-3mMu9iSAu23xcUs96pY/s40/linkedin.png) no-repeat center center #0097bd;width:69px;height:69px} .metro-social .yt{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3Jn0jZICgQxXFRxO7qmfVOIdsFB09POVpNuhuodwwnZNdgoJp-gzNdRtGaaskX0bVcxo1rCh5QNxT5X_V9H_dWjb7eftGr54xzj1PDcDAg5D3SXL9677mrEgl1y1D_fvyDVpz0inhknY/s40/youtube.png) no-repeat center center #e64a41;width:140px;height:69px} .metro-social .fd{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqXSmHd1-LhixzsIp6Yo9O7i_W10NYOKNgjru1pHNKsgU9rWc_QrVgjxq-RSPnI72fBHf2VvwBu8r452ZN7DqBKESuT6U-5HuAWisAWmhvimLdU0D-3W41hUGPMrjlPXfoMjjPdY8LYUhA/s40/feed.png) no-repeat center center #e9a01c;width:140px;height:69px} .metro-social li:hover .fb{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhl2MuqhdmszhlAPgcoYqGpK37FQkThq3RCffyXEGiZfiFnFjU6CtSaWwzEq6jlXhy0tVJ1ZqlXExdftTIn7NpBCblY5Qt9URC4FBDcgcnLBWCnn1r1N0ha_enONkX6wPyenhxjadTUK3hy/s200/facebook.png) no-repeat center center #1f69b3} .metro-social li:hover .tw{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbzu1pUpzaCo25tQ2-czEtZh8qlPFb3YCQxsZ5VPb5FVNOpgglS1Gm-eeQDApvF0lQSCAqFH_tZHQjy28ESeBuiqN3XwkVa7V5EpJicA9DozlMYaSVYUx4b4NSxA1e6rgRrcK7fZPUEKou/s74/twitter-bird-dark-bgs.png) no-repeat center center #43b3e5} .metro-social li:hover .gp{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd7vwG8BGz465M0Ct9Iymc90UBHaqmY37oldfigu6zLCUQWAlCOWRUi6Q6XICchq8mfDedtsNqG0ACM_jT5yhpcAhSDz1c53L23r2ieyVbxTaAkJoacaLp2lBrRVt5fggxukr0cSkbea55/s200/google%252Bplus.png) no-repeat center center #da4a38} .metro-social li:hover .pi{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY2MXrhMXuUjYBNYz6HRALK1veYP1i4HDKUNTCdJCNfaTPCFDE70tbVtrtdI4P0x-0hxPgnN_IRIY53SnPY1hz82UGke7mH6zYeqaZGk_XEIIueZoy9EXjEar57FXRl0Bn_v0IwFRgIPw/s45/pinterest.png) no-repeat center center #d73532} .metro-social li:hover .in{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheufPg5XCLhCmbGDhwJBprCgHSOpnzchue94njtPkjZBNJz7GileZFN9pUn25NKJxvb5FZ_QShkhTAdY7i23idf2hP0Z9PKzXZkY7yd4lff-T2NlfmQ11zOqQ-3mMu9iSAu23xcUs96pY/s45/linkedin.png) no-repeat center center #0097bd} .metro-social li:hover .yt{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3Jn0jZICgQxXFRxO7qmfVOIdsFB09POVpNuhuodwwnZNdgoJp-gzNdRtGaaskX0bVcxo1rCh5QNxT5X_V9H_dWjb7eftGr54xzj1PDcDAg5D3SXL9677mrEgl1y1D_fvyDVpz0inhknY/s45/youtube.png) no-repeat center center #e64a41} .metro-social li:hover .fd{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqXSmHd1-LhixzsIp6Yo9O7i_W10NYOKNgjru1pHNKsgU9rWc_QrVgjxq-RSPnI72fBHf2VvwBu8r452ZN7DqBKESuT6U-5HuAWisAWmhvimLdU0D-3W41hUGPMrjlPXfoMjjPdY8LYUhA/s45/feed.png) no-repeat center center #e9a01c} </style>

Bu yazı hakkında görüşlerinizi yorum yaparak belirtebilirsiniz.