ထား၀ယ္သဇင္ ဘေလာ့နည္းပညာ: မိမိဘေလာ့မွာ “Email Subscription Form” ေလးထည့္နည္း

ဒါေလးကေတာ့ မိမိတို႔ ဘေလာ့မွာ လိုအပ္ခ်က္ေလး တစ္ခု ျဖစ္မွာပါ ကိုယ္တင္တဲ့ ပို႔စ္ေတြ မည္သူမဆို ေမးထဲကေန အသင့္ ေစာင့္ဖတ္ႏိုင္ပါတယ္။

ကဲ လုပ္ၾကည့္ရေအာင္ဗ်ာ...။

1. Log inလုပ္ပါ Blogger, ျပီးတာနဲ႔ Design > Page Elements > ဆက္ၿပီး "Add a Gadget"
2. ေနာက္ "HTML/JavaScript"
3. ေအာက္က ကုဒ္ေတြကို ကူးထည့္လိုက္ပါ။

<br />
<br />
<img 
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3lOwLGiD8pAQ94QgKpe_uH75UAhKw11rfPWteA8iyDmpEgojRAnoaSzH0Og_hgaayIrkKbIQFz5P3btc0GQp93XbGyocU_V_aSR_CsxKc8556_TeFnryEL_LRSMbw9zBr-BhpjfLlGuo/s1600/EM-1.png"
 width="90%" /><br />
<style>
.hl-email{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIcBQGXSyLbVZAp425TW8J4LNwZFhTb22sHlBwJqTYTpN30Qo0hsq7qDW5w9zRhFtLX2FxGZfLpBe4j-kA0SY1bMFI3un8ruWv-7TqAz_Lr6dCSTul_76hLvcS8j4rS6OdFe0aL_rZiFM/s1600/@.png)
 no-repeat 0px 12px ;
width:340px;
padding:10px 0 0 55px;
float:left;
font-size:1.4em;
font-weight:bold;
margin:0 0 10px 0;
color:#686B6C;
}
.hl-emailsubmit{
background:#9B9895;
cursor:pointer;
color:#fff;
border:none;
padding:3px;
text-shadow:0 -1px 1px rgba(0,0,0,0.25);
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
font:12px sans-serif;
}
.hl-emailsubmit:hover{
background:#E98313;
}
.textarea{
padding:2px;
margin:6px 2px 6px 2px;
background:#f9f9f9;
border:1px solid #ccc;
resize:none;
box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); font-size:13px;
width:130px;
color:#666;}
</style><br />
<div class="hl-email">
<br />
Subscribe via Email <form 
action="http://feedburner.google.com/fb/a/mailverify" id="feedform" 
method="post" target="popupwindow" 
onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=helplogger',
 'popupwindow', 'scrollbars=yes,width=550,height=520');return 
true">
<br />
<input gtbfieldid="3" class="textarea" name="email" onblur="if 
(this.value == "") {this.value = "Enter email address here";}" 
onfocus="if (this.value == "Enter email address here") {this.value = 
"";}" value="Enter email address here" type="text" /><br />
<input type="hidden" value="helplogger" name="uri"/><input 
type="hidden" name="loc" value="en_US"/><br />
<input class="hl-emailsubmit" value="Submit" type="submit" 
/><br />
</form>
</div>
<br />
<center>
<img 
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixJR_E_rPGkL6fCcajj7AJnnqv6vUYLa6pSBzFj6xpQaDnOzlA6kC9dQHy3_sJcpwlJDylBkZFiQIMlMZDxPZCC4p2quPz6EQdMmi5Y7qaWjlgLVa8mcILGJ2Z7wVoYMAt5aQ4NMPMqwk/s1600/EM-2.png"
 width="100%" /></center>
<br />

ၿပီးရင္ Save လိုက္ၿပီး သင္ထားခ်င္တဲ့ ေနရာမွာ ထားႏိုင္ပါတယ္။

ျပင္ဆင္ရမည့္ အရာမ်ား

♥ Replace the url address in green if you want to change the email icon
♥ Increase/ Decrease the 130 width value for a wider text area
♥ Replace http://feedburner.google.com/fb/a/mailverify?uri=helplogger with your Feedburner Email Feed link. You can get it by visiting your feedburner account then navigate to Publicize and then to Email Subscriptions.
♥ Replace helplogger with your feed title. It appear at the end of your feed link. In my case it is http://feedburner.google.com/fb/a/mailverify?uri=helplogger

မွတ္ခ်က္။။ ကုဒ္ေတြထဲက အေပၚဆုံးနဲ႔ ေအာက္ဆုံး မွာ <br/> ေတြမ်ားေနပါတယ္
အဲဒါက ကၽြန္ေတာ့ ဘေလာ့မွာ စမ္းထားတာမို႔ပါ၊ သင့္ဘေလာ့မွာ သုံးတဲ့အခါ လိုတိုး ပို
ေလွ်ာ့နဲ႔ လုံးဝမလိုရင္ ဖ်က္ျပစ္ႏိုင္ပါတယ္။

အဆင္ေျပပါေစခင္ဗ်ာ........။

ထား၀ယ္သဇင္ ဘေလာ့နည္းပညာ

skyfiy

Saturday, April 5, 2014

မိမိဘေလာ့မွာ “Email Subscription Form” ေလးထည့္နည္း

No comments:

Post a Comment