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 :Css ve Html ile hazırlanmış olup Öncelikle Sitenizin Üst Bölümünde Bir yere gadget ekle den
Html-Javascript ekleden Html Kısmına html kodumuzu ekliyoruz
Sonra Şablonlara gelip Özelleştir diyoruz.En alt kısımda bulunan Css Ekle yede Css kodumuzu ekliyoruz,
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 
Google +,Facebook,Pinterest,Linkedn,Youtube linklerinizi  ...BURAYA GİRİNİZ Yazan yere linkleri değiştiriyoruz.


Dinamik Sosyal Medya Butonları 
ÖNİZLEME

• RSS Takip Adresi
• Google+
• Facebook
• Twitter
• Pinterest
• YouTube
• LinkedIn

HTML KOD

<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/AVvXsEhZO60rQ7lW6RUIyO_I8tRLatE6d6KlgyREwR-xaZvDndU-FjwUW29HiWZQ-JIoFfB-PaYUX_WtwOSeIcn7_PiNBh_DYt-LCfk2sE-VH8d-PPQQRAJgjV9hZG4F5oL8yAUV-2dGZYay1B_O/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 Çok Güzel Bir Kayan Yazı Javascript Html Kodu daha -HTML KOD CANAVARI

Sietinize güzel bir kayan yazı eklemeniz için güzel bir tane daha kayan yazı javascript html kodu veriyorum.Umarım beğenirsiniz 1000 i aşkın koduyla Htmlkodcanavari.blogspot.com Siteniz veya sayfanız için en güzel html kodlarını size sunuyor. İyi Kodlamalar Sevgili Arkadaşlar yorum yapmayı eksik etmeyin :) İyi Günler ( Buraya İstediğinizi Yazınız)... En güncel html kodları,+1000 html kodları,sitenize kayan yazı ekleyin kodu

KOD:
<!-- This html code got from www.htmlkodcanavari.blogspot.com provided by: Htmlkodcanavari.blogspot.com --> <marquee behavior="scroll" direction="left">This is a 'marquee' Code ( Buraya İstediğinizi Yazınız)...</marquee> <a target="_blank" href="http://htmlkodcanavari.blogspot.com" style="font-size: 6pt; text-decoration: none">En güncel html kodları,+1000 html kodları,sitenize kayan yazı ekleyin kodu</a>

Sitenize Kayan Yazı Javascript Html Kodu Ekleyin- HTML KOD CANAVARI

Sitenizin içinde kayan çok güzel bir html javascript kodu,en güzel html kodları Htmlkodcanavarında arkadaşlar Bu kodu bir gadgetin içine gömebilirsiniz. Yada bu kodu sitenizin herhangi bir header ına ekleyebilirsiniz. Yada Çok güzel bir Kayan Hoşgeldiniz yazısı olabilir Lütfen Yazınızı Buraya Yazınız ... Süper html Kodlar,Ücretsiz javascript kodlar,+1000 html kodlar

<!-- This html code got from www.htmlkodcanavari.blogspot.com provided by: Htmlkodcanavari.blogspot.com --> <marquee behavior="alternate">Lütfen Yazınızı Buraya Yazınız ...</marquee> <a target="_blank" href="http://htmlkodcanavari.blogspot.com" style="font-size: 6pt; text-decoration: none">Süper html Kodlar,Ücretsiz javascript kodlar,+1000 html kodlar</a>

Sitenize Java Script Uyarı Kodu Ekleyin- HTML KOD CANAVARI

Öncelikle Bu Kod Ne İşe yarar Ondan Bahsedeyim Html Kod Canavarının yayınlamış olduğu bu uyarı koduyla herhangi bir cevabı bunun içine saklayabilir ,yada sitenizin herhangi bir bölümünde yada blogunuzun herhangi bir yazısında sitenize gelenlere güzel bir karşılama mesajı gömebilirsiniz içine Java Script kodları birbirinden bağımsız gibi gözüken ama tamamı birbiriyle bağlantılı olan kodlardır,BU uyarı java script kodu sizin işinize yarayabilecek şekilde dizayn edilmiştir. Kodu aşağıda verdim bir örneğinide bu blog yazıma gömdüm Kodun Nasıl Gözüktüğüne bakabilirsiniz. 1000 i aşkın Kodumuzla(+1000html kodları)Size En yararlı şekilde gelecek olan kodalrı buraya koyuyoruz. Süper Html Kodları için Html Kod Canavarında Kod Aramanıza devam edebilirsiniz.Kolay Gelsin.   

Html Kod Canavarı,Ücretsiz html kodları,ücretsiz javascript kodları,süper html kodları,en güncel html kodları

