En yeni: Dünyanın en iyi 10 video düzenleme programı Trending: İnternetten para kazanmak, Ekgelir, En iyi Tıkla Kazan (PTC) Siteleri

Push Butonlu Sosyal Medya ve E-posta abonelik eklentisi

Push Butonlu Sosyal Medya ve E-posta abonelik eklentisi
Bugün sizler için hazırladığım blogger için çok şık bir E-Posta Abonelik Eklentisini anlatacam. Düğme butonlu, üzerine gelindiğinde aç-kapa basma efekti veren, 4 sosyal medya, 1 RSS butonuyla güzel bir eklenti. Bu E-posta abonelik eklentisiyle blogunuzun okuyucularınızı güncel tutabilirsiniz. Aslında blogger'in kendi gadgetleri arasında E-posta abonelik eklentisi bulunsada pek göze hitap etmediği için çoğu blog sahibi kullanmıyor. Bu yüzden aynı amaçla oluşturduğum ama göze biraz daha hitap eden bu E-posta abonelik eklentisiyle çok daha fazla kullanıcıya hitap edebileceksiniz. Yazdığınız yazılar E-mail yoluyla takipçilerinize ulaşacak ve takipçileriniz çok daha fazla sitenize girerek yeni konularınızı okuyabilecek ve yorum yapabilecekler.

Push Butonlu Sosyal Medya ve E-posta abonelik eklentisi Önizleme:


Yayınlanacak Yeni Yazılar E-mail Adresinize Gelsin…

Facebook Twitter Google pinterest RSS

Push Butonlu Sosyal Medya ve E-posta abonelik eklentisini Ekleme :


  • Blogger panelinize giriş yapın Yerleşim Gadget Ekle HTML/JavaScript yolunu takip edin.
  • Ve aşağıdaki kodları Online HTML Editör ile isteginize göre ayarlayarak kopyalayıp yapıştırın.
  • Kaydet diyip çıkın.

