Blogger için E- Posta Aboneliği Kutusu

E- Posta aboneliği bildiğiniz gibi paylaşımlarınızın size abone olan ziyaretçilerinizin E- Posta adresine gitmektedir böylece Blogger veya Web sayfanız daha çok ziyaretçi akınına uğramaktadır. Biz sizlere ise daha şık bir E- Posta kutusu sunuyoruz böylece Blogger adresiniz veya Web sayfanız daha şık olup ziyaretçilerinizin hoşuna gidecektir.

1. Adım HTML Kodlarını Blogger'a ekleyin

Yeleşim ➜ Gittikten sonra  Gadget  ekle diyoruz ve HTML/JavaScript aşağıdaki Kodlarımızı ekliyoruz ve Blogger için E- Posta Aboneliği Kutusu eklentimizi kurmuş oluyoruz. 

<style type="text/css">

#helperblogger-emailbox {

    background: url(http://3.bp.blogspot.com/-cLUYjqzh-QM/T-cObG0604I/AAAAAAAACCU/xPU8owu6n5U/s1600/helperblogger.com-blue.png)no-repeat scroll center center transparent;

    height: 143px;

    width: 368px;

}


form#helperblogger-emailform {

    display: block;

    margin: 0;

    padding-left: 42px;

    padding-top: 67px;

}


form#helperblogger-emailform #s {

    background: transparent;

    border: none;

    color: #444242;

    font-family: georgia;

    font-size: 15px;

    font-style: italic;

    height: 30px;

    margin-top: -2px;

    padding-left: 2px;

    vertical-align: top;

    width: 227px;

}


form#helperblogger-emailform #sbutton {

    background: transparent;

    border: none;

    cursor: pointer;

    height: 30px;

    padding-right: 45px;

}</style>


<div id="helperblogger-emailbox">

    <form id="helperblogger-emailform" action="http://feedburner.google.com/fb/a/mailverify"

    method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=HBlogger', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">

        <input type="hidden" value="Blogger Eklentileri" name="uri" />

        <input type="text" id="s" name="email" value="Enter Your E-Mail Here"

        onfocus='if (this.value == "Enter Your E-Mail Here") {this.value = ""}'

        onblur='if (this.value == "") {this.value = "Enter Your E-Mail Here";}'

        />

        <input type="hidden" name="loc" value="en_US" />

        <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton"

        />

    </form>

</div>

<style type="text/css">

#helperblogger-emailbox {

    background: url(https://lh4.googleusercontent.com/-Guzmo3JRgIw/T-cOdANE43I/AAAAAAAACCk/-QUJXfEELls/s1600/helperblogger.com-silver.png)no-repeat scroll center center transparent;

    height: 143px;

    width: 368px;

}


form#helperblogger-emailform {

    display: block;

    margin: 0;

    padding-left: 42px;

    padding-top: 67px;

}


form#helperblogger-emailform #s {

    background: transparent;

    border: none;

    color: #444242;

    font-family: georgia;

    font-size: 15px;

    font-style: italic;

    height: 30px;

    margin-top: -2px;

    padding-left: 2px;

    vertical-align: top;

    width: 227px;

}


form#helperblogger-emailform #sbutton {

    background: transparent;

    border: none;

    cursor: pointer;

    height: 30px;

    padding-right: 45px;

}</style>


<div id="helperblogger-emailbox">

    <form id="helperblogger-emailform" action="http://feedburner.google.com/fb/a/mailverify"

    method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=HBlogger', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">

        <input type="hidden" value="Blogger Eklentileri" name="uri" />

        <input type="text" id="s" name="email" value="Enter Your E-Mail Here"

        onfocus='if (this.value == "Enter Your E-Mail Here") {this.value = ""}'

        onblur='if (this.value == "") {this.value = "Enter Your E-Mail Here";}'

        />

        <input type="hidden" name="loc" value="en_US" />

        <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton"

        />

    </form>

</div>

<style type="text/css">

#helperblogger-emailbox {

    background: url(https://lh6.googleusercontent.com/-hGUwavE-FgM/T-cOcKb-wVI/AAAAAAAACCc/zAeLTDc_EvE/s1600/helperblogger.com-red.png)no-repeat scroll center center transparent;

    height: 143px;

    width: 368px;

}


form#helperblogger-emailform {

    display: block;

    margin: 0;

    padding-left: 42px;

    padding-top: 67px;

}


form#helperblogger-emailform #s {

    background: transparent;

    border: none;

    color: #444242;

    font-family: georgia;

    font-size: 15px;

    font-style: italic;

    height: 30px;

    margin-top: -2px;

    padding-left: 2px;

    vertical-align: top;

    width: 227px;

}


form#helperblogger-emailform #sbutton {

    background: transparent;

    border: none;

    cursor: pointer;

    height: 30px;

    padding-right: 45px;

}</style>


<div id="helperblogger-emailbox">

    <form id="helperblogger-emailform" action="http://feedburner.google.com/fb/a/mailverify"

    method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=HBlogger', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">

        <input type="hidden" value="Blogger Eklentileri" name="uri" />

        <input type="text" id="s" name="email" value="Enter Your E-Mail Here"

        onfocus='if (this.value == "Enter Your E-Mail Here") {this.value = ""}'

        onblur='if (this.value == "") {this.value = "Enter Your E-Mail Here";}'

        />

        <input type="hidden" name="loc" value="en_US" />

        <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton"

        />

    </form>

</div>

Renklendirmiş olduğumuz kısımları kendinize göre düzenleyiniz.

Share on Google Plus

Yazar rsmylz

Merhaba... Blog hakkında istek ve Düşüncelerinizi Bildirirseniz ve reklamları tıklarsanız sevinirim...