Blogger 3D EMail Kayıt ve Sosyal Butonlar

Blogger 3D EMail Kayıt ve Sosyal Butonlar

 

Blogger için yeni sosyal paylaşım adresleri ve email takip et eklentisi buna benzer daha önce bir tane daha paylaşmıştım sizlere ama bunun özelliği diğer eklentiye göre farklı renk seçenği ve 3D özelliği olması yani sosyal paylaşım simgelerin ve email kutusunun üzerine geldiğiniz efekt vermesi.Daha önceki eklenti gibi oldukça kolay yöntem ile ekliyoruz.

Blogger Paneli >> Yerleşim >> Gatget Ekle diyoruz ve HTML/JavaScript eklentisini tıklıyoruz ve aşağıdaki kodları içersine yerleştirip Kaydet diyoruz.

<center> <div align="center" id="bswrapper"> <div id="bs3Dsubscriptionbox" style="border: 3px solid #000000; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55AAEE', endColorstr='#003366',GradientType=0 ); width: 270px;"> <h3 id="bstext" style="color: white; font-size: 20px;"> YENİ YAZILAR İÇİN TAKİP</h3> <p> <form action="http://feedburner.google.com/fb/a/mailverify"method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?url=Blogger Turkey', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"> <a class="bs3D+social-icons" href="https://facebook.com/Blogger Erdal"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoRXHIiaOqvaIV5PtaLEwisc1DJF8vfEIhZP2he7gsqhRcXMGgwHFUDz9D-hFsOIrm8V-kQDaKaSuSHaPhHd3G7ogZ8S1gSTVe2UbN8cr68G0XCzfhvDf-1i9llz2fmQBmXhFoI559yso/s1600/Blogger Erdal+3D-facebook.png" /></a> <a class="bs3D+social-icons" href="https://twitter.com/ablogger Erdal"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQdBtZjsSHkefKd-jxBh3w1ThYGDWn8xDaaVYboG2LbAdiAWnu80I6VTPCRYZHUyo7sNKXAM9rMzUZie7TnZyDHu-oed4scBB5Nk9zHvDDgdigb8ptKSZxBgtGCBe6LuiVpTW-zY8rvJI/s1600/Blogger Erdal+3D-twitter.png" /></a> <a class="bs3D+social-icons"href="http://feeds.feedburner.com/Blogger Erdal"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOoh_jhMxB2M4IGqUZThYrp7zv4Hv8C6cSGNNz9HdCKBKbkuKKuMXfsnpa6rJI7yU8oPoWlKZFJBUnQ1uVREmEaqekefgz5zVmZbAEjiu5rm3wyEjNO_pA_2OvEV1bxKi7goyY3R7FROQ/s1600/Blogger Erdal+3D-rss.png" /></a> <a class="bs3D+social-icons" href="http://feedburner.google.com/fb/a/mailverify?uri=Blogger Erdal"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjowECM-vhdAuVTjXkfC94CTYvMXuFwUujuDd-abmZ5rL14hAO5SOnxTXVbczQMEr9TMdzlthfZ6AAo9UhkY4gmcuJiSb0BsxpsugoENnTpFnCFcbMVVqwhMuVtTI9j-mmTZLSp0nnLgLg/s1600/Blogger Erdal+3D-email.png" /></a></p> <input class="email" id="bs3DSubscriberemail" name="from" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" style="width: 130px;" type="text" value="E-Mail Adresini Yaz" /><br /> <div class="Blogger Erdal" style="clear: both; text-align: center;"> </div> <input name="uri" type="hidden" value="Blogger Erdal" /><input name="loc" type="hidden" value="en_US" /> <input id="bsText" style="height: auto; padding: 5px 0;" type="submit" value="Yolla" /></form> </div> </div> </center> <style> a.bs3D+social-icons {margin-right: 5px; height:40px;width:40px;} a.bs3D+social-icons:hover {opacity: .7;filter:alpha(opacity=70); } #bs3Dsubscriptionbox {margin: 0px;padding: 10px;background: #11CCEF; background: -moz-linear-gradient(top, #11CCEF, #036);background: -webkit-gradient(linear, left top, left bottom, from(#11CCEF), to(#036));height: auto!important;color: white !important;padding: 20px 15px !important; text-align: center !important;font-family: Georgia, Times, "Times New Roman", serif !important;margin: 10px;margin: 0px;padding: 10px; margin: 8px 0 0 !important;line-height: 22px;font-family: Georgia, Times, "Times New Roman", serif;padding: 5px;border: none;}#bs3Dsubscriptionbox p {margin: 8px 0 0 !important;line-height: 22px;font-family: Georgia, Times, "Times New Roman", serif; padding: 5px;border: none;}#bs3Dsubscriptionbox input.name { background: white url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYlkRcCkDau2-ARskKpnmMUyz99gvngujjJrAH0xml95xNtcarzSnDS5jhufl2aIEDPnOZiJrC1bT6Ae0D0tAT26MTgj77eUuBgMyPRUgSITL9ExfN-U00jYE8WMVy331yGxQX4-SU2pKT/s320/bs+subscribe-icon.png) no-repeat center right;} #bs3Dsubscriptionbox input[type="text"] {border: 1px solid #111 !important; font-size: 15px !important;margin-bottom: 10px !important;padding: 8px 28px 8px 10px !important;width: 80% !important;height: auto !important;} #bs3Dsubscriptionbox input.email {background: white url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhUffHPSbGyfXOD6XoNirv3QN_pj-2Ptzx4DJwAUaBhef7JWWYVMgEcHLcYopjKdHv5vVqlvc5guuOP01q-Gj6dvgT3aE9HF0qsAZhL3s7UZNqS5GhuUI7wO2zlxGrQw8Lt0Umk_p8INWg/s1600/subscribe-BS+email.png) no-repeat center right;}#bs3Dsubscriptionbox input { font-family: Georgia, Times, "Times New Roman", serif;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;box-shadow: 0 2px 2px #111;-moz-box-shadow: 0 2px 2px #111;-webkit-box-shadow: 0 2px 2px #111;margin: 0px;padding: 0px;}#bs3Dsubscriptionbox h3 {margin-top: 10px !important;margin-bottom: 8px !important;margin-left: 10px !important;margin-right: 10px !important; font-weight: bold !important;line-height: 26px !important;letter-spacing: normal; text-transform: none;text-decoration: none; text-align: center !important;font-family: Georgia, Times, "Times New Roman", serif; border: none;padding: 0px !important;float: none;}input:hover[type="submit"] { background-color: #11CCEF;border: 1px solid #11CCEF;color: white;text-decoration: none;}input[type="submit"] {background-color: #11CCEF;border: 1px solid #11CCEF; color: white;cursor: pointer;font-family: 'Droid Sans', sans-serif !important;font-size: 13px;font-weight: normal;padding: 5px;text-decoration: none;}input { color: #333;font-family: 'Droid Sans', sans-serif;}#bs3Dsubscriptionbox input[type="submit"] {background: #11CCEF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_Q5K9ENIlEkZLaperKDDCPrK4blO4LrIPnm_b9laQ7jXR60j-YDSiK1QukX2rOC-MJDT4eMh2Uva1zYgDL9ulSgOGeR_VHpoZXDTpBVAH6yUqaFtzmJlJFV_-lkzMFXVnYVArpAnIGeAK/s1600/BS+Button.png) repeat-x top;border: 1px solid #111 !important;color: white;cursor: pointer !important;font-size: 18px !important;font-weight: bold !important; padding: 6px 0 !important;text-shadow: -1px -1px #3A060A !important;width: 90% !important;height: auto !important;line-height: 24px !important;} #bs3Dsubscriptionbox input[type="submit"]:hover {color:#333333;}</style>

Yukarıdaki kod içersinde değiştirmeniz gereken yerler "Blogger Erdal" yazılarının yerine kendi sosyal medya adreslerinizi girmeniz.

Diğer değiştirebileceğiniz yer ise mesela yükselik ile genişlik ayarı yapmak istiyorsanız kod içersinde en üstte bulunan "width: 270px" yerdeki rakamı değiştirerek yapabilirsiniz