Wolder King: Sosyal Ağ Butonları

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

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

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

Efektli Sosyal Ağ Butonları Kodu

Gelişmiş Sosyal Ağ Butonları Kodu

Sosyal Ağ Butonları Kodu

Popüler

Arşiv