Blog Sayfanıza Hava Katacak E-Mail Abone Kodu

email-abone-eklentisi

  Blog sayfalarının kaliteli ve faydalı içerik üretme zorunluluğu kalıcı takipçi kazanmaları içindir. Sosyal ağ hesaplarınızla, GFC gibi blog servislerinin sağladığı imkanlarla veya Feedburner aracılığı ile takipçi hedefleyebilirsiniz. Diğer takip yöntemleri sizin yeni içerik girmenizden çok ziyaretçinin sizi ziyaret etmek istemesinden kaynaklanır. Feedburner ile her yani yazı yayınladığınızda otomatik olarak abonenin mail adresine gönderilir. Böylece yeni yazınızı okuması ve geri dönüş yapması daha muhtemel olur.

  Feedburner aboneliği istenildiği takdirde çıkabileceğiniz bir yöntemdir. Bu nedenle başkalarını takip etmek için mail adresinizi eklemeyi dert etmeyin. Özellikle yazılarını başarılı bulduğunuz ve size faydasını olacağını düşündüğünüz bloglar için abone olmanız sizin yararınızadır. Ürettiğiniz içerikleri daha çok kitleye ulaştırmak içi her yol mübahtır. Blog sayfanıza eklediğiniz abonelik formlarını kendi sayfanıza göre düzenleyip ilgi çekici hale getirerek bazı bilgiler ekleyebilirsiniz.

  Formlarda bilgi olarak kaç takipçiniz olduğunu veya ilgili olduğunuz kategorileri vererek abone olmaları için ziyaretçileri yönlendirebilirsiniz. Aşağıda görselini gördüğünüz eklenti üzerine gelindiğinde hareket eden şık bir formdur. Renkleri ve boyutlarıyla dilediğiniz gibi oynayabilirsiniz.

Nasıl Eklerim?
hareketli-eposta-eklentisi

 Hemen aşağıdaki kodu "Gadget Ekle" yöntemiyle JavaScript olarak ekleyin. Kırmızı ile belirttiğim dogushakayilmaz kısmını kendinize göre düzenlemeyi unutmayın.

<div id='subscribe-css'>
<p class='subscribe-note'><span>ABONE OLUN</span> <span class='itatu'>ve</span> Yeni Yazıları Yakından Takip Edin</p>
<div class='subscribe-wrapper'>
<div class='subscribe-form'>
<form action='https://feedburner.google.com/fb/a/mailverify?uri=dogushakanyilmaz' class='subscribe-form' method='post' onsubmit='window.open (&apos;https://feedburner.google.com/fb/a/mailverify?uri=dogushakanyilmaz&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<input name='uri' type='hidden' value='dogushakanyilmaz'/><input name='loc' type='hidden' value='en_US'/><input autocomplete='off' class='subscribe-css-email-field' name='email' placeholder='E-mail Adresinizi Giriniz'/><input class='subscribe-css-email-button' title='' type='submit' value='Gönder'/></form>
</div>
</div>
</div>

  Aşağıdaki kodu da tema kodlarının içindeki ]]></b:skin> kodunun hemen üstüne ekleyerek kaydedin. Abone formunun renkleriyle ilgili değişiklikleri buradan yapacaksınız. Kırmızı ile belirttiğim #374760 kodu arka plan rengini, #3cc091 ise "Gönder" butonu rengini temsil eder. Dilediğiniz renk kodu ile değiştirebilirsiniz.

