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

Credit= Pyaephyo (MMitd)

  ဒါကေတာ႕ 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/AVvXsEj6PU_DRFAM8Hy_peZbsZ8RIRaBNzzQflFiNK4tf_g2WQ7rO879RRRWunmtvDjuMSrKftKSofnfVPvX4wtB1Bd8gnbqWe3dE_zLfBQgJUxqwNWvw3UIjk7Css1W9fdnkaZVvTme2e9LG_0/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/AVvXsEhV9qRVZmVisQ7e2y3T_cYLzJSPg7qP8K8a8hx59oqTnb_rllW5-vrY1c9hyphenhyphenNVaLNF4xHiAo5GlUcK-Zh2__csREC-_-wnG7qwECdEK9LCtRkmpsvCDdcHPQTAapWJgf9XOU3G7PwhA_m4/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/AVvXsEhR4jL9qvaUU6A2tt6149qEYv9rgkzWNprZgEL-CR3gTEKrv7exGMsPCDmqh6acT2th9UUohF4EKloNKW5xmUmBo89KUBxrBsZUOV5E6Swyx63wjUiwsJ2o1SN_GX2uFVyx324Y-SkveVs/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. ကိုေရးေပးရမွာပါဗ်ာ။

 

 

 

ကိုထြန္းလင္း(တာပြန္)မွေႏြးေထြးစြာႀကိဳဆိုပါတယ္ခင္ဗ်ာ Facebook ရဲ႕ Like button ကိုႏွိပ္ျခင္းျဖင္႕ မိမိရဲ႕ Facebook ေပၚမွာ ဒီ Post ေလးေရာက္သြားမွာပါ။ ဒီ Post ေလးကိုသေဘာက်တယ္ဆိုရင္လည္း Like Button ေလးကိုႏွိပ္ခဲ႕ေပးပါေနာ္။