Hazır Sosyal Paylaşım Eklentisi - 7

Merhaba Arkadaşlar, bugün yayınımda sizlere blogunuzda kullanabileceğiniz sosyal paylaşım eklentisini sunacağım üzerine geldiğimizde yukardan aşağı değisen eklenti.

Blognuza eklemek için Bloggerınızın Click Kumanda Panelinden Yerleşimi seçip Gadget Ekle diyoruz daha sonra Temel sekmesinden HTML/JavaScript diyoruz ve kodu ekliyoruz.

• Facebook
• twitter
• googleplus
• youtube
• linkedin

<style> #social_networks{width:100%;display:block;margin:0 auto;text-align:center;} #social_networks ul {list-style:none;} #social_networks{text-align:center;display:block;margin:0 auto;} #social_networks ul {display:block;height:36px;margin:0 auto;list-style:none;} #social_networks li{text-align:center;display:inline-block;margin:0 auto;margin-left:2px;margin-right:2px;width:48px;height:48px;background-position:left top;opacity:0.9;transition:All 0.3s ease;} #social_networks li:hover{background-position:left -48px;opacity:1;} #social_networks li a{display:inline-block;width:48px;height:48px;padding-top:5px;padding-bottom:5px} #social_networks li a:hover{background:transparent;color:#ddd;box-shadow:none;} #social_networks li a span{display:none;} #social_networks li.facebook{background-image:url(http://3.bp.blogspot.com/-fgi6K8cPe2k/U6a53c0QS6I/AAAAAAAADxo/mTHh5zlCS1c/s1600/Facebook.png);} #social_networks li.twitter{background-image:url(http://2.bp.blogspot.com/-R4WiDj4WUJo/U6a5-tah4zI/AAAAAAAADyA/xi1kQ4tmBDY/s1600/Twitter.png);} #social_networks li.youtube{background-image:url(http://3.bp.blogspot.com/-HbapGcTdMAc/U6a5-hWXTfI/AAAAAAAADyE/JQSkMlJ1Y1I/s1600/YouTube.png);} #social_networks li.googleplus{background-image:url(http://1.bp.blogspot.com/-LZGJcNh0qCs/U6a56JCaOII/AAAAAAAADxw/3U__55XwQ6k/s1600/Google.png);} #social_networks li.linkedin{background-image:url(http://3.bp.blogspot.com/-yU1oqv7Bh4Y/U6a578hqwCI/AAAAAAAADx4/egvxGTsHtzw/s1600/Linked+in.png);} </style> <div id='social_networks'> <ul><!--Social Icons Started Started--> <li class='sorting-01 facebook'><a href='#'><span class='inv'>Facebook</span></a></li> <!--Replase With Facebook URL--> <li class='sorting-02 twitter'><a href='#'><span class='inv'>twitter</span></a></li> <!--Replase With Twitter URL--> <li class='sorting-03 googleplus'><a href='#'><span class='inv'>googleplus</span></a></li> <!--Replase With Google Plus URL--> <li class='sorting-04 youtube'><a href='#'><span class='inv'>youtube</span></a></li> <!--Replase With Youtube URL--> <li class='sorting-06 linkedin'><a href='#'><span class='inv'>linkedin</span></a></li> <!--Replase With Linked In URL--> </ul> <!--Social Icons Started End--> </div>

# ile olan yerlere sosyal medya linklerinizi yazınız...
Yardım için yoruma yazabilirsiniz....Sağlıcakla kalın...

Paylaş

Yazar : KODBLOGCUM

Benzer Yayınlar