/* Subscribe Box */
#subscribe-css{position:relative;padding:20px 0;background:#374760;overflow:hidden;border-top:4px solid #eee;}
.subscribe-wrapper{color:#fff;font-size:16px;line-height:normal;margin:0;text-align:center;text-transform:none;font-weight:400;width:100%}
.subscribe-form{clear:both;display:block;overflow:hidden}
form.subscribe-form{clear:both;display:block;margin:0;width:auto;overflow:hidden}
.subscribe-css-email-field{background:#415471;color:#ccc;margin:10px 0;padding:15px 20px;width:52%;border:0}
.subscribe-css-email-button{background:#3cc091;color:#fff;cursor:pointer;font-weight:700;padding:14px 30px;margin-left:15px;text-transform:none;font-size:16px;border:0;border-radius:3px;transition:all .6s}
.subscribe-css-email-button:hover{background:#37b185;}
#subscribe-css p.subscribe-note{margin:16px;text-align:center;color:rgba(255,255,255,.6);font-size:180%;font-weight:400;line-height:normal;}
#subscribe-css p.subscribe-note span {position:relative;overflow:hidden;font-weight:700;transition:all .5s}
#subscribe-css p.subscribe-note span.itatu {font-weight:400;font-style:italic;color:rgba(255,255,255,.6);text-transform:lowercase}
#subscribe-css p.subscribe-note span.itatu:before,#subscribe-css p.subscribe-note span.itatu:after{display:none}
#subscribe-css p.subscribe-note span:before{content:'';position:absolute;bottom:-2px;left:0;width:0;height:3px;margin:10px 0 0;background:rgba(255,255,255,.1);transition:all .5s}
#subscribe-css:hover p.subscribe-note span:before{width:100%;}

Bu yazı Seo Teknikleri ve Blog İpuçları | DHY tarafından yazılmıştır.
✔ Bu içeriği beğendiyseniz lütfen paylaşın ⤵

Feedburner Aboneliği İçin Onay Linkini Tıklamayı Unutmayın!

feedburner-onay-linki

Feedburner abone olmak için detaylar, Feedburner abone olma işlem adımları
  Blog yazarları olarak bizler için takipçiler kazanmak ve bunu devamlı hale getirmek biraz zahmetli. Bir kaç şekilde ziyaretçileri blog sayfanıza bağlamanız mümkün ama GFC'den sonra önem verdiğim
Feedburner e-mail aboneliğidir. Bu şekilde yazılara abone olan kişilere her yeni yazıda mail ulaşır. Böylece okuyucular sizi aramak zorunda kalmadan yeniliklerden haberdar olur. Yalnız burada gördüğüm bir sıkıntıdan bahsetmek istiyorum. Blog sayfama abone olmak için başvuran arkadaşlarım onay mailini tıklamadıkları için işlem yarım kalıyor ve böyle olunca da abonelik işlemi noksan kalıyor.


aboneliğe-mail-adresi-ile-başvurma

  Yapmanız gereken abonelik için yukarıdaki formu doldurduktan sonra mailinizin gelen kutusundaki mesajda feedburner aboneliğini onaylamaktır. Gelen kutunuza baktığınızda aşağıdaki gibi bir uyarı alacaksınız. Bu uyarıyı onaylayarak abonelik işleminizi tamamlamalısınız.

Merhaba,

 Kısa süre önce DOĞUŞ HAKAN YILMAZ'a bir e-posta aboneliği talep ettiniz. İstediğiniz güncellemeleri e-posta ile göndermek için sabırsızlanıyoruz, bu nedenle aboneliğinizi derhal etkinleştirmek için lütfen aşağıdaki bağlantıyı tıklayın:

$ {Confirmlink} ← Bağlantı burada görünecek

(Yukarıdaki bağlantı tıklanabilir görünmüyorsa veya tıkladığınızda bir tarayıcı penceresi açılmazsa, kopyalayıp web tarayıcınızın Konum çubuğuna yapıştırın.) 

  Gelen maili onaylamadığınızda aşağıdaki görselde gördüğünüz gibi "Unverfied" olarak kalıyor. Aktif olmayan abonelik ne size fayda sağlar ne de bana. Bu nedenle benim blog sayfama olmasa bile başka yerlere abone olduğunuzda da onay mailini cevaplamayı unutmayın.

Örnek:
onaylanmayan-abone-listesi

  Bu arada yazılarımı takip etmek ve yeniliklerden haberdar olmak için blog sayfamın sağ tarafındaki formu, okuduğunuzun yazının altındaki formu veya sol alt köşedeki zarf butonuna basarak abonelik işlemini başlatabilirsiniz.

✔ Bu içeriği beğendiyseniz lütfen paylaşın ⤵

Feedburner E-mail Abone Ol Formu

blogger-abone-eklentisi

  Blogger kullanıcıları için hazırlanmış gayet kullanışlı bir eklenti paylaşmak istiyorum. E-mail abone eklentileri sadık ziyaretçi kazanmanın ve trafiği artırmanın en zor ama en garantili yollarından biridir. Bu formlar aracılığı ile blog okuyucularınızdan oluşan ailenize yeni üyeler katabilirsiniz. Blogger kullanıcılarının genelde yakındığı durum kodları manuel olarak eklemek zorunda olmalarıdır. Doğrudan bir eklenti olmadığı için bu tür göze hoş gelen ve ziyaretçiyi kaçırmayacak yöntemler bulmak zorunda kalıyoruz. Aşağıda vereceğim iki kodu gösterdiğim yere eklediğinizde hiçbir sorun yaşamadan e-mail abone formunu kullanmaya başlayabilirsiniz.

  Bu eklenti ile sayfanızın sol alt köşesinde simge oluşacaktır. Bu simgeye tıklanıldığında pop up açılan bir form sizi karşılayacak. Hem hızlı bir eklenti hem de ziyaretçilerin okumalarına engel olmayan bir format'ta hazırlanmıştır. Aradığınız eklentiyi bulduğunuza göre hangi aşamaları takip edeceğinize geçelim. Öncelikle her zaman ki gibi Blogger kumanda panelinde Tema sekmesine tıklayarak kodlarınıza ulaşmanız gerekiyor. Kodların bulunduğu alana tıklayarak Ctrl+F yardımıyla ]]></b:skin> kodunu aratın ve hemen üstüne aşağıdaki CSS kodunu ekleyin.

/***** OnClick PopUp Email Subscription Form CSS *****/
#popup-wrap .popup-button { background: #A1362A url("http://2.bp.blogspot.com/-5BeaRyWo6FQ/Vc9zn8NV2oI/AAAAAAAADU0/tGTO9XGumUs/s1600/envelop.png") no-repeat scroll center center; border-radius: 50%; bottom: 25px; cursor: pointer; height: 80px; left: 25px; position: fixed; width: 80px; z-index: 99999; }
#popup-wrap .popup-button:hover { background-color: #70261D; }
#popup-wrap .popup-bg { opacity: 0; visibility: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0, .8); transition: opacity .25s ease; z-index: 999999; }
#popup-wrap .popup-bg-close { position: absolute; top: 0; right: 0; bottom: 0; left: 0; cursor: pointer; }
#popup-wrap .popup-trigger { display: none; }
#popup-wrap .popup-trigger:checked + .popup-bg { opacity: 1; visibility: visible; }
#popup-wrap .popup-trigger:checked + .popup-bg .popup-form { top: 0; }
#popup-wrap .popup-form { transition: top .25s ease; position: absolute; top: -20%; right: 0; bottom: 0; left: 0; max-width: 400px; margin: auto; overflow: auto; padding: 2.5em; max-height: 280px; background: #cc6055; text-align: center; }
#popup-wrap .popup-inner { color: #fff; font-size: 15px; font-family: "Century Gothic", sans-serif; font-weight: bold; line-height: normal; }
#popup-wrap .popup-title { display: block; font-size: 2em; font-weight: normal; margin-bottom: 20px; }
#popup-wrap .popup-content { font-size: 16px; line-height: 26px; }
#popup-wrap .popup-footer { font-size: 75%; font-style: italic; }
#popup-wrap #mailbox,
#popup-wrap #subbutton { background: #A1362A; border: none; border-radius: 3px; box-sizing: border-box; color: #fff; font-family: "Century Gothic",sans-serif; font-size: 12px; font-weight: bold; line-height: 30px; padding: 10px 20px; width: 100%; }
#popup-wrap #mailbox { margin: 0 0 10px; text-transform: lowercase; }
#popup-wrap #subbutton { cursor: pointer; margin: 0; text-transform: uppercase; }
#popup-wrap #subbutton:hover { background: #70261D; }
#popup-wrap .popup-form-close { position: absolute; right: 1em; top: 1em; width: 1.1em; height: 1.1em; cursor: pointer; }
#popup-wrap .popup-form-close:after,
#popup-wrap .popup-form-close:before { content: ''; position: absolute; width: 5px; height: 1.5em; background: #A1362A; display: block; transform: rotate(45deg); left: 50%; margin: -3px 0 0 -1px; top: 0; }
#popup-wrap .popup-form-close:hover:after,
#popup-wrap .popup-form-close:hover:before { background: #70261D; }
#popup-wrap .popup-form-close:before { transform: rotate(-45deg); }

  Bu işlemden sonra aynı alanda </body> kodunu aratın ve hemen üstüne aşağıdaki HTML kodunu yapıştırın ve kaydedin.

 <div id="popup-wrap">
  <!-- Subscribe Trigger -->
       <label class='popup-button' for='popup-trigger'></label>
  <!-- Subscribe Content -->
  <input class='popup-trigger' id='popup-trigger' type='checkbox'/>
  <div class='popup-bg'>
            <label class='popup-bg-close' for='popup-trigger' id='popup-close'></label>
            <div class='popup-form'>
                <label class='popup-form-close' for='popup-trigger' id='popup-close'></label>
                <div class='popup-inner'>
                    <!-- Opt-In Subscribe -->
                    <span class="popup-title">E-mail Abonelik Formu</span>
                    <span class="popup-content">En Yeni Makaleler Hemen E-mail Adresinize Gelsin</span>
                    <br/><br/>
                    <form action='http://feedburner.google.com/fb/a/mailverify' id='subscribe' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=dogushakanyilmaz&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
                        <input name='uri' type='hidden' value='dogushakanyilmaz'/>
                        <input name='loc' type='hidden' value='en_US'/>
                        <input id='mailbox' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;E-Mail Adresiniz...&quot;;}' onfocus='if (this.value == &quot;E-Mail Adresiniz...&quot;) {this.value = &quot;&quot;}' required='' type='text' value='E-Mail Adresiniz...'/>
                        <input id='subbutton' title='' type='submit' value='Gönder'/>
                    </form>
                    <br />
                    <span class="popup-footer">E-Mail adresiniz Paylaşılmayacaktır!</span>
                </div>
            </div><!-- .popup-form -->
  </div><!-- .popup-bg -->
    </div><!-- #popup-wrap -->
  Kırmızı ile belirttiğim alanları kendinize göre düzenleyebilirsiniz. Feedburner kullanıcı adınızı eklemeyi unutmayın.

✔ Bu içeriği beğendiyseniz lütfen paylaşın ⤵

Blogger İçin Https Protokolü ile Çalışma Sorunu

https-ile-güvenli-olmuyor
Https protokolü sorunu

  Https (Secure Hyper Text Transfer Protocol) kelime anlamı olarak güvenli metin aktarma iletişim protokolüdür. Bildiğimiz HTTP protokolüne SSL güvenliğinin eklenmesiyle oluşur. Özellikle para alışverişinin olduğu sitelerde tercih ediliyor ama Google tüm sitelerin güvenlik için Https'ye geçmeleri için bildirimlerde bulunuyor. Hatta bir yerde okuduğum yazıya göre Google sıralamasında Https'li siteler daha avantajlı olacak. Bu kısa bilgi akışından sonra asıl konuya gelelim.

  Blogger altyapısını kullanan birisi olarak özel alan adına da sahip olmadığım için Https ile kullanmak istedim. Böylece "Güvenli" yönlendirmesinin altında daha faydalı olacağını düşündüm. Uzun zamandır Https ile kullanmaya çalışıyorum ama tam olarak güvenli olmadığını ve site bilgilerini görüntüle şeklinde çalıştığını fark ettim. (Alttaki resimde ortadaki uyarı gibi görünüyordu.)
  Neden olduğunu anlamaya çalışırken eklediğim abonelik eklentisinden kaynaklandığını anladım. Eklentiyi kaldırdığımda "Güvenli" şeklinde görünmeye başladı. Bu eklenti kalıcı ziyaretçi için önemli olduğu gibi benimde vazgeçilmez eklentilerimdendir. Daha sonra nasıl anladığımı ve çözdüğümü anlatayım. Feedburner sayfasına giriş yaptığınızda blog sayfanızı seçtiğinizde aşağıdaki gibi görüntüye sahip oluyorsunuz. (Bloglar için Feedburner eklentisinin bilinmeyenleri ve ayrıntıları) yazımı okuyarak kurulum hakkında detaylı bilgiler alabilirsiniz.
  Resimde kare içine aldığım http ile başlayan link muhtemelen sizde https olarak görünüyordur. Böyle olunca da yaşanan çakışmadan dolayı güvenli olarak kullanamıyorsunuz. Burayı http olarak kaydettikten sonra sıra geldi "Gadget Ekle" bölümünden eklediğiniz abonelik eklentisine. Eklediğiniz kodun içindeki http ile başlayan tüm bağlantıları https olarak değiştirin ve kaydedin. Bu düzeltmeleri yaptıktan sonra güvenli olarak bağlanmaya başladı ve hiçbir sorun çıkmadı. Eğer hala düzelmezse aynı şekilde kendi eklediğiniz tüm eklentilerin bağlantılarını https olarak değiştirmeyi deneyin çözüme ulaşacağınızı düşünüyorum.

✔ Bu içeriği beğendiyseniz lütfen paylaşın ⤵

Blogger E-posta Abonelik Eklentileri "Kolay Kurulumlu"

blogger-için-e-mail-abonelik-eklentisi

Blogger için eposta abone ol eklentisi, sidebar ve yazı altına e-posta abonelik eklentisi, Abonelik eklentisi nasıl eklenir?
  Blogger kullanıcıları için hazırlanmış en yeni ve şık e-mail abonelik eklentisi seçeneklerini bu yazıda bulabilirsiniz. Aşağıda kodlarını vereceğim e-mail abonelik widget örneklerinden istediğinizi kolayca blogunuza ekleyebilirsiniz. Feedburner altyapısı ile gelen ziyaretçileri abone etmeniz çok önemlidir. Her yeni yazınız anında abonelere mail olarak iletilir. Böylece güncel yazılarınız takipçileriniz tarafından daha fazla okunur. Aynı şekilde beğendiğiniz blogları bu formlar aracılığı ile sizde takip edebilirsiniz. Daha önce yazılmış bu tür eklentiler mevcut ama vereceğim bu e-posta eklentileri blog sayfanız daha şık bir görüntüye kavuşacak.

 Buradaki eklentiler veya diğer abonelik formları için Feedburner kullanıcı isminiz gerekeceğinden nereden öğreneceğinizi bilmiyorsanız aşağıdaki resimden faydalanabilirsiniz.


1)
  Bu form ile sosyal medya hesaplarınızı da aynı gösterebilirsiniz. Renkli logolar kullanılması formun görüntüsüne olumlu katkı sağlamış gibi görünüyor. Başlığını ve açıklamasını istediğiniz gibi değiştirebilirsiniz. Hatta kod bilginiz varsa renkleri boyutları gibi ufak değişiklikler yapabilirsiniz. Kırmızı ile renklendirdiğim alanları istediğiniz şekilde değiştirebilirsiniz. Sosyal medya hesaplarınızı kendinize göre düzenlemeyi unutmayın. Blogunuza eklemek için blogger kumanda panelinden Yerleşim- HTML Javascript yolunu izleyerek aşağıdaki kodu ekleyin, gerekli düzenlemeleri yaptıktan sonra kaydedin.
<style> #tblogging-newsletter{ width:290px;background:#2e3639; color:#fff; padding:20px; font-size:14px; margin-bottom:20px; -moz-box-shadow: 2px 2px 2px #000000;-webkit-box-shadow: 5px 5px 5px #000000;box-shadow: 5px 5px 5px #000000;border:double 5px #000000; -moz-border-radius-topleft: 5px; -moz-border-radius-topright:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;} #tblogging-newsletter .tblogging-title { margin-bottom:10px;margin-top:-10px; } .tblogging-title{margin-left: 8px;font-size:25px; font-weight:bold; border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;padding:1px 8px 2px 8px;text-align:center;border:1px solid #151819;color:#fff;background:#222729;display:inline-block;} #footer-subscribe-btn {width:116px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; position:relative;left:135px;} .footer-submit-btn {margin-left:50px;margin-top:-10px;margin-bottom:-50px;border: none;color: #fff;text-transform: uppercase; font-size: 13px;padding: 5px 18px 5px;background: #e93a30;border-radius: 30px;-webkit-border-radius: 30px; -moz-border-radius: 30px;font-weight: bold;-webkit-transition: background .2s linear; -moz-transition: background .2s linear;-ms-transition: background .2s linear;-o-transition: background .2s linear;transition: background .2s linear;cursor: pointer; } .footer-submit-btn:hover { background:#e51111;} #fastsearch ,#footer-subscribe-email{background:#62686b;color:#fff;font-size:14px;border:none; box-sizing:border-box;border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;outline:none;padding:0px 15px; height:30px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} #fastsearch.inactive , #footer-subscribe-email.inactive {color:#b5b7b8;} #footer-subscribe-email {width:100%;} #sb-nl-members-count { font-size:12px; font-weight:bold;text-align:center;width:150px;margin:0 0 -23px 0 ;display:inline-block; </style> <br /> <div id="tblogging-newsletter"> <div class="tblogging-title"> E-Mail Aboneliği</div> <div class="tblogging-nl-text"> <center> Yeni Yazılardan Ücretsiz Haberdar Olun</center> </div> <form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=dogushakanyilmaz', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"> <input class="inactive footer-text-field" id="footer-subscribe-email" name="EMAIL" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" type="text" value="E-mail adresiniz" /> <input name="uri" type="hidden" value="seocips" /> <input name="loc" type="hidden" value="en_US" /> <br /> <div id="sb-nl-members-count"> <table border="0"> <tbody> <tr> <td style="padding-right: 4px;"><a href="http://twitter.com/benimdunyam_dhy" target="_blank" title="Follow Me On Twitter"> <img src="http://1.bp.blogspot.com/-Q4L6phRaHaA/UOKc13ilEwI/AAAAAAAAGLM/qZrVGXriT2s/s1600/tempat-blogging-twitter-icon.png" style="height: 25px; width: 25px;" /></a> </td> <td style="padding-right: 4px;"><a href="http://feeds.feedburner.com/dogushakanyilmaz" target="_blank" title="Subscribe Via RSS"> <img src="http://2.bp.blogspot.com/-Y0dHt53dw40/UOKc1B3zfJI/AAAAAAAAGLE/QZzG4hMqUNU/s1600/tempat-blogging-rss-icon.png" style="height: 25px; width: 25px;" /></a> </td> <td style="padding-right: 4px;"><a href="http://www.facebook.com/dogushakanyilmaz" target="_blank" title="Find Us On Facebook"> <img src="http://4.bp.blogspot.com/-xELUzYYkYY0/UOKcz34EO2I/AAAAAAAAGK0/AZz0lNN6Sos/s1600/tempat-blogging-facebook-icon.png" style="height: 25px; width: 25px;" /></a> </td> <td style="padding-right: 4px;"><a href="https://plus.google.com/u/0/+DoğuşHakanYILMAZ" target="_blank" title="Add me on Google+"> <img src="http://3.bp.blogspot.com/-bWbBG7yV2dQ/UOKc0ohrt1I/AAAAAAAAGK8/6m2c4idvyBc/s1600/tempat-blogging-google-icon.png" style="height: 25px; width: 25px;" /></a> </td> <td style="padding-right: 4px;"><a href="http://youtube.com/UserId" target="_blank" title="youtubr subscribe"> <img src="http://1.bp.blogspot.com/-eZFb46_b9RQ/UOKc2hK48BI/AAAAAAAAGLU/pwTmG2--j4o/s1600/tempat-blogging-youtube-icon.png" style="height: 25px; width: 25px;" /></a> </td></tr> </tbody></table> </div> <input class="footer-submit-btn" id="footer-subscribe-btn" type="submit" value="Abone Ol" /> <div class="clr"> </div> </form> </div>
2)
  Bu formu ana sayfanız dışında yazılarınızın altında da kullanabilirsiniz. Böylece yazılarınızı okuyan ziyaretçiler için abonelik eklentisini hemen sunmuş olursunuz. Okuduğu yazıyı beğenen bir ziyaretçi muhtemelen abone olmak isteyecektir. Kodu nereye ekleyeceğiniz sorusu için cevap Blogger şablonunuzda Tema kodlarının olduğu alanda  <data:post.body/> bu kodu aratın. Belki bir kaç tane aynı kod ile karşılaşabilirsiniz. Burada doğru yeri anlamak için deneme yanılma yolunu veya yazınızın altında paylaş butonları ve benzer yazılar gibi eklentiler varsa yardımcı olabilir. Kodu arattığınız yerde paylaş butonları veya benzer yazılar varsa doğru yer orasıdır. Kodu eklerken diğer kodların başlangıç ve bitiş yerlerini iyi hesaplayın ve işlemi yapmadan önce şablonun yedeğini almayı unutmayın. Kırmızı ile renklendirdiğim alanları kendinize göre uyarlamayı unutmayın.
<section class='newsletter'>
<h2>
Yeni Yazılardan Haberin Olsun İster misin ?
</h2>
<div id='form-newsletter'>
<div class='social facebook'>
<a href='https://www.facebook.com/dogushakanyilmaz' target='_blank'>
      <img src='http://1.bp.blogspot.com/-HiD7bFwl-fM/U3nB1ozGbKI/AAAAAAAACb0/5_nqyCGPN8Q/s1600/nl-facebook@2x.png'/>
    </a>
    <iframe allowtransparency='true' class='social-box fb-like' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2FAllBloggerTricks&amp;width=90&amp;height=21&amp;colorscheme=light&amp;layout=button_count&amp;action=like&amp;show_faces=false&amp;send=false&amp;appId=519648428126767&amp;locale=en_US' style='border: none; height: 21px; overflow: hidden; width: 90px;'>
    </iframe>
  </div>
<div class='social twitter'>
<a href='https://twitter.com/benimdunyam_dhy' target='_blank'>
      <img src='http://2.bp.blogspot.com/-NPqgpxxxV1s/U3nB1GvOtwI/AAAAAAAACbw/CmH7ymTRpR4/s1600/nl-twitter@2x.png'/>
    </a>
    <iframe allowtransparency='true' class='social-box twitter-follow-button twitter-follow-button' data-twttr-rendered='true' frameborder='0' id='twitter-widget-0' scrolling='no' src='http://platform.twitter.com/widgets/follow_button.1399599786.html#_=1399785529920&amp;id=twitter-widget-0&amp;lang=en&amp;screen_name=AllBloggerTrick&amp;show_count=false&amp;show_screen_name=false&amp;size=m' style='height: 20px; width: 60px;' title='Twitter Follow Button'>
    </iframe>
    <script>
      !function(d,s,id){
        var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?&#39;http&#39;:&#39;https&#39;;
        if(!d.getElementById(id)){
          js=d.createElement(s);
          js.id=id;
          js.src=p+&#39;://platform.twitter.com/widgets.js&#39;;fjs.parentNode.insertBefore(js,fjs);}}(document, &#39;script&#39;, &#39;twitter-wjs&#39;);
    </script>
  </div>
<div class='newsletter-form'>
<fieldset>
<h2>
       E-mail adresinizi aşağıdaki kutuya yazın.
      </h2>
<div class='fields'>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.openundefined&apos;http://feedburner.google.com/fb/a/mailverify?uri=dogushakanyilmaz&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<input class='email' id='email' name='email' onblur='ifundefinedthis.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='ifundefinedthis.value==this.defaultValue)this.value=&apos;&apos;;' type='text' value='E-mail adresiniz..'/>
          <input name='uri' type='hidden' value='dogushakanyilmaz'/>
          <input name='loc' type='hidden' value='en_US'/>
          <input class='subscribe' name='commit' type='submit' value='Abone Ol'/>
        </form>
</div>
</fieldset>
</div>
</div>
</section>
<style>
.newsletter{text-align:center;margin:20px 0;}
.newsletter .social.facebook{background:none repeat scroll 0 0 #3661A0}
.newsletter .social{padding-top:20%;width:20%;float:left;position:relative}
.newsletter #form-newsletter{display:block;width:90%;max-width:900px;min-width:500px;margin:0 auto}
.newsletter:before,.newsletter:after{content:&quot; &quot;;display:table}
.newsletter:after{clear:both}
.newsletter h2{color:#3B434D;font-family:Open Sans,sans-serif;font-size:1.5em;font-weight:300;width:65%;margin:1em auto}
.newsletter .social.twitter{background:none repeat scroll 0 0 #00ACED}
.newsletter .social a{display:block;left:30%;position:absolute;top:20%;width:40%}
.newsletter .social a img{max-width:100%;width:100%;transition: transform 0.3s ease-out 0s}
.newsletter .social a:hover img{transform:scale(1.1)}
.newsletter .social .social-box{bottom:20px;left:50%;position:absolute}
.newsletter .social .social-box.fb-like{margin-left:-45px}
.newsletter .social .social-box.twitter-follow-button{margin-left:-30px}
.newsletter .newsletter-form{background:none repeat scroll 0 0 #1E293B;float:left;padding-top:20%;position:relative;width:60%}
.newsletter .newsletter-form fieldset{height:38px;left:10%;position:absolute;top:10%;width:80%;border:none}
.newsletter .newsletter-form fieldset h2{color:#FFF;font-family:Open Sans, sans-serif;font-weight:300;width:100%;margin:0 0 1.5625em;font-size:16px;}
.newsletter .newsletter-form fieldset .fields{position:relative}
.fields .email{border-radius:10px 0 0 10px;outline:0 none;width:84%;border:0;left:0;position:absolute;padding:10.5px}
.fields .subscribe{background:none repeat scroll 0 0 #F0553B;border:medium none;border-radius:0 10px 10px 0;color:#FFF;right:0;position:absolute;padding:10px;transition:all ease 0.6s;}
.fields .subscribe:hover {background: none repeat scroll 0 0 #161616;}
</style>
<script type='text/JavaScript'>
fontsize = function () {
    var abtSubs = $(&quot;.newsletter #form-newsletter&quot;).width() * 0.025; // 10% of container width
    $(&quot;.newsletter .newsletter-form fieldset h2&quot;).css(&#39;font-size&#39;, abtSubs);
};
$(window).resize(fontsize);
$(document).ready(fontsize);
</script>
✔ Bu içeriği beğendiyseniz lütfen paylaşın ⤵