Wolder King: Kodlar

Kodlar etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

Hareketli Twitter Kuşu Kodu

Hareketli Twitter Kuşu Kodu

Belki bu kodu pek çok sitede görebilirsiniz ama gerçekten çok güzel bir hava katıyor. Tavsiye ederim. <script type="text/javascr...

Devamı »

07:21

<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.clipartbest.com/cliparts/9cz/oM9/9czoM9bcE.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="http://www.clipartbest.com/cliparts/9cz/oM9/9czoM9bcE.png" width="184" /></a></div>
Sağ tık engelleme aslında önemli bir koddur. Eğer Php destekli bir host açtıysanız ve içinde üyelik varsa sadece giriş yapanlara sağ tıklama engelini kaldırarak insanları zorunda bırakabilirsiniz.<br />
<textarea class="bginput" cols="42" name="wep-kodlari" onclick="this.focus();this.select()" rows="5" style="height: 58px; margin: 0px; width: 385px;"><script language=Javascript1.2> 
 
</script>

Sağ Tık Engelleme Kodu

Sağ tık engelleme aslında önemli bir koddur. Eğer Php destekli bir host açtıysanız ve içinde üyelik varsa sadece giriş yapanlara sağ tıkla...

Devamı »

07:50

Efektli Sosyal Ağ Butonları Kodu

<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUbx_rBatTuoHSzWHFC_ItAxMPhZ3YSizGV0eHVutOPsIUJWePW0cpvo_99ijA0nAZZtu_TLuFY_E1vvzrHwOSLwBZXoS9bzeU9ByvaHQ5Gat6N5YwZodRqXyTv1pMTGlDr6DPBJZ3m54D/s1600/social-networks.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="136" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUbx_rBatTuoHSzWHFC_ItAxMPhZ3YSizGV0eHVutOPsIUJWePW0cpvo_99ijA0nAZZtu_TLuFY_E1vvzrHwOSLwBZXoS9bzeU9ByvaHQ5Gat6N5YwZodRqXyTv1pMTGlDr6DPBJZ3m54D/s1600/social-networks.jpg" width="320" /></a></div>
Yeni yaptığım sosyal ağ butonları kodu çok hoşunuza gidicek. Çünkü bu mükemmel kod süper bir efekt ile çalışıyor. Sitenize eklemek ise çok kolay. Bloggerda Gadget Ekleden ve diğer sitelerde kullanmak istediğiniz yere bunu koyun. Çok hoşunuza gidecek. Eminim...<br />
<textarea class="bginput" cols="42" name="wep-kodlari" onclick="this.focus();this.select()" rows="5" style="height: 112px; margin: 0px; width: 673px;">

<wolderking>
<div class="wolderking">
 
