Sitenize Çok Şık ve Stabil Dinamik Sosyal Medya İkon Butonları Ekleyin- HTML KOD CANAVARI

ÖNİZLEME 1

• RSS
• Google+
• Facebook
• Twitter
• Youtube
• LinkedIn
• Delicious
• stumbleupon

ÖNİZLEME 2

• RSS
• Google+
• Facebook
• Twitter
• Youtube
• LinkedIn
• Delicious
• stumbleupon

ÖNİZLEME 3

• RSS
• Google+
• Facebook
• Twitter
• Youtube
• LinkedIn
• Delicious
• stumbleupon

ÖNİZLEME 1 HTML KOD

<div class="effect1" id="h-social"> <ul> <li class="rss"><a href="https://www.blogger.com/L%C4%B0NK%C4%B0%20G%C4%B0R%C4%B0N%C4%B0Z" rel="nofollow" target="_blank">RSS</a></li> <li class="googleplus"><a href="https://www.blogger.com/L%C4%B0NK%C4%B0%20G%C4%B0R%C4%B0N%C4%B0Z" rel="nofollow" target="_blank">Google+</a></li> <li class="facebook"><a href="https://www.blogger.com/L%C4%B0NK%C4%B0%20G%C4%B0R%C4%B0N%C4%B0Z" rel="nofollow" target="_blank">Facebook</a></li> <li class="twitter"><a href="https://www.blogger.com/L%C4%B0NK%C4%B0%20G%C4%B0R%C4%B0N%C4%B0Z" rel="nofollow" target="_blank">Twitter</a></li> <li class="youtube"><a href="https://www.blogger.com/L%C4%B0NK%C4%B0%20G%C4%B0R%C4%B0N%C4%B0Z" rel="nofollow" target="_blank">Youtube</a></li> <li class="linkedin"><a href="https://www.blogger.com/L%C4%B0NK%C4%B0%20G%C4%B0R%C4%B0N%C4%B0Z" rel="nofollow" target="_blank">LinkedIn</a></li> <li class="delicious"><a href="https://www.blogger.com/L%C4%B0NK%C4%B0%20G%C4%B0R%C4%B0N%C4%B0Z" rel="nofollow" target="_blank">Delicious</a></li> <li class="stumbleupon"><a href="https://www.blogger.com/L%C4%B0NK%C4%B0%20G%C4%B0R%C4%B0N%C4%B0Z" rel="nofollow" target="_blank">stumbleupon</a></li> </ul> </div> <a target="_blank" href="http://www.htmlkodcanavari.blogspot.com/search/label/dinamik kodlar" style="font-size: 6pt; text-decoration: none">Dinamik Sosyal Medya İkonu Html Kodu,+1000 Html Kodları</a>

ÖNZİLEME 2 HTML KODU

<div class="effect2" id="h-social"> <ul> <li class="rss"><a href="https://www.blogger.com/L%C4%B0NK%C4%B0%20G%C4%B0R%C4%B0N%C4%B0Z" rel="nofollow" target="_blank">RSS</a></li> <li class="googleplus"><a href="https://www.blogger.com/L%C4%B0NK%C4%B0%20G%C4%B0R%C4%B0N%C4%B0Z" rel="nofollow" target="_blank">Google+</a></li> <li class="facebook"><a href="https://www.blogger.com/L%C4%B0NK%C4%B0%20G%C4%B0R%C4%B0N%C4%B0Z" rel="nofollow" target="_blank">Facebook</a></li> <li class="twitter"><a href="https://www.blogger.com/L%C4%B0NK%C4%B0%20G%C4%B0R%C4%B0N%C4%B0Z" rel="nofollow" target="_blank">Twitter</a></li> <li class="youtube"><a href="https://www.blogger.com/L%C4%B0NK%C4%B0%20G%C4%B0R%C4%B0N%C4%B0Z" rel="nofollow" target="_blank">Youtube</a></li> <li class="linkedin"><a href="https://www.blogger.com/L%C4%B0NK%C4%B0%20G%C4%B0R%C4%B0N%C4%B0Z" rel="nofollow" target="_blank">LinkedIn</a></li> <li class="delicious"><a href="https://www.blogger.com/L%C4%B0NK%C4%B0%20G%C4%B0R%C4%B0N%C4%B0Z" rel="nofollow" target="_blank">Delicious</a></li> <li class="stumbleupon"><a href="https://www.blogger.com/L%C4%B0NK%C4%B0%20G%C4%B0R%C4%B0N%C4%B0Z" rel="nofollow" target="_blank">stumbleupon</a></li> </ul> </div> <a target="_blank" href="http://www.htmlkodcanavari.blogspot.com/search/label/dinamik kodlar" style="font-size: 6pt; text-decoration: none">Dinamik Sosyal Medya İkonu Html Kodu,+1000 Html Kodları</a>

ÖNZİLEME 3 HTML KODU

<div class="effect3" id="h-social"> <ul> <li class="rss"><a href="https://www.blogger.com/L%C4%B0NK%C4%B0%20G%C4%B0R%C4%B0N%C4%B0Z" rel="nofollow" target="_blank">RSS</a></li> <li class="googleplus"><a href="https://www.blogger.com/L%C4%B0NK%C4%B0%20G%C4%B0R%C4%B0N%C4%B0Z" rel="nofollow" target="_blank">Google+</a></li> <li class="facebook"><a href="https://www.blogger.com/L%C4%B0NK%C4%B0%20G%C4%B0R%C4%B0N%C4%B0Z" rel="nofollow" target="_blank">Facebook</a></li> <li class="twitter"><a href="https://www.blogger.com/L%C4%B0NK%C4%B0%20G%C4%B0R%C4%B0N%C4%B0Z" rel="nofollow" target="_blank">Twitter</a></li> <li class="youtube"><a href="https://www.blogger.com/L%C4%B0NK%C4%B0%20G%C4%B0R%C4%B0N%C4%B0Z" rel="nofollow" target="_blank">Youtube</a></li> <li class="linkedin"><a href="https://www.blogger.com/L%C4%B0NK%C4%B0%20G%C4%B0R%C4%B0N%C4%B0Z" rel="nofollow" target="_blank">LinkedIn</a></li> <li class="delicious"><a href="https://www.blogger.com/L%C4%B0NK%C4%B0%20G%C4%B0R%C4%B0N%C4%B0Z" rel="nofollow" target="_blank">Delicious</a></li> <li class="stumbleupon"><a href="https://www.blogger.com/L%C4%B0NK%C4%B0%20G%C4%B0R%C4%B0N%C4%B0Z" rel="nofollow" target="_blank">stumbleupon</a></li> </ul> </div> <a target="_blank" href="http://www.htmlkodcanavari.blogspot.com/search/label/dinamik kodlar" style="font-size: 6pt; text-decoration: none">Dinamik Sosyal Medya İkonu Html Kodu,+1000 Html Kodları</a>

CSS KOD

#h-social{text-align:left;padding:0;margin:0;list-style-type:none} #h-social li{float:left;margin-right:2px;margin-bottom:2px;padding:0;display:inline;width:auto} #h-social li a{display:block;float:left;height:100%;margin:0;padding:0;width:40px;height:40px;text-indent:-9999px} #h-social li.twitter a{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgN8O_C4m6P9-qkKt1GOY1XAuPEgEeDJmJHy8e-Ne43Q8Svhhp-4BFbgx7Djbnkk4BkBylYkwG0u92usRjDVVz8hW5gsxAcyBzCaPfQkU7ZVTCWfcSZgy9jxMzYxGTzG1yJsnq8GMyVDnwP/s1600/dinamik_sosyal_medya_butonlar%C4%B1_twitter_html_kod_canavar%C4%B1.png) no-repeat 0 0} #h-social li.twitter a:hover{background-color:#48c4d2} #h-social li.googleplus a{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWToiI7nxU010tJXE6WBVW2rijv5yn9O7BIsGKAYMbC4X6LDxwk0KBxImsBZqkPovZ3YeeQbtvNeR5myn6-9Z-c8kDoeLmreophSf0IHuVJ9s41dxIMZrfYBptGqqMB1jn259XosdJc8es/s1600/dinamik_sosyal_medya_butonlar%C4%B1_googleplus_html_kod_canavar%C4%B1.png) no-repeat 0 0} #h-social li.googleplus a:hover{background-color:#d94a39} #h-social li.facebook a{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipanr0ELWiaci-SxE7uVZIvBLOXOiJVZFhkQkZoWU0eMWmfj3RqG1h-QG3gaWeuuTQh7F5TPO3A1Zls6VZWdbeQdkzX1nNVkKKrifvHNwyP56eG9rlZNk9OVi3Z-527rNMaS5A6wSASt6K/s1600/dinamik_sosyal_medya_butonlar%C4%B1_facebook_html_kod_canavar%C4%B1.png) no-repeat 0 0} #h-social li.facebook a:hover{background-color:#3b5998} #h-social li.linkedin a{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1qAhqSq801ENWm_pZmX95vQVG6J30uIR8HdRXKpR7q3kmWXQdXM7iUSwoSbdxJmuIV8-2k_rbaks2yMrlF2QeQTBVj5IIjihMxBIaIyZYzTZFgfExDw9iIlymDwzL_lRYT8nwaI1DIvO-/s1600/dinamik_sosyal_medya_butonlar%C4%B1_linkedin_html_kod_canavar%C4%B1.png) no-repeat 0 0} #h-social li.linkedin a:hover{background-color:#71b2d0} #h-social li.youtube a{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7n8T_guxRfuDYohiGLFXR9sZ3idioL6sfds5U_dto51Hm1NCG3808sah5slBB32IGr-XJ9V-1cHoZtABWqhkwZvVEdZGIaR4f-mCOI8cpkSXJ4uysbsSKEHjJ3S81LxS72AH4_6RlREX4/s320/dinamik_sosyal_medya_butonlar%C4%B1_youtube_html_kod_canavar%C4%B1.png) no-repeat 0 0} #h-social li.youtube a:hover{background-color:#f45750} #h-social li.delicious a{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgiBo5m-f1aF2bM63yvx1ugvoSGD3w26D_GtvcdB3HpypQVlaS4-VaT5TkaCFttbvKxlsUWPW_4FtX8PerhYMGMJNoxWJR8FRMgoR1s31dr2_m6ahQvGvX2DeIGgTXz7lB-5KPz6eh8SJJ/s1600/dinamik_sosyal_medya_butonlar%C4%B1_delicious_html_kod_canavar%C4%B1.png) no-repeat 0 0} #h-social li.delicious a:hover{background-color:#3274d1} #h-social li.rss a{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8XeW2ztGFT9L8duqlUYATQPwKnuf_8k4wgz2pGKCmuCSBXlNWN5sAebl6tOvDsUdm3jRMDJupOqmSLdNx9hnidyFjh07xJ-SYf8RYSyYK3dLidXyApWef2G5OL2zTd4vsvGs3h1qUFXDo/s1600/dinamik_sosyal_medya_butonlar%C4%B1_rss_html_kod_canavar%C4%B1.png) no-repeat 0 0} #h-social li.rss a:hover{background-color:#fe9900} #h-social li.stumbleupon a{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-56CmXH0rnbufaM0HiPWyyP75o5IhpfFphrPRNbeCNq0dOKYV_GVvnnWdMUf4Aon4Y9FaNDQt_kqRg-Df-VQ121axqJ9iSUxCHQy0VSBtDUcS62lFu0kwQLmtbeVbPNiOrdIKwsj5t7VH/s1600/dinamik_sosyal_medya_butonlar%C4%B1_stumbleupon_html_kod_canavar%C4%B1.png) no-repeat 0 0} #h-social li.stumbleupon a:hover{background-color:#eb4924} #h-social li a:hover{background-position:0 -40px} #h-social.effect1 li a{ } #h-social.effect2 li a{ -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } #h-social.effect3 li a{ -webkit-transition: all 1s cubic-bezier(0.920, -0.600, 0.030, 1.650); -moz-transition: all 1s cubic-bezier(0.920, -0.600, 0.030, 1.650); -o-transition: all 1s cubic-bezier(0.920, -0.600, 0.030, 1.650); transition: all 1s cubic-bezier(0.920, -0.600, 0.030, 1.650); /* custom */ } 5 </style></head></head><a target="_blank" href="http://www.htmlkodcanavari.blogspot.com/search/label/dinamik kodlar" style="font-size: 6pt; text-decoration: none">Dinamik Sosyal Medya İkonu Html Kodu,+1000 Html Kodları</a>

Arkadaşlar Çok Şık Bir Sosyal İcon Butonlarıyla yine karşınızdayız.Css Kodu aynen Blogger-Şablon-Özelleştir-Css Ekle Adımlarıyla Ekliyoruz.
Beğendiğiniz Sosyal İcon Butonunun Kodunu Blogger ınıza Güzel Bir gadget yerine yapıştırıyorsunuz.
Daha Sonra https://www.blogger.com/L%C4%B0NK%C4%B0%20G%C4%B0R%C4%B0N%C4%B0Z
yazan linkleri silip yerine kendi sosyal medya linkinizi yapıştırıyorsunuz.
Yapamayan arkadaşlar sitelerini yorumlara yazsınlar
Elimizden geldiğince yardımcı olalım
Hepinize Kolay Gelsin