Ücretsiz E-posta Yazılarımız İçin Üye Olun!

En Yeni Yazılarımızıdan Haberdar Olması İçin Sizlerin Epostasına Gelsin :)

26 Ekim 2015 Pazartesi

sosyal medya butonları ve e-posta aboneliğini kodu

YAZILIŞ SAATİ : 11:48
ETİKETLER :
                                                                                 

Günümüzde sosyal medyanın web sitesi üzerinde ki etkisi tartışılmaz hale geldi. Google'ın da bizzat önem verdiği konulardan biri sosyal medya. Bu nedenle web sitelerinde bu tarz sosyal medya eklentileri bulundurmak size oldukça avantaj sağlayabilir. Blogger sosyal medya butonları ile facebook,twitter,google+ gibi ağlarda takipçi sayınızı arttırarak sitenizi daha geniş kitlelere duyurma şansını yakalarsınız. Bu sayede kullanıcılar yayınladığınız yeni içerikleri her an yakalama şansına sahip olurlar.
Bu zamana kadar bir çok sitede sosyal medya butonları ve e-posta aboneliğini eklentilerini ayrı kodlar dahilinde görmüşsünüzdür. Bugün sizlerle paylaşacağım eklentide ise oldukça şık, sade bir görüntüsünün yanı sıra aşağıda ki fotoğrafta göreceğiniz üzere yukarıda bahsettiğim iki özelliği birden içinde barından bir eklenti.

Fotoğrafta gözükmese de eklenti'de hareketli sosyal medya butonları kullanılmıştır.


SOSYAL MEDYA BUTONLARI VE E-POSTA ABONELIĞI KODU
<div class='widget-content'><style type='text/css'>#sidebar-subscribe-box{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTdL4qcjSuiczK4ZtBx2ahF9dc7VZgcIIgvq-yeNiOEFvC8lRYD8vJuHqXyZBpiCDtJet8alNybrouXZaugi4FNbLlEEA9hBKId87UPjbkvJ0k7TaEJ9r8-Zw1EJCG2DAbMQwpbaj2ziIr/s1600/colored-strip.png) repeat scroll 0 0 transparent;border:1px solid #aaa;border-radius:3px;padding:3px 0}.sidebar-subscribe-box-wrapper{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSb7Z-HXO9LBBJ6-JmgdJchhNfSWL4j2IY5vfqiCR4cZDJqs-gw2c0XwsUkg9AZ9CZ7bQD7vSlzOs_SGwzPzF0uKhjdylmgM1U6xLRZiEQaMTgjQ2tWRjonHY3VzOhv7i0IOK1jLaZxwcf/s1600/bg-pattern.png) repeat scroll 0 0 #f7f7f7;color:#111;font-size:14px;line-height:20px;padding:1px 20px 10px;text-align:center;text-transform:uppercase}.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0}form.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0 0;width:auto}.sidebar-subscribe-box-email-field{-moz-border-radius:4px;-webkit-border-radius:4px;background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjJE1VgZ3NVnPaPMT1ydddLMK_BLpOxr6OITTOBNGA4XLFICrCkRhVGkOfxF-4YLfqUzxsk9E6GcxyCLvv1NBR55N5z55JnEO48iI8CtEJyATWZBGsXoyXq1PXHsOhdjnWr3IbKPxaFcjg/s1600/sprites.png) no-repeat 0 -27px;border:1px solid #ccc;border-radius:4px;color:#444;margin:0 0 15px;padding:10px 40px;width:68%}.sidebar-subscribe-box-email-button{background:#09f;border:1px solid #007fff;box-shadow:0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 0 transparent;color:#fff;cursor:pointer;font-family:verdana;font-weight:700;padding:10px;text-shadow:1px 1px 0 rgba(0,0,0,.4);text-transform:uppercase;width:95%}.sidebar-subscribe-box-email-button:hover,.sidebar-subscribe-box-email-button:focus{background:#1ca4ff}.sidebar-subscribe-box-email-button:active{-moz-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;outline:0}iframe,object,embed,.yt-border iframe,.yt-border object,.yt-border embed,table{width:100%}embed{border-radius:3px;-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);background:#FFF;border:1px solid #ddd;box-shadow:0 2px 4px rgba(0,0,0,0.2);margin:0;padding:4px 4px 4px}#footer-section{background:#f5f5f5 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDoZVSFrSSYJba-CYhe0CvQnZSaNwj6nW7tnLMMWXlBwnNbeD3sqdXBsQJgU8Ns71TQH7aA7KrvBgt497HIigVPRcUx5L2mYECmOEjaJAitln7vsXkza_HzKLtyJ9XRWm0GBsVlzUcWuBS/s0/bg-pattern.png) repeat top left;border-top:1px solid #aaa;box-shadow:inset 0 4px 6px -3px #aaa;font-family:cambria;font-size:14px;height:100px;margin:10px -30px 5px;padding:0 30px;text-align:center;width:100%}p#rb_socialicons img { /* Yeni Metro Sosyal Butonlar Eklentisi  */    -moz-transition: all 0.8s ease-in-out;    -webkit-transition: all 0.8s ease-in-out;    -o-transition: all 0.8s ease-in-out;    -ms-transition: all 0.8s ease-in-out;    transition: all 0.8s ease-in-out;}p#rb_socialicons img:hover {    -moz-transform: rotate(360deg);    -webkit-transform: rotate(360deg);    -o-transform: rotate(360deg);    -ms-transform: rotate(360deg);    transform: rotate(360deg);}/* Yeni MEtro Sosyal Butonlar Eklentisi  */</style><div id="sidebar-subscribe-box"><div class="sidebar-subscribe-box-wrapper"><div class="sidebar-subscribe-box-form">    <center><p id="rb_socialicons"><a href="http://feeds.feedburner.com/siteniz" target='_blank'> <img alt="Click Me" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhO4qOYyfz-VqGhzVMfFMiUd2n3Uo-qyyWQTBAJu3Ag37-p3YLlVy_tdLpMfGrCAjaYY-33pRNt_AcR6RCCFv5H2F3iVCJ9DnpgBo0JjEajwcMoWnPE3IU28BY_mXgT_W-lWiUVfHIWH4Ec/s1600/rss-inactive.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVq3Hz2EoJ6TJUlcBXL1P4hZUHOR3TXXffdJA5fY5Pq5TsyHdaqniGS2RiHxUdKqQPvuuFt_bIARrswwZtU0gBgcwRfewxiwMWnDgpxXzJFAVWg5WqysE9aZHX_Py_vCAVjRTWdzIgZzzS/s1600/rss.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhO4qOYyfz-VqGhzVMfFMiUd2n3Uo-qyyWQTBAJu3Ag37-p3YLlVy_tdLpMfGrCAjaYY-33pRNt_AcR6RCCFv5H2F3iVCJ9DnpgBo0JjEajwcMoWnPE3IU28BY_mXgT_W-lWiUVfHIWH4Ec/s1600/rss-inactive.png" /></a><a href="https://www.facebook.com/kullanıcıadı" rel='nofollow' target='_blank'><img alt="Click Me" hieght="100" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbG2D8ib9rXQxe7czP1S1y32BuxI9sR5kLnaDE6NXEpYpDZjg3VB2xH4vswYM0lFx0o3r5_TBR0hTmTpClQJeWxvbzxOQXi6xnUtuXq4sYO0PfOMnZOR3BP__iT2tiRiCHTu89UN3LbisA/s1600/facebook-inactive.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaLw-akz5QWIyxAdUF9Z7waMYlrioJP3bfV5gwH6RpT9NidfsV9HghKjR3T9yssPvX0PkzAsKJKczo4BnRKLP55jk8uoyRH9y1To88kDUhgh09ank4OcsZB2-0hOvSlPhxqIyCht4HPJoY/s1600/facebook.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbG2D8ib9rXQxe7czP1S1y32BuxI9sR5kLnaDE6NXEpYpDZjg3VB2xH4vswYM0lFx0o3r5_TBR0hTmTpClQJeWxvbzxOQXi6xnUtuXq4sYO0PfOMnZOR3BP__iT2tiRiCHTu89UN3LbisA/s1600/facebook-inactive.png" /></a><a href="https://twitter.com/kullanıcıadı" rel='nofollow' target='_blank'><img alt="Click Me" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhuEcO0IYa8kkw_Fwq9VnNRc-mTGY_BMT5aHAMtmTunS4d51VYlRWURyGV3jdlTDlHXivuAQ1fagjdYIreWm5RpzfyCj820simwOjYod1JgC8A570JdC9sIMFKUVlwopvHw_1ms1KoDyJi/s1600/twitter-inactive.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghneM-08cT7VcKsoPV6wJA7XIgbmgE_3pdy1XvttcOiE5qA_XaXFeWjxhJxL25Ybn3UJpcVnSxDIVZYZTl0mNjc-cxOCltNuSHIxP3h0cEtKPAdsYMUBnFsz0IwQJG_l-jAjq77cshmaIN/s1600/twitter.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhuEcO0IYa8kkw_Fwq9VnNRc-mTGY_BMT5aHAMtmTunS4d51VYlRWURyGV3jdlTDlHXivuAQ1fagjdYIreWm5RpzfyCj820simwOjYod1JgC8A570JdC9sIMFKUVlwopvHw_1ms1KoDyJi/s1600/twitter-inactive.png" /></a><a href="https://plus.google.com/u/kullanıcıadı" target='_blank' ><img alt="Click Me" hieght="160" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrw1Y5rC_nIzXBv7o59SROOy7ryOMSGYhQiXbhrczudzzowrah_RCYyJNWewxzdLySoOpngUZA5WBulZ7FzgK9s8d4xSM_IHQdJqnoXyEt1zXq3vmUQflEWS_M9KX79K9Cd0gCduqcXJf_/s1600/google-plus-inactive.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNsrYW1LwuA9N_DfjcrzbJaMFKP19GlUPewbYYXWixYwMjK396CHQiizNaB9u2TgB9MNApjPoqpgUQGDfozWOJBCA7mr3KcH883_pkdBOYgXxwrEB1jCYcfvVdZchmmxLbh7S0AF8wletm/s1600/google-plus.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrw1Y5rC_nIzXBv7o59SROOy7ryOMSGYhQiXbhrczudzzowrah_RCYyJNWewxzdLySoOpngUZA5WBulZ7FzgK9s8d4xSM_IHQdJqnoXyEt1zXq3vmUQflEWS_M9KX79K9Cd0gCduqcXJf_/s1600/google-plus-inactive.png" /></a><a href="http://pinterest.com/Kullanıcadı" rel='nofollow' target='_blank'><img alt="Click Me" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTcuboGWajSX0wYTtGg97K7AxuphI-rRLLrim_OvYoPpd0koM-4wvLFqeoOTPuLvhrh4RRq9F3Ir0fv7_Vb2I_E-jo5Sf_1M1vnxt99VwZOxWST4BcvsFsTCSJ_dvWKkKwWlCOWZSq8OYl/s1600/pinterest-inactive.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9Lt4p4J-h8If5B0-Kx4xi6rl_juRCFM_BQUVx7kC8nuunsvbq53HMKNHxnMfwCNktGwp22y8aI9ea2fC6b5onxrvcMHQgvJfoHQI9ALPdqYizXHkPnfJ6C1bI3fmKZe2maJxkzjXlzRJE/s1600/pinterest.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTcuboGWajSX0wYTtGg97K7AxuphI-rRLLrim_OvYoPpd0koM-4wvLFqeoOTPuLvhrh4RRq9F3Ir0fv7_Vb2I_E-jo5Sf_1M1vnxt99VwZOxWST4BcvsFsTCSJ_dvWKkKwWlCOWZSq8OYl/s1600/pinterest-inactive.png" /></a><a href="http://"><img alt="Click Me" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSaN_C1BFywHtPWSFrhJ7gYKo5lu2NqnR8-CpYG0bwPBUT76LlGyVAfXZ4FslpuVXMGCnW8lOqagF4O63JLrsNEmkC4WkwHolI5L8XS_Wsz5jrOQ6VGSAcs6PUfSP3mKK8Cx6EFkRFquMC/s1600/email-inactive.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuP4CXidlTcr5b8MzmsYERz9MQWgycHWPcLAEfBH3OVywJpTXdZG9xvl52yMECItdkXcEbSKMPZzxvSE7ig12SuydJRy0sji1stAFra6ECqZbw4PwGUeEPmT0Y1VZioNHW8OFNGpLt3K8W/s1600/email-shadow.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSaN_C1BFywHtPWSFrhJ7gYKo5lu2NqnR8-CpYG0bwPBUT76LlGyVAfXZ4FslpuVXMGCnW8lOqagF4O63JLrsNEmkC4WkwHolI5L8XS_Wsz5jrOQ6VGSAcs6PUfSP3mKK8Cx6EFkRFquMC/s1600/email-inactive.png" /> </a></p></center>  <form action="http://feedburner.google.com/fb/a/mailverify?uri=BEYTOBLOG" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=BEYTOBLOG', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="blogspot/bVOOCE" /><input name="loc" type="hidden" value="en_US" /><input class="sidebar-subscribe-box-email-field" name="email" autocomplete="off" placeholder="E-posta aboneliği.."/><input class="sidebar-subscribe-box-email-button" title="" type="submit" value="Gönder !" /></form></div></div></div><style></style></div>

___________________________________________________________________________________


 DEMO