-->
Toggle navigation
Tüm Css ve Html Kodları Ücretsiz Birşekilde Sunulmaktadır.Css Ve Html Kod Sayfası
Ana Sponsor : www.htmlkodcanavari.blogspot.com
search
Ana Sayfa
»
+1000 html kodları
»
Sitenize Çok Şık ve Stabil Dinamik Sosyal Medya İkon Butonları Ekleyin- HTML KOD CANAVARI
Sitenize Çok Şık ve Stabil Dinamik Sosyal Medya İkon Butonları Ekleyin- HTML KOD CANAVARI
22 Eylül 2014 Pazartesi
Yazan::
blogg
Ö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
RSS
Google+
Facebook
Twitter
Youtube
LinkedIn
Delicious
stumbleupon
Dinamik Sosyal Medya İkonu Html Kodu,+1000 Html Kodları
ÖNZİLEME 2 HTML KODU
RSS
Google+
Facebook
Twitter
Youtube
LinkedIn
Delicious
stumbleupon
Dinamik Sosyal Medya İkonu Html Kodu,+1000 Html Kodları
ÖNZİLEME 3 HTML KODU
RSS
Google+
Facebook
Twitter
Youtube
LinkedIn
Delicious
stumbleupon
Dinamik Sosyal Medya İkonu Html Kodu,+1000 Html Kodları
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/AVvXsEgWlUd78w46Dn-JE4Qro1jajMxihQ5_blZ8xWcwt5sNZ3ucQ159LjIGeBbitvtFMiaVvJzszozFQYrrQhS_ZCUB3CWqNKjov_3eDTqjy_noVm0xOwjcrSztx24aokM8tE156p5BVCCbczsR/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/AVvXsEhlCN5d657yXGewqk3JouC4ZNrP4HtEhqILfLSRs8XSXCynEa_J8x1MPuOCILyOLoaHqrdIjOn6GKWfsO8k8iUXABZgF2-fYdA9bMupcpgJT8n2URASOGW_p4cVSQxItU2veMHl8BK9fijN/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/AVvXsEgBBMPy_q6GkXhPu_ZXfHWb0BlEKdlOq29Srd7Pd85EH1Rppha0lccs9zm8av7h4gs1B7RNv_kO5wby-G_Lsff8CRe9YMHFRrf0_6ahtQzwosOMmM7xKanbYd3lPjHWO5OlIXwwNtjfbnq0/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/AVvXsEhvnJJvD4eUqMsHsQyLxxb3f9K0ojrQqhZu5THtmkyhc2jyDQIDocUrFBgqKKTUlQh2h5vX2azVgx43XFMD__HG8Jcuos8RW0v-ppKFlqCxgxNQ4fAr2SlWLvyROAP1textZ4RnQvjYDdDh/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/AVvXsEgbbAOzcdOPkjeUfj2LKVMyMKrCwgNEgNtAZIvwRfgBM6LCfgtkwWMI_3l9FdCqoEU01jPAzC1LP2f2UeY4gqnGgLPfFgLEqscOMpO0O_-xuHK6mUkXv6YXwBfZkUYA20OtI7qLePW6h2jn/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/AVvXsEiBjMwDpTZ-eg6Rh9lIAfqwEvxNTHolM4_Qe6vFgqp9x7mr9Nhh8iUWTMjzGjLchiCl0W05fBADWDx-PziQpWp36q8qBrW5JZ0ALZ05MGYkmp2GnwMtBuBiu_zBakWDBmZ18mR5hKKg8lV8/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/AVvXsEjm5tBgfUTf_8q-mcTN_obZORJEchCg1QOfXt10-yzerqxu1mKTcbfMGev6HJ99J2YHigNu7hzuHFWF1wfWoarNBPy-8elJyQ7jenJ_SIrzP4fl8olCyHM8bpjeb3RBZx83UX8Oax7nvzyO/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/AVvXsEidKtY0kHrXHtYMbQ2_qg-6VmlrrA6a_1QwGm4gbuP5b_eSY5x421VDelP0Zgoj2ax73t6fnzRxD1qpJg6snAbV1AJRLJxlmWWymy_DGPIMDaG6-FJ_Xs0LnqiDSAGQDjwvnq4lxUrp_DxO/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
Dinamik Sosyal Medya İkonu Html Kodu,+1000 Html Kodları
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
Hiç yorum yok: