Blogger destek:E-posta aboneliği ve sosyal paylaşım butonları eklentisi widgeti

Sosyal paylaşım ikonlarını her sitede görmüşsünüzdür.Ama bu widget ekonomik boy gibi birşey.Bütün bu sosyal payşalaşım butonlarını tek bir widget üzerinde hemde şık bir görünümle sunuyor.Hem e-posta aboneliği ve sosyal ağları üzerinde barındırıyor.

widget örnek görünümü

Bu kod üzerinde değişimler yaparak kendi sitenizin tasarımına uygulayabilirsiniz.Her siteye uyumlu olabilecek bir widget.Tek yapmanız gereken kodu sitenizde uygun yere yapıstırıp site tasarımına göre renkleri ayarlayabilirsiniz.

Blogunuza e-posta abone ol ve sosyal paylaşım (twitter,facebook,google+,linkedin,rss,e-posta)platformlar butonları widgetini eklemek için gerekli kod aşağıdadır.

kod:
<style>.btsubscribe1 {padding: 8px;background-color:#ff99ff;background-position:center;background-size:100%;background-repeat:no-repeat;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} .btsubscribe2 {padding: 8px;padding-top:0px;background-color:#333333;background-position:center;background-size:100%;background-repeat:no-repeat;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;text-align:center;} .buttonSubHomepage2 { height:24px; width:100px; border:solid; border-color:white; font-family:arial black; font-size:14px; padding-bottom:21px; color:white; background-color:#333333; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 25px; -webkit-border-bottom-left-radius: 25px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 25px; -moz-border-radius-bottomleft: 25px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 25px; border-bottom-left-radius: 25px; } .buttonSubHomepage2:hover { background-color:#ff99ff; }</style><link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css' /><div class='btsubscribe1' align="center"> <div style='color: #FFFFFF; font-weight: bold; font: 22px Oswald; margin: 0px 0px 10px 15px;'> E-posta Aboneliği</div> <div style='color: #FFFFFF; font-weight: bold; font: 16px Calibri, cursive; margin: 0px 0px 10px 15px;'> Sevgidoji'de yayınlancak yeni yazılar E-posta adresine gelsin.</div> <div style='margin: 10px 0 0 6px;'> <!--Subscription Box--><form action='https://feedburner.google.com/fb/a/mailverify' expr:onsubmit='"window.open(\"https://feedburner.google.com/fb/a/mailverify?uri=" + data:feedPath + "\", \"popupwindow\", \"scrollbars=yes,width=550,height=520\"); return true"' method='post' target='popupwindow'', 'scrollbars=yes,width=550,height=520');return true'style='margin: 0pt;' target='popupwindow'> <input name='uri' type='hidden' value='sevgidoji' /><input name='loc' type='hidden' value='en_US' /><input style="height:24px;width:200px;border:solid;border:hidden;border-radius:5px;font-size:12px;" class='btmailbox' name='email' onblur='if (this.value == "") {this.value = "E-mail Adresiniz....";}'onfocus='if (this.value == "E-mail Adresiniz...") {this.value = ""}'type='text' value='E-mail Adresiniz...' /><br/><input class="buttonSubHomepage2" alt='' title='' type='submit' value='Abone Ol'/></form> </div> </div> <div class="btsubscribe2"> <div style='color: #FFFFFF; font-weight: bold; font: 22px Oswald; margin: 0px 0px 10px 15px;'> Sosyal Ağlar</div> <div style=''> <span itemscope='' itemtype='https://schema.org/Organization'> <link itemprop='url' href='https://sevgidoji.blogspot.com.tr/'/> <a itemprop='sameAs' href='https://twitter.com/' target='_blank'><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNB91uBaVEzyw_HPCzkhCtJG599aQbzNNMgP0K6vWyiBiWhvPa1Xze40pTziBk02J4ZEeDOnPASPWH-9irlPXn_yItB4Pqo0iuPNP6-3AAVoIfwJgl7K8IEvuwajtTdbApFfCRDpFWRLQ/s1600/twitter.png' title='Twitter'/></a> <a itemprop='sameAs' href='https://facebook.com/' target='_blank'><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiypaRutgdXW7WGFee4mL4KSAw_MtmMRjm0DZrlwMZOgsvzflmwTRNC9gzpNmYCs3LZZHew5NIT5QhNgsDusjsbuVmiQjjowHQDXzE0SYrjK2CyT_cFc1dy7GGDuzK5ivsHr1KtL61acOs/s1600/facebook.png' title='Facebook'/></a> <a itemprop='sameAs' href='https://plus.google.com/u/0/116427899052325785087' target='_blank'><img alt='Google Plus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiP4ZLv6SI0RJlDfFbTrcJaZ_FaVYeAgjn0TxRLVFmgt2rEdZR2F8uBo-oo-0loxG8PoWFUy7uBddEnz6IfHgfTKIHxHqcOtpONFAldjeQ15JQlkBJJTaNk0-9L7rIGqEwVSlOGFveU_JU/s1600/gplus.png' title='Google Plus'/></a> <a itemprop='sameAs' href='https://www.linkedin.com/' target='_blank'><img alt='LinkedIn' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSKxuECPfhQ_xACjcUPot4h3sJKToE1ZZqoaw8oYm2dChEMvMejwgihmpidD6MWzKVDasAGZlcHMWrSC8IWOSK2ahS2y3maRSHZRdz2RhvrLXIetSa5gA3UTByLVyanS4TEv5QWt5RPcU/s1600/linkedin.png' title='LinkedIn'/></a> <a itemprop='sameAs' href='https://sevgidoji.blogspot.com/feeds/posts/full' target='_blank'><img alt='RSS Feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEishUdDRe-S7vmru8wVP1kaj3rOl_o6kXJYIvrWBmHQ_343keIL1AT5V7Wt2xyaVSgvyvY8AQGX48vFwLp9bJ-RRDpPeVlAJuug04dAD24PqkiO5ZldOxFfyW27Gh3k0IhjumhCkG9VIL8/s1600/rss.png' title='RSS Feed'/></a> <a itemprop='sameAs' 'mailto:sevgidoji@gmail.com' target='_blank'><img alt='Email' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisMV83xVNeJ6qt_D_rP-99xKUoLu8ETjaLBDbJWYySND0Rwi0pMCY4lGJu4piazSjrYxvRheBFRb-IpStebZGI0bUF6akvLUOWo6N3Z4LTCZ6Ud7bzw2x1jvo3FvpNYcjvXx7gg-absas/s1600/email.png' title='Email'/></a> <a itemprop='sameAs' href='https://www.instagram.com/sevgidoji'> </a></span><br/></div> </div>

Değiştirebileceğiniz bölümler background ve url dir