Komedya TV | MEDYAPP-Bir Medya Uygulaması...: Dinamik Kodlar

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

<b>ÖNİZLEME 1</b><br /><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><b><br /></b><b><br /></b><b>ÖNİZLEME 2</b><br /><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><b><br /></b><b><br /></b><b><br /></b><b>ÖNİZLEME 3</b><br /><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><b><b><br /></b></b><b><b><br /></b></b><b><b><br /></b></b><b><b><br /></b></b><head><link href="style.css" rel="stylesheet" type="text/css"></link><head><blockquote><blockquote></blockquote></blockquote><style type="text/css">   2  body {background-color:#666;}    3  #header {width:800px; margin:0 auto;}    4    #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>  <b><b>ÖNİZLEME 1 HTML KOD</b></b> <br /><form action="" method="post"><textarea cols="25" name="comments" rows="5"><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

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 Deli...

Devamı »

Sitenize Dinamik Sosyal Medya İkon Butonları Ekleyin Kodu- HTML KOD CANAVARI

11:02 Blogcuk 2

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5vERddH3Wg8h2-xMSj13GnjbWaSCz8dlR6Hg8pilv7NQxhNohQWZF4SkxwPuEet0vh_pKmyQVDc8SqjjxlL8tWThNSXglonG5El1Ayhpeur3PiWqyPqf3_zg9jkRyIPZJu90gjDXsGxhI/s1600/Dinamik_Sosyal_Medya_Butonlar%C4%B1_Html_Kod_Canavar%C4%B1.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5vERddH3Wg8h2-xMSj13GnjbWaSCz8dlR6Hg8pilv7NQxhNohQWZF4SkxwPuEet0vh_pKmyQVDc8SqjjxlL8tWThNSXglonG5El1Ayhpeur3PiWqyPqf3_zg9jkRyIPZJu90gjDXsGxhI/s1600/Dinamik_Sosyal_Medya_Butonlar%C4%B1_Html_Kod_Canavar%C4%B1.png" /></a></div><b>Sitenize Dinamik Sosyal Medya İkon Butonu Eklemek ister misiniz?Son derece Şık Olan Bu İkon </b><br /><b>Butonu Sitenizin havasına Hava katacak.</b><br /><b>Kod :Css ve Html ile hazırlanmış olup Öncelikle Sitenizin Üst Bölümünde Bir yere gadget ekle den</b><br /><b>Html-Javascript ekleden Html Kısmına html kodumuzu ekliyoruz</b><br /><b>Sonra Şablonlara gelip Özelleştir diyoruz.En alt kısımda bulunan Css Ekle yede Css kodumuzu ekliyoruz,</b><br /><b>Sonrasında ise çok şık olan bu sosyal medya ikonu sitenizde gadgetinizin olduğu yerde gözüküyor,Yazımın sonuna gelirken unutmadan </b><br /><b>Google +,Facebook,Pinterest,Linkedn,Youtube linklerinizi  ...BURAYA GİRİNİZ Yazan yere linkleri değiştiriyoruz.</b><br /><b><br /></b><b><br /></b><b>Dinamik Sosyal Medya Butonları </b><br /><b>ÖNİZLEME</b> <br /><div class="exsprite"><ul><li><a class="icon rss" href="https://www.blogger.com/Buraya%20Rss%20Takip%20Adresiniz/">RSS Takip Adresi</a></li><li><a class="icon google" href="https://www.blogger.com/Buraya%20Google%20Adresiniz/">Google+</a></li><li><a class="icon facebook" href="https://www.blogger.com/Buraya%20Facebook%20Adresiniz/">Facebook</a></li><li><a class="icon twitter" href="https://www.blogger.com/Buraya%20Twitter%20Adresiniz/">Twitter</a></li><li><a class="icon pinterest" href="https://www.blogger.com/Buraya%20Pinterest%20Adresiniz/">Pinterest</a></li><li><a class="icon youtube" href="https://www.blogger.com/Buraya%20Youtube%20Adresiniz">YouTube</a></li><li><a class="icon linkedin" href="https://www.blogger.com/Buraya%20Linkedn%20Adresiniz">LinkedIn</a></li></ul></div><br /><br /><br /><head><link href="style.css" rel="stylesheet" type="text/css"></link><head><style type="text/css">   2  body {background-color:#666;}    3  #header {width:800px; margin:0 auto;}    4   .exsprite {width: 500px;height: 50px;} .exsprite ul li {cursor: pointer;height: 48px;position: relative;list-style-type: none;float: left;} .exsprite .icon { background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAxoxdkQf9CC2CamWNTbhd8BpuKJ4MjdwMJMnuldcSdn6pkBT8TTrygAP0ednZkDOO8zBBhZlvZwAL44wDrtfZpqKkcc7ECJD_fK9ixp0Bi4P00vevPaUP2KvG0EuVApmJOoE_FfAiNf4z/s1600/html+kod+canavar%C4%B1+sosyal+media+iconlar%C4%B1.png') 0 0 no-repeat;display: block;float:none;height: 48px;line-height: 48px;margin: 5px 0;position: relative;text-align: left;text-indent: 60px;text-shadow: #333 0 1px 0;white-space: nowrap;width: 48px;z-index: 5;   -webkit-transition: width .3s ease-in-out, background-color .3s ease-in-out; -moz-transition: width .3s ease-in-out, background-color .3s ease-in-out; -o-transition: width .3s ease-in-out, background-color .3s ease-in-out; transition: width .3s ease-in-out, background-color .3s ease-in-out;   -webkit-box-shadow: rgba(0, 0, 0, .28) 0 2px 3px;-moz-box-shadow: rgba(0, 0, 0, .28) 0 2px 3px;-o-box-shadow: rgba(0, 0, 0, .28) 0 2px 3px;box-shadow: rgba(0, 0, 0, .28) 0 2px 3px;text-decoration: none; font-family: 'Open Sans', Helvetica, Arial, sans-serif;font-weight: bold; color: #fafafa; overflow: hidden; border-radius: 30px; } .exsprite li:hover .icon {width: 150px;} .exsprite .facebook {background-color: rgba(45, 118, 185, .42);background-position: 0 -382px;} .exsprite li:hover .facebook {background-color: #2d76b9;background-position: 0 2px;} .exsprite .twitter {background-color: rgba(0, 161, 223, .42);background-position: 0 -430px;} .exsprite li:hover .twitter {background-color: #00A1DF;background-position: 0 -46px;text-indent: 66px;} .exsprite .google {background-color: rgba(167, 0, 0, .42);background-position: 0 -478px;} .exsprite li:hover .google {background-color: #A70000;background-position: 0 -94px;text-indent: 65px;} .exsprite .pinterest {background-color: rgba(204, 0, 0, .42);background-position: 0 -526px;} .exsprite li:hover .pinterest {background-color: #C00;background-position: 0 -142px;} .exsprite .linkedin {background-color: rgba(0, 87, 114, .42);background-position: 0 -574px;} .exsprite li:hover .linkedin {background-color: #005772;background-position: 0 -190px;} .exsprite .youtube {background-color: rgba(170, 0, 0, .42);background-position: 0 -670px;} .exsprite li:hover .youtube {background-color: #A00;background-position: 0 -286px;} .exsprite .rss {background-color: rgba(255, 109, 0, .42);background-position: 0 -718px;} .exsprite li:hover .rss {background-color: #EC5601;background-position: 0 -334px;text-indent: 55px;}    5  </style></head></head>  <b><b>HTML KOD</b></b> <br /><form action="" method="post"><textarea cols="25" name="comments" rows="5"><div class="exsprite"><ul><li><a class="icon rss" href="https://www.blogger.com/Buraya%20Rss%20Takip%20Adresiniz/">RSS Takip Adresi</a></li><li><a class="icon google" href="https://www.blogger.com/Buraya%20Google%20Adresiniz/">Google+</a></li><li><a class="icon facebook" href="https://www.blogger.com/Buraya%20Facebook%20Adresiniz/">Facebook</a></li><li><a class="icon twitter" href="https://www.blogger.com/Buraya%20Twitter%20Adresiniz/">Twitter</a></li><li><a class="icon pinterest" href="https://www.blogger.com/Buraya%20Pinterest%20Adresiniz/">Pinterest</a></li><li><a class="icon youtube" href="https://www.blogger.com/Buraya%20Youtube%20Adresiniz">YouTube</a></li><li><a class="icon linkedin" href="https://www.blogger.com/Buraya%20Linkedn%20Adresiniz">LinkedIn</a></li></ul></div><a target="_blank" href="http://htmlkodcanavari.blogspot.com" style="font-size: 6pt; text-decoration: none">Html Kodları,Dinamik Sosyal Medya Butonları,Css Kodlar,+1000 kodlar,Javascript kodlar</a>

CSS KOD

.exsprite {width: 500px;height: 50px;} .exsprite ul li {cursor: pointer;height: 48px;position: relative;list-style-type: none;float: left;} .exsprite .icon { background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAxoxdkQf9CC2CamWNTbhd8BpuKJ4MjdwMJMnuldcSdn6pkBT8TTrygAP0ednZkDOO8zBBhZlvZwAL44wDrtfZpqKkcc7ECJD_fK9ixp0Bi4P00vevPaUP2KvG0EuVApmJOoE_FfAiNf4z/s1600/html+kod+canavar%C4%B1+sosyal+media+iconlar%C4%B1.png') 0 0 no-repeat;display: block;float:none;height: 48px;line-height: 48px;margin: 5px 0;position: relative;text-align: left;text-indent: 60px;text-shadow: #333 0 1px 0;white-space: nowrap;width: 48px;z-index: 5;   -webkit-transition: width .3s ease-in-out, background-color .3s ease-in-out; -moz-transition: width .3s ease-in-out, background-color .3s ease-in-out; -o-transition: width .3s ease-in-out, background-color .3s ease-in-out; transition: width .3s ease-in-out, background-color .3s ease-in-out;   -webkit-box-shadow: rgba(0, 0, 0, .28) 0 2px 3px;-moz-box-shadow: rgba(0, 0, 0, .28) 0 2px 3px;-o-box-shadow: rgba(0, 0, 0, .28) 0 2px 3px;box-shadow: rgba(0, 0, 0, .28) 0 2px 3px;text-decoration: none; font-family: 'Open Sans', Helvetica, Arial, sans-serif;font-weight: bold; color: #fafafa; overflow: hidden; border-radius: 30px; } .exsprite li:hover .icon {width: 150px;} .exsprite .facebook {background-color: rgba(45, 118, 185, .42);background-position: 0 -382px;} .exsprite li:hover .facebook {background-color: #2d76b9;background-position: 0 2px;} .exsprite .twitter {background-color: rgba(0, 161, 223, .42);background-position: 0 -430px;} .exsprite li:hover .twitter {background-color: #00A1DF;background-position: 0 -46px;text-indent: 66px;} .exsprite .google {background-color: rgba(167, 0, 0, .42);background-position: 0 -478px;} .exsprite li:hover .google {background-color: #A70000;background-position: 0 -94px;text-indent: 65px;} .exsprite .pinterest {background-color: rgba(204, 0, 0, .42);background-position: 0 -526px;} .exsprite li:hover .pinterest {background-color: #C00;background-position: 0 -142px;} .exsprite .linkedin {background-color: rgba(0, 87, 114, .42);background-position: 0 -574px;} .exsprite li:hover .linkedin {background-color: #005772;background-position: 0 -190px;} .exsprite .youtube {background-color: rgba(170, 0, 0, .42);background-position: 0 -670px;} .exsprite li:hover .youtube {background-color: #A00;background-position: 0 -286px;} .exsprite .rss {background-color: rgba(255, 109, 0, .42);background-position: 0 -718px;} .exsprite li:hover .rss {background-color: #EC5601;background-position: 0 -334px;text-indent: 55px;} <a target="_blank" href="http://htmlkodcanavari.blogspot.com" style="font-size: 6pt; text-decoration: none">Html Kodları,Dinamik Sosyal Medya Butonları,Css Kodşar,+1000 kodlar,Javascript kodlar</a>

Yapamayan Arkadaşlar Yorumlar aracılığıyla ulaşıp sitelerinin adresini yazarlarsa yardımcı olabilirim arkadaşlar

Sitenize Dinamik Sosyal Medya İkon Butonları Ekleyin Kodu- HTML KOD CANAVARI

+1000 html kodları Dinamik Kodlar En Güncel Html Kodları html kodlar komedya html kodları html kodlari Sitenize Dinamik Sosyal Medya Butonu Kodu Süper Html Kodları Sitenize Dinamik Sosyal Medya İkon Butonları Ekleyin Kodu- HTML KOD CANAVARI

Sitenize Dinamik Sosyal Medya İkon Butonu Eklemek ister misiniz?Son derece Şık Olan Bu İkon Butonu Sitenizin havasına Hava katacak. Kod :Cs...

Devamı »

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

Sitenize Dinamik Sosyal Medya İkon Butonları Ekleyin Kodu- HTML KOD CANAVARI

E-DEVLET REHBERİ

Burada Yer Almak İster misiniz?