မဂၤလာပါခင္ဗ်ာ :::: ကၽြန္ေတာ္တင္သမွ် Post ေလးမ်ားသည္ ကၽြန္ေတာ္ေလ႕လာဖူးသမွ်ကို ျပန္လည္မွ်ေ၀ေပးျခင္းျဖစ္ပါတယ္။ သူငယ္ခ်င္းအားလံုးလည္း ကၽြန္ေတာ္႕ site မွႀကိဳက္ႏွစ္သက္တဲ႕ မည္႕သည္႕ Post ကိုမဆို ျမန္မာ IT နည္းပညာဖြံ႕ၿဖိဳးတိုးတက္ေရးအတြက္ ျပန္လည္မွ်ေ၀ေပးေစလိုပါတယ္ဗ်ာ။ ::::

Dashboard

Tuesday, February 5, 2013

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

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

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


HTML JAVASCRIPT A simple Drop Down Menu For Blogger
အဆင့္ 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(http://3.bp.blogspot.com/-cLUYjqzh-QM/T-cObG0604I/AAAAAAAACCU/xPU8owu6n5U/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://lh4.googleusercontent.com/-Guzmo3JRgIw/T-cOdANE43I/AAAAAAAACCk/-QUJXfEELls/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://lh6.googleusercontent.com/-hGUwavE-FgM/T-cOcKb-wVI/AAAAAAAACCc/zAeLTDc_EvE/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. ကိုေရးေပးရမွာပါဗ်ာ။

No comments:

Post a Comment

Related Posts Plugin for WordPress, Blogger...