Sitenize”Abone ol” kutucuğu ekleyin

WordPress ve Blogger sitenize ziyaretçi çekmek amacıyla ekleyeceğiniz bir “Abone Ol” kutusu, ziyaretçilerinizin beslemeler ve Sosyal Medya araçlarıyla güncellemeleri kolayca paylaşmalarını ve onlara bağlantı vermenizi sağlayan önemli bir widget uygulamasıdır.

Sitenize profesyonel bir görünüm kazandırırken, daha çok ziyaretçi almasını da sağlar.Her site için gereklidir ve bulundurulması çok faydalıdır.

Alt tarafta paylaşacağım üç farklı “abone ol ” kutucuğundan beğendiğinizi sitenize ekleyebilirsiniz.

Blogger kullanıcıları :

  • Blogger> Yerleşime gidin> HTML / javascript Gadget> ekleyin
  • Widget için aşağıdan kodlamaları seçin ve kopyalayın.
  • Sağlanan kutuya kodlamayı yapıştırın.
  • Değişiklikleri Kaydet!

WordPress kullanıcıları :

  • WordPress Yönetici gidin> Görünüm> ve Kenar Çubuğu için bir Metin Widget sürükleyin.
  • Aşağıdan kodlama seçin ve kopyalayın.
  • Kutuya yapıştırın.
  • Kaydet linke tıklayın.

Aslında, bir çok tema tasarımında hazır gelen bu eklenti bazı temalarda bulunmayabiliyor. Yada tasarımını beğenmemiş olabilirsiniz.En etkili “Abonelik” bağlantı eklentisini Google-FeedBurner kaynağında iki yöntemle basitçe düzenleyebilirsiniz.

*Buradan http://feedburner.google.com
adresine giriş yaparak,kaydınızı tamamlayın.Daha sonra ana sayfada sitenizin bağlantısına tıklayın.


Gelen sayfada önce “Tanıtmak” sekmesine devamında “E Posta Abonelik” sekmesine tıklayın. Otomatik oluşturulan kodu alarak sitenizde bileşen-metin dosyası içine yapıştırın. içine yapıştırın.

Altta verilen kodları sitenizin kenar çubuğuna metin editör içinde yapıştırın ve deneyin. Hoşunuza giden bağlantı kodlarını kullanın

# 1: Basit Abone Kutu:

<style type=’text/css’>#sidebar-subscribe-box{background:url(http://1.bp.blogspot.com/-IyEBRR8yOQQ/UBhYdBd23PI/AAAAAAAAFTU/aeW3JdAlrCs/s1600/colored-strip.png) repeat scroll 0 0 transparent;border:1px solid #aaa;border-radius:3px;padding:3px 0}.sidebar-subscribe-box-wrapper{background:url(http://2.bp.blogspot.com/-tUlo5p5gP8o/UBhYciGNgwI/AAAAAAAAFTM/x22pIuNLVPw/s1600/bg-pattern.png) repeat scroll 0 0 #f7f7f7;color:#111;font-size:14px;line-height:20px;padding:1px 20px 10px;text-align:center;text-transform:uppercase}.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0}form.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0 0;width:auto}.sidebar-subscribe-box-email-field{-moz-border-radius:4px;-webkit-border-radius:4px;background:#fff url(http://1.bp.blogspot.com/-JMYdQsIa9WQ/UDZqxqqrTEI/AAAAAAAAFho/AocEv70U8K8/s1600/sprites.png) no-repeat 0 -27px;border:1px solid #ccc;border-radius:4px;color:#444;margin:0 0 15px;padding:10px 40px;width:68%}.sidebar-subscribe-box-email-button{background:#09f;border:1px solid #007fff;box-shadow:0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 0 transparent;color:#fff;cursor:pointer;font-family:verdana;font-weight:700;padding:10px;text-shadow:1px 1px 0 rgba(0,0,0,.4);text-transform:uppercase;width:100%}.sidebar-subscribe-box-email-button:hover,.sidebar-subscribe-box-email-button:focus{background:#1ca4ff}.sidebar-subscribe-box-email-button:active{-moz-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;outline:0}iframe,object,embed,.yt-border iframe,.yt-border object,.yt-border embed,table{width:100%}embed{border-radius:3px;-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);background:#FFF;border:1px solid #ddd;box-shadow:0 2px 4px rgba(0,0,0,0.2);margin:0;padding:4px 4px 4px}#footer-section{background:#f5f5f5 url(http://1.bp.blogspot.com/-n5s9Bu0JCgg/UA_AfQ5qLkI/AAAAAAAAFMU/G9FOuh4SP7k/s0/bg-pattern.png) repeat top left;border-top:1px solid #aaa;box-shadow:inset 0 4px 6px -3px #aaa;font-family:cambria;font-size:14px;height:100px;margin:10px -30px 5px;padding:0 30px;text-align:center;width:100%}</style>
<div id=”sidebar-subscribe-box”><div class=”sidebar-subscribe-box-wrapper”><p>Subscribe to our email newsletter & receive updates right in your inbox.</p><div class=”sidebar-subscribe-box-form”><form action=”http://feedburner.google.com/fb/a/mailverify?uri=mptlikebox” class=”sidebar-subscribe-box-form” method=”post” onsubmit=”window.open(‘http://feedburner.google.com/fb/a/mailverify?uri=mptlikebox’, ‘popupwindow’, ‘scrollbars=yes,width=550,height=520’);return true” target=”popupwindow”><input name=”uri” type=”hidden” value=”mptlikebox” /><input name=”loc” type=”hidden” value=”en_US” /><input class=”sidebar-subscribe-box-email-field” name=”email” autocomplete=”off” placeholder=”Enter your email address :)”/><input class=”sidebar-subscribe-box-email-button” title=”” type=”submit” value=”Subscribe Now !” /></form></div></div></div>

