10 Nisan 2014 Perşembe

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:

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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjky0StknisL01rO8s3Kx0ok-BdF24Ow5uDBSmRQnaj7nyBWZjLGAFsLxQruKVJYlYrb3KutIJm6vASaW4bFPoG6cSMzVajCTcNWdJKKNKA74RQNYH4UxdSo5L3gt37sEGsUUNlm3-qx0/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9_VnbwwWBbe4VFnysTWv5lkduxRsxXwZRSRLe9kwceUHQSq504vnmWRdTvcX_Q5KPv6C0rLn_DUlNVuaBGXUtow1PE4vZtUSF8LhcUfROms4IWYHuM9-25FegRcrVM2WnOIukaRaJDpiQ/s1600/Facebook.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8j6SpzyKn3i6CCui5VDqxQnZGnNvTNhTZ1rizzH4dY3r1mwwnqhYwfpReGzdxORfm_yz1O45dD2-MZVE_QF2HWU0BOylfc0BnGuXytv4Bf_SR12KGLPQCXG95iVC_4kKltn91QKB1EOKh/s1600/Facebook_Pressed.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9_VnbwwWBbe4VFnysTWv5lkduxRsxXwZRSRLe9kwceUHQSq504vnmWRdTvcX_Q5KPv6C0rLn_DUlNVuaBGXUtow1PE4vZtUSF8LhcUfROms4IWYHuM9-25FegRcrVM2WnOIukaRaJDpiQ/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLfN7htI1xkjWdvyiHDfFFIOvs4xe5P9lFhOulKmOYiqIefA1bs5uBtF3wAFrZmCIRRevVipyRno2gMewhyphenhyphenXW8ivmFJi5qZ07zG1uhDQDreeHeVw9ZeRVuEwUbZ-wjZlw3ue3aO2pk-fHt/s1600/Twitter.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEJlD6nrHUUqXWIndDKJxYiouHsV-CKhqZiEBO-auTtutO4eTTPQhaD3kL_l0C5Jq_-3IdkAhGPan9yQL98WPQl72oVqWWZGxS2s4BNRO7nepAzr2qZO0TLN9GN18S55FaaYdtAL_7A23K/s1600/Twitter_Pressed.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLfN7htI1xkjWdvyiHDfFFIOvs4xe5P9lFhOulKmOYiqIefA1bs5uBtF3wAFrZmCIRRevVipyRno2gMewhyphenhyphenXW8ivmFJi5qZ07zG1uhDQDreeHeVw9ZeRVuEwUbZ-wjZlw3ue3aO2pk-fHt/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmXZyFrX_T_sY6SnsOV9jiE_c8UPvN2PdQ-u0BjiJv-5YvhPNVr7uQnmN82Kx4rOLprRqgnCcuHo4YMYdsJh4CTS0_znQur_-rNehwvu6qEKnpaz-Vf8M9Tcc92XpGaV6gB3b67BQ4A2H5/s1600/Google.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7ejIUQYAgnAHsn4KplgCsGnErXNXOq6-tWbzh_3L1405Zba8EpqQCW8SOhkvDFbNNTjdNA5RVgUPEv5Fk46HHX4LgtnxCo1QP1HbgR23ko-RzuVnWdKrWuDOU_4WW2dvCpBjlVyHBhZZi/s1600/Google_pressed.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmXZyFrX_T_sY6SnsOV9jiE_c8UPvN2PdQ-u0BjiJv-5YvhPNVr7uQnmN82Kx4rOLprRqgnCcuHo4YMYdsJh4CTS0_znQur_-rNehwvu6qEKnpaz-Vf8M9Tcc92XpGaV6gB3b67BQ4A2H5/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIEiev5YclqRWJlWFyR9Jb7K6C9FmFfFtkU_Hc0rJ27YAxl5lxLpVX8-a7IenA6l9dVBPt8iVzEkMJCJRG6Xo7GEJHyu9Asv2kajlJGUnFpEE2-NaqUwWMkGotgjBo2uakJOXiS1Ro0ZBb/s1600/pinterst.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjn4-hKuYGg6nSViOVb6pxhNWn3r5t8cnwbcSLLNpq2w-_AU8Ausn_5gK19cz8wKSilFLYVktkZy7zecGGcCHfeoDJd7Q7POhTiwZLuFYt4uMSgPFc_w0CixHpo2J60Jtf_LmYYkqW8t7yq/s1600/pintrest_pressed.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIEiev5YclqRWJlWFyR9Jb7K6C9FmFfFtkU_Hc0rJ27YAxl5lxLpVX8-a7IenA6l9dVBPt8iVzEkMJCJRG6Xo7GEJHyu9Asv2kajlJGUnFpEE2-NaqUwWMkGotgjBo2uakJOXiS1Ro0ZBb/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv7a2BZe4-_XvLnDY8iLEW0VgzvDOnPPTP9FcLV35taPYl4HO2Jex3yVUOxWcjpQbaTx32Fo0TYFy5mpXaisq64_7-ROpeqzLbfnq7lORATk4ECV9pIXFKukIaH1KXgPB3-2BLdJvPFqaQ/s1600/Rss.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAnVfL6YiTQuE5n2JDXtOWviUgPuTCCEW7l7T4tMSdYi_vIq6dyXhInMTPSRx6oFZxaIkN5_qb4jqJLKkDSJT2dEVamK3IfBWjDb9PXJqA5rjGfp10zKbQC2KbB-wFjmSurZ2PRNTlOQKy/s1600/Rss_pressed.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv7a2BZe4-_XvLnDY8iLEW0VgzvDOnPPTP9FcLV35taPYl4HO2Jex3yVUOxWcjpQbaTx32Fo0TYFy5mpXaisq64_7-ROpeqzLbfnq7lORATk4ECV9pIXFKukIaH1KXgPB3-2BLdJvPFqaQ/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 Editör 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...

bakalimbir

10 Nisan 2014 Perşembe