Saturday, July 11, 2015

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


ဒါေလးကေတာ့ မိမိတို႕ ဘေလာ့မွာ လိုအပ္ခ်က္ေလးတစ္ခု ျဖစ္မွာပါ ကိုယ္တင္တဲံ ပို႕စ္ေတြ မည္သူမဆို ေမးထဲကေန အသင့္ ေစာင့္ဖတ္နိဳင္တာပါ... ကဲ လုပ္ၾကည့္ရေအာင္ဗ်ာ...

   ►1.  Login လုပ္လုိက္ပါ ဘေလာ့ကာကို
   ►2.  Layout ကိုကလစ္ရပါ့မယ္ မိမိတို႕  Dashboard ကေနေပါ့
   ►3.  Add a Gadget ကိုကလစ္ေပးလုိက္ပါ
   ►4.  HTML/Javascript. ကိုကလစ္ျပီး က်လာတဲ့ ေဘာက္ေလးထဲမွာဘဲ
   ►5.  ေအာက္ကေပးထားတဲ့ ကုဒ္ေတြကို ေကာ္ပီယူ ထည့္လိုက္ပါ
<style>
.hl-email{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZVXe8Mxcffdzo2XnSu0YCIrmmpHcXN1ZG9Ptt4SwVKJo8TYgeNtzjxxXqbzRoDXNM2SVEy35RScBfHH3s-wL06sUjQrw5bvYqSpQZ0EEyJpl7WoTUGZ9qTX6_fI3NQ6J_0FOmBv3Es1E/s1600/mail.png) no-repeat 0px 12px ;
width:300px;
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>
<div class="hl-email">
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">
<input gtbfieldid="3" class="textarea" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter email address here&quot;;}" onfocus="if (this.value == &quot;Enter email address here&quot;) {this.value = &quot;&quot;;}" value="Enter email address here" type="text" />
<input type="hidden" value="helplogger" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="hl-emailsubmit" value="Submit" type="submit" />
</form>
</div>

ျပင္ဆင္နိဳင္စရာမ်ား
  • 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
 အဆင္ေျပပါေစ သည္ေနရာမွ  ဘာသာျပန္ တင္ျပျခင္းျဖစ္သည္။



ဘေလာ့ခရီးသည္သို႕ { ဒီမွာ } သြားလိုက္ပါ
ဘေလာ့ဆုိင္ရာနည္းပညာမ်ား{ ဒီမွာ } သြားလိုက္ပါ
စြယ္စုံစာအုပ္စင္{ ဒီမွာ } သြားလိုက္ပါ

Friday, July 10, 2015

Simple Recent Posts Widget ေလးထည့္ၾကမယ္



ေအာက္ကေခါင္းစဥ္အလိုက္ လုပ္ေဆာင္နိဳင္တာေလးေတြပါ...
  • display post titles only
  • change the number of posts
  • change the number of characters of the post snippet/excerpt
  • show the post dates


ထည့္နည္းေလးကေတာ့  ရွင္းပါတယ္....

 ►1.  Login လုပ္လုိက္ပါ ဘေလာ့ကာကို
   ►2.  Layout ကိုကလစ္ရပါ့မယ္ မိမိတို႕  Dashboard ကေနေပါ့
   ►3.  Add a Gadget ကိုကလစ္ေပးလုိက္ပါ
   ►4.  HTML/Javascript. ကိုကလစ္ျပီး က်လာတဲ့ ေဘာက္ေလးထဲမွာဘဲ
   ►5.  ေအာက္ကေပးထားတဲ့ ကုဒ္ေတြကို ေကာ္ပီယူ ထည့္လိုက္ပါ
Option 1: သည္ကုဒ္ကေတာ့ post  snippets ပုံစံနဲ႕႔ပါ...

<div id="hlrpsa">
<script src="http://helplogger.googlecode.com/svn/trunk/recent-posts-with-snippets.js">
</script>
<script>
var numposts = 5;var showpostdate = false;var showpostsummary = true;var numchars = 100;var standardstyling = true;
</script>
<script src="http://your-blog.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts">
</script></div>
<div id="rpdr" style="font-family: arial, sans-serif; font-size: 9px;">
<a href="http://helplogger.blogspot.com/2012/04/recent-posts-widget-for-bloggerblogspot.html" target="_blank" title="Grab this Recent Posts Widget">Recent Posts Widget</a> by <a href="http://helplogger.blogspot.com" title="Recent Posts Widget">Helplogger</a></div>
<noscript>Your browser does not support JavaScript!</noscript>
<style type="text/css">
#rpdr {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEex2GM_Aueb-BlshyphenhyphenTLpek5qS1LCVJk9nUXvh1vBcDF13LKf18kJshVcP-RUSFy6FEw86pmvi4m06Xh74I5mw9DyuOYGI8iJofq5tu00N57dMm7ulxruv8YhaY7o7XLd6Jr08hdeAtIKt/s1600/blogger.png) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 5px 0px 0px 0px;line-height:14px;}
#rpdr, #rpdr a {color:#808080;}
#hlrpsa { border-bottom:1px #cccccc dotted; margin-top:-10px; padding-bottom:10px;}
.hlrps a {font-weight:bold; }
.hlrpssumm {}
</style>

Option 2: သည္ကုဒ္ကေတာ့ Post Titles ေလးသာ ျပတဲ့  ကုဒ္ပါ။