<ul>
<li class="rss"><a href="http://feeds.feedburner.com/wolderking" target='_blank'><span></span>RSS</a></li>
<li class="twitter"><a href="https://twitter.com/wolderking" target='_blank'><span></span>Twitter</a></li>
<li class="gplus"><a href="https://plus.google.com/u/0/+WolderKingsten/posts" target='_blank'><span></span>Google Plus</a></li>
<li class="facebook"><a href="https://www.facebook.com/wolderking" target='_blank'><span></span>Facebook</a></li>
</ul>
</div>
<style> 
.wolderking li { 
display: block !important; 
margin-right: 0 !important; 
width: auto !important; 
} 
.wolderking li a span { 
display: block; 
height: 32px; 
left: 0; 
position: absolute; 
top: 2px; 
transform: rotate(-20deg); 
-wolderking-transform: rotate(-20deg); 
transition-duration: 0.8s; 
transition-property: all; 
width: 32px; 
} 
.wolderking .twitter span { 
background-color: transparent; 
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggLl2NmVmAhsgVVKqFeBNW1r9K3WEMpTQ79HNGeCRajrSlotLdkIjAvQLKF_97X9lIJHFVrPNEZbmKXGvGIDWTrV-aTAcoKjuZJfChUx_Xsqe2qsjlwBu1wHXVbA37fFz-7Y-ZZKWugwE/s1600/twitter_icon.png) no-repeat; 
} 
.wolderking .twitter a { 
background: #91C661; 
} 
.wolderking li a:hover span { 
transform:rotate(340deg); 
-wolderking-transform:rotate(340deg);    
}    
ol, ul { 
list-style: none outside none; 
} 
.wolderking li { 
display: block !important; 
margin-right: 0 !important; 
width: auto !important; 
} 
.wolderking li { 
display: inline-block; 
margin: 0 20px 10px 0; 
position: relative; 
width: 200px; 
} 
.wolderking .rss span { 
background-color: transparent; 
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH-dCuLjgnWoYX73cNWpw62kdneJK9llXyeCIZTCgBin9dBsjPxWkXy4z6dc6grBTHXgfZc1-Or5jy_CthbApzgfSiezjXIcPJlmEXso4NavLZapQm11ZSYi3dX6Vpa4TEiofsGxVqCQM/s1600/rss-icon.png) no-repeat; 
} 
.wolderking .rss a { 
background: #F67F00; 
} 
.wolderking li a { 
color: #FFFFFF; 
display: block; 
font-family: verdana; 
font-size: 12px; 
padding: 10px 10px 10px 40px; 
text-decoration: none; 
font-weight: bold; 
} 
.wolderking li a span { 
display: block; 
height: 32px; 
left: 0; 
position: absolute; 
top: 2px; 
transform: rotate(-20deg); 
-wolderking-transform: rotate(-20deg); 
transition-duration: 0.8s; 
-wolderking-transition-duration: 0.8s; 
transition-property: all; 
width: 32px; 
} 
.wolderking li a:hover span { 
transform:rotate(340deg); 
-wolderking-transform:rotate(340deg); 
}  
.wolderking .twitter span { 
background-color: transparent; 
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggLl2NmVmAhsgVVKqFeBNW1r9K3WEMpTQ79HNGeCRajrSlotLdkIjAvQLKF_97X9lIJHFVrPNEZbmKXGvGIDWTrV-aTAcoKjuZJfChUx_Xsqe2qsjlwBu1wHXVbA37fFz-7Y-ZZKWugwE/s1600/twitter_icon.png) no-repeat; 
} 
.wolderking .twitter a { 
background: #91C661; 
} 
.wolderking .gplus span { 
background-color: transparent; 
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc0-NC7KqnAVUPzMGEji2aZBGn25xB_JWtvb6gldUkkUHXu1d8cW3B5lLXNMwrhW4R7cyRA7ZHDP8j1Cer3onRsJXCHKkLN1Ntbr1nRmQEqKh1KGnlrc0CoGTjuOqJ9jnC1-BmrAqwJe4/s1600/googleplus.png) no-repeat; 
} 
.wolderking .gplus a { 
background: #D74D2F; 
} 
.wolderking .facebook span { 
background-color: transparent; 
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT-KqLhzOfNTGrmA_eMB-zydIYLiZF_fpvJlGB7gDj-0tjHE2u97Ykt8EScZg5VOuxy0lp-jaRFU4wSX9wlf7xUGyXXrpVQK_mvFB7IwSjSQjJJVd2m67FbUDqrnKIDxu7iNtiWblZmEo/s1600/facebook-icon.png) no-repeat; 
} 
.wolderking .facebook a { 
background: #3B5998; 
} 
</style>
</wolderking>

Efektli Sosyal Ağ Butonları Kodu

Yeni yaptığım sosyal ağ butonları kodu çok hoşunuza gidicek. Çünkü bu mükemmel kod süper bir efekt ile çalışıyor. Sitenize eklemek ise ç...

Devamı »

06:19

Blogspot ".com.tr"den ".com"a Dönme Kodu

<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-g14air0bq1o/UlmtdfhhZtI/AAAAAAAAE18/3T7K0LSv56Q/s1600/blogger+logo.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="http://4.bp.blogspot.com/-g14air0bq1o/UlmtdfhhZtI/AAAAAAAAE18/3T7K0LSv56Q/s1600/blogger+logo.png" width="200" /></a></div>
Blogger bloglar kendi ülkeleri arasında kendi alan adlarını kullansınlar diye her blog'a yönlendirme kodu koydu. Tabi türkler durur mu? Hemen yönlendirme kaldırma kodunu en kolay şekliyle yazdı ve sundu. Bizde sunalım dedik. Bu kodu "<head>" kodunun hemen altına koyun.<br />
<br />
<textarea class="bginput" cols="42" onclick="this.focus();this.select()" rows="5" style="cursor: url(''); height: 50px; width: 385px;"><script type='text/javascript'>var wk=location.href;if("-1"==wk.indexOf(".com/")){var kc=wk.substring(wk.lastIndexOf(".blogspot.")),kf="-1"==kc.indexOf("/")?kc:kc.substring(0,kc.indexOf("/")+1);location.href=location.href.replace(kf,".blogspot.com/ncr/")};
 </script>