<!-- This javascript code got from www.htmlkodcanavari.blogspot.com provided by: Htmlkodcanavari.blogspot.com --> <html> <head> <script LANGUAGE="JavaScript"> <!-- Begin function drawAlert () { alert ("Bu İstediğiniz herşeyi söyleyebilen bir uyarı scriptidir Buraya uyarınızı yazınız!"); } // End --> </SCRIPT> </head> <body> <center> <form> <input type=button value="JavaScript Alert! Buraya Tıkla!" onClick="drawAlert()"> </FORM> </CENTER> </body> </html> <a target="_blank" href="http://www.htmlkodcanavari.blogspot.com" style="font-size: 6pt; text-decoration: none">Html Kod Canavarı,Ücretsiz html kodları,ücretsiz javascript kodları,süper html kodları,en güncel html kodları</a>

Çoklu Yazı Mesajı Javascript Kodu-HTML KOD CANAVARI

Çoklu Yazı mesajı koduyla 15 saniye içinde sitenize gelenlere sitenizi tanıtabilir menu ve kategorileriniz hakkında bilgi verebilirsiniz Bu java script kodu özenle hazırlanmış ve sitenize çok şık bir görünüm katacak güzel bir çoklu yazı mesajı javascript kodudur. bu javascript kodunu sitenizin güzel bir yerinde göze ilk çarpacak yere yaparsanız.Sitenizin hiti içinde bir hayli güzel olur.

Html Kod Canavarı,html kodları,javascript kodları

<!-- This javascript code got from www.htmlkodcanavari.blogspot.com provided by:HTML KOD CANAVARI --> <html> <head> <script LANGUAGE="JavaScript"> <!-- Begin var CurrentMsg = 'Selam? Sayfama Hoşgeldiniz'; function update(msg) { var pad_str=""; n = msg.length; if(n<72) { pad = (73-n)/2; for(var i=0; i<pad; i++) { pad_str+=" "; } } CurrentMsg = pad_str + msg; document.getElementById("field").value = CurrentMsg; clearTimeout(timer); timer = setTimeout("idleMsg()",2500); } function MakeArray(n) { this.length=n; for(var i = 1; i<= n; i++) { this[i] = ""; } return(this); } var index = 1; var notice_num = 9; var notices = new MakeArray(notice_num); notices[1] = "Siteme Hoşgeldiniz "; notices[2] = "Buraya Mesaj Gelecek! Buraya Mesajınız gelecek!"; notices[3] = "Buraya Mesaj Gelecek."; notices[4] = "Buraya Mesaj Gelecek."; notices[5] = "Buraya Mesaj Gelecek."; notices[6] = "Buraya Mesaj Gelecek!"; notices[7] = "Buraya Mesaj Gelecek!!"; notices[8] = "Buraya Mesaj Gelecek!"; var timer = setTimeout('idleMsg()',1500); function nochange() { document.getElementById("field").value = CurrentMsg; } function idleMsg() { update(notices[index++]); if(index>notice_num) { index=1; } } // End --> </SCRIPT> </head> <body> <center> <form name="messages" onSubmit="return false"> <input type="text" id="field" name="field" size=73 value=" Hello? Welcome to TJS!!" onFocus="self.status='This is a JavaScript information data field'; return true" onChange="nochange()"> </FORM> </CENTER> </body> </html> <a target="_blank" href="http://www.htmlkodcanavari.blogspot.com/search/label/javascript" style="font-size: 6pt; text-decoration: none">Html Kod Canavarı,html kodları,javascript kodları</a>

Sana Bir Mesajım Var Aşkım

Sana Bir Mesajım Var Aşkım S E H E R

Free Javascript Code

Sitenize Mesaj Menusu Ekleyin Kodu -HTML KOD CANAVARI

Mesaj Menusu S E H E R

Html Kod Canavarı,html kodları,javascript kodları KOD

<!-- This javascript code got from www.htmlkodcanavari.blogspot.com provided by: Htmlkodcanavari.blogspot --> <html> <head> <script language="JavaScript"> <!-- Begin var messages = new Array(6); messages[0] = ""; messages[1] = "SEHER?"; messages[2] = "Öncelikle Sana Çok Teşekkür Ediyorum?"; messages[3] = "Bunu Sana Bu yolla Anlatıyorum,Malum Artık İnsanlar Birbirinin Yüzüne Konuşmaktansa Telefonlarının Yüzüne Bakıyorlar.."; messages[4] = "Ama Biz Öyle Değiliz Değil mi?Değiliz,Çünkü Bizim İşletim Sistemimiz Android Değil,Kalp Store .Toplumsal Mesaj (Bunlar Hep Amerikanın Oyunları) :D Ha Bide! "; messages[5] = "Seni Çok Seviyorum Biriciğim-Biriciğin Fatih :)"; function messageReveal() { var messageindex = document.messageForm.messagePick.selectedIndex document.messageForm.messageField.value = messages[messageindex]; } // End --> </script> </head> </html> <body> <center> <form name="messageForm"> <select name="messagePick" onchange="messageReveal()"> <option value="0">Mesaj Menusu <option>S <option>E <option>H <option>E <option>R </option></option></option></option></option></option></select> <br /> <textarea cols="50" name="messageField" rows="6" wrap="virtual">

Html Kod Canavarı,html kodları,javascript kodları