25 Mart 2017: Cumartesi
Gölge

FeedBurner Aboneliğini Çekici Hale Getirme

Bu yazı 3 sene [3 seneden daha eski de olabilir] veya daha önce yayınlanmış olduğundan; görülen linklerde, resimlerde veya kodlarda hata olması çok olası. Herhangi bir hata ile karşılaşmanız durumunda bana buradan bildirebilirsiniz. Anlayışınız için teşekkür eder, keyifli okumalar dileriz :) Enes İLHAN
Blogger İpuçları 20 Aralık 2009 7 3.606  
Bu Kişisel Blog'da 550 kategori'de yazıya yazılmış adet değerli yorumlarınız bulunmaktadır..

Eğer sizde aboneliğinizi FeedBurner ile yakıyorsanız bu eklenti tam size göre ! Ziyaretçilerinizin hoş bir görünüm ile sitenize abone olmaları bu eklenti ile mümkün. Benim sitemde de mevcut fakat ben görselliği 2. plâna attığım için yeni temam da bunun gibi görseli yüksek bir şey yapmadım . Bu eklentiyi kullanabilmek için bir css ve birde FeedBurner’ın bize vermiş olduğu abonelik kodu gerekecek. Birçok sitede mevcut olan bu eklentiyi bugün sizlere anlatacağım. Eğer anlatımı dikkatlice takip ederseniz sorun olacağına inanmıyorum. İsterseniz hemen anlatıma geçelim:

Her zaman ki gibi Blogger hesabımıza girip “Yerleşim/HTML’yi Düzenle” sekmesine gelip “Widget Şablonlarını Genişlet” tikini aktif hale getirdikten sonra </b:skin> kodundan önce şu kodları yapıştıralım:

.enews {
    background: #FFFFFF url(http://i48.tinypic.com/e7hrgp.gif) top right no-repeat;
    margin: 90px 0px 10px 0px;
    padding: 5px 5px 10px 10px;
    border: 1px solid #C0C0C0;
    }

/************************************************
*    eNews Subscribe                                *
************************************************/

#subscribe {
    margin: 10px;
    padding: 10px 0px 5px 0px;
    overflow: hidden;
    }

#subbox {
    background: #FFFFFF url(http://img503.imageshack.us/img503/7554/searchbar.png) repeat-x;
    width: 400px;
    color: #222222;
    font-family: Arial, Tahoma, Verdana;
    padding: 3px;
    margin: 5px 5px 0px 0px;
    border-top: 1px solid #666666;
    border-left: 1px solid #BBBBBB;
    border-right: 1px solid #BBBBBB;
    border-bottom: 1px solid #EEEEEE;
    }

#subbutton {
    background: #222222;
    color: #FFFFFF;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-family: Arial, Tahoma, Verdana;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    margin: 0px;
    padding: 2px 3px 2px 3px;
    border: 1px solid #222222;
    }

#submit {
    background: #222222;
    color: #FFFFFF;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-family: Arial, Tahoma, Verdana;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    margin: 0px;
    padding: 2px 0px 2px 0px;
    border: 1px solid #222222;
    }

#author, #email, #url {
    background: #F7F7F7 !important;
    color: #222222;
    font-size: 12px;
    font-family: Arial, Tahoma, Verdana;
    margin: 0px;
    padding: 4px;
    border: 1px solid #F0E4E4;
    }

#comment {
    background: #F7F7F7 !important;
    color: #222222;
    font-size: 12px;
    font-family: Arial, Tahoma, Verdana;
    margin: 5px 0px 5px 0px;
    padding: 4px;
    border: 1px solid #E6E6E6;
    }

Bu kısmı geçtikten sonra en önemli noktaya geliyoruz. Her şeyden önce bu eklentiyi blogunuzun neresine koymaya karar vermelisiniz. Diyelim blogunuzda sağ tarafta “İzleyiciler” eklentisi var ve siz bu abonelik kutusunu İzleyiciler bölümünün hemen altına koymak istiyorsunuz o halde CTRL+A tuşuna basıp daha sonra da CTRL+F tuşuna basarak arama kutusuna “İzleyiciler” yazmanız gerekecek. Sonra da vereceğim kodları İzleyiciler eklentisinin altına yapıştırırsınız. Yani demek istediğim sizin istediğiniz herhangi bir yere bu kodları yapıştırmanız gerekecek.Evet işte 2. kod satırı şu şekilde:

<div class='enews'>
                <h4>Abonelik:</h4>
                &lt;form action=&quot;http://feedburner.google.com/fb/a/mailverify?uri=EnesveBlogu&quot; , popupwindow );return true target=&quot;popupwindow&quot; onsubmit=&quot;window.open(&quot; scrollbars=&quot;yes,width=550,height=100&quot; http://feedburner.google.com/fb/a/mailverify?uri=&quot;EnesveBlogu&quot; method=&quot;post&quot; &gt;
&lt;input style=&quot;background-color:#fff8af&quot; class=&quot;feedinput&quot; value=&quot;E-posta adresini girin:&quot; name=&quot;email&quot; type=&quot;text&quot;/&gt;&lt;input value=&quot;http://feedburner.google.com/fb/a/mailverify?uri=EnesveBlogu&quot; name=&quot;url&quot; type=&quot;hidden&quot;/&gt;
&lt;input value=&quot;Abone Olun...&quot; name=&quot;title&quot; type=&quot;hidden&quot;/&gt;
&lt;input value=&quot;en_US&quot; name=&quot;loc&quot; type=&quot;hidden&quot;/&gt;
&lt;input style=&quot;font-size:12px; background:#555555;color:#ffffff;border:1px #555555 solid;padding:4px;-moz-border-radius: 6px;-webkit-border-radius: 20px; &quot; value=&quot;Abone Ol&quot; type=&quot;submit&quot;/&gt;&lt;/form&gt;

            </div>

Kırmızı renk ile gösterdiğim yerleri kendininiz Feedburner abone ismini kullanarak değiştirirsiniz. Umarım yararlı bir bilgi olmuştur.Yapamadığınız yer olursa her zaman için sormaktan çekinmeyin.

Bu yazıdan önce yazmış olduğum "Blogger Sayfa Numaralandırma Eklentisi" başlıklı yazımı da okumanızı tavsiye ederim.

Enes ILHAN

Herkese Merhabalar, ben Enes İLHAN. Gaziantep'te doğdum, Adana'da Büro Yönetimi ve Yönetici Asistanlığı bölümünü okudum ve 2012'de mezun oldum. Askerliğimi uzun dönem olarak, { acemiliği Ankara/Mamak'ta , usta birliğini ise Hatay/İskenderun'da } yapıp bitirmiş bulunmaktayım. Şimdi ise hayata atılmanın çabası içerisine girmiş bulunmakta olup iş bulma derdindeyim.

7 Yorum Yapılmış

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir