Blogger sitenize ekleyebileceğiniz sosyal medya butonlarının da bulunduğu E-posta abonelik widget eklentisini,kullanıcılarınız ve sitenizi ziyaret eden diğer takipçiler sosyal medya hesaplarınıza anında ulaşabilir ve anında isterse e-posta da gönderebilir.
Push Animasyonlu sosyal medya buton eklentisinin özelliği;
Buton üzerine gelindiğinde basma ve tıklama özelliği olan 5 ayrı ve ayrı ayrı renkle belirtilmiş butonlar mevcut.Diğer e-posta abonelik eklentilerine göz atmak isterseniz Eklentiler başlığı altında bulabilirsiniz.
Push Animasyonlu sosyal medya buton eklentisinin kurulumu;
* Blogger hesabınıza giriş yapın.
* Kumanda paneli > Yerleşim > Gadget ekle dizinini izleyin.
* HTML/Javascript ekle diyerek açılan gadget'in içerisine aşağıda ki kodları ekleyin.
* Kodların içerisinde düzenlenecek kısımları unutmayı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/AVvXsEjGqirxJGrN7KvR1sLO1G6fbxSIpk3hyiJI4Je6ocP47olMwQ2Dim9WTvE1QE4nhuegZqHOgf18rabW0QvOMiGFlnTLvXVhoyq0KoBfkpPiZvodSHncRKNueWChjjx_8SfRFm2UmSJjl10/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=BilgiCafem61', '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="Bilgi Cafem 61"/>
<input name="title" type="hidden" value="Bilgi Cafem 61"/>
<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/BilgiCafem61.blogger" rel="nofollow" class="ara" target="_blank"><img onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2Kp-HOj1C-wwaZ6h2VGWitR5lO_74Cu4ItKKDdal6JumeLRuW-aYN9-IIlN09Jrj4YFfZJ0-Fhei8jpoqJDcoyxnOUi4Kt39-H_-EUpgcb-bC7oOBRK7iUzrORHA6nK8pgoChVHsM5Nox/s1600/Facebook.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVw_cociRQcUdNDme7Jl1gC_5RfrFvv6aS9Xefl2BMyIS9zvU7cI1jiULceLm1zhqk-bC8DpxZHsJGvrXSfFdFuhdYMO-xMK2ACeIq1VsDqC4FJ9bOocZ8lWivgEpAqk4UeLvJgx3cIAcI/s1600/Facebook_Pressed.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2Kp-HOj1C-wwaZ6h2VGWitR5lO_74Cu4ItKKDdal6JumeLRuW-aYN9-IIlN09Jrj4YFfZJ0-Fhei8jpoqJDcoyxnOUi4Kt39-H_-EUpgcb-bC7oOBRK7iUzrORHA6nK8pgoChVHsM5Nox/s1600/Facebook.png" title="Facebook'ta Beğenin" alt="Facebook" height="80" width="80"/></a>
<a href="https://twitter.com/Bilgicafem61" rel="nofollow" class="ara" target="_blank"><img onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZyMjO2UDdRap0Ql_8vKmgXLE59cJpPuoe3Y9f8H2ogH61fiIdAIgiGTkw8g7a6vE2NNdLJ4B-APMZgiPKm6H567RkCWf9M10vvyTC3DxrAHml3wttlajP0HjeN375trkhPR0QQGGaSxuW/s1600/Twitter.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg5Fr5ktd_2aEeVrZ7J0Vk9kSrrDy16R_96loYoDRQQq3m7N116QizWIkfQC1njeQmFklOnYAzY0LaiSR9JEXbClK7D5ufGhP2lABJ0F5K42h5ztXMRe-8RAi6B_Mcxjci2-Tl_eo8oa9B/s1600/Twitter_Pressed.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZyMjO2UDdRap0Ql_8vKmgXLE59cJpPuoe3Y9f8H2ogH61fiIdAIgiGTkw8g7a6vE2NNdLJ4B-APMZgiPKm6H567RkCWf9M10vvyTC3DxrAHml3wttlajP0HjeN375trkhPR0QQGGaSxuW/s1600/Twitter.png" title="Twitter'da Bizi Takip Edin" alt="Twitter" height="80" width="80"/></a>
<a href="https://plus.google.com/+MustafaKaba61/posts" rel="nofollow" class="ara" target="_blank"><img onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaVdWs-2yZifuNrfVk5-3oy4Q_kk-eMhnIBCETbXr-iBtMy1cj7REcBBKMarXSq_bG26AXO6UhT7c5Sv6xmFqp-mdzQPC34hjoNuTarPLMk_XRunKHd2J-wkUCQbvJme-cHzeAeMqYtU_W/s1600/Google.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgGrqp99JJPSyVWOSHwqvSzVb0DXLhhYSykNopwFHW-f9FXPag67iFuGIhiVNbHo2zAfaf5pnLNS_jkR9AxT_Qjry0Kn3LnzNJjlxLUwAHvAF7ckAHyyL5YjDyHSHgAMOT3dArlZFrP1-J/s1600/Google_pressed.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaVdWs-2yZifuNrfVk5-3oy4Q_kk-eMhnIBCETbXr-iBtMy1cj7REcBBKMarXSq_bG26AXO6UhT7c5Sv6xmFqp-mdzQPC34hjoNuTarPLMk_XRunKHd2J-wkUCQbvJme-cHzeAeMqYtU_W/s1600/Google.png" title="Google plus'da Bizi Takip Edin" alt="Google" height="80" width="80"/></a>
<a href="http://pinterest.com/mustafakaba" rel="nofollow" class="ara" target="_blank"><img onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpDheuIB5pmHvm8s03KYR3N6RsKuZco7JBRS2XfP-L-BkT4H-gGZxow0tl8In4NppIIMnA8BjyDeUwt3GqWiIhQsyDjWySyWD18ii2niXDe3KPfPSiLjb3KD-lGpgkVqmRO0Kvv59fSjbl/s1600/pinterst.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIwEuHBP5DjNSjYcAVlhYUkQmAMImpKURm-6VZWRO03eB83Axa7KcX9hhR-MzNf5YR8o24BYxTdFKvEnyh9duCVa4wW6ApnuccD-RosVOjMeOcb3B0vkGgxETAU0odofPBV4h-V8R5kt4N/s1600/pintrest_pressed.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpDheuIB5pmHvm8s03KYR3N6RsKuZco7JBRS2XfP-L-BkT4H-gGZxow0tl8In4NppIIMnA8BjyDeUwt3GqWiIhQsyDjWySyWD18ii2niXDe3KPfPSiLjb3KD-lGpgkVqmRO0Kvv59fSjbl/s1600/pinterst.png" title="Pinterest'de Takip Edin" alt="pinterest" height="80" width="80"/></a>
<a href="http://feeds.feedburner.com/BilgiCafem61" rel="nofollow" class="ara" target="_blank"><img onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGG3XYwv5vg1ivlM7Yl5JVJWjB0NkAUmwm6Z-gyyLyQgKz4czZw-cPQH2E8X1cqYq0FjUG2UOFz_OKS0nggVwg-m1dsTIDSSW4cJNEhSMla59U3s7N3T4w31H10gjZ_LIZMJFbMDJD-GfK/s1600/Rss.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEib-9QTG6wA-QnQqJLtxSQfE6Cwu2k3wLltFxUr7rhPlt07vrjhejpXoP6OKpPON0U03jDRJAlzL3ivIMfotbYDbwP46sdH5ig0gPBG-6z4NAlX29Ylfw09BOQ5cVGomaLcwLwaD6VPKQAn/s1600/Rss_pressed.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGG3XYwv5vg1ivlM7Yl5JVJWjB0NkAUmwm6Z-gyyLyQgKz4czZw-cPQH2E8X1cqYq0FjUG2UOFz_OKS0nggVwg-m1dsTIDSSW4cJNEhSMla59U3s7N3T4w31H10gjZ_LIZMJFbMDJD-GfK/s1600/Rss.png" title="RSS Özet akışlarına Abone olun" alt="RSS" height="80" width="80"/></a>
</div>
</div>
Push Animasyonlu sosyal medya buton kodu özelleştirme;
Yukarıda ki kod içerisinde kırmızı renkle belirtilmiş yerlere kendi adreslerinizi yazmayı unutmayın.
Bizi Takip Edin...
Pinterest>>Facebook>>Twitter
© by bilgicafem61
Aşağıda Yorum ve Sorularınızı Bırakın...
Yorum Gönder Blogger Facebook