# 2: hover etkisi ile Çoklu Abone Kutusu!


<style>
#mpt-widget-hover{list-style:none; text-decoration:none; font-size:0.9em; font-family:trebuchet ms,sans-serif;}
#mpt-widget-hover a{text-decoration:none; font-family:trebuchet ms,sans-serif;}
#mpt-widget-hover li{position:relative; height:38px; cursor:pointer; padding: 0 !important;}
#mpt-widget-hover .facebook, .googleplus, .pinterest, .rss, .twitter{position:relative; z-index:5; display:block; float:none; margin:10px 0 0; width:210px; height:38px; border-radius:5px; background:url(https://lh4.googleusercontent.com/-l0EYSSxxuc8/UFd37FdwjzI/AAAAAAAAG2E/CDbmwPO4haA/s800/sprites.png) no-repeat; background-color:rgba(217,30,118,.42); -webkit-box-shadow:rgba(0,0,0,.28) 0 2px 3px; -moz-box-shadow:rgba(0,0,0,.28) 0 2px 3px; box-shadow:rgba(0,0,0,.28) 0 2px 3px; color:#141414; text-align:left; text-indent:50px; text-shadow:#333 0 1px 0; white-space:nowrap; line-height:32px; -webkit-transition:width .25s ease-in-out,background-color .25s ease-in-out; -moz-transition:width .25s ease-in-out,background-color .25s ease-in-out; -ms-transition:width .25s ease-in-out,background-color .25s ease-in-out; -o-transition:width .25s ease-in-out,background-color .25s ease-in-out; transition:width .25s ease-in-out,background-color .25s ease-in-out; -o-box-shadow:rgba(0,0,0,.28) 0 2px 3px;}
#mpt-widget-hover li:after{position:absolute; top:0; left:50px; z-index:2; display:block; height:38px; color:#141414; content:attr(data-alt); line-height:32px;}
#mpt-widget-hover .icon{overflow:hidden; color:#fafafa;}
#mpt-widget-hover .facebook{width:32px; height:32px; background-color:rgba(59,89,152,0.42); background-position:0 0;}
#mpt-widget-hover .twitter{width:32px; height:32px; background-color:rgba(64,153,255,0.42); background-position:0 -33px;}
#mpt-widget-hover .googleplus{width:32px; height:32px; background-color:rgba(228,69,36,0.42); background-position:-3px -66px;}
#mpt-widget-hover .pinterest{width:32px; height:32px; background-color:rgba(174,45,39,0.42); background-position:0 -95px;}
#mpt-widget-hover .rss{ width:32px; height:32px; background-color:rgba(255,102,0,0.42); background-position:-3px -126px;}
#mpt-widget-hover li:hover .icon,
.touch #mpt-widget-hover li .icon{width:210px;}
.touch #mpt-widget-hover li .facebook, #mpt-widget-hover li:hover .facebook{background-color:rgba(59,89,152,1);}
.touch #mpt-widget-hover li .twitter, #mpt-widget-hover li:hover .twitter{background-color:rgba(64,153,255,1);}
.touch #mpt-widget-hover li .googleplus, #mpt-widget-hover li:hover .googleplus{background-color:rgba(228,69,36,1);}
.touch #mpt-widget-hover li .pinterest, #mpt-widget-hover li:hover .pinterest{background-color:rgba(174,45,39,1);}
.touch #mpt-widget-hover li .rss, #mpt-widget-hover li:hover .rss{background-color:rgba(255,102,0,1);}
</style>
<ul id=”mpt-widget-hover”>
<li data-alt=”Follow us on Facebook”><a class=”icon facebook” href=”#”>Follow us on Facebook</a></li>
<li data-alt=”Follow us on Twitter”><a class=”icon twitter” href=”#”>Follow us on Twitter</a></li>
<li data-alt=”Follow us on Google+”><a class=”icon googleplus” href=”#”>Follow us on Google+</a></li>
<li data-alt=”Follow us on Pinterest”><a class=”icon pinterest” href=”#”>Follow us on Pinterest</a></li>
<li data-alt=”Subscribe with RSS”><a class=”icon rss” href=”#”>Subscribe with RSS</a></li>
</ul>