<style type='text/css'>
#mefabone-widget{width:300px;background:#ddd;max-height:400px;border:4px ridge green;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px;margin:0;padding:0;}
#abone{background:url(http://1.bp.blogspot.com/-5WWJvzVqHVI/UN1RdxoCzMI/AAAAAAAAHkg/_BmTXs5-GsI/s1600/blogger-e-posta-abonelik-eklentisi.png) no-repeat scroll 100% 100% transparent;width:266px;height:124px;margin:5px 15px -100px;padding:0;}
#mede{width:300px;margin:0;text-align:center;}
#mede img{width:80px;height:80px;border-style:none;}
.ara{margin:auto 2px;}
.bulten{height:55px;text-align:center;margin:0 0 5px;}
.mefbutton{background-color:#82d4fe;font-size:12px;font-family:helvetica,georgia,oswald;font-weight:700;text-decoration:none;transition:all .2s ease 0;cursor:pointer;color:#333;border:1px solid #ddd;margin:5px;padding:4px 20px;}
.mefbutton:hover{background-color:#3d694e;text-align:center;box-shadow:0 0 8px 0 #FFF;-webkit-box-shadow:0 0 5px 0 #FFF;-moz-box-shadow:0 0 5px 0 #FFF;border:1px solid #fff;color:#fff;}
.email{background:none repeat scroll 0 0 #fff!important;float:left;width:250px;height:25px;border:1px solid #ddd;font-size:11px;font-family:helvetica,georgia,arial,oswald;margin:0 25px;padding:2px 3px;}
</style>
<div id="mefabone-widget">
<div id="abone"></div>
<p style="color:#3A3A3A;text-align:center;text-shadow:0 1px 0 #FFF;font-size:12px;font-weight:700;font-family:Tahoma,helvetica,arial,oswald;">Yayınlanacak Yeni Yazılar E-mail Adresinize Gelsin…</p>
<div class="bulten">
<form action="http://feedburner.google.com/fb/a/mailverify" class="bulten" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=MeftunMede', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input class="email" name="email" onblur="if (this.value == '') {this.value = 'Buraya E-postanızı girin...';}" onfocus="if (this.value == 'Buraya E-postanızı girin...') {this.value = '';}" type="text" value="Buraya E-postanızı girin..."/>
<input name="uri" type="hidden" value="MeftunMede"/>
<input name="title" type="hidden" value="MeftunMede"/>
<input name="loc" type="hidden" value="tr_TR" />
<input class="mefbutton" name="submit" type="submit" value="Gönder"/>
</form>
</div>
<div id="mede">
<a href="https://www.facebook.com/meftunmede.blogger" rel="nofollow" class="ara" target="_blank"><img onmouseout="this.src='http://1.bp.blogspot.com/-VnbB_QyTo4M/USYvAW2nN1I/AAAAAAAAA3s/5pgU4a6Lo-Y/s1600/Facebook.png'" onmouseover="this.src='http://3.bp.blogspot.com/-sCkf-YCArDw/USYvA7BcFDI/AAAAAAAAA30/4QZ-LQYGTyU/s1600/Facebook_Pressed.png'" src="http://1.bp.blogspot.com/-VnbB_QyTo4M/USYvAW2nN1I/AAAAAAAAA3s/5pgU4a6Lo-Y/s1600/Facebook.png" title="Facebook'ta Beğenin" alt="Facebook" height="80" width="80"/></a>
<a href="https://twitter.com/MeftunMEDE" rel="nofollow" class="ara" target="_blank"><img onmouseout="this.src='http://3.bp.blogspot.com/-xkiEMVgR4jA/USYvEjynBjI/AAAAAAAAA4k/lKKdaX8QtMQ/s1600/Twitter.png'" onmouseover="this.src='http://4.bp.blogspot.com/-iV-9P93oPrg/USYvFHMcbZI/AAAAAAAAA4s/Nmb1tkJBB6U/s1600/Twitter_Pressed.png'" src="http://3.bp.blogspot.com/-xkiEMVgR4jA/USYvEjynBjI/AAAAAAAAA4k/lKKdaX8QtMQ/s1600/Twitter.png" title="Twitter'da Bizi Takip Edin" alt="Twitter" height="80" width="80"/></a>
<a href="https://plus.google.com/111555326072108216342" rel="nofollow" class="ara" target="_blank"><img  onmouseout="this.src='http://3.bp.blogspot.com/-VpQUWmYgCW0/USYvBStzJGI/AAAAAAAAA4M/x65mmbE_Jz0/s1600/Google.png'" onmouseover="this.src='http://2.bp.blogspot.com/-zTxlREOZtbM/USYvB85jm1I/AAAAAAAAA4E/2ZPZ4LRgB1Y/s1600/Google_pressed.png'" src="http://3.bp.blogspot.com/-VpQUWmYgCW0/USYvBStzJGI/AAAAAAAAA4M/x65mmbE_Jz0/s1600/Google.png" title="Google plus'da Bizi Takip Edin" alt="Google" height="80" width="80"/></a>
<a href="http://pinterest.com/meftunmede" rel="nofollow" class="ara" target="_blank"><img  onmouseout="this.src='http://1.bp.blogspot.com/-NsMoVZJttLc/USYvCbyXcZI/AAAAAAAAA38/B2lI60qYLO4/s1600/pinterst.png'" onmouseover="this.src='http://1.bp.blogspot.com/-3yuKlrNPcfY/USYvC9XcasI/AAAAAAAAA4I/5-tn_hsf_M8/s1600/pintrest_pressed.png'" src="http://1.bp.blogspot.com/-NsMoVZJttLc/USYvCbyXcZI/AAAAAAAAA38/B2lI60qYLO4/s1600/pinterst.png" title="Pinterest'de Takip Edin" alt="pinterest" height="80" width="80"/></a>
<a href="http://feeds.feedburner.com/MeftunMede" rel="nofollow" class="ara" target="_blank"><img  onmouseout="this.src='http://1.bp.blogspot.com/-7M0E9j_feE8/USYvDYII5FI/AAAAAAAAA4Y/hySEe1e1fvk/s1600/Rss.png'" onmouseover="this.src='http://2.bp.blogspot.com/-12LpvspYEz8/USYvD0CkYKI/AAAAAAAAA4w/N4a6YHlv46A/s1600/Rss_pressed.png'" src="http://1.bp.blogspot.com/-7M0E9j_feE8/USYvDYII5FI/AAAAAAAAA4Y/hySEe1e1fvk/s1600/Rss.png" title="RSS Özet akışlarına Abone olun" alt="RSS" height="80" width="80"/></a>
</div>
</div>

Özelleştirme:


Yukarıda kırmızıyla işaretledigim bölümlere Facebook, Twitter, Google+, Pinterest, RSS ve Feedburner adreslerinizi yazmayı unutmayın. ilk önce Online html editor ile oluşturdugunuz kodu deneyin. Rengini, fontları, kendi isteginize göre ayarlayıp, ondan sonra blogunuza ekleyin.
Herkeze kolay gelsin. Yapamadığınız bir şey olursa "YORUM" kısmında belirtebilirsiniz. iyi bloglamalar...

2 yorum:

  1. Merhaba, bu formu blogger için değilde kendi siteme eklemek istiyorum ve mail adreslerini feedburner ile almak yerine doğrudan kayıt olarak e-postama düşmesini istiyorum. (Submit form tarzı birşey) kodlarda bazı değişiklikler yapmaya çalıştım ama beceremedim, dedğim gibi birşeyi nasıl yapabiliriz ?

    YanıtlaSil

Lütfen yalnızca yazı ile ilgili yorumlar yazın. Yazının konusu dışında iletmek veya sormak istediğiniz bir şey varsa iletişim formunu kullanın. Ve lütfen yorumlara tıklanabilir link yazmayın!

 
  • Meftun Apart

    Meftun Apart Fethiye

    Apartlarımız deniz ve plaja 50 metre mesafede olup, klimalı, full eşyalı 2+1, 1+1, 4-6 kişilik ve havuzlu apartlardan oluşmaktadır.

  • Meftun Mede Blogger

    MEDE Blogger Tema Yardım

    Blogger şablonuzda, temanızda yardımamı ihtiyacınız var? Hertürlü blogger tema yardımı ücretsiz yapılır...

  • Sitemap sayfası oluşturma

    Sitemap sayfası oluşturma

    Sitemap bir web sitesinin haritasıdır.Arama motorlarının web sitelerini hızlı, daha çabuk ve tam olarak indexlemesi için oluşturulurlar.

  • hit arttırma

    Sitenizin hitini arttırın!

    Kaliteli hit arttırma sitemi ile ücretsiz hit kazanın, sitenizi Google'da yükseltin! Sitenizi ekleyin ve binlerce ziyaretçi kazanın!

  • internetten para kazan

    İnternetten para kazan !

    Boş zamanınızı internetde reklam izleyek ve bundan para kazanarak geçirebilirsiniz. Ek gelir elde edebilirsiniz!