Blogspot ".com.tr"den ".com"a Dönme Kodu

Blogger bloglar kendi ülkeleri arasında kendi alan adlarını kullansınlar diye her blog'a yönlendirme kodu koydu. Tabi türkler durur mu...

Devamı »

06:06

Gelişmiş Navigasyon (Menü) Kodu

<div class="separator" style="clear: both; text-align: center;">
<a href="http://sphotos-d.ak.fbcdn.net/hphotos-ak-prn1/644317_624799807533594_330268076_n.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="121" src="http://sphotos-d.ak.fbcdn.net/hphotos-ak-prn1/644317_624799807533594_330268076_n.png" width="200" /></a></div>
Bu süper navigasyon kodu ile sitenize çok güzel bir hava katabilirsiniz. Üzerinde sadece buton isimleri ve resimlerini değiştirin. Eğer css bilginiz varsa renkler üzerinde de biraz değişiklik yapabilirsiniz. Fakat kesinlikle telif haklarını silmeyin. Sizde blogger karalisteye girmeyin. Eğer bize birazcık saygınız varsa.<br />
<br />
<textarea class="bginput" cols="42" name="wep-kodlari" onclick="this.focus();this.select()" rows="5" style="height: 112px; margin: 0px; width: 389px;">

<wolderking>
<style type="text/css">
.overview-button {
 position:fixed;
 left:-10px;
 top:10px;
 width:72px;
 height:62px;
 background-color: #363636;
 cursor:pointer;
 pointer-events: auto !important;
 -webkit-transition: all 0.4s ease-in-out;
 -moz-transition: all 0.4s ease-in-out;
 -o-transition: all 0.4s ease-in-out;
 -ms-transition: all 0.4s ease-in-out;
 transition: all 0.4s ease-in-out;
 z-index:999999;
    background-repeat: no-repeat;
    background-position: 10px center;
    text-align: center;
    background-color: #000;
    border-right-style: solid;
    border-right-width: 5px;
    border-right-color: #b72228;
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    margin-bottom: 10px;
}
.overview-button img
{
    width: 40px;
    height: 40px;
    float: right;
    padding: 12px 12px 0px 0px;
}
.overview-button:hover {
 background-color: #b72228;
 border-right-style: solid;
    border-right-width: 5px;
    border-right-color: #000;
}
ul#wolderking {
 position:fixed;
 margin: 0px;
 padding: 0px;
 top: 10px;
 right: 0px;
 list-style: none;
 z-index:999999;
 cursor:pointer;
 pointer-events: auto !important;
 display:block;
}
ul#wolderking li
{
    width: 200px;
    margin-bottom: 5px;
}
ul#wolderking li img
{
    width: 40px;
    height: 40px;
    float: left;
    padding: 10px 0px 0px 12px;
}
ul#wolderking li a
{
    display: block;
    width: 200px;
    height: 62px;
    background-color: #b72228;
    background-repeat: no-repeat;
    background-position: 10px center;
    text-align: center;
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    margin-bottom: 10px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    border-left-style: solid;
    border-left-width: 5px;
    border-left-color: #000;
}
ul#wolderking li a:hover
{
    background-color: #000;
    border-left-style: solid;
    border-left-width: 5px;
    border-left-color: #b72228;
}
ul#wolderking li span {
 color:#fff;
 font-family: Arial;
 font-weight:normal;
 font-size:28px;
 line-height:62px;
}
@media screen and (max-width: 1024px) 
{
    .overview-button img
    {
        width: 30px;
        height: 30px;
        padding: 4px 6px 0px 0px;
    }
    .overview-button
    {
        width: 50px;
        height: 38px;
    }
    ul#wolderking li img
    {
        width: 30px;
        height: 30px;
        padding: 5px 0px 0px 5px;
    }    
    ul#wolderking li a
    {
        height: 40px;
    }
    ul#wolderking li span
    {
        font-size: 20px;
        line-height: 40px;
        padding-right:20px;
    }
    ul#wolderking li 
    {
        margin-right:-20px;
    }
    .hint {
 font-size: 18px;
 padding: 5px 10px 10px 10px;
}    
}
      </style>

