Blogger için bir çok eklenti olduğunu biliyoruz ve bazı kodlar içersinde değiştirdiğimiz yerler ile istediğimiz renk ve ayarlarda yapabiliyoruz.Her eklentide muhakkak değişen bir yerler vardır ama herkes kendi bloguna yakışan bir eklenti hazır varsa onu tercih eder.Bu eklentimiz koyu stil email abonelik ve sosyal butonları içeriyor,üst kısımda email abonelik ve diğer alt kısımda ise sosyal sitelerinizin adresleri bulunuyor.Gelen ziyaretçiler için herzaman blogunuza yakışan bir renk seçmek ziyaretçilerin mutlaka gözüne çarpar ve ilgisini çeker.
Blogger Paneline Girin.
1-Yerleşim Tıklıyoruz > 2-Gatget Ekle > 3-HTML/JavaScript dedikten sonra aşağıdaki kodları içersine yerleştiriyoruz.
<style> #btrix-newsletter{ width:290px;background:#2e3639; color:#fff; padding:20px; font-size:14px; margin-bottom:20px; -moz-box-shadow: 2px 2px 2px #000000;-webkit-box-shadow: 5px 5px 5px #000000;box-shadow: 5px 5px 5px #000000;border:double 5px #000000; -moz-border-radius-topleft: 5px; -moz-border-radius-topright:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;} #btrix-newsletter .btrix-title { margin-bottom:10px;margin-top:-10px; } .btrix-title{margin-left: 8px;font-size:25px; font-weight:bold; border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;padding:1px 8px 2px 8px;text-align:center;border:1px solid #151819;color:#fff;background:#222729;display:inline-block;} #footer-subscribe-btn {width:116px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; position:relative;left:135px;} .footer-submit-btn {margin-left:50px;margin-top:-5px;margin-bottom:-50px;border: none;color: #fff;text-transform: uppercase; font-size: 13px;padding: 5px 18px 5px;background: #e93a30;border-radius: 30px;-webkit-border-radius: 30px; -moz-border-radius: 30px;font-weight: bold;-webkit-transition: background .2s linear; -moz-transition: background .2s linear;-ms-transition: background .2s linear;-o-transition: background .2s linear;transition: background .2s linear;cursor: pointer; } .footer-submit-btn:hover { background:#e51111;} #fastsearch ,#footer-subscribe-email{background:#62686b;color:#fff;font-size:14px;border:none; box-sizing:border-box;border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;outline:none;padding:0px 15px; height:30px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} #fastsearch.inactive , #footer-subscribe-email.inactive {color:#b5b7b8;} #footer-subscribe-email {width:100%;} #sb-nl-members-count { font-size:12px; font-weight:bold;text-align:center;width:150px;margin:0 0 -36px 0 ;display:inline-block; </style> <br /> <div id="btrix-newsletter"> <div class="btrix-title"> E-Mail Kayıt</div> <div class="btrix-nl-text"> <center> Son Yazılar Email Adresine Gelsin</center> </div> <form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=bloggerturkey', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"> <input class="inactive footer-text-field" id="footer-subscribe-email" name="EMAIL" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" type="text" value="Email Adresiniz.." /> <input name="uri" type="hidden" value="bloggerturkey" /> <input name="loc" type="hidden" value="en_US" /> <br /> <div id="sb-nl-members-count"> <table border="0"> <tbody> <tr> <td style="padding-right: 4px;"><a href="http://twitter.com/bloggerturkey" target="_blank" title="Twitter Takip Et "> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjZAAf2Ac3Prn2Er9qTUfA9Ku4wgULAjWJyuHTCBXW-yC3OaI-Vn4eY-vCcTwzyMKYHQpuhoyopM1wN_jOlQjowAE4exulG2uZ6sXz3btp-p6p1V3k1AxVN3TkhRDUpRw56XX14C75ApE/s32/bloggerturkey.com-twitter-butonu.png" style="height: 25px; width: 25px;" /></a> </td> <td style="padding-right: 4px;"><a href="http://feeds.feedburner.com/bloggerturkey" target="_blank" title="RSS Dökümanları"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQQg3eT6wh2lUZBksqZMbM8xPmDG1HV5VvuPvmGbuKyH6FHJMrJX7gPBq6OGsbalD6vO_KMOo9jnMiGk4PhP-78-s8lkvYPBK5GFN0rZ-fYTwKchMU4Zo_AqVtuFfYTA5NpmgY9cqqmg8/s32/bloggerturkey.com-rss-butonu.png" style="height: 25px; width: 25px;" /></a> </td> <td style="padding-right: 4px;"><a href="http://www.facebook.com/bloggerturkey" target="_blank" title="Facebook Sayfası"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5QCt2rwQ4Kg4WAH-KtQ0DoZOHFKmFJqTArODx9-84X8oR3TaOYF2PpF61U25wW1A9mVaas5htzbeDdpcxuqu_ovz56pl7pgSN7AL3gduu8m42pEUzt7Ybr-EgK56C4Ao5Y5v0RBvYl5E/s32/bloggerturkey.com-facebook-butonu.png" style="height: 25px; width: 25px;" /></a> </td> <td style="padding-right: 4px;"><a href="https://plus.google.com/100921311785768138667" target="_blank" title="Google+ "> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGhKKH-EVAr75XFhMOQmNRVwF2Dwettlj7sgXyrRikXJ-9zqWmXI1LOj_R2VG06INDymSzj-_A9oGiYI7LaSnELs0jxHhCe5iiyGqlLaLTNf7f8d06ydmn3xp2mWw32lnpKQ3DIApsulU/s32/bloggerturkey.com-google-butonu.png" style="height: 25px; width: 25px;" /></a> </td> <td style="padding-right: 4px;"><a href="http://youtube.com/UserId" target="_blank" title="youtubr subscribe"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhMuHm03NHrSf4nI8jVtjDnpdvAk6ajOOHCLPU8v0bQsy8qxKUZ9zPSy64usKHUVOEyezu1lTvrPHwGFFrsBfN9e2n-UDQHNSRb7MwouPYr4exuGdOMxMIYJtUL1f_yKnPsdXrv0KMxQQ/s32/bloggerturkey.com-youtube-butonu.png" style="height: 25px; width: 25px;" /></a> </td></tr> </tbody></table> </div> <input class="footer-submit-btn" id="footer-subscribe-btn" type="submit" value="Gönder" /> <div class="clr"> </div> </form> </div>
Yukarıdaki kod içersinde bloggerturkey yazan yerleri kendin sosyal adreslerinizi girmeniz ve google id numaranızıda girmeniz yeterlidir..
0 yorum:
Yorum Gönder