Güncel Haberler, Yazılım, Teknoloji ve İnternet Paylaşım

Blogger RSS abonelik kutusu ve Sosyal paylaşım butonları

rss abonelik kutusu ve sosyal paylaşım butonları
Rss abonelik kutusu
     Sosyal medyanın şu anki internet kullanımındaki gücünü hepimiz biliyoruz. Keza sosyal paylaşım butonları ve RSS abonelik'inde etkisi aynı şekilde. Blogunuzda yazdığınız bir yazının sosyal medya da paylaşılması daha çok kitleye ulaşılması demektir .Haliyle Bu da blogunuzun daha çok trafik alması demektir. Blogunuzun sosyal medya da daha etkin olmasını sağlamak da siz blog yazarlarının elinde. Blogunuzda yer vereceğiniz facebook, twitter, pinterest vs gibi sosyal medya araçlarını kullanarak daha etkin bir blog oluşturabilirsiniz. Bu sosyal medya araçları dışında farklı etkili bir yöntem de yazılarınıza abone okuyucu sağlamaktır. Blogunuza RSS kutusu ekleyerek bunu sağlamak mümkün.Bir çok blog da haber sitelerinde vs başka internet platformlarından da bültenimize abone olun, yazılarımıza abone olun tarzı bir kutucuk ve butonla karşılaşmışsınızdır. Feedburner yani RSS okuyucusunu kullanarak bir yazı yazdığınız da , RSS abonesi olan okuyuculara yeni yazınız gönderilecektir.Kısacası e-mail yoluyla yazınız kayıtlı okuyuculara ulaşacaktır.
Blogger RSS abonelik kutusu ve Sosyal paylaşım butonları eklentisini , TEST butonuna tıklayarak görebilirsiniz.
Blogger RSS abonelik kutusu ve Sosyal paylaşım butonları eklentisini blogunuza uygulamak için :
  • Blogger paneline giriş yapınız.
  • Yerleşim sekmesine tıklayınız.
  • Gadget Ekle / Html javascript'e tıklayınız.
  • Açılan penceredeki kutucuğa aşağıdaki kodları yapıştırınız.


<style>
. social_box-email{
background:Fff no-repeat 0px 12px ; width:270px;float:center;font-size:1.4em;font-weight:bold;margin:2px 20px 0px 10px;color:#686B6C;
}
. social_box-emailsubmit{
background:#0084CE;cursor:pointer; color:#fff; border:none;padding:3px;margin:0 0 0px 0;text-shadow:0 -1px 1px rgbaundefined0,0,0,0.25);
-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; font:12px sans-serif;
}
. social_box-emailsubmit:hover{
background:#E98313;
}
.textarea{
padding:2px; margin:0px 2px 0px 2px; background:#f9f9f9; border:1px solid #ccc; resize:none; box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1);
-moz-box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1); -webkit-box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1); font-size:13px; width:200px; height:20px;color:#666;}
#socialbox
{
text-align:center;font-weight:bold;padding:5px;border:1px solid black;width:300px;
-moz-box-shadow: 0px 0px 8px #000000;-webkit-box-shadow: 0px 0px 8px #000000;box-shadow: 0px 0px 8px #000000;}
</style>
<br />
<div id="socialbox">
<a href="http://feeds.feedburner.com/ugurturkoglu" imageanchor="1" rel="nofollow" style="float: center; margin-left: .5em; margin-right: 1em;" target="blank"></a>
<br />
<div class="social_box-email">
<form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" onsubmit="window.openundefined'http://feedburner.google.com/fb/a/mailverify?uri=ugurturkoglu', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input class="textarea" gtbfieldid="3" name="email" onblur="if undefinedthis.value == &quot;&quot;) {this.value = &quot;E-mail adresinizi yazınız&quot;;}" onfocus="if undefinedthis.value == &quot;E-mail adresinizi yazınız&quot;) {this.value = &quot;&quot;;}" type="text" value="E-mail adresinizi yazınız..." />
<input name="uri" type="hidden" value="ugurturkoglu" /><input name="loc" type="hidden" value="en_US" />
<input class="social_box-emailsubmit" type="submit" value="Kaydol" />
</form>
</div>
<style class="text/css">
table
{border-bottom: 0px solid #E6E6E6;float: center;width: 300px;margin:-8px 0 0 0px;}
.subicons
{border-right: 0px solid #E6E6E6;}
.Fadeout {filter:alphaundefinedopacity=100);opacity: 1.0;border:0;
}
.Fadeout:hover{filter:alphaundefinedopacity=80);opacity: 0.8;border:0;
}
</style>
<br /><div class="table"><table>
<tbody><tr>
<td><div class="subicons">
<a class="Fadeout" href="http://www.facebook.com/ugurturkoglu" imageanchor="1" rel="nofollow" target="_blank"><img border="0" src="http://2.bp.blogspot.com/-Q8hDSuiQ4oY/UfP3MWGR4KI/AAAAAAAAAxc/uVUQS9B4gOA/s1600/btrix-facebook-icon.png" /></a></div>
</td><td><div class="subicons">
<a class="Fadeout" href="http://twitter.com/ugurturkoglu" imageanchor="1" rel="nofollow" target="_blank"><img border="0" src="http://4.bp.blogspot.com/-EzgBX_HRueU/UfP3N9XacmI/AAAAAAAAAx0/VdVrFJVGGms/s1600/btrix-twitter-icon.png" /></a></div>
</td>
<td><div class="subicons">
<a class="Fadeout" href="http://feeds.feedburner.com/ugurturkoglu" imageanchor="1" rel="nofollow" target="_blank"><img border="0" src="http://2.bp.blogspot.com/-is8jlQvTrQ8/UfP3Mir4_ZI/AAAAAAAAAxg/Wm3hYEiddAo/s1600/btrix-rss-icon.png" /></a></div>
</td>
<td><a class="Fadeout" href="https://pinterest.com/ugurturkogluu" imageanchor="1" rel="nofollow" target="_blank"><img border="0" src="http://4.bp.blogspot.com/-FlACrdB0NMc/UfP3Mz_pZlI/AAAAAAAAAxs/gVGD99Bi-xs/s1600/btrix-Pinterest-icon.png" /></a></td>
</tr></tbody></table></div></div>






  • Mavi ile yazılan yerlerdeki adresleri kendinize göre düzenleyiniz.
  • Kaydet butonuna tıklayınız.
Bir önceki yazımda Blogger da css ile dropdown menü yapımı hakkında bilgiler verilmektedir.

Yorumlarınız için teşkür ederim Conversion Conversion Emoticon Emoticon