<ul id="wolderking">
<li><a href="#"><img src="http://redcode.web.tr/images/home.png" alt="" /><span>AnaSayfa</span></a></li>
<li><a href="#"><img src="http://redcode.web.tr/images/skills.png" alt="" /><span>MinikUzman</span></a></li>
<li><a href="#"><img src="http://redcode.web.tr/images/resume.png" alt="" /><span>Servisler</span></a></li>
<li><a href="#"><img src="http://redcode.web.tr/images/portfolio.png" alt="" /><span>Haberler</span></a></li>
<li><a href="#"><img src="http://redcode.web.tr/images/about.png" alt="" /><span>Hakkımızda</span></a></li>
<li><a href="#"><img src="http://redcode.web.tr/images/contact.png" alt="" /><span>Iletişim</span></a></li>
</ul>
</wolderking>

Gelişmiş Navigasyon (Menü) Kodu

Bu süper navigasyon kodu ile sitenize çok güzel bir hava katabilirsiniz. Üzerinde sadece buton isimleri ve resimlerini değiştirin. Eğer cs...

Devamı »

05:57

Yukarı Çık Düğmesi Kodu

<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjimQn7kcbUE8nwkgYbcRsAeOJVMjuTK3Uq4t-Gyy14Ms3qbkSe-_SGy0WgX5pqafSk_Rjbd0lv23HczwEae2Qos1AqYcFu0_Ij1BqNpzKQ1xvn9xjEfoYQ2N2UJpKr86vJ1jCkgskDBFUM/s1600/javascript_logo_unofficial-300x300.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjimQn7kcbUE8nwkgYbcRsAeOJVMjuTK3Uq4t-Gyy14Ms3qbkSe-_SGy0WgX5pqafSk_Rjbd0lv23HczwEae2Qos1AqYcFu0_Ij1BqNpzKQ1xvn9xjEfoYQ2N2UJpKr86vJ1jCkgskDBFUM/s1600/javascript_logo_unofficial-300x300.png" width="200" /></a></div>
<span id="goog_254746018"></span><span id="goog_254746019"></span>Yurkarı çık düğmesi aslında her siteye lazımdır. Çünkü ziyaretçiler yorulmayı sevmez...<br />
<br />
<textarea class="bginput" cols="42" name="wep-kodlari" onclick="this.focus();this.select()" rows="5" style="cursor: url(''); height: 50px; width: 385px;"><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
<style type="text/css">
#w2btoTop {display:none;text-decoration:none;position:fixed;bottom:10px;right:10px;overflow:hidden;width:51px;height:51px;border:none;text-indent:-999px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZXtvcOqz26Ej-B84nMv741OpBDqmgCJ330JDqj6FOE2x_12AxB8_N7-Rzpvz47llHbWCbbyHw2WalqN7R4_sU91YaG5su98eqz9whpsfrWk7ta784ynBncOJjbG0z6G9iKI8SVcy7gqZK/) no-repeat left top;}
#w2btoTopHover {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZXtvcOqz26Ej-B84nMv741OpBDqmgCJ330JDqj6FOE2x_12AxB8_N7-Rzpvz47llHbWCbbyHw2WalqN7R4_sU91YaG5su98eqz9whpsfrWk7ta784ynBncOJjbG0z6G9iKI8SVcy7gqZK/) no-repeat left -51px;width:51px;height:51px;display:block;overflow:hidden;float:left;opacity: 0;-moz-opacity: 0;filter:alpha(opacity=0);}
#w2btoTop:active, #w2btoTop:focus {outline:none;}
</style>
<script src="http://bloggerblogwidgets.googlecode.com/files/w2b_jquery.ui.totop.js" type="text/javascript"></script><a href="kodboy.blogspot.com" target="_blank">?</a>
<script type="text/javascript">
$(document).ready(function(){ $().UItoTop({ easingType: 'easeOutCubic' }); });
</script>

Yukarı Çık Düğmesi Kodu

Yurkarı çık düğmesi aslında her siteye lazımdır. Çünkü ziyaretçiler yorulmayı sevmez... <script src="https://ajax.googleapis.c...

Devamı »

05:07

Transparent Resim Kodu

Transparent Resim Kodu

Resimlerin üzerine gelince resimleri transparent yapan bu kod ile siteye güzellik katın. Bütün resimlerde uygulamak için ise css olarak ek...

Devamı »

04:51

Neon Yazı Kodu

<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXolFC2GKK3WCmUf5P7EqkG3PvQqmkNzROve9YCebxi8CFX6CVJ0s-_1gDBSdgsVEeQEOHU6B6PW587zA3hC5O2cbxA6SZt2Y_CqAUdh2zHQrTWAfDf5UogZtjvbyNxKNRJRNIo8rHJzQz/s1600/2014-04-29_14-38-42.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="153" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXolFC2GKK3WCmUf5P7EqkG3PvQqmkNzROve9YCebxi8CFX6CVJ0s-_1gDBSdgsVEeQEOHU6B6PW587zA3hC5O2cbxA6SZt2Y_CqAUdh2zHQrTWAfDf5UogZtjvbyNxKNRJRNIo8rHJzQz/s1600/2014-04-29_14-38-42.png" width="200" /></a></div>
Sitenize neon ışıklarıyla yazı ekleyin. Yapmanız gereken aşağıdaki harfleri kendinizininkiyle değiştirmek. Eklemek için aynı etiketi kopyalayıp aşağıya indirebilirsiniz. Aynı zamanda yanıp sönmesi süper bir hava katıyor.<br />

Neon Yazı Kodu

Sitenize neon ışıklarıyla yazı ekleyin. Yapmanız gereken aşağıdaki harfleri kendinizininkiyle değiştirmek. Eklemek için aynı etiketi k...

Devamı »

04:44

Site İçi Çeviri Kodu

<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg00vkVHe9-ON2dQDEDBtjTWIwbd-XICHMvAoIh4LmnSNFRzErGe5MiIe_k1R_Z8auqx7xl7QW3iQURcKqPR_5uh0xiPpVuarwnqsjKstcUAwVungZyujd4sUDFHEkSksBoTmID1IiV7Clk/s1600/googletranslate_final_101022528260.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="112" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg00vkVHe9-ON2dQDEDBtjTWIwbd-XICHMvAoIh4LmnSNFRzErGe5MiIe_k1R_Z8auqx7xl7QW3iQURcKqPR_5uh0xiPpVuarwnqsjKstcUAwVungZyujd4sUDFHEkSksBoTmID1IiV7Clk/s1600/googletranslate_final_101022528260.jpg" width="200" /></a></div>
Sitenizi bütün dünyaya tanıtmak istiyorsanız bu kod size gerekli. Bu kodu sayfaya görünecek yerlere koyun.<br />
<textarea class="bginput" cols="42" rows="5" style="height: 50px; width: 200px;"><script src=”http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=tr&w=160&h=60&title=&border=&output=js”></script>

Site İçi Çeviri Kodu

Sitenizi bütün dünyaya tanıtmak istiyorsanız bu kod size gerekli. Bu kodu sayfaya görünecek yerlere koyun. <script src=”http://www.g...

Devamı »

04:35

Gelişmiş Sosyal Ağ Butonları Kodu

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUbx_rBatTuoHSzWHFC_ItAxMPhZ3YSizGV0eHVutOPsIUJWePW0cpvo_99ijA0nAZZtu_TLuFY_E1vvzrHwOSLwBZXoS9bzeU9ByvaHQ5Gat6N5YwZodRqXyTv1pMTGlDr6DPBJZ3m54D/s1600/social-networks.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="137" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUbx_rBatTuoHSzWHFC_ItAxMPhZ3YSizGV0eHVutOPsIUJWePW0cpvo_99ijA0nAZZtu_TLuFY_E1vvzrHwOSLwBZXoS9bzeU9ByvaHQ5Gat6N5YwZodRqXyTv1pMTGlDr6DPBJZ3m54D/s1600/social-networks.jpg" width="320" /></a></div>
Sitene gelişmiş sosyal ağ butonu ekle ve görkemi arttır. Sosyal ağlar hit konusunda önemli yer taşır. Sakın adresleri değiştirmeyi unutma.<br />
<textarea class="bginput" cols="42" rows="5" style="height: 50px; width: 200px;">
<style> #exeideasbody { background:#f8f8f8; margin:0 0 40px 0; padding:10px; border: 3px outset #ff0000; -moz-border-radius: 10px; border-radius: 10px; overflow:hidden; font-size: 14px; } .spinning_icons a{ width:36px; height:36px; display:inline-block; text-indent:-9999em; background-position:0 0; background-repeat:no-repeat; z-index:2000; overflow:hidden; } .spinning_icons a:hover{ transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transition: transform 0.2s ease-out; -webkit-transition: -webkit-transform 0.2s ease-out; -moz-transition: -moz-transform 0.2s ease-out; } .twitter{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3NBfA56KrJ5JZPL53Mm9XfQ8ND37TP9gK8Zfn5m5bJ1QtF-j2uddschForTsFX_3GQWX5Tb3UHT_UQcAgyOst2oklG8-5pog63xaVzuLV8PVqK4i5yatzmqlr9ji35Zu702MWfbFFJRA/s0/twitter.png'); } .facebook{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTrgUaRlbOA0ifoEHq_zy0Y2pnaf4NCH6zFZZF2YqAyhqk3OFB2yDiFY_04P_Co3cwos_Rcz8Dl0fFGnBfLD53p-PrknxAsgx_LcoRi3c8-cXvxPZCGF8bM_lnsm7s0Q3ayvrsUxGlXdI/s0/facebook.png'); } .linkedin{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnyrZs0n6Q8mDpTf0_HyE2cvhOQd7FXZ7I4hZ5_zD_3mbRIcJbh_YBVJs_KuOA2dENpuzkdVd7SzCVfp_XJ_2CA5aUUniWLLfsRcrjFrBt92RvTRgobShZTpMnsUZfaA5MtGuqYuhuD74/s0/linkedin.png'); } .rss{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeqKrmZkwt8K2J74KHCeqPQkAqfw9bvadsZcjqbCIOCkhYREFB9vIqtkRmHL_srUSGslTiuFqOYRI_qwb6A8GGnlkfYyCd7rD-PWbcDfC2DiCDM54B-Y0-XrUcV8CrrYz30Ho47LoqjBg/s0/rss.png'); } .youtube{ background:url('https://lh6.googleusercontent.com/-EjnvqvxdSIQ/T40l3XSfhlI/AAAAAAAAB9s/4VnPEZgDXSQ/s32/YouTube.png'); } .googleplus{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg01E3K26B2t8XaONq4k7L1vKfz61tKWry6V0FWh5evkkrdPRjoMvnJjTtXlGh9hYR3eA7KwU9ftZAcXEsgsykCjBg2ZtItv4EyTtImR5akZcRxGr4YV1-LJQggzwdiIHYO37ylhyphenhyphenmT7Gk/s0/gplus.png.png'); } .mixsocial{ background:url('https://lh6.googleusercontent.com/-xcHvGi2TpZk/T6jP9vrvTMI/AAAAAAAACGg/7mFW9zJeCic/s32/myspace.png'); } #email-news-subscribe .email-box{ padding: 5px 10px; font-family: "Arial","Helvetica",sans-serif; height:35px;} #email-news-subscribe .email-box input.email{ background:#FFFFFF; border: 1px solid #dedede; color: #999; padding: 7px 10px 8px 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; border-image: initial; font-family: "Arial","Helvetica",sans-serif;} #email-news-subscribe .email-box input.email:focus{color:#333} #email-news-subscribe .email-box input.subscribe{ background: -moz-linear-gradient(center top,#FFCA00 0,#FF9B00 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#FFCA00),color-stop(1,#FF9B00)); background: -moz-linear-gradient(center top,#FFCA00 0,#FF9B00 100%); -pie-background: linear-gradient(270deg,#ffca00,#ff9b00); font-family: "Arial","Helvetica",sans-serif; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid #cc7c00; color:white; text-shadow:#d08d00 1px 1px 0; padding:7px 14px; margin-left:3px; font-weight:bold; font-size:12px; cursor:pointer; border-image: initial;} #email-news-subscribe .email-box input.subscribe:hover{ background: #ff9b00; background-image:-moz-linear-gradient(top,#ffda4d,#ff9b00); background-image:-webkit-gradient(linear,left top,left bottom,from(#ffda4d),to(#ff9b00)); filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff,endColorStr=#ebebeb); outline:0;-moz-box-shadow:0 0 3px #999; -webkit-box-shadow:0 0 3px #999; box-shadow:0 0 3px #999 background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ffda4d),color-stop(1,#ff9b00)); background:-moz-linear-gradient(center top,#ffda4d 0,#ff9b00 100%); -pie-background:linear-gradient(270deg,#ffda4d,#ff9b00); border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid #cc7c00; color:#FFFFFF; text-shadow:#d08d00 1px 1px 0} </style>  <center id="exeideasbody">
 <div class="spinning_icons">
 <a href="http://twitter.com/ADRES" class="twitter" title="twitter">Twitter</a> <a href="http://facebook.com/ADRES" class="facebook" title="facebook">Facebook</a> <a href="http://www.linkedin.com/ADRES" class="linkedin" title="linkedin">Linkedin</a> <a href="https://plus.google.com/ADRES" class="googleplus" title="Google Plus">Google Plus</a> <a href="http://feeds.feedburner.com /ADRES" class="rss" title="rss">RSS</a> <a href="http://www.youtube.com/ADRES" class="youtube" title="youtube">YouTube</a> <a href="http://www.kodboy.blogspot.com" class="mixsocial" title="KodBoy">Sitene Ekle</a> </div>
