Sitene Abonelik Butonu Ekle

Blogger Sosyal Paylaşım ve Abonelik Butonları Eklentisinin ingilizcesi "wood model" olan ahşap modellisini sunuyoruz.İçerisinde Blogger sayfanızdan direkt olarakFacebook,Twitter,RSS ve blog aboneliği, yani ziyaretçilerin e mailadreslerini girip kaydet butonuna bastıkları takdirde yazılarınızın kişilerin mail adreslerine gitmesini sağlayacak eklentiyi blogunuza nasıl ekliyebileceğinizi anlatacağız.

Demo Görünüm
1-Blogger Hesabımızla Giriş Yapıyoruz.
2-Kumanda Paneli>Yerleşim>Gadget Ekle>Html/Javascript yolunu takip ediyoruz.

3-Aşağıdaki kodu kopyalayıp Açılan Gadget içerisine yapıştırıyoruz.

<!-- Start Gadget Code From http://www.oyun04.com/ --> <style type="text/css">  /* Delete form Here*/   img.beintouch:hover {     background: none repeat scroll 0 0 #D6D6D6;     border-radius: 16px 16px 16px 16px;     box-shadow: 0 0 10px #565656; } /* Delete to Here*/ .emailtext {     background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR_hsyMse5h2xLUfWxZjLddwvXS2Mv5ZRdg9AYvaMLCFeR-hP76EtCrK4IPPK4d8EFn2ePyFYTFIigdypHNw_fEc-ax1et07z08ZOCupOq5DpkiJfUSB4O_F48NP9_jHAMRYBjibSKcks/s1600/mailbox.png") no-repeat scroll 4px center transparent;     border: 1px solid #7E4E27;     border-radius: 4px 4px 4px 4px;     box-shadow: 1px 1px 4px #7E4E27 inset;     color: #444444;     font-weight: bold;     margin-left: 2px;     padding: 7px 15px 7px 35px;     text-decoration: none;     width: 176px; } .ebutton {     background: -moz-linear-gradient(-45deg, #3C1F0E 0%, #D28A47 30%, #F9E183 30%, #D28A47 55%, #3C1F0E 100%) repeat scroll 0 0 transparent;     border: 1px solid #D3D3D3;     border-radius: 4px 4px 4px 4px;     color: black;     cursor: pointer;     font-weight: bold;     margin-left:0 auto ;     margin-top: 5px;     padding: 6px 15px;     text-decoration: none;     text-shadow: 1px 1px 6px #000000; } </style> <table align="center" width="317px" cellspacing="0px" cellpadding="1px"><tbody><tr><td><a target="_blank" rel="nofollow" href="http://www.facebook.com/pages/Blog-Okulu/270630239670726"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxRlDP5tJBUhPlQBOsuCOomlCLbGeYiOI2gHPHJaNHYEj9yAqDtgvRsY6jrT7RmFqRGf7UeR2Cb-nSq5CPbulJdA1eZpr7JMxNVd5h4r6lwi1ZtI00YTzKL-_eVyMlVeIMo3_hwojYnns/s1600/woden+board+facebook_netoops.png" class="beintouch" /></a></td><td><a target="_blank" href="http://twitter.com/blogokulu/" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9bipMDEMFy2XR7Ir9Zh7ZQZSsEsg9UWVVGsedztue9_Tu5DBUurE6K6rG6FCVf0cEFhAkVlP-qbXl7K8g2RaGqPcKQKY1F4q5sI5SGw95Yu57pgM37YC4NiQY4BeFdeomVzFmZM3r8rk/s1600/woden+board+twitter_netoops.png" class="beintouch" /></a></td><td><a target="_blank" href="http://feeds.feedburner.com/blogokulu" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKD4ftFAFw513y6FQ2y9mUwBlrzJ0te90czqQLMNRbDz0TQBQdMc2AW_UhvL3AtB1NzWiS0kCAXVILWxWBya-dzK_cbbaXwOG65p2wqHbpQQ8lvxbud6kxD-5PVKUszB_lJBK7nVTdsZA/s1600/woden+board+RSS1_netoops.png" class="beintouch" /></a><a href="http://netoopsblog.blogspot.com"></a></td></tr></tbody></table> <div><b>Yazılarımız E-Mail Adresinize Gelsin</b></div> <form target="popupwindow" style="margin: 0pt;" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=netoopsbloggertricks', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" method="post" class="emailform" action="http://feedburner.google.com/fb/a/mailverify"> <input type="hidden" value="NetOopsBloggerTricks" name="uri" /> <input type="hidden" value="en_US" name="loc" /> <input type="text" value="Mail Adresinizi Girin..." onfocus="if (this.value == &quot;Mail Adresinizi Girin...&quot;) {this.value = &quot;&quot;}" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Mail Adresinizi Girin...&quot;;}" name="email" class="emailtext" /> <input type="submit" value="Kaydet" title="" class="ebutton" alt="" /> </form> <!-- End Gadget Code From http://www.oyun04.com/ --> 

Kod içerisnde renkli olarak belirttiğimiz:

1. http://www.facebook.com/pages/Blog-Okulu/270630239670726 Adresi yerine kendi facebook adresinizi.
2. http://twitter.com/blogokulu Adresi yerine kendi Twitter adresinizi.
3. http://feeds.feedburner.com/blogokulu Adresi yerine kendi RSS adresinizi yazıyorsunuz.

Bu Yazıyı Begendinizmi