HTML Sosyal Medya + E-posta + Arama Butonu Kodu
Web siteleri ve blogger için özel arama, sosyal ağ ve eposta aboneliği eklentisini bir çok kullanıcı sitelerinde bloglarında sosyal paylaşım butonları kullanmak istiyor. Bende sizler için kullanışlı bir eklenti düzenledim. Kısaca hepsi bir arada oldu.
Eklenti hareketli ve duyarlıdır. Yani eklendiği alanın ölçülerini otomatik alır.
<div class='widget-content'>
<style type='text/css'>#sidebar-subscribe-box{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNoTsTDjnO5EGBrkVbs0kdjdIY04y0mDiwKcyz4viHeBSFmg-kXNaajoQEfGssce2Kn7VpozEc5rF0IaLmZvVKToOxlk9MX2irBntKG0Y33KEne7NE96zARfLBglqCbWoBUU0fV1nRQ9A/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() 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:2px 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/AVvXsEiCvmlKkAbM5LZmiYu5nVwlGu1Gde-tfDoUa3M3Pe4eSCQBcWmCPC_YbSHQOPm_RQY_mpe6uTiCd89N8qpndZIE0bBdaj07N9AuvZt1iYVIIh_O28LwDzl-r0vmO7zEGuLbHpxQJJguTKA/s1600/sprites0.png) no-repeat 0 -27px;border:1px solid #ccc;border-radius:4px;color:#444;margin:0 0 10px;padding:10px 30px;width:50%}
.sidebar-subscribe-box-email-button{background:#363636;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:5px;text-shadow:1px 1px 0 rgba(0,0,0,.4);text-transform:uppercase;width:70%}.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/AVvXsEj8470Ts1AvMRJognBfO-pVj4idvyj1JqQBEoSCYU11dkPRzuxZlclXcWUpPoQ7Q59EIswqJ4wUXK8_BhPIhG12o3DLE4s3rj-S15_7zaEpVdH5_lsrzntTrgIbW5GtOxpMrpNsHEm8RBs/s1600/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 { -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);}
</style>
<center><div class='widget-content'><style>#searchform{width:200px}.txtSearch{width:160px; margin:-2px 0 9px 9px; background-position:0 -29px}.txtSubscribe, .txtSearch{width:80%; height:23px; float:left; background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYMZnAIh6Z9myXbg3pA6OLcFMTbkhoYXpRtJyXbAODY2KbZjacjkRTY9ksEiSntCoM6bzTI-zZ-qCFFR2NeAHC1a0H0K0p46AZ0y0ucBQEl5iCcYqOmdTDREg0HPB-0FLkz1jC3RZXLdw/s1600/ara2.png') no-repeat; margin-top:15px; padding-left:40px}.input-text{font-size:11px; border:1px solid #000; border-radius:3px; box-shadow:0 1px 1px 0 rgba(0, 0, 0, 0.07) inset;}</style><form action='http://webkenti.net/search/' id='searchform' method='get'><input type="text" class="txtSearch input-text" name="q" placeholder="Arama..." x-webkit-speech="x-webkit-speech" onwebkitspeechchange="this.form.submit();" /></form></div><div class='clear'></div> </center>
<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/WEBKENTi" target='_blank'> <img alt="Click Me" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1bJmsrPCS-EDnnKlx7mGsLZBwxAvFqHhyaARogaMHaTQrztiZE_kEKyhrCBPadEvvApJHiVHABd8nNCxD6fQMCGVLji-A8DC0b6YQF93rNm8AXx1N2MrNw8O8VU1pqIFdTIa4pNC39yI/s1600/rss.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgn8aU7LrG5ssk4qQhJTh_k6G31ZZfveXbjYw1-c7vAMqSzX0c_1X9qbTq3zoKZIgm3W3aEso9gi5Xt4tChZpDW9WedzJ_25adT2OeLTByy9otQX5OckgkfBiVrIlx0T-ctmRZ5prhEQ3c/s1600/rss.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1bJmsrPCS-EDnnKlx7mGsLZBwxAvFqHhyaARogaMHaTQrztiZE_kEKyhrCBPadEvvApJHiVHABd8nNCxD6fQMCGVLji-A8DC0b6YQF93rNm8AXx1N2MrNw8O8VU1pqIFdTIa4pNC39yI/s1600/rss.png" /></a>
<a href="https://www.facebook.com/WEBKENTi" rel='nofollow' target='_blank'><img alt="Click Me" hieght="100" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyDArS_bLUy24CcCsDaloDxDvBAlaX0CQuoqktY-dCd-hHvoylF0YUYI3k8KorbOLT_BYdcfDnFWAJmHY5a7aSNUMyPyHTq6_IaY-LWbMXk2cWK81cr2mupvRwkM0WH_n8mA_HVjdffHw/s1600/facebook.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkLTAy9JKD1lRNJoOULOi5jQpdG20Bu4Y4So87VTwGZ9dH698grHIVH5RlexNgBphxQp6gdQRGKkoJxGxB3tvTFDE98GE5bFVlEsqWYDypyR2W6M6pNfRAK3BVHIrXjZT6SP8-SJ8fgdU/s1600/facebook.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyDArS_bLUy24CcCsDaloDxDvBAlaX0CQuoqktY-dCd-hHvoylF0YUYI3k8KorbOLT_BYdcfDnFWAJmHY5a7aSNUMyPyHTq6_IaY-LWbMXk2cWK81cr2mupvRwkM0WH_n8mA_HVjdffHw/s1600/facebook.png" /></a>
<a href="https://twitter.com/WEBKENTi" rel='nofollow' target='_blank'><img alt="Click Me" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEght1p0juPt827WqzD7lYBYj8Jy3iP9SGK7XJFUUExgB2tgPoNrWltdwGHE_95fDFCQ2o0nBLuH60yBt97uWsnlRe9t4BOiqCGSKMQ8Z6VwFgAJ6KJbpAuaRL9lTPZztaVOHoTo6J9NfuY/s1600/twitter.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh97RHg9az-PrkyJFy3aZFhdw95V78zX0WUAF4PexJXrl4GFXrcBPiPD4Pel7-jtzTlD9tahXKBYmdFt3tTspy-Hq0osS7QmebBRcNQnSUk1T5D0Ny6ai1MEzW3xGmMI3y07qVmUBJZbA/s1600/twitter.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEght1p0juPt827WqzD7lYBYj8Jy3iP9SGK7XJFUUExgB2tgPoNrWltdwGHE_95fDFCQ2o0nBLuH60yBt97uWsnlRe9t4BOiqCGSKMQ8Z6VwFgAJ6KJbpAuaRL9lTPZztaVOHoTo6J9NfuY/s1600/twitter.png" /></a>
<a href="https://plus.google.com/WEBKENTi" target='_blank' ><img alt="Click Me" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVCXuVMbcodutgcBStcFMd7DqDqX2NuqhYybgLxK-_qMVQkr6ff8NDAAwBtNIxJ267Sg7r2hckZfBubp4bYAtsERCjQKE6ysgqkaDaIZ-QQABmwsoY4xKYN5SQsH7xlJaGX3tEN1cNrKc/s1600/googleplus.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBrWombfDMb4AdE6mbncgcbvzx4H_rhZOg9G2xeo5FOpz9LADBMTtn0K-sEjfTMgngMj7E7xiLDpCmrTb2jQer1vE6s2KacWufe_jIZTmOSZhY7qGy_3eR9F54X_bU5214J7vBFx-nh28/s1600/googleplus.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVCXuVMbcodutgcBStcFMd7DqDqX2NuqhYybgLxK-_qMVQkr6ff8NDAAwBtNIxJ267Sg7r2hckZfBubp4bYAtsERCjQKE6ysgqkaDaIZ-QQABmwsoY4xKYN5SQsH7xlJaGX3tEN1cNrKc/s1600/googleplus.png" /></a>
<a href="https://www.pinterest.com/WEBKENTi" rel='nofollow' target='_blank'><img alt="Click Me" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeac_lyxTq1XuW-4Gb0W8B42hWqRjXRGZ8mYYicxfP_yiXh5zPu0-FrEXRzuaE_oYm652IuGEPcaKMU-YsoGKEzEakMkCNleSgcaSBxK3l2XfSJ3tJlBWK8QgeBcdDb-P70pNEhBFz-TE/s1600/pinterest.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-Sr-UODgiHeSjXqB5HEXosp-yU6Tvi7yeT28EDR_2KtJHo_zqQibuYO7U9pkFaMBNsvRN3EqEEKJeUhlKqEUz3sjTst7jxvM2Lsn0mJjXUr2lnmWXi0GWT4zrPu0Yc56H9GELcRxDCK0/s1600/pinterest.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeac_lyxTq1XuW-4Gb0W8B42hWqRjXRGZ8mYYicxfP_yiXh5zPu0-FrEXRzuaE_oYm652IuGEPcaKMU-YsoGKEzEakMkCNleSgcaSBxK3l2XfSJ3tJlBWK8QgeBcdDb-P70pNEhBFz-TE/s1600/pinterest.png" /></a>
<a href="http://instagram.com/WEBKENTi" rel='nofollow' target='_blank'><img alt="Click Me" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCFTi-2yJjhBv2VRjMh_BDvVrRxXhLBxuocg2z2YmgKz0JaONsAplwiglUM-2oqj_526uR-JbWEa6eS2UMOsLR2mig86L2tSSB5pf5LWR37cDecd7ws0PTPlxKKFi014HTL6N-yCIwg-E/s1600/instagram.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggl0UVUfTfJryLZVnFeDQxyrPKICqZy8FmYiEAaYnnDwa1AHbDQKtERYF90ULvHGMSV2wEqaEr94KWpxn48KvUXDfYG92jSqop2ZSjSZ9QCUUDwVRUPnLcyVR6_2tstEWsVBE3flT0KdA/s1600/instagram.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCFTi-2yJjhBv2VRjMh_BDvVrRxXhLBxuocg2z2YmgKz0JaONsAplwiglUM-2oqj_526uR-JbWEa6eS2UMOsLR2mig86L2tSSB5pf5LWR37cDecd7ws0PTPlxKKFi014HTL6N-yCIwg-E/s1600/instagram.png" /></a>
<a href="https://www.linkedin.com/WEBKENTi" rel='nofollow' target='_blank'><img alt="Click Me" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1b83BnGKwnvMIwmMF9q6JEmF_MXuALovnIfP1s9SE0hOYFwdwweR7WoGh6nV_YvY-h-A8LPwBSenplXtmQtc6iI-LJLOlAh2CRxb6Gf0lQTyM_vmZ2ZIr4VVXH_Pvg25pvZUNu0C4kNY/s1600/linkedin.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQae5Ug8_GWDx4mEEoY1w0RTVZ2rr8NQY4IwziLthh29jKEFKhPf1agxD2rPIHUP-3cLGEUa0yk2Vh7F8jQ4YRV0dQOL5PnZWrMmfTSAWFVwzdCm4HPBf7L286q5YTqvIYxnCRTQeEq3w/s1600/linkedin.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1b83BnGKwnvMIwmMF9q6JEmF_MXuALovnIfP1s9SE0hOYFwdwweR7WoGh6nV_YvY-h-A8LPwBSenplXtmQtc6iI-LJLOlAh2CRxb6Gf0lQTyM_vmZ2ZIr4VVXH_Pvg25pvZUNu0C4kNY/s1600/linkedin.png" /></a>
<a href="https://youtube.com/WEBKENTi" rel='nofollow' target='_blank'><img alt="Click Me" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuOlzWS88L3Vkt6THlM0ziCNelMMy82gvFf_8tX2YLgxUBKZBT5PTMgKWnDHukLkC0vFrbihmXOD19KhyphenhyphenwKeduYuSwvZpi4bTqp5ZTypQrCmQL1tYoLjAj9Gw5XoWrE1dE1puOaSWh2XM/s1600/youtube.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_DGnP7WlwkD60fLopExFVn2JDR0Ws6vL6nMlXbv-d8GFT8kpIgUxzzjDeQ_x2wEvNAp-aKO5r49Yai9AAr7ShZgCBlVHTf2u7asOcroFVYEjD8AGxXypJguLhE6BAc1FqNk5HVY7GrgI/s1600/youtube.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuOlzWS88L3Vkt6THlM0ziCNelMMy82gvFf_8tX2YLgxUBKZBT5PTMgKWnDHukLkC0vFrbihmXOD19KhyphenhyphenwKeduYuSwvZpi4bTqp5ZTypQrCmQL1tYoLjAj9Gw5XoWrE1dE1puOaSWh2XM/s1600/youtube.png" /></a>
<a href="http://share.com/WEBKENTi" rel='nofollow' target='_blank'><img alt="Click Me" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgJR_Wtf6AYNsn02LVZT1gpuLpcEimlUu0zNYT8mvQxEUmdSbK688z9DZaAmOjRVamqZOqJKXImmulvTzbT3Q5E_T6bSFp2JIRmPP1M-twISlf498-nsT7nOHKgnjMi7TvjTfxSkXIPlU/s1600/share.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMBmg5uHd726lxHswwXtx2RpRk1laJPy41-SGk6-zSPgfnS9_XHtBbj4mA7Gm8nceFs3VCctSk613UV8e25D-5kqn5uC7ecWP6GlMygrjGJl-H3xlkcqu3yrEpwvxjyKHDbJ0m8ShtEgY/s1600/share.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgJR_Wtf6AYNsn02LVZT1gpuLpcEimlUu0zNYT8mvQxEUmdSbK688z9DZaAmOjRVamqZOqJKXImmulvTzbT3Q5E_T6bSFp2JIRmPP1M-twISlf498-nsT7nOHKgnjMi7TvjTfxSkXIPlU/s1600/share.png" /></a>
<a href="http://webkenti.net/p/iletisim.html"><img alt="Click Me" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF0OXRb0KgKh0J1nsBn-mYuZJIL7eiFX2eRjmJiFv2Rg90uJ82cbdR5BsJF5C7Tv9bhugrZKW3F79YjIdw0xzeQZfT6Lp6ojJ64DtK6hmjqJNRY8IlJB9h_8vQFc9RVPEY3HxDl30D6xc/s1600/email-blue.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6JQEV8ulEnJL7HozZeZnnuphkyXHResBasTH3saLA9NJZzHd18OPhedTc5gtb6ETYWaackR4RMHMe5-Ou_qseKrVuHPkY6sq5fRYgVJEI-f4yuYvMLd4Sq1jMafVluJN7FzFqVkD2zDI/s1600/email-blue.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF0OXRb0KgKh0J1nsBn-mYuZJIL7eiFX2eRjmJiFv2Rg90uJ82cbdR5BsJF5C7Tv9bhugrZKW3F79YjIdw0xzeQZfT6Lp6ojJ64DtK6hmjqJNRY8IlJB9h_8vQFc9RVPEY3HxDl30D6xc/s1600/email-blue.png" /> </a></p></center>
<form action="http://feedburner.google.com/fb/a/mailverify?uri=WEBKENTi" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=WEBSEYYAHI', '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>
</div><!--Author: webkenti.net-->
https://***.com/WEBKENTi : Kendi abonelik kanallarınızın URL adresleri. (Kullanmadığınız ikonun satırını silerek kaldırabilirsiniz).
<center>***</center> : Özelleştirilmiş arama kutusu. (Kullanmak istemiyorsanız tüm satırı silebilirsiniz).
Yorumlar
Yorum Gönder
🔺 YUKARI ÇIK 🔺