Komedya TV | MEDYAPP-Bir Medya Uygulaması...: Sitenize Dinamik Sosyal Medya Butonu Kodu

<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

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 Dinamik Sosyal Medya İkon Butonları Ekleyin Kodu- HTML KOD CANAVARI

E-DEVLET REHBERİ

Burada Yer Almak İster misiniz?