/

Wednesday, April 10, 2013

Post အသစ္တင္တိုင္း Email ထဲပို႕ေပးႏိုင္ဖို႕အတြက္ Gadget




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


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


ဒီေနရာကေနစျပီေနာ္။ေသခ်ာေလးဖတ္ျပိးလိုက္လုပ္ၾကည္႕ေပးပါ။ လြယ္ပါတယ္။ 
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 ႏွိပ္ေပးပါ။


<style type='text/css'>#sidebar-subscribe-box{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU6_NXlgW6OK2tU_7CrgwAhQqxLGbX4Lb8TqWvun4TJ4NSaG9SSXSWMcIMwZQma9UEWnx2JBIDIb9t5Y6kQWjKQny4XnqRcNWDRO7VWFepG7NBtrFubraHTVXkwVW_iztg24GzLgweSbzO/s1600/colored-strip.png) repeat scroll 0 0 transparent;border:1px solid #aaa;border-radius:3px;padding:3px 0}.sidebar-subscribe-box-wrapper{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPoVMqwByLSBql6EexkJMcqkgtlnVCpvNH_WrXDMCdhTep3ma0AhyphenhyphenFvzawkZLDqnKwkH6DmiE0m5QSZpDolGQiH1S33UPy8NLjc4xUHFrmvaNAl9RkWg0swkO7cuOM2ZFY9r_mzfeIYchp/s1600/bg-pattern.png) repeat scroll 0 0 #f7f7f7;color:#111;font-size:14px;line-height:20px;padding:1px 20px 10px;text-align:center;text-transform:uppercase}.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0}form.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0 0;width:auto}.sidebar-subscribe-box-email-field{-moz-border-radius:4px;-webkit-border-radius:4px;background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5hhANPG3ZautfqDC0FEemP_lX5EWsx5DyBAgcZs0PhLNJNbibg7SsFhRuL7zserr6F0NA1VnS9UxmGf2mo-_4gj3VCE2a_ClXGpk1THnC04lrctKE_T7dk3I9oRTnHsMYCoFqt-Syf7Xa/s1600/sprites.png) no-repeat 0 -27px;border:1px solid #ccc;border-radius:4px;color:#444;margin:0 0 15px;padding:10px 40px;width:68%}.sidebar-subscribe-box-email-button{background:#09f;border:1px solid #007fff;box-shadow:0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 0 transparent;color:#fff;cursor:pointer;font-family:verdana;font-weight:700;padding:10px;text-shadow:1px 1px 0 rgba(0,0,0,.4);text-transform:uppercase;width:100%}.sidebar-subscribe-box-email-button:hover,.sidebar-subscribe-box-email-button:focus{background:#1ca4ff}.sidebar-subscribe-box-email-button:active{-moz-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;outline:0}iframe,object,embed,.yt-border iframe,.yt-border object,.yt-border embed,table{width:100%}embed{border-radius:3px;-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);background:#FFF;border:1px solid #ddd;box-shadow:0 2px 4px rgba(0,0,0,0.2);margin:0;padding:4px 4px 4px}#footer-section{background:#f5f5f5 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCUAVOaBfIiXniYk8GyLpY1OPUnU9XMaGtArI7Gpymol4q7VcJeiPH7cYoXKVAeRU8zlexsjIyHQ4qNaW0PSt9178rm_EA3sTInnBlZnxAv80LJZvJum6RyndGbguzlus4QoQzNlxQ92Lv/s0/bg-pattern.png) repeat top left;border-top:1px solid #aaa;box-shadow:inset 0 4px 6px -3px #aaa;font-family:cambria;font-size:14px;height:100px;margin:10px -30px 5px;padding:0 30px;text-align:center;width:100%}</style>
    <div id="sidebar-subscribe-box"><div class="sidebar-subscribe-box-wrapper"><p>Post အသစ္တင္တိုင္း Gmail ထဲသို႕ပို႕ေပးပါမည္။</p><div class="sidebar-subscribe-box-form"><form action="http://feedburner.google.com/fb/a/mailverify?uri=Computer IT Science Knowledge" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Computer IT Science Knowledge', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="Computer IT Science Knowledge" /><input name="loc" type="hidden" value="en_US" /><input class="sidebar-subscribe-box-email-field" name="email" autocomplete="off" placeholder="Enter your email address :)"/><input class="sidebar-subscribe-box-email-button" title="" type="submit" value="Subscribe Now !" /></form></div></div></div>

Computer IT Science Knowledge ဆိုတဲ႕ ေနရာမွာ မိမိရဲ႕ feedburner Name ကိုထည္႕ေပးရမွာပါ။ 

No comments:

Post a Comment

Related Posts Plugin for WordPress, Blogger...