<div id="hlrpsb">
<script style="text/javascript" src="http://helplogger.googlecode.com/svn/trunk/recent-posts-with-titles-only.js"></script>
<script style="text/javascript">var numposts = 10;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script>
<script src="http://your-blog.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div>
<div style="font-family: arial, sans-serif; font-size: 9px;" id="rpdr"><a href="http://helplogger.blogspot.com/2012/04/recent-posts-widget-for-bloggerblogspot.html" title="Grab this Recent Posts Widget" target="_blank">Recent Posts Widget</a> by <a href="http://helplogger.blogspot.com" title="Recent Posts Widget">Helplogger</a></div><noscript>Oops! Make sure JavaScript is enabled in your browser.</noscript>
<style type=text/css>
#rpdr {background: url( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEex2GM_Aueb-BlshyphenhyphenTLpek5qS1LCVJk9nUXvh1vBcDF13LKf18kJshVcP-RUSFy6FEw86pmvi4m06Xh74I5mw9DyuOYGI8iJofq5tu00N57dMm7ulxruv8YhaY7o7XLd6Jr08hdeAtIKt/s1600/blogger.png ) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 5px 0px 0px 0px;line-height:14px;}
#rpdr, #rpdr a {color:#808080;}
#hlrpsb { }
.bbrecpost2 {
padding-top:6px;
padding-bottom:6px;
border-bottom: 1px #cccccc dotted; }
</style>

3. ေျပာင္းလဲေပးနိဳင္တာေလးေတြကေတာ့ 5 (option 1) နဲ႕  10 (option 2) တို႕ကို မိမိတို႕ ပို႕အေရအတြက္ လိုသလို ေျပာင္းနိဳင္ပါတယ္.. ေနာက္ထပ္ false to true if you want the posts dates to appear, and change 100 (option 1) if you want more characters to be displayed.
မိမိတို႕ဘေလာ့ခ်ပ္သာ ကို your-blog ေနရာမွာ အစားထိုးေပးပါ။ ဒိုမိန္း အပါ၀င္ေပါ့
ဥပမာ.............။.............
http://www.your-site.com/feeds/posts/default....

4. Saveလိုက္ရင္ ရပါျပီဗ်ာ.... အဆင္ေျပပါေစ
သည္ေနရာ  ကေန အဆင္ေျပသလို ဘာသာျပန္သည္။
ခုလိုအားေပးတဲ့အတြက္ အထူးေက်းဇဴးတင္ပါေၾကာင္း ေျပာၾကားပါရေစ..ဘေလာ့ခရီးသည္မွ နည္းပညာမ်ားအား မည္သူမဆို လြတ္လပ္စြာ ကူးယူသုံးစြဲနိဳင္ပါတယ္.. ကြ်န္ေတာ္ ပိုင္ဆိုင္ေသာေနရာေလးမ်ားအား ဆက္လက္ လည္ပါတ္လိုပါက ***************************************
ဘေလာ့ခရီးသည္သို႕ { ဒီမွာ } သြားလိုက္ပါ
ဘေလာ့ဆုိင္ရာနည္းပညာမ်ား{ ဒီမွာ } သြားလိုက္ပါ
စြယ္စုံစာအုပ္စင္{ ဒီမွာ } သြားလိုက္ပါ

Thursday, July 9, 2015

ဘေလာ့မွာ Rainbow animation ေတြလုပ္ၾကည့္မယ္


  • ပထမဆုံး  Sign In to you Blogger Account.
  • ဆက္လက္ျပီး   Blogger Sing In->Edit HTML
  • <head>   ဆိုတဲ့ကုဒ္ကို ရွာလိုက္ပါ ေတြ႕ျပီဆိုတာနဲ႕..ေအာက္ကေပးထားတဲံကုဒ္ေတြကို သူ႕ေအာက္ကေန ကပ္ထည့္လိုက္ပါ။
<script type='text/javascript'>
//<![CDATA[
var rate = 20;
if (document.getElementById)
window.onerror=new Function("return true")
var objActive;  // The object which event occured in
var act = 0;    // Flag during the action
var elmH = 0;   // Hue
var elmS = 128; // Saturation
var elmV = 255; // Value
var clrOrg;     // A color before the change
var TimerID;    // Timer ID
if (document.all) {
document.onmouseover = doRainbowAnchor;
document.onmouseout = stopRainbowAnchor;
}
else if (document.getElementById) {
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
document.onmouseover = Mozilla_doRainbowAnchor;
document.onmouseout = Mozilla_stopRainbowAnchor;
}
function doRainbow(obj)
{
if (act == 0) {
act = 1;
if (obj)
objActive = obj;
else
objActive = event.srcElement;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
function stopRainbow()
{
if (act) {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
function doRainbowAnchor()
{
if (act == 0) {
var obj = event.srcElement;
while (obj.tagName != 'A' && obj.tagName != 'BODY') {
obj = obj.parentElement;
if (obj.tagName == 'A' || obj.tagName == 'BODY')
break;
}
if (obj.tagName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}
function stopRainbowAnchor()
{
if (act) {
if (objActive.tagName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
function Mozilla_doRainbowAnchor(e)
{
if (act == 0) {
obj = e.target;
while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
obj = obj.parentNode;
if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
break;
}
if (obj.nodeName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}
function Mozilla_stopRainbowAnchor(e)
{
if (act) {
if (objActive.nodeName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
function ChangeColor()
{
objActive.style.color = makeColor();
}
function makeColor()
{
// Don't you think Color Gamut to look like Rainbow?
// HSVtoRGB
if (elmS == 0) {
elmR = elmV;    elmG = elmV;    elmB = elmV;
}
else {
t1 = elmV;
t2 = (255 - elmS) * elmV / 255;
t3 = elmH % 60;
t3 = (t1 - t2) * t3 / 60;
if (elmH < 60) {
elmR = t1;  elmB = t2;  elmG = t2 + t3;
}
else if (elmH < 120) {
elmG = t1;  elmB = t2;  elmR = t1 - t3;
}
else if (elmH < 180) {
elmG = t1;  elmR = t2;  elmB = t2 + t3;
}
else if (elmH < 240) {
elmB = t1;  elmR = t2;  elmG = t1 - t3;
}
else if (elmH < 300) {
elmB = t1;  elmG = t2;  elmR = t2 + t3;
}
else if (elmH < 360) {
elmR = t1;  elmG = t2;  elmB = t1 - t3;
}
else {
elmR = 0;   elmG = 0;   elmB = 0;
}
}
elmR = Math.floor(elmR).toString(16);
elmG = Math.floor(elmG).toString(16);
elmB = Math.floor(elmB).toString(16);
if (elmR.length == 1)    elmR = "0" + elmR;
if (elmG.length == 1)    elmG = "0" + elmG;
if (elmB.length == 1)    elmB = "0" + elmB;
elmH = elmH + rate;
if (elmH >= 360)
elmH = 0;
return '#' + elmR + elmG + elmB;
}
//]]>
</script>

မေဆ့မွီ preview နဲ႕ၾကည့္လိုက္ပါေနာ္..အိုေချပီဆိုတာနဲ႕...
  • Save လို႕ရပါျပီ . !

ဘေလာ့ခရီးသည္သို႕ { ဒီမွာ } သြားလိုက္ပါ
ဘေလာ့ဆုိင္ရာနည္းပညာမ်ား{ ဒီမွာ } သြားလိုက္ပါ
စြယ္စုံစာအုပ္စင္{ ဒီမွာ } သြားလိုက္ပါ

Wednesday, July 8, 2015

၀ဲပ်ံက်လာေသာ ႏွင္းပြင့္မ်ား-သစ္ရြက္ေလးမ်ား



မဂၤလာပါဗ်ာ..ဘေလာ့ခရီးသည္ရဲ႕ မိတ္ေဆြတို႕အတြက္ မိမိတို႕ဘေလာ့မွာ ႏွင္းပြင့္ေတြ  သစ္ရြက္ေလးေတြ ၀ဲပ်ံက်လာေစျပီး လွပတင့္တယ္ေစျခင္တယ္ဆိုရင္ေတာ့...ကြ်န္ေတာ္
ကုဒ္ေတြနဲ႕ ထည့္နည္းေလးကို မွ်ေ၀လိုပါတယ္.. လိုအပ္သူမ်ားအတြက္  အလြယ္တကူယူေဆာင္ကာ သုံးစြဲနိဳင္ပါျပီ.. ရွာေဖြေတြ႕ရွိသမွ်ေလးေတြနဲ႕ အျမဲမျပတ္.. ေလ့လာစုေဆာင္းကာ  မိတ္ေဆြမ်ားရဲ႕ လိုအပ္ခ်က္ကို ျဖည့္ဆည္းနိဳင္ဖို႕..
ကြ်န္ေတာ္ ၾကိဳးစား ေရးသားသြားမွာပါ....



ေအာက္ကကုဒ္ကေတာ့ ႏွင္းပြင့္ေတြ၀ဲပ်ံက်လာတာပါ: Falling SnowFlakes

<script language="JavaScript" src="http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/falling_snowflakes.js">
</script>

ေအာက္ကကုဒ္ကေတာ့ သစ္ရြက္ေလးေတြက်လာတာပါ: Falling Leaves

<script language="JavaScript" src="http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/falling_leaves.js">
</script>
အသုံးျပဳနည္း :
   ►1.  Login လုပ္လုိက္ပါ ဘေလာ့ကာကို
   ►2.  Layout ကိုကလစ္ရပါ့မယ္ မိမိတို႕  Dashboard ကေနေပါ့
   ►3.  Add a Gadget ကိုကလစ္ေပးလုိက္ပါ
   ►4.  HTML/Javascript. ကိုကလစ္ျပီး က်လာတဲ့ ေဘာက္ေလးထဲမွာဘဲ
   ►5. ေပးထားေသာ  (သင္ႏွစ္သက္ရာ) ကုဒ္ေတြကို ေကာ္ပီယူ ထည့္လိုက္ပါ

ဘေလာ့ခရီးသည္သို႕ { ဒီမွာ } သြားလိုက္ပါ
ဘေလာ့ဆုိင္ရာနည္းပညာမ်ား{ ဒီမွာ } သြားလိုက္ပါ
စြယ္စုံစာအုပ္စင္{ ဒီမွာ } သြားလိုက္ပါ

Tuesday, July 7, 2015

ဘေလာ့ေပၚမွာ တေယာ ေလးတင္ျပီး တီးခတ္ၾကမယ္

 ကဲဗ်ာ သည္တစ္ခါေတာ့ ေပ်ာ္စရာကုဒ္ေလးေတြ ထည့္ၾကရေအာင္... မိမိတို႕ဘေလာ့မွာ.ဂီတသံစဥ္ တူရိယာေလးေတြကို တပ္ဆင္ၾကရေအာင္...
ခုတင္ေပးမွာေလးကေတာ့ တေယာ ဆိုတဲ့ တူရိယာေလးပါ.. သူကေတာ့ ေမာက္ေလးကို ၾကိဳးေပၚတင္ျပီး
စိတ္ၾကိဳက္ တေယာ ထိုးးေစေတာ့ဗ်ာ... ဟိဟိ...အပ်င္းေျပတယ္ တိနားးးးး
ထိုးးေနာ္   ၀ါသနာပါရင္... ဂရုေတာ့စိုက္.... ဘိုးးတန္ ၾကိဳးးမွာစိုးလို႕  အသစ္လဲေပးဖို႕ အခ်ိဘူးေန..ဟိဟိ
ကဲ စမယ္....
သည္လိုေလးးးေနာ္................
ထည့္နည္းေလးပါ...
(၁) ဘေလာ့ကာ၀င္လိုက္ပါ
(၂)  ဘေလာ့ကာရဲ႕ layout ကိုကလစ္ပါ
(၃) Add A gadget ကိုကလစ္ပါ
(၄) html/java script ကိုကလစ္ပါ က်လာတဲ့ ေဘာက္ထဲမွာ
ေအာက္က ကုဒ္ေတြ ထည့္ေဆ့လိုက္ပါေနာ္...

<script type="text/javascript" src="http://cdn.widgetserver.com/syndication/subscriber/InsertWidget.js"></script><script type="text/javascript">if (WIDGETBOX) WIDGETBOX.renderWidget('701eb590-1c07-46ca-ba43-dca442c9e5c1');</script>
<noscript>Get the <a href="http://www.widgetbox.com/widget/violin">Violin</a> widget and many other <a href="http://www.widgetbox.com/">great free widgets</a> at <a href="http://www.widgetbox.com">Widgetbox</a>! Not seeing a widget? (<a href="http://support.widgetbox.com/">More info</a>)</noscript>

ျပီးတာနဲ႕ save လိုက္ရျပီ..သင္ထားလိုတဲ့ေနရာကို ေရႊ႕ေပးလိုက္ယုံပါဘဲ....
ေလးစားစြာျဖင့္
ခုလိုအားေပးတဲ့အတြက္ အထူးေက်းဇဴးတင္ပါေၾကာင္း ေျပာၾကားပါရေစ..ဘေလာ့ခရီးသည္မွ နည္းပညာမ်ားအား မည္သူမဆို လြတ္လပ္စြာ ကူးယူသုံးစြဲနိဳင္ပါတယ္.. ကြ်န္ေတာ္ ပိုင္ဆိုင္ေသာေနရာေလးမ်ားအား ဆက္လက္ လည္ပါတ္လိုပါက ***************************************
ဘေလာ့ခရီးသည္သို႕ { ဒီမွာ } သြားလိုက္ပါ
ဘေလာ့ဆုိင္ရာနည္းပညာမ်ား{ ဒီမွာ } သြားလိုက္ပါ
စြယ္စုံစာအုပ္စင္{ ဒီမွာ } သြားလိုက္ပါ

Monday, July 6, 2015

ဘေလာ့မွာ ရန္စက္ေလးထည့္ တီးၾကမယ္.. ရွယ္ဘဲေနာ္..

 သည္တခါ...မိမိတို႕ဘေလာ့ေပၚမွာ ရန္စက္ေလးး တင္ျပီး  အားရပါးရ တီးခတ္ၾကမယ္.. ကိုခရမ္း လိုတီးမလားးရမယ္... ဟိဟိ... သူ႕ထက္ေတာင္ ျမည္တယ္ဗ်ာ....ဟဟဟ
မယုံစမ္းၾကည့္....သိမယ္...  ေပးေနတာ ယူထားေနာ္.. ျပီးးမွ ၀ယ္သုံးရရင္ ေစ်းၾကီးးတယ္..ေစတနာပါ..ဟဲဟဲ

  
ထည့္နည္းေလးကေတာ့ ထုံးစံအတိုင္းပါဘဲ..လြယ္ပါတယ္.
(၁) ဘေလာ့ကာ၀င္လုိက္ပါ
(၂) ဘေလာ့ကာ layout ကိုကလစ္ပါ
(၃) add a gadget ကိုကလစ္ပါ
(၄) html/java script ကိုကလစ္ပါ ျပီးတာနဲ႕
က်လာတဲ့ ေဘာက္ေလးထဲကို ေအာက္က ကုဒ္ေတြ ထည့္ေပးလိုက္ပါ။

<script type="text/javascript" src="http://cdn.widgetserver.com/syndication/subscriber/InsertWidget.js"></script><script type="text/javascript">if (WIDGETBOX) WIDGETBOX.renderWidget('47ff7c3b-05d9-4eaa-bfde-0f14cf7b62ba');</script>
<noscript>Get the <a href="http://www.widgetbox.com/widget/technodrums">Techno Drums</a> widget and many other <a href="http://www.widgetbox.com/">great free widgets</a> at <a href="http://www.widgetbox.com">Widgetbox</a>! Not seeing a widget?</noscript>
ေစတနာေမတၱာမ်ားစြာျဖင့္ပါေနာ္...
ဘေလာ့ခရီးသည္ေလး.....................

                                       
ခုလိုအားေပးတဲ့အတြက္ အထူးေက်းဇဴးတင္ပါေၾကာင္း ေျပာၾကားပါရေစ..ဘေလာ့ခရီးသည္မွ နည္းပညာမ်ားအား မည္သူမဆို လြတ္လပ္စြာ ကူးယူသုံးစြဲနိဳင္ပါတယ္.. ကြ်န္ေတာ္ ပိုင္ဆိုင္ေသာေနရာေလးမ်ားအား ဆက္လက္ လည္ပါတ္လိုပါက ***************************************

ဘေလာ့ခရီးသည္သို႕ { ဒီမွာ } သြားလိုက္ပါ
ဘေလာ့ဆုိင္ရာနည္းပညာမ်ား{ ဒီမွာ } သြားလိုက္ပါ
စြယ္စုံစာအုပ္စင္{ ဒီမွာ } သြားလိုက္ပါ

Sunday, July 5, 2015

Random Post Widget ေလးနဲ႕ အလွဆင္ၾကမယ္..



မဂၤလာပါဗ်ာ...သည္နည္းေလးကေတာ့ ေျပာရရင္ ေပၚျပဴလာ ပို႕စ္ထည့္သလိုပါဘဲ...
Random Post Widget လို႕ေခၚပါတယ္... ဒါေလးကို လွပစြာ မိမိတို႕ဘေလာ့မွာ ထည့္သုံးမယ္ဆိုရင္  နည္းလမ္းေလးကို မွ်ေ၀ေပးလုိက္ပါတယ္...

 အဆင့္ (၁)    ။           ။  လုပ္နည္းေလးေကတာ့....

►1-  Blogger Singin ၀င္လိုက္ပါ။
►2-  DASHBOARD ကိုသြားလိုက္ပါ။
►3-  LAYOUT    ကိုကလစ္ပါ..။
►4-  EDIT HTML  ကို၀င္ပါ.. Process ကိုကလစ္ျပီးဆက္၀င္လုိက္ပါ။
►5-  Ctrl+F အကူညီျဖင့္ ေပးထားတဲ့ ကုဒ္ကို ရွာလိုက္ပါ။
]]></b:skin> ကုဒ္ကိုရွာလုိက္ပါ ေတြ႕တာနဲ႕ သူမတိုင္ခင္ အေပၚကပ္လွ်က္ ေအာက္ကေပးထားတဲ့ကုဒ္ကို ထည့္ေပးလိုက္ပါ...

#random-posts img{float:left;margin-right:10px;border:1px solid #999;background:#FFF;width:36px;height:36px;padding:3px}
 ျပီးတာနဲ႕ save template လု္ပလိုက္ပါ...ရဲရဲ လုပ္ပါ..စမ္းသတ္ျပီးသားမို႕ တာ၀န္ယူပါတယ္..ေိေိ


 အဆင့္  (၂) ။            ။   ထည့္နည္းကေတာ့...

   ►1.  Login လုပ္လုိက္ပါ ဘေလာ့ကာကို
   ►2.  Layout ကိုကလစ္ရပါ့မယ္ မိမိတို႕  Dashboard ကေနေပါ့
   ►3.  Add a Gadget ကိုကလစ္ေပးလုိက္ပါ
   ►4.  HTML/Javascript. ကိုကလစ္ျပီး က်လာတဲ့ ေဘာက္ေလးထဲမွာဘဲ
   ►5.  ေအာက္ကေပးထားတဲ့ ကုဒ္ေတြကို ေကာ္ပီယူ ထည့္လိုက္ပါ

<ul id='random-posts'>
<script type='text/javaScript'>
var rdp_numposts=5;
var rdp_snippet_length=150;
var rdp_info='yes';
var rdp_comment='Comments';
var rdp_disable='Comments Disabled';
var rdp_current=[];var rdp_total_posts=0;var rdp_current=new Array(rdp_numposts);function totalposts(json){rdp_total_posts=json.feed.openSearch$totalResults.$t}document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts\"><\/script>');function getvalue(){for(var i=0;i<rdp_numposts;i++){var found=false;var rndValue=get_random();for(var j=0;j<rdp_current.length;j++){if(rdp_current[j]==rndValue){found=true;break}};if(found){i--}else{rdp_current[i]=rndValue}}};function get_random(){var ranNum=1+Math.round(Math.random()*(rdp_total_posts-1));return ranNum};
</script>
<script type='text/javaScript'>
function random_posts(json){for(var i=0;i<rdp_numposts;i++){var entry=json.feed.entry[i];var rdp_posttitle=entry.title.$t;if('content'in entry){var rdp_get_snippet=entry.content.$t}else{if('summary'in entry){var rdp_get_snippet=entry.summary.$t}else{var rdp_get_snippet="";}};rdp_get_snippet=rdp_get_snippet.replace(/<[^>]*>/g,"");if(rdp_get_snippet.length<rdp_snippet_length){var rdp_snippet=rdp_get_snippet}else{rdp_get_snippet=rdp_get_snippet.substring(0,rdp_snippet_length);var space=rdp_get_snippet.lastIndexOf(" ");rdp_snippet=rdp_get_snippet.substring(0,space)+"&#133;";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rdp_commentsNum=entry.thr$total.$t+' '+rdp_comment}else{rdp_commentsNum=rdp_disable};if(entry.link[j].rel=='alternate'){var rdp_posturl=entry.link[j].href;var rdp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rdp_thumb=entry.media$thumbnail.url}else{rdp_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz4nAV3CyJdG8dL927heL18mNiYxyaF8ltw4DisexvLv4yarvBJpRsgxePHm-J3P5Ksvn4CV0gqCfmcof-tfEgIhmqh2rB3lfTWLgC-S0zIbUyCL-KsW_gktWoCTRotQEfA0nRzyP6Naw/s1600/default.jpg"}}};document.write('<li>');document.write('<img alt="'+rdp_posttitle+'" src="'+rdp_thumb+'"/>');document.write('<div><a href="'+rdp_posturl+'" rel="nofollow" title="'+rdp_snippet+'">'+rdp_posttitle+'</a></div>');if(rdp_info=='yes'){document.write('<span>'+rdp_postdate.substring(8,10)+'/'+rdp_postdate.substring(5,7)+'/'+rdp_postdate.substring(0,4)+' - '+rdp_commentsNum)+'</span>'}document.write('<div style="clear:both"></div></li>')}};getvalue();for(var i=0;i<rdp_numposts;i++){document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index='+rdp_current[i]+'&max-results=1&callback=random_posts\"><\/script>')};
</script>
</ul>
ေအာင္ေအာင္(မကစ) ရဲ႕ ဘေလာ့ခရီးသည္ေလးအား အားေပးေနၾကတဲ့အတြက္ ေက်းဇဴးအထူးတင္ပါတယ္.. တုန္႕ျပန္မွဳအေနနဲ႕ fb like ေလးေတာ့ လုပ္ေပးခဲ့ၾကပါေနာ္.. တတ္စြမ္းသမွ် ေတြ႕ ရွိသမွ်ေလးေတြကို ျပန္လည္ မွ်ေ၀ေနပါ့မယ္...။ အဆင္မေျပတာမ်ားရွိခဲ့ပါက... ႕ cbox မွာ ေျပာခဲ့ၾကပါေနာ္...

ဘေလာ့ခရီးသည္သို႕ { ဒီမွာ } သြားလိုက္ပါ
ဘေလာ့ဆုိင္ရာနည္းပညာမ်ား{ ဒီမွာ } သြားလိုက္ပါ
စြယ္စုံစာအုပ္စင္{ ဒီမွာ } သြားလိုက္ပါ

 

Copyright @ 2016 Myo Zaw Htet IT .