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

ÖNİZLEME 1

ÖNİZLEME 2

ÖNİZLEME 3

Ö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/AVvXsEh12HfJXoI5tcJfDXh9jST2lecdWZ2gqI00lCm7IhePN5yRleUHyWZz4Lr_L5uW154PRfmGlDUFe4r6BFzV6jV6Dxkz6um6IMRAiiFXD7i_XXTQi9SuNQYjzHW9ZzKsHbL088Ed9kM7gWCY/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/AVvXsEih3pk9PLsn5w5aRUmdEsfdR3dK0LGQ0JrhNxjQPFFpF7kvOtp_Fh5shTQVqJzcEt_8yJdq3hfZQ77lX4KUI2Ps6zbBunj4QYBVKg_yucUeOy2Ya6mcvpPWrm1Ie_r9jJ2GEkiqEIRFCVY8/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/AVvXsEiu4cDQdTpVif92C6RxnIn7YoWyKLm1YFFC6btm_hcEcX9AglVlPkSCqRlvP6BpA2L_61aabsVMCCZOifliFjQUWtmEuokjozJXyKRmi1nh0d-ncw-b0XS9R9Y9VSEMvXVFZV91dZlGnx9Q/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/AVvXsEj0RAGcp0iaEiY702S6x4PKBWQzS9ohyphenhyphen7gMObUNzkSYxORCASXhp3orzhE_HdXZYyvv9bcOfSS1ZF1b8gOZJttptkPCuuBZaIoA-wKFHReyPUgmrzk2WhF_Z_UXrXia4jHJBHTUNbGTxaFS/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/AVvXsEiOWCg9abymKoNI2iabUBraJWKYSO_4d0tVDdAQ-tFxitigeUr8CkfeN4wn95v0j5DA43nZCXfoOVGz6FzI-lqoB9SbbDnP3Tg_MLJTU2MqnFd1qyGeMXkVnihm-MFxEpXMmRaFvqjzNGGk/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/AVvXsEhaFEXF4MBNDgWyAXPK0Z75C44_MhIbpqhZh-1OeSl8c50fE1S9ax9lb1VZhcNtk_EDwtcT4vFGsoaQOFQ4M3FU-Y9YzE1m2es18-d5gXPKkldJgDiLRuKLnzsuWbb1MnzmO9_mywqo5lhw/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/AVvXsEitcY8Arip8zRgIKAXZnGOIWTYT42PgXsqGsG1rK6qAIfv86l6t9EzeLNaTVpl51p4dZ-C5At1JrugsUWL80qLhlsp6AkfGIL5CuDCsMbZt7Ve87r_8qjAW0AZEO3PB3jGAxCcNVN4-Jktq/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/AVvXsEjDckZOOdl_iaAdcTTJMucRgLAb6vB-2WI1U8Qgc-gTPTztZ28upVLEJXy9pjtHd-OvOm4yh1Rhh3vxDN-lSdN5-17eg2ENroD4-2ZchYGXmf2_1M21tz4l3zyxJJgOGgtmze0UXDfJqKZY/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

GAZETE MANŞETİM | Gazete manşetleri Oku,Bütün Gazeteleri Bir Arada Okuma Keyfi

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

0 yorum:

Yorum Gönder