Blogger yazılarınızın altına çok sade ve kullanışlı Twitter Facebook Rss Google+ E -posta aboneliği butonları;

Hemen kuruluma geçelim Yerleşim html yi düzenle sekmesinden widget şablonları genişleti işaretleyerek devam edin ve aşağıdaki kodu bulun.
<data:post.body/>
Bu kodun hemen bir altına gelecek şekilde aşağıdaki kodları ekleyin..
<b:if cond='data:blog.pageType == "item"'>
<style type="text/css">
form.feedburner {
margin: 20px 0 0;
display: block;
clear: both;
}
.bloglamazamanistyle {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixzZEzogSAnWKluYxFtc6KiafhQT2T-jJCSJjXfCt6hkHIgL34BCRI9AppkEYeq4UUHsMRoCwMSdIIEFUeJx3Df9jt3F13z_9JgLA2uXOm_nw-C7qKfs7DuaJJfo2-BwXd_EvmLMS8DJ4/s1600/bloglamazamani-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;
}
.bloglamazamanisubmit {
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='
#FBFBFB', endColorstr='#F4F4F4',GradientType=0 );
background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
}
#bloglamazamani-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;
}
#bloglamazamani-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;
}
#bloglamazamani-widget td {
padding: 3px 0;
}
</style>
<center><br/><div id='bloglamazamani-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; '>
Günlük Paylaşımlardan Haberdar OL!
</p>
<form action='http://feedburner.google.com/fb/a/mailverify' class='feedburner' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=feedadresiniz', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' style='margin: 0pt;' target='popupwindow'>
<input name='uri' type='hidden' value='blogzamani'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='bloglamazamanistyle' name='email' onblur='if (this.value == "") {this.value = "Enter your email…";}' onfocus='if (this.value == "Enter your email…") {this.value = ""}' type='text' value='Enter your email…'/>
<input alt='' class='bloglamazamanisubmit' 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; '>
Follow us!
</p>
<a href='http://feeds.feedburner.com/feed' rel='nofollow' target='_blank' title='Suscribe to RSS Feed'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc4jgYuuqc-dNJnFvcy93z69fhMl2IiZ_Ad6jopLDaREUVkHhiAWYFu_m01MvRWVgj8mS1jVIEqMhrrJtKfNhOQGs7UERATeIEMFi0k5mkmzDm178owpaQOAhPc9JSpayM6hf7_hKBfN0/s1600/rss-icon.png'/></a>
<a href='http://twitter.com/twitteradınız' rel='nofollow' target='_blank' title='Follow us on Twitter'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8vwNNHOBPrID1-AYVVQrWuDK12eZZl2MQza3KlzZhnOOQyWFHPouvnJH0_gsUgjGaZ2OHgSsTptvxRzmO2RMKSoBhZ7UcGcQ6WRYdkKLstHMPMfJsFb9YGnoKiwIadtAi2gu3fuXR2Zg/s1600/twitter-icon.png
'/></a>
<a href='http://www.facebook.com/facebookadresiniz' rel='nofollow' target='_blank' title='Follow us on Facebook'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8NLcarNFmXxtypyAIkIg6Wr9uf6iyfKybi-RDAlCLqcJlMFrXiUavUeIOhPdfYhK2LyOoMBRUi1au4Mx9EAv4N4YkfOOyTfKF5HbIWKnurHYhfABbu0iXYSDT3IDd3RYV_h66TY3lWN0/s1600/facebook-icon.png
'/></a>
<a href='https://plus.google.com/google+ id si/' rel='nofollow' target='_blank' title='Follow us on Google+'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOcWYcBYtY2EDSY1Ojh1N9lm1kzFFhNW2LroOcQWK27pUsPnMgWnlNcSwNi3yY8wuCtRgmQLDVHXYJiVflX3BX_O9W-uQ8cxdwtbyVqh0KWxCdByHZu1vmRkVj8uGCVqjGQPBZa-gwEdY/s1600/google-plus-icon.png
'/></a>
</td>
</tr>
</tbody>
</table>
<div align='right'>
<span style='font-style: italic; font-size: 8px; color: solid #ffffff;'><a href='http://www.bloglamazamani.com/' style='text-decoration: none;' target='_blank'><font color='#000' decoration='none'>[Get this widget]</font></a></span>
</div>
<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2facebooksayfaadresi&send=false&layout=standard&width=450&show_faces=true&action=like&colorscheme=light&font=verdana&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/twitter adersiniz' rel='nofollow'></a>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script>
</div>
</div>
</center>
</b:if>
ads
Hiç yorum yok: