Blogger Abonelik Eklentisi (Ahşap Modelli)

Blogger Sosyal Paylaşım ve Abonelik Butonları Eklentisinin ingilizcesi "wood model" olan ahşap modellisini sunuyoruz.İçerisinde Blogger sayfanızdan direkt olarak Facebook,Twitter,RSS ve blog aboneliği, yani ziyaretçilerin e mail adreslerini 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

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://phtmldrive.blogspot.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/AVvXsEjhaLG_VyG_izsPoDG8fjZIOcs8YTZPqgCwaFuZ0Iv0wQ-Abta_p7p1hxE-01hK43Gt3vxFmHULhLN5jhb8EOqeRCFon3fPByCUbRz_aY6B3QH9wFj8g-9sdkig5_0FlBYrwvtAiF1JKeE/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/phtmldrive/270630239670726"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOrrdw49Iyqj-F0qXGcNNwbUOw4LDBQ_aPc18NWOSi1DWpy2akAyyF51YNcdjo8ESBolftrMi9CnzJTNMJdV6vMQQm-3YnlyIzLq0BF81ot9mmp0gr35SUMGsgqcbGTdZHRAr-NsrLXtU/s1600/woden+board+facebook_netoops.png" class="beintouch" /></a></td><td><a target="_blank" href="http://twitter.com/phtmldrive/" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdFtTNukTbRKEiqANzarVynXvsa0BLTq84PLSonShlyYZ4xIt9QlqSMzvdc9yAdK9xhiAnF4Yv2vEDwE6ofUU5mVALnDR3FquVa7YymdowhM902ooQzMXZLLPu7dDGgAA7MGHrvxR1jig/s1600/woden+board+twitter_netoops.png" class="beintouch" /></a></td><td><a target="_blank" href="http://feeds.feedburner.com/phtmldrive" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHHXZVQ52AFUhiJohMFBrLERQbQ7ThgO2HpAL_fuLwTwX8KdEJNUn_dnY530J9Gs3Y2soVhzZ8kc3mpceonjMFMQn3BP0yp0pl8uKoFZE-sDpnmnbyc91BICgPeKkQmKdqlYfPdLxCC0c/s1600/woden+board+RSS1_netoops.png" class="beintouch" /></a><a href="http://phtmldrive.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://phtmldrive.blogspot.com/ -->

Kod içerisnde renkli olarak belirttiğimiz:

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