# 3: Soğuk AIO Abone Kutusu


<style>
/* Advanced SOCIAL WIDGET */
div#advancedsocialwidget,div#advancedsocialwidget ul,div#advancedsocialwidget ul li,div#advancedsocialwidget ul li img,div#advancedsocialwidget ul li span,#advancedsocialwidget ul li a{background:none;border:none;margin:0;padding:0}
div#advancedsocialwidget{font-family:inherit;background:#fefefe url() repeat-x;width:80%;border:1px solid #ddd!important;font-size:90%;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;margin:0 0 10px!important;padding:5px 2px 18px!important}
div#advancedsocialwidget h3{font-size:inherit;text-shadow:0 1px 0 rgba(255,255,255,.5);margin:0!important;padding:2px 0 5px 5px !important}
#newsletter{text-align:center;margin:0 auto 10px!important;padding:0!important}
.newsletter input{-moz-border-radius-topleft:3px!important;-moz-border-radius-topright:0!important;-webkit-border-top-left-radius:3px!important;-webkit-border-top-right-radius:0!important;-moz-border-radius-bottomleft:3px!important;-moz-border-radius-bottomright:0!important;-webkit-border-bottom-left-radius:3px!important;-webkit-border-bottom-right-radius:0!important;-webkit-font-smoothing:antialiased;-webkit-box-shadow:0 0 1px rgba(0,0,0,0.3), 0 1px 0 rgba(255,255,255,0.1) inset;-moz-box-shadow:0 0 1px rgba(0,0,0,0.3), 0 1px 0 rgba(255,255,255,0.1) inset;box-shadow:0 0 1px rgba(0,0,0,0.3), 0 1px 0 rgba(255,255,255,0.1) inset;background:0 color-stop(.25,#FFF));filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=’#EEEEEE’,EndColorStr=’#FFFFFF’);-ms-filter:”progid:DXImageTransform.Microsoft.gradient(startColorStr=’#EEEEEE’, EndColorStr=’#FFFFFF’)”;border:1px solid #CCC;color:#666!important;height:18px!important;font-size:11px!important;line-height:18px!important;vertical-align:top;margin:5px 0 0!important;padding:4px!important}
.newsletter input:focus,.newsletter input:active{background:#fafafa}
.newsletter button{vertical-align:top;height:28px!important;line-height:18px!important;text-align:left;width:auto;-moz-border-radius-topright:3px!important;-moz-border-radius-topleft:0!important;-webkit-border-top-right-radius:3px!important;-webkit-border-top-left-radius:0!important;-moz-border-radius-bottomright:3px!important;-moz-border-radius-bottomleft:0!important;-webkit-border-bottom-right-radius:3px!important;-webkit-border-bottom-left-radius:0!important;background:#4b88a0;background-image:0;-moz-box-shadow:0 0 1px rgba(0,0,0,0.3), 0 1px 0 rgba(255,255,255,0.3) inset;-webkit-box-shadow:0 0 1px rgba(0,0,0,0.3), 0 1px 0 rgba(255,255,255,0.3) inset;box-shadow:0 0 1px rgba(0,0,0,0.3), 0 1px 0 rgba(255,255,255,0.3) inset;font:bold 11px Arial, Helvetica!important;color:#fff;text-transform:uppercase;cursor:pointer;text-shadow:0 1px 0 rgba(0,0,0,.2);border-color:#75a1b2 #4b88a0 #38677a;border-style:solid;border-width:1px;margin:5px 0 0!important;padding:4px!important}
.newsletter button:hover{background:#75a1b2;background-image:0;cursor:pointer}
.newsletter button:active{background:#89C9E2;outline:none;-moz-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;box-shadow:0 1px 4px rgba(0,0,0,0.5) inset}
div#advancedsocialwidget .textwidget img{border:0}
div#advancedsocialwidget .textwidget .tfsubscribelink{text-align:center!important;position:relative;margin:5px auto!important}
div#advancedsocialwidget .textwidget .rssicon{width:21px;height:21px;background:url(http://1.bp.blogspot.com/-A5hAEBDCeiM/T_A5Dnf0kOI/AAAAAAAABoI/3S_6kfE7R5E/s1600/advsoc_widget_main_24.png) no-repeat -176px 0;margin-bottom:30px;padding:5px 20px 7px 0}
div#advancedsocialwidget .textwidget .rssicon a,div#advancedsocialwidget .textwidget .rssicon a:hover{text-decoration:none}
div#advancedsocialwidget .textwidget .socialfollow{text-align:center;width:245px;margin:10px auto}
div#advancedsocialwidget .textwidget .rsssubscribelink{display:block;text-align:center;margin:0 auto 5px;padding:0}
div#advancedsocialwidget .textwidget a.rsslink{text-decoration:none;font-weight:700!important;font-family:inherit}
div#advancedsocialwidget .textwidget a.rsslink:hover{text-decoration:underline}
div#social_icons{float:left;width:100%;background:#fff;position:relative}
div#social_icons ul{clear:left;float:left;list-style:none;position:relative;left:50%;text-align:center;margin:0!important;padding:0!important}
div#social_icons ul li{display:block;float:left;list-style:none;position:relative;right:50%;margin:0 0 0 1px !important;padding:3px 10px!important}
div#social_icons ul li span{display:block;color:#444!important;font-size:8px;border:none;padding:40px 0 2px!important}
div#social_icons ul li:first-child span{margin-left:-2px}
div#social_icons ul li:last-child span{margin-left:-10px}
div#social_icons .subscribe_delicious a{width:24px;height:24px;text-decoration:none;display:block;background:url(http://1.bp.blogspot.com/-A5hAEBDCeiM/T_A5Dnf0kOI/AAAAAAAABoI/3S_6kfE7R5E/s1600/advsoc_widget_main_24.png) no-repeat -76px 0;font-family:inherit;color:inherit}
div#social_icons .subscribe_twitter a{width:24px;height:24px;text-decoration:none;display:block;background:url(http://1.bp.blogspot.com/-A5hAEBDCeiM/T_A5Dnf0kOI/AAAAAAAABoI/3S_6kfE7R5E/s1600/advsoc_widget_main_24.png) no-repeat 0 0;font-family:inherit;color:inherit}
div#social_icons .subscribe_stumbleupon a{width:24px;height:24px;text-decoration:none;display:block;background:url(http://1.bp.blogspot.com/-A5hAEBDCeiM/T_A5Dnf0kOI/AAAAAAAABoI/3S_6kfE7R5E/s1600/advsoc_widget_main_24.png) no-repeat -101px 0;font-family:inherit;color:inherit}
div#social_icons .subscribe_google a{width:24px;height:24px;text-decoration:none;display:block;background:url(http://1.bp.blogspot.com/-A5hAEBDCeiM/T_A5Dnf0kOI/AAAAAAAABoI/3S_6kfE7R5E/s1600/advsoc_widget_main_24.png) no-repeat -50px 0;font-family:inherit;color:inherit}
div#social_icons .subscribe_facebook a{width:24px;height:24px;text-decoration:none;display:block;background:url(http://1.bp.blogspot.com/-A5hAEBDCeiM/T_A5Dnf0kOI/AAAAAAAABoI/3S_6kfE7R5E/s1600/advsoc_widget_main_24.png) no-repeat -25px 0;font-family:inherit;color:inherit}
div#social_icons .subscribe_pinterest a{width:24px;height:24px;text-decoration:none;display:block;background:url(http://1.bp.blogspot.com/-A5hAEBDCeiM/T_A5Dnf0kOI/AAAAAAAABoI/3S_6kfE7R5E/s1600/advsoc_widget_main_24.png) no-repeat -126px 0;font-family:inherit;color:inherit}
div#social_icons .subscribe_linkedin a{width:24px;height:24px;text-decoration:none;display:block;background:url(http://1.bp.blogspot.com/-A5hAEBDCeiM/T_A5Dnf0kOI/AAAAAAAABoI/3S_6kfE7R5E/s1600/advsoc_widget_main_24.png) no-repeat -151px 0;font-family:inherit;color:inherit}
.tipsy{font-size:10px;opacity:0.8;filter:alpha(opacity=80);background-repeat:no-repeat;background-image:url(../images/tipsy.gif);padding:5px}
.tipsy-inner{background-color:#000;color:#FFF;max-width:200px;text-align:center;-moz-border-radius:3px;-webkit-border-radius:3px;padding:5px 8px 4px}
.tipsy-north{background-position:top center}
.tipsy-south{background-position:bottom center}
.tipsy-east{background-position:right center}
.tipsy-west{background-position:left center}
.clear{clear:both}
</style>


 

Enter your email address:

Delivered by FeedBurner

İçeriği beğendiniz mi?