Blogger Alternatif Sosyal Ağ Butonları

Aşağıda verdiğim kodları , Gadget Ekle > HTML/Javascript yöntemiyle blogunuza eklemeniz yeterli.Kodlar üzerinde sosyal ağ profilleriniz haricinde değiştirmeniz gereken bir yer bulunmuyor.

Aşağıda kodlarını verdiğim sosyal ağ butonları eklentisinin görünümü yukarıda gördüğünüz gibidir.

Mouse ile üzerine geldiğiniz zaman aşağıdaki gibi bir görüntü oluşmaktadır.

<script type="text/javascript" src="http://ozgurgorgulu.net76.net/js/siteicinsosyalmedya.js"></script>
<style type="text/css">
ul.ozgurgorgulu-sosyal{list-style:none; margin:1px auto;display:inline-block;}
ul.ozgurgorgulu-sosyal li{display:inline; float:left; background-repeat:no-repeat; }
ul.ozgurgorgulu-sosyal li a{display:block; width:38px; height:48px; padding-right:9px; position:relative; text-decoration:none;}
ul.ozgurgorgulu-sosyal li a strong{font-family: Arial; font-size: 10px; font-weight:normal; position:absolute; left:20px; top:-1px; color:#fff; padding:3px; z-index:9999; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.75); background-color:rgba(0, 0, 0, 0.7); -moz-border-radius:3px; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-border-radius:3px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); border-radius:3px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);}
ul.ozgurgorgulu-sosyal li.ozgurgorgulu-facebook{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWk3Abnnj_HWmJn-aG5AhTj7MBNggyecIMNhirudHxDRseLeUrdlKRHMC4wy9TopDfhGoj3DyjXbZQtKbQ_nhEJ2jSVZLc5FUrzCH0RBOceJxJT1R95Qwt5Zmc9surW09uGxjINQkWIUqP/s1600/garipblogcu-facebook.png);}
ul.ozgurgorgulu-sosyal li.ozgurgorgulu-twitter{background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_Gs7mOu5DCwbRS_QKANg1NQJ6wvYoo_uegUs2Q8zfOBSyS_GxHEKttpOAjualouzAM2KEnzlYBP8ZWhvZPJiAe75HLAiWemK7llOrsmEE-za4Ik_B4ziYJlOjX7pOJSsWkjI6bbk7Y_pP/s1600/garipblogcu-twitter.png);}
ul.ozgurgorgulu-sosyal li.ozgurgorgulu-googlepluss{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCpp-qP-noqYeeoH4Kyqyve75g95A4OaBvzMUcitMKybD48AvaS_JeTgd5x8G47YSRQwohGz2HdFIWLqG9rD-9mQT9Tt6M9ppxHCBWPy-OzkJk0GMOXD6ODV6k3gUIZaMIdBNBtzqf8_0k/s1600/garipblogcu-googleplus.png);}
ul.ozgurgorgulu-sosyal li.ozgurgorgulu-youtube{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgf-OwFiu9uRciJSjpyEVgKHti7zI1rk8ZsY3vgcOqpb-wXLShkFPsANganWCAnzyloCYghW0Q35loQkG0OKcEYVbG8e7mC-CYGVpK1cpYPBhYlmAI9tIGzuVWJa4rQgfcHy7v-nY8aA1m/s1600/garipblogcu-youtube.png);}
ul.ozgurgorgulu-sosyal li.ozgurgorgulu-rss{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpeTuDFejHkxjqcJGmft-xyqFPKSzFTe99ketb5Yfc_IUlBcWV8ukf8j67RskvgtrBdOiDPE5rIivi0-yqX9txKA8ThKUdAJ0VYHEhHfrBJ5Hb4nOfQXu-uJGel4XmFtFMYkZGXvEBQokr/s1600/garipblogcu-rss.png);}
</style>
<ul class="ozgurgorgulu-sosyal" id="ozgurgorgulu-jqueryanime">
<li class="ozgurgorgulu-facebook" style="opacity: 1;"><a href="https://www.facebook.com/pages/Garip-Blogcu/310560702404087" title="Facebook Profilim"><strong style="opacity: 0; top: -1px;">Facebook</strong></a></li>
<li class="ozgurgorgulu-twitter" style="opacity: 1;"><a href="http://www.twitter.com/GaripBlogcu" title="Twitter Profilim"><strong style="opacity: 0; top: -1px;">Twitter</strong></a></li>
<li class="ozgurgorgulu-googlepluss" style="opacity: 1;"><a href="https://plus.google.com/106740999838988040568" title="Google Plus Profilim"><strong style="opacity: 0; top: -1px;">Google+</strong></a></li>
<li class="ozgurgorgulu-youtube" style="opacity: 1;"><a href="http://www.youtube.com/" title="Youtube Profilim"><strong style="opacity: 0; top: -1px;">Youtube</strong></a></li>
<li class="ozgurgorgulu-rss" style="opacity: 1;"><a href="http://feeds.feedburner.com/GaripBlogcuKisiselBlog" title="RSS"><strong style="opacity: 0; top: -1px;">RSS</strong></a></li>
</ul>

Google Hocam