မိမိရဲ႕ Blog မွာ Email Subscription ထည္႕မယ္။

             ဒါကေတာ႕ Blogger ညီကိုမ်ားအတြက္သီးသန္႕ပါဗ်ာ။ပံုေလးကိုၾကည္႕လိုက္တာနဲ႕တင္ဘာ Post လည္းဆိုတာသိၾကမွာပါ။ မိမိရဲ႕ Website မွာတင္သမွ် Post ေတြကို Email ထဲကို ပို႕ေပးတဲ႕ Code ေတြကို စတိုင္ သံုးမ်ိဳးေပးလိုက္ပါတယ္ေနာ္။ အဆင္ေျပျပီး မိမိသေဘာက်တဲ႕ Styleကိုသာ ေရြးသံုးၾကပါဗ်ာ Code ထည္႕သြင္းနည္းကိုလည္းေအာက္မွာပံုနဲ႕တကြရွင္းျပေပးထားပါတယ္ဗ်ာ။လြယ္လြယ္ေလးပါေနာ္။

ဒီေနရာကေနစျပီေနာ္။ေသခ်ာေလးဖတ္ျပိးလိုက္လုပ္ၾကည္႕ေပးပါ။ လြယ္ပါတယ္။ 

အဆင့္ 1  Design > Page Elements > Add a Gadget ကိုႏွိပ္ပါ။
အဆင္႕ 2 Eidt HTML ကုိေရြးေပးပါ။ ျပီးသြားရင္ ေအာက္က Code ကိုကူးထည္႕ေပးပါ။
အဆင္႕ 3 Save ႏွိပ္ေပးပါ။

 

Email Form Style 1

<style type="text/css"> #truebloggertricks-emailbox { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYZ1XQ1ovmGzT2vUX-AlBlC18S-TUx1fJVJcOP_Nu3O7WRkfnLJHLlG_4utPROtmZgJs_uXmgaZphK9t0qMWhF7qTCaX7gwVBMUmmQF7mU2iNzMbJxZIGMQooo9I8X9poKant-PlOrcLA/s1600/truebloggertricks.com-blue.png)no-repeat scroll center center transparent; height: 143px; width: 368px; } form#truebloggertricks-emailform { display: block; margin: 0; padding-left: 42px; padding-top: 67px; } form#truebloggertricks-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#truebloggertricks-emailform #sbutton { background: transparent; border: none; cursor: pointer; height: 30px; padding-right: 45px; }</style> <div id="truebloggertricks-emailbox"> <form id="truebloggertricks-emailform" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Pyae Phyo (MMiTD)', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"> <input type="hidden" value="Pyae Phyo (MMiTD)" 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>

Email Form Style 2

<style type="text/css"> #truebloggertricks-emailbox { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBasH0euVex87U_MgG7IIpeQ4vfbQl-pOzNYVgnVRLHAlMZ9SNpXMak-Povd8z0yVwq83MwU0PiP0jObY2CLtWYM_6LbUsXk-caxvzjDHWrSGIXbfLQEGmBlxwtl6uqY47acJ1xfXyD_8/s1600/truebloggertricks.com-silver.png)no-repeat scroll center center transparent; height: 143px; width: 368px; } form#truebloggertricks-emailform { display: block; margin: 0; padding-left: 42px; padding-top: 67px; } form#truebloggertricks-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#truebloggertricks-emailform #sbutton { background: transparent; border: none; cursor: pointer; height: 30px; padding-right: 45px; }</style> <div id="truebloggertricks-emailbox"> <form id="truebloggertricks-emailform" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Pyae Phyo (MMiTD)', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"> <input type="hidden" value="Pyae Phyo (MMiTD)" 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>

Email Form Style 3

<style type="text/css">
#truebloggertricks-emailbox {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyDMocvTLQYbcqEFFy_hHgKq_758HjpWa3pbb-4uSol-E6G1MyinDCa8hLu4tZxF9VE9GjYnUcMzhfBQ8ZAEvtxbvwZw82NZixI0F0Vaglh2zSDpgnEDqMT1fSjxi-Eu4N3wKV6LyHFoE/s1600/truebloggertricks.com-red.png)no-repeat scroll center center transparent;
    height: 143px;
    width: 368px;
}

form#truebloggertricks-emailform {
    display: block;
    margin: 0;
    padding-left: 42px;
    padding-top: 67px;
}

form#truebloggertricks-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#truebloggertricks-emailform #sbutton {
    background: transparent;
    border: none;
    cursor: pointer;
    height: 30px;
    padding-right: 45px;
}</style>

<div id="truebloggertricks-emailbox">
    <form id="truebloggertricks-emailform" action="http://feedburner.google.com/fb/a/mailverify"
    method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Pyae Phyo (MMiTD)', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
        <input type="hidden" value="Pyae Phyo (MMiTD)" 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>

အနီေရာင္ျပထားတဲ႕ Pyae Phyo (MMiTD) ဆိုတဲ႕ေနရာမွာေတာ႕မိမိရဲ႕  feedburner username. ကိုေရးေပးရမွာပါဗ်ာ။