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/AVvXsEhBT6nt_1c2xjw8eZKQuH_8Uax-jSXImZBJfkhNqGgJaVIcGypK26pexuXl5dXlJVXak-WBWQXx8DIThOhWQOGTRGEHOz4GW5suXlYrtxkibePaH1mAgIxhSGfjRjENCmma4bsn0LZehTpu/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/AVvXsEiW8rw1_Tr7DjVRKTPrytXaUO64Oqo3kmwx_9_hH-SoCUCVJKQTONJS0k2UctOUyWdg2I70A2JQucG9bwLbGBdwOYaL5aneBB2LgVxzXhvJQFcz_VYc8MTy9p7FB64n8kcJsTEBEZMb1gSs/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/AVvXsEhjKkVdiDyFBasGfuIVAz-HJCKzETr8uDVrvfGF27Eal2rFtzgHyhAM02ea9wLJaepxzSkTEJo_16SLvzRF8DUQmltjE-n_u2N4odXKhVI8PigzUAcEUMsnf-1hanjNa4r4Y4NoK0CtggvY/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/AVvXsEieFrQstrAaiucZExAcPo2TcyTNkWxmKWecNwiqMLpcnIwyZs-_WeXC5HQizQEZ5FSr9fRmaLTqyonmpEDh8ec2VYKZ5OlwDEY8tv9n7ll7RtwXIZsnZXtj02h9UPOSKrKi8bpAIQbtisNC/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/AVvXsEjZ6kncBJsn6xZoy9xFfn7sgQUIR4xZmUO3lZjOgKqx6dNM8l7q91LM9gv0zqeSghOb4xCkWpzhVxnYWcVtnze3bcBM9Kh0dLJ4J89hKQ0AO4N80oVhSgEo7xniCLC8y8zvbILOQodsVDTD/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/AVvXsEjJ-fFzaYICQPQVFqcJrkJAl-1eVv2ctH11C7PqG7cKtQt3Il0x8Fd4sY1BSokDmp2Ujaf74dT-JunoVYTSdioTtwW_wGvYv3pLOA-nrggiP50vtO9k-rrxT5eGhPGlDnICcdva0cxC3TPt/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/AVvXsEiAsgs3NF6MnxtRaut1tkul2pmR2fdZFyJQObl_CtsFLL_jow-UL0kBAu3n_vly7CTWOpzs-R7KYYCbWEXj2JMuldS-nTQJ1y3GrgBOJFO9IP8UbZqR26764ubg1ap5eFW1YhTq-bB96GMr/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/AVvXsEhdufCHHrwJ__q4MnlREk7rxiczVYOf6mKLZ3Nah4g-SREUfIREz16q9uuIAJAt__I3wgMUpHN4roapMTFzpyHgaJmTtl64oQOG30eAb0LWdNj6XozeiIDw_lRCgJBbThTZQtBtjdKKiBeZ/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