<div id="email-news-subscribe">
 <div class="email-box">
 <form action="http://feedburner.google.com/Adres" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri= blogger-dersleri', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
 <input class="email" type="text" style="width: 150px; font-size: 12px;" id="email" name="email" value="E-Posta Aboneliği.." onfocus="if(this.value==this.defaultValue)this.value='';"onblur="if(this.value=='')this.value=this.defaultValue;" /> <input type="hidden" value=" blogger-dersleri" name="uri" /> <input type="hidden" name="loc" value="en_US" /> <input class="subscribe" name="commit" type="submit" value="E-mail İle Takip" /> </form>
</div>
</div>
</center>

Gelişmiş Sosyal Ağ Butonları Kodu

Sitene gelişmiş sosyal ağ butonu ekle ve görkemi arttır. Sosyal ağlar hit konusunda önemli yer taşır. Sakın adresleri değiştirmeyi unutma....

Devamı »

04:32

Dalda Twitter Kuşu Kodu

<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdJO79A3ThLDs6Q1iafe6ksRNLiW4UNlPI5oaKpCnBwqubqvioqxEo1cfgX1fL3T8wuqvNtKpdAXH5KLTSB8d0k3hc_mPB1TLwjTkHQF978_3jkHEzIkr8hcPFruhe_3IedSQAJ4UN_pM/s1600/Twitter+Ku%25C5%259Fu.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/AVvXsEgdJO79A3ThLDs6Q1iafe6ksRNLiW4UNlPI5oaKpCnBwqubqvioqxEo1cfgX1fL3T8wuqvNtKpdAXH5KLTSB8d0k3hc_mPB1TLwjTkHQF978_3jkHEzIkr8hcPFruhe_3IedSQAJ4UN_pM/s1600/Twitter+Ku%25C5%259Fu.png" /></a></div>
Sitene twitter kuşu ekleyip izleyicileri etkile. İstersen kuşa link verip kendi twiter adresini yazabilirsin. Yapman gereken Adres yazan yere adresi eklemek.
<textarea class="bginput" cols="42" rows="5" style="height: 67px; margin: 0px; width: 200px;">
<style type="text/css">#exetwitter {position:fixed;top:0;left:0;z-index:9997;cursor:pointer;}</style><a target="_blank" id="exetwitter" href="http://www.twitter.com/ Bloggerblog_ "><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyIsOIWemr9uK7p1kg3zPRJkwZ53RRhjTsXwkEk3WGiE9skzpOqU6kkbuc0BIOFE98gTh32EW4UB3A6yzVE40ZtZlarACMFW_guqWVNt9g63IDYd8MYvLeUEn3gScj35xpjwdtKKLXBzE/s320/Follow-Me-On-Twitter.png" alt=" Twitter" title=" Twitter" width="150" /></a>

Dalda Twitter Kuşu Kodu

Sitene twitter kuşu ekleyip izleyicileri etkile. İstersen kuşa link verip kendi twiter adresini yazabilirsin. Yapman gereken Adres yazan...

Devamı »

04:29

Sayfa Yükleniyor Kodu

<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCAA6_SFfiKNjuAfg7LYoty4ji9qewyxXQ1EYF4qP3juZq6IO-r0iQny7i3R2Lep8YARTnxDGG4zUzJ8HkjT31c49NBy09pJvDZ65qIQyLPlprym_LW3c0XmFLGwYtGD3kUrGbcmICJI0q/s1600/loading-gif-free-615.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCAA6_SFfiKNjuAfg7LYoty4ji9qewyxXQ1EYF4qP3juZq6IO-r0iQny7i3R2Lep8YARTnxDGG4zUzJ8HkjT31c49NBy09pJvDZ65qIQyLPlprym_LW3c0XmFLGwYtGD3kUrGbcmICJI0q/s1600/loading-gif-free-615.gif" width="200" /></a></div>
Sayfa yükleniyor koduyla sitenize ilgi çekici bir görsellik katın. Çok hoş ve güzel. İzleyicilerin hoşuna gideceğini düşündüğümden eklemenizi tavsiye ederim.
<textarea class="bginput" cols="42" rows="5" style="height: 50px; width: 200px;">
<script type="text/javascript"> 
</script><!DOCTYPE HTML><style type="text/css">div.hbne{opacity:0.9;filter:alpha(opacity=90);position:fixed;z-index:4000;}div.hghd{top:0px;left:0px;} div.hbne{_position:absolute;}div.hghd{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}</style><div id="yukleniy" style="background-color:#ffffff;width:100%;height:100%;padding-top:20%;" class="hbne hghd">
 <center>
<a style="font-family:Arial;font-size:19px;color:#4f4f4f;">Sayfa Yükleniyor...</a><br/><br/> <a target="_blank" style="background-color:transparent;border:none;padding:0px;margin:0px;"><img style="padding:0px;margin:0px;background-color:transparent;border:none;" src="http://womenslifeinbalance.com/10/loading-gif-free-615.gif _fcksavedurl="http://img.webme.com/pic/t/toplist24/yukleniyo.gif" /></a></center>
</div>

Sayfa Yükleniyor Kodu

Sayfa yükleniyor koduyla sitenize ilgi çekici bir görsellik katın. Çok hoş ve güzel. İzleyicilerin hoşuna gideceğini düşündüğümden eklem...

Devamı »

04:25

Sosyal Ağ Butonları Kodu

<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbe9GD4uyX5jEz88H9E6JTTo-ZG8iTgtyO4DkBSBFSSk-WDb-3j64ShAl0E45KPltwRMpp9KbDAywTjSC6bzOOyFK6UzFq3GAagEGG6bv9d07EX6fhkxXvAcN-zUho7PQXr09GFS1tYSbP/s1600/social-networks.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="136" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbe9GD4uyX5jEz88H9E6JTTo-ZG8iTgtyO4DkBSBFSSk-WDb-3j64ShAl0E45KPltwRMpp9KbDAywTjSC6bzOOyFK6UzFq3GAagEGG6bv9d07EX6fhkxXvAcN-zUho7PQXr09GFS1tYSbP/s1600/social-networks.jpg" width="320" /></a></div>
Sosyal ağ butonları sayfanın vazgeçilmez olan kodlardandır.  Aşağıdaki kodu kopyalayıp sitenize eklerseniz güzel bir görünüm oluşturabilirsiniz. ADRES yazan yerlere kendi adresinizi yazın.<textarea class="bginput" cols="42" onclick="this.focus();this.select()" rows="5" style="height: 50px; margin: 0px; width: 385px;"> <!-- WolderKing Sosyal Ağ Butonları Kodu Başlangıç--!>
<a class='blur' href='http://www.facebook.com/ADRES' rel='nofollow' target='_blank'><img alt='facebook' border='0' height='40' src='http://icons.iconarchive.com/icons/danleech/simple/128/facebook-icon.png' width='40'/></a>
<a class='blur' href='http://twitter.com/ADRES' rel='nofollow' target='_blank'><img alt='twitter' border='0' height='41' src='http://icons.iconarchive.com/icons/danleech/simple/128/twitter-icon.png' width='40'/></a>
<a class='blur' href='http://youtube.com/user/ADRES' rel='nofollow' target='_blank'><img alt='youtube' border='0' height='40' src='http://icons.iconarchive.com/icons/danleech/simple/128/youtube-icon.png' width='40'/></a>
<a class='blur' href='https://plus.google.com/ADRES' rel='nofollow' target='_blank'><img alt='google+' border='0' height='40' src='http://icons.iconarchive.com/icons/danleech/simple/128/google-plus-icon.png' width='40'/></a>
<a class='blur' href='http://feeds.feedburner.com/ADRES' rel='nofollow' target='_blank'><img alt='feedburner' border='0' height='40' src='http://icons.iconarchive.com/icons/danleech/simple/128/rss-icon.png' width='40'/></a>
<!-- WolderKing Sosyal Ağ Butonları Kodu Bitiş--!>

Sosyal Ağ Butonları Kodu

Sosyal ağ butonları sayfanın vazgeçilmez olan kodlardandır. Aşağıdaki kodu kopyalayıp sitenize eklerseniz güzel bir görünüm oluştur...

Devamı »

04:20

Hareketli Twitter Kuşu Kodu

Sağ Tık Engelleme Kodu

Efektli Sosyal Ağ Butonları Kodu

Blogspot ".com.tr"den ".com"a Dönme Kodu

Gelişmiş Navigasyon (Menü) Kodu

Yukarı Çık Düğmesi Kodu

Transparent Resim Kodu

Neon Yazı Kodu

Site İçi Çeviri Kodu

Gelişmiş Sosyal Ağ Butonları Kodu

Dalda Twitter Kuşu Kodu

Sayfa Yükleniyor Kodu

Sosyal Ağ Butonları Kodu

Popüler

Arşiv