Blogger Konu Altına Abonelik Ekleme

Ne zamandır bu kodu arıyordum.blogyazarıyız.blogspota teşekkür ederim.Bu kodumuz blogger sitesi olanlar için gerçekten harika bir kod,herkese tavsiye edebilirm.Bu kod sayesinde ziyaretçilerinizin sosyal ağlarınıza ulaşmalarını rahatlıkla sağlayabilirsiniz.Eğer birazcık Css bilginiz var ise ortaya daha farklı bir şeyler çıkarabilirsiniz.

Kodlarımıza geçelim..

Öncelikle temamızda <data:post.body/> kodunu bulalım ve hemen altına aşağıdaki kodları ekleyelim

<b:if cond='data:blog.pageType == "item"'>
<style type="text/css">
form.feedburner {
margin: 20px 0 0;
display: block;
clear: both;
}

.helperbloggerstyle {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXdUyo9pkeln71uExWtmyzeWZUdvMxAg1Wpyy-fJm-RVoO1Tb_mAP7ZZt3U0MRjCnpX0GsWT-eyaBbstxcvWZBvpTW1npT8ZwCDGkCjjn53vuWxL0QXckp3X3rvRzizbUe4y8m80uG1Syj/s1600/helperblogger.com-email-icon.png) no-repeat scroll 4px center transparent;
padding: 7px 15px 7px 35px;
color: #666;
font-weight: bold;
text-decoration: none;
border: 1px solid #D3D3D3;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 1px 1px 2px #CCC inset;
-webkit-box-shadow: 1px 1px 2px #CCC inset;
box-shadow: 1px 1px 2px #CCC inset;
}

.helperbloggersubmit {
color: #666;
font-weight: bold;
text-decoration: none;
padding: 6px 15px;
border: 1px solid #D3D3D3;
cursor: pointer;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-goog-ms-border-radius: 4px;
border-radius: 4px;
background: #fbfbfb;
background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4));
background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=&#39;
#FBFBFB&#39;, endColorstr=&#39;#F4F4F4&#39;,GradientType=0 );
background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
}

#blogger-widget {
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
-goog-ms-border-radius: 10px 10px 10px 10px;
border-radius: 10px;
background: none repeat scroll 0 0 transparent;
border: 1px solid #D3D3D3;
padding: 8px;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
width: 480px;
-webkit-box-shadow: inset 0px 0px 8px rgba(50, 50, 50, 0.75);
-moz-box-shadow: inset 0px 0px 8px rgba(50, 50, 50, 0.75);
box-shadow: inset 0px 0px 8px rgba(50, 50, 50, 0.75);
-webkit-box-shadow: inset 0px 5px 0px 0px #D8D8D;
}

#blogger-widget:hover {
background: none repeat scroll 0 0 #FFF;
-moz-box-shadow: 1px 1px 2px #CCC inset;
-webkit-box-shadow: 1px 1px 2px #CCC inset;
box-shadow: 1px 1px 2px #CCC inset;
}

#blogger-widget td {
padding: 3px 0;
}
</style>

<center><br/><div id='blogger-widget'>
<div id='emailwidget'>
<table style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;' width='100%'>
<tbody>
<tr style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;'>
<td align='left' style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;'>
<p style='color:#666; font-weight: bold; font-size: 18px; margin:0px 0px 5px 0px;font-family:georgia;font-style:italic; '>
Bizi Her Alanda Takip Et !
</p>
<form action='http://feedburner.google.com/fb/a/mailverify' class='feedburner' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=FEEDBURNERADRES%u0130N%u0130Z&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' style='margin: 0pt;' target='popupwindow'>
<input name='uri' type='hidden' value='hblogger'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='helperbloggerstyle' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter your email%u2026&quot;;}' onfocus='if (this.value == &quot;Enter your email%u2026&quot;) {this.value = &quot;&quot;}' type='text' value='Enter your email%u2026'/>
<input alt='' class='helperbloggersubmit' title='' type='submit' value='Submit'/>
</form>
</td>
<td style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;'>
<p style='color:#666; font-weight: bold; font-size: 14px; margin:0px 0px 5px 0px;font-family: georgia; '>
Sosyal A%u011Flar!
</p>
<a href='http://feeds.feedburner.com/FEEDBURNERADRES%u0130N%u0130Z' rel='nofollow' target='_blank' title='Suscribe to RSS Feed'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEAMjQLmqcCFfDzY3r0Zja9p1FegmsSxPlAX70coe_-1BtJw4A7sMBLFxBYIs6uGPZFUr65NvgPXw6Nykb8DCz6uX8d8PnpduGAhFMkyRCIRAPJfbwDQD8XWUczu-gYSXjEZz6M-hAlOEV/s1600/helperblogger.com-rss.png'/></a>
<a href='http://twitter.com/Oguzhan_aktepe' rel='nofollow' target='_blank' title='Follow us on Twitter'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaOH-yY_3qXLJwXNT2t2a5LdbXNb39_b_-cbMAT-aSXRgpEcrEUSMdFEvIbYkWkjqhSOttMWYEVKhZnR7cYrnKVtUZBSGUGDfgeqMpgRWOzOwynlQzW58drS_vpAU0sWMzOC-sZr4lhXpa/s1600/helperblogger.com-twitter.png'/></a>
<a href='http://www.facebook.com/webmastercity' rel='nofollow' target='_blank' title='Follow us on Facebook'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX01ybLTED346-Xcd2pgdr1HJkE43vYMpg4M5CWrdoQXRaXq9gjEzWAoRIFyTTHpF-6IdkemAp7-vGdhRT9rbkmENyidkJxAKaLSVMmrFg4oIB2IEE4XQtPc8IGkVOCEclp8ZGmrWuVA9F/s1600/helperblogger.com-fb.png'/></a>
<a href='https://plus.google.com/GOOGLEPROF%u0130L%u0130N%u0130Z' rel='nofollow' target='_blank' title='Follow us on Google '><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsZ_ltPNUd7Utk_XVR2KYKlNthPPJACRos-2AY7DjQXF21k1xXE3AnKv6roud8iV0GV89S4i7AM5TtmRWmA8AQTKd5oR8mgIvciRL9lnMDHygB86dYsuBrVCBuPooR-rqYY_x0YjmBXV3_/s1600/helperblogger.com-gplus.png'/></a>
</td>
</tr>
</tbody>
</table>

<iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fwebmastercity&amp;send=false&amp;layout=standard&amp;width=450&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp;font=verdana&amp;height=30" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:30px;" allowtransparency="true">
</iframe>
<a class='twitter-follow-button' href='http://twitter.com/Oguzhan_aktepe' rel='nofollow'></a>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script>
</div>
</div>
</center>
</b:if>


Temamızı kayıt edelim işimiz bu kadar..

Hayırlı Bloglamalar :)

KAYNAK: http://blogyazariyiz.blogspot.com/