ဒီ Post ေလးကေတာ့အေ၇းၾကီးတယ္လို႕ေျပာ၇င္၇ပါတယ္၊ခဏခဏလာေမးၾကပါတယ္၊ က်ေနာ္တို႕ ဘေလာ့ေ၇းတဲ့သူေတြအတြက္သိသင့္ပါတယ္။သိျပီးၾကတဲ့ဘေလာ့မိတ္ေဆြေတြလည္းမ်ားမွာပါ၊ မသိေသးတဲ့ ဘေလာ့မိတ္ေဆြေတြအတြက္ပါ။ Post အသစ္တင္တိုင္းအလုပ္မလုပ္ဘူးဆိုတာေတြကဒီကေနလာပါတယ္၊ မိမိရဲ႕ Post Feeds ေတြကိုေကာင္းေကာင္းျပန္စစ္ၾကပါ။ေအာက္မွာက်ေနာ္အားလံုးျပထားေပးပါတယ္။။
Full site feed:
Atom 1.0: http://kp3family.blogspot.com/feeds/posts/default
RSS 2.0: http://kp3family.blogspot.com/feeds/posts/default?alt=rss
Comments-only feed:
Atom 1.0: http://kp3family.blogspot.com/feeds/comments/default
RSS 2.0: http://kp3family.blogspot.com/feeds/comments/default?alt=rss
Label-specific site feed:
Atom 1.0: http://kp3family.blogspot.com/feeds/posts/default/-/labelname
RSS 2.0: http://kp3family.blogspot.com/feeds/posts/default?alt=rss/-/labelname
Individual post comment feed:
Atom 1.0: http://kp3family.blogspot.com/feeds/postId/comments/default
RSS 2.0: http://kp3family.blogspot.com/feeds/postId/comments/default?alt=rss
မွတ္ခ်က္။ ။kp3family ေန၇ာမွာမိတ္ေဆြတို႕ရဲ႕ဘေလာ့လိပ္စာေလးေတြထည့္ေပးပါ။
မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု
kp3နည္းပညာ၊၁၉၂၊ဘေလာ့မွာ HTML Code ေတြကို Syntax Highlighter သံုးနည္း
ဒီ Post ေလးကလည္းအေဟာင္းေတြထဲကပါဘဲ၊မၾကိဳက္လို႕လားဆိုတာေတာ့မသိဘူး၊HTML Code ေတြကို Syntax Highlighterသံုးျပီး Post မွာေပၚေအာင္လုပ္နည္းေလးပါ၊ က်ေနာ္တို႕ ျမန္မာဘေလာ့ဂါ ေတြထဲမွာ သံုး တဲ့သူေတြေတာ့မေတြ႕ဖူးဘူးလို႕ေတာ့ထင္တာဘဲ၊က်ေနာ္ေအာက္မွာ ပံုနဲ႕တကြျပထား သလိုအား လံုး ၾကည့္ လို႕၇ေအာင္လည္းတခါတည္းက်ေနာ္သံုးျပထားပါတယ္၊တခ်ိဳ႕ကသူတို႕ကိုယ္တိုင္လည္းမစမ္းသပ္ၾကဘဲနဲ႕ သူမ်ားေတြတင္တယ္ဆိုျပီးတင္ၾကတယ္၊မလုပ္ေကာင္းပါဘူး။တခ်ိဳ႕ဘေလာ့အၾကာင္းသိပ္မသိေသးတဲ့သူေတြ လုပ္မိျပီးမွားသြားခဲ့၇င္ Syntax Highlighter HTML Code ေတြကိုျပန္ရွာဖို႕မလြယ္ပါဘူး။ HTMl Code
ေတြကိုယ္တိုင္မစမ္းသိပ္နားမလည္၇င္သူမ်ားေတြလရွည္ႏွစ္ရွည္စုေဆာင္းထားတဲ့မွတ္တမ္းေလး ေတြ ကို ေပ်ာက္သြားႏိုင္ပါတယ္၊ေျပာခ်င္တာကေတာ့ HTML Code ေတြ ကိုကိုယ္တိုင္ အ၇င္စမ္း သပ္သင့္ ပါတယ္။ ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအဆင္ျမဲေလးစားလၽွက္ KP-3 မိသားစု
၁။Layout
၂။Edit HTML
၃။ေအာက္က Code ကိုထပ္ရွာပါ၊
မွတ္ခ်က္။ ။Syntax Highlighter နွင့္ေပၚေစလို႕သည့္ Code ေတြကိုေအာက္မွာၾကည့္ပါ။
မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု
ေတြကိုယ္တိုင္မစမ္းသိပ္နားမလည္၇င္သူမ်ားေတြလရွည္ႏွစ္ရွည္စုေဆာင္းထားတဲ့မွတ္တမ္းေလး ေတြ ကို ေပ်ာက္သြားႏိုင္ပါတယ္၊ေျပာခ်င္တာကေတာ့ HTML Code ေတြ ကိုကိုယ္တိုင္ အ၇င္စမ္း သပ္သင့္ ပါတယ္။ ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအဆင္ျမဲေလးစားလၽွက္ KP-3 မိသားစု
၁။Layout
၂။Edit HTML
၃။ေအာက္က Code ကိုထပ္ရွာပါ၊
]]></b:skin>ေတြ႕ျပီဆို၇င္အေပၚမွာေအာက္က Code ကိုထည့္လိုက္ပါ။
.dp-highlighter၄။ေအာက္က Code ကိုထပ္ရွာပါ၊၊
{
font-family: "Consolas", "Monaco", "Courier New", Courier, monospace;
font-size: 12px;
background-color: #E7E5DC;
width: 99%;
overflow: auto;
margin: 18px 0 18px 0 !important;
padding-top: 1px; /* adds a little border on top when controls are hidden */
}
/* clear styles */
.dp-highlighter ol,
.dp-highlighter ol li,
.dp-highlighter ol li span
{
margin: 0;
padding: 0;
border: none;
}
.dp-highlighter a,
.dp-highlighter a:hover
{
background: none;
border: none;
padding: 0;
margin: 0;
}
.dp-highlighter .bar
{
padding-left: 45px;
}
.dp-highlighter.collapsed .bar,
.dp-highlighter.nogutter .bar
{
padding-left: 0px;
}
.dp-highlighter ol
{
list-style: decimal; /* for ie */
background-color: #fff;
margin: 0px 0px 1px 45px !important; /* 1px bottom margin seems to fix occasional Firefox scrolling */
padding: 0px;
color: #5C5C5C;
}
.dp-highlighter.nogutter ol,
.dp-highlighter.nogutter ol li
{
list-style: none !important;
margin-left: 0px !important;
}
.dp-highlighter ol li,
.dp-highlighter .columns div
{
list-style: decimal-leading-zero; /* better look for others, override cascade from OL */
list-style-position: outside !important;
border-left: 3px solid #6CE26C;
background-color: #F8F8F8;
color: #5C5C5C;
padding: 0 3px 0 10px !important;
margin: 0 !important;
line-height: 14px;
}
.dp-highlighter.nogutter ol li,
.dp-highlighter.nogutter .columns div
{
border: 0;
}
.dp-highlighter .columns
{
background-color: #F8F8F8;
color: gray;
overflow: hidden;
width: 100%;
}
.dp-highlighter .columns div
{
padding-bottom: 5px;
}
.dp-highlighter ol li.alt
{
background-color: #FFF;
color: inherit;
}
.dp-highlighter ol li span
{
color: black;
background-color: inherit;
}
/* Adjust some properties when collapsed */
.dp-highlighter.collapsed ol
{
margin: 0px;
}
.dp-highlighter.collapsed ol li
{
display: none;
}
/* Additional modifications when in print-view */
.dp-highlighter.printing
{
border: none;
}
.dp-highlighter.printing .tools
{
display: none !important;
}
.dp-highlighter.printing li
{
display: list-item !important;
}
/* Styles for the tools */
.dp-highlighter .tools
{
padding: 3px 8px 3px 10px;
font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: silver;
background-color: #f8f8f8;
padding-bottom: 10px;
border-left: 3px solid #6CE26C;
}
.dp-highlighter.nogutter .tools
{
border-left: 0;
}
.dp-highlighter.collapsed .tools
{
border-bottom: 0;
}
.dp-highlighter .tools a
{
font-size: 9px;
color: #a0a0a0;
background-color: inherit;
text-decoration: none;
margin-right: 10px;
}
.dp-highlighter .tools a:hover
{
color: red;
background-color: inherit;
text-decoration: underline;
}
/* About dialog styles */
.dp-about { background-color: #fff; color: #333; margin: 0px; padding: 0px; }
.dp-about table { width: 100%; height: 100%; font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; }
.dp-about td { padding: 10px; vertical-align: top; }
.dp-about .copy { border-bottom: 1px solid #ACA899; height: 95%; }
.dp-about .title { color: red; background-color: inherit; font-weight: bold; }
.dp-about .para { margin: 0 0 4px 0; }
.dp-about .footer { background-color: #ECEADB; color: #333; border-top: 1px solid #fff; text-align: right; }
.dp-about .close { font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; background-color: #ECEADB; color: #333; width: 60px; height: 22px; }
/* Language specific styles */
.dp-highlighter .comment, .dp-highlighter .comments { color: #008200; background-color: inherit; }
.dp-highlighter .string { color: blue; background-color: inherit; }
.dp-highlighter .keyword { color: #069; font-weight: bold; background-color: inherit; }
.dp-highlighter .preprocessor { color: gray; background-color: inherit; }
</head>ေတြ႕ျပီဆို၇င္ေအာက္မွာေအာက္က Code ကိုထည့္လိုက္ပါ။
<!-- Add-in CSS for syntax highlighting -->၅။ေအာက္က Code ကိုထပ္ရွာပါ၊၊
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shCore.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCpp.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCSharp.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCss.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushDelphi.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushJava.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushJScript.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushPhp.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushPython.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushRuby.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushSql.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushVb.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushXml.js' type='text/javascript'></script>
</body>ေတြ႕ျပီဆို၇င္ေအာက္မွာေအာက္က Code ကိုထည့္လိုက္ပါ။
<!-- Add-in Script for syntax highlighting -->၆။Save Tamplate ကိုႏိုပ္လိုက္ပါ။
<script language='javascript'>
dp.SyntaxHighlighter.BloggerMode();
dp.SyntaxHighlighter.HighlightAll('code');
</script>
မွတ္ခ်က္။ ။Syntax Highlighter နွင့္ေပၚေစလို႕သည့္ Code ေတြကိုေအာက္မွာၾကည့္ပါ။
<pre name="code" class="cpp">ျပီပါျပီ။ ။ ။ ။ ။ ။
Syntax Highlighter နွင့္ေပၚေစလို႕သည့္ Code ကိုဒီမွာထည့္ပါ
</pre>
မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု
kp3နည္းပညာ၊၁၉၁၊Google Buzz - ကို Turn Off Buzz လုပ္နည္း
ဒါေလးကေတာ့ Google ကမၾကာေသးခင္ကလုပ္လိုက္တဲ့ Google Buzz ကိုက်ေနာ္တို၇ဲ႕အီးေမးလ္ Homepageကေနမေပၚေအာင္လုပ္နည္းေလးပါ။ Turn Off Buzz လုပ္လိုက္ၾက ၇ေအာင္ လြယ္လြယ္ေလးပါ ဘဲ၊ Homepage ရဲ႕ေအာက္ကဆင္းလိုက္ပါေတြ႕၇ပါလိမ့္မည္။ ေအာက္ပံုအတိုင္း turn off buzz ဆိုတာေလးႏိုပ္ေပး လိုက္ရံုပါ၊၊ အားလံုးကိုေက်းဇူးကမ႓ာမသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု
kp3နည္းပညာ၊၁၉ဝ၊ဘေလာ့အတြက္ Email Subscription Forms မ်ား
မိမိရဲ႕ဘေလာ့မွာEmail Subscription Forms လွလွေလးေတြထားခ်င္တဲ့ ဘေလာ့မိတ္ေဆြေတြအ တြက္လာ ျပီဗ်ာ၊အားလံုးၾကိဳက္ၾကမယ္လို႕လည္းေမ်ာ္လင့္ပါတယ္၊ FeedBurner Email Subscription Forms လွလွ ေလး ေတြၾကိဳက္တာေရြးလို႕၇ပါျပီ။ အားလံုးေပါင္း (၄) မ်ိဳးေပးထားပါတယ္၊ တစ္ခုႏွင့္တစ္ခုမတူပါဘူး၊ ေသခ်ာ ၾကည့္၇င္ေတာ့သိမယ္ထင္ပါတယ္...ေအာက္မွာနမူနာၾကည့္လို၇ ေအာင္ဥပမာ ပံုလည္းျပထားသလို ေအာက္ မွာ Code နဲ႕တကြရိွပါတယ္။။ျမန္မာဘေလာ့ဂါေတြမွာေတာ့ပံုနဲ႕ သံုးတဲ့သူေတြနည္းပါေသးတယ္၊ အခုဆို၇င္မိမိႏွစ္သက္သလိုပံုေတြလည္ေျပာင္းလို႕ေအာင္အစေဖာ္ေပးလိုက္တာပါ။
အားလံုးသြားၾကည့္လို႕၇ေအာင္လည္း DEMO လင့္ခ္ေပးထားပါတယ္။ အားလံုးကိုေက်းဇူးကမ႓ာ
အေပၚပံုေအာက္မွာ Code
အသစ္တင္တိုင္းအေ၇ာက္ပို႕ေပးပါ့မယ္

အီးေမးလ္လိပ္စာေလးထားခဲ့ပါ...
အေပၚပံုေအာက္မွာ Code
အသစ္တင္တိုင္းအေ၇ာက္ပို႕ေပးပါ့မယ္

အေပၚပံုေအာက္မွာ Code
အသစ္တင္တိုင္းအေ၇ာက္ပို႕ေပးပါ့မယ္

အီးေမးလ္လိပ္စာေလးထားခဲ့ပါ....
အေပၚပံုေအာက္မွာ Code
အသစ္တင္တိုင္းအေ၇ာက္ပို႕ေပးပါ့မယ္

အီးေမးလ္လိပ္စာေလးထားခဲ့ပါ...
မွတ္ခ်က္ ။ ။kp3family ေန၇ာေတြမွာမိမိနာမည္ေတြနဲ႕အစားထိုးေပးလိုက္ပါ။
သြားထည့္ေပးမည့္ေန၇ာကေတာ့မိမိၾကိဳက္တဲ့ေန၇ာမွာထားလိုက္ေပါ့ေနာ္။။။
၁။Layout
၂။Page Element
၃။Add a gadget သြားမယ္၊ေအာက္က
၄။Html/java script မွာ Code ကိုထည့္လိုက္ပါ။
ဒီမွာသြားၾကည့္လို႕၇ပါတယ္...
မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု
အားလံုးသြားၾကည့္လို႕၇ေအာင္လည္း DEMO လင့္ခ္ေပးထားပါတယ္။ အားလံုးကိုေက်းဇူးကမ႓ာ
အေပၚပံုေအာက္မွာ Code
အသစ္တင္တိုင္းအေ၇ာက္ပို႕ေပးပါ့မယ္

အီးေမးလ္လိပ္စာေလးထားခဲ့ပါ...
<b><i>အသစ္တင္တိုင္းအေ၇ာက္ပို႕ေပးပါ့မယ္</i></b>
<a href="http://kp3family.blogspot.com/" target="_blank"><img alt="Email rss" src="http://img2.pict.com/c0/6f/97/2941859/0/kp3family.png" border="0" /></a>
<i>အီးေမးလ္လိပ္စာေလးထားခဲ့ပါ... </i>
<center><form action="http://feedburner.google.com/fb/a/mailverify" style="border: 0px solid rgb(204, 204, 204); padding: 3px; text-align: left;" target="popupwindow" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=kp3family', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input style="width: 140px;" name="email" type="text" /><input value="kp3family" name="uri" type="hidden" /><input value="en_US" name="loc" type="hidden" />
<input id="zoosbmt" alt="Subscribe" src="http://img2.pict.com/ff/1b/9d/2941824/0/kp3family.png" class="subbutton" type="image" /></form></center>အေပၚပံုေအာက္မွာ Code
အသစ္တင္တိုင္းအေ၇ာက္ပို႕ေပးပါ့မယ္

<b><i>အသစ္တင္တိုင္းအေ၇ာက္ပို႕ေပးပါ့မယ္</i></b>
<a href="http://kp3family.blogspot.com/" target="_blank">
<img alt="Email rss" src="http://img2.pict.com/c0/6f/97/2941859/0/kp3family.png" border="0" />
<center><form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=kp3family', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input style="width: 140px; height: 24px;" name="email" value="အီးေမးလ္လိပ္စာေ၇းပါ......" onfocus="this.value=''" type="text" />
<input value="kp3family" name="uri" type="hidden" />
<input name="loc" value="en_US" type="hidden" />
<input style="margin-bottom: -12px;" onclick="submit" src="http://img2.pict.com/ff/1b/9d/2941824/0/kp3family.png" type="image" />
</form></center></a>
အေပၚပံုေအာက္မွာ Code
အသစ္တင္တိုင္းအေ၇ာက္ပို႕ေပးပါ့မယ္

အီးေမးလ္လိပ္စာေလးထားခဲ့ပါ....
<b><i>အသစ္တင္တိုင္းအေ၇ာက္ပို႕ေပးပါ့မယ္</i></b>
<a href="http://kp3family.blogspot.com" target="_blank"><img src="http://img2.pict.com/8c/96/18/2941944/0/kp3family2.jpg" border="0" alt="Subscribe Via Email" /></a>
<i>အီးေမးလ္လိပ္စာေလးထားခဲ့ပါ....</i>
<form action="http://feedburner.google.com/fb/a/mailverify" style="border: 0px solid rgb(204, 204, 204); padding: 3px; text-align: left;" target="popupwindow" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=kp3family', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input style="width: 140px;" name="email" type="text" /><input value="kp3family" name="uri" type="hidden" /><input value="en_US" name="loc" type="hidden" />
<input id="zoosbmt" alt="Subscribe" src="http://img2.pict.com/ff/1b/9d/2941824/0/kp3family.png" class="subbutton" type="image" /></form>
အေပၚပံုေအာက္မွာ Code
အသစ္တင္တိုင္းအေ၇ာက္ပို႕ေပးပါ့မယ္

အီးေမးလ္လိပ္စာေလးထားခဲ့ပါ...
<b><i>အသစ္တင္တိုင္းအေ၇ာက္ပို႕ေပးပါ့မယ္</i></b>
<a href="http://kp3family.blogspot.com/" target="_blank"><img src="http://img2.pict.com/93/b3/ca/2941981/0/kp3family3.jpg" alt="Subscribe Via Email" border="0" /></a>
<i>အီးေမးလ္လိပ္စာေလးထားခဲ့ပါ...</i>
<form action="http://feedburner.google.com/fb/a/mailverify" style="border: 0px solid rgb(204, 204, 204); padding: 3px; text-align: left;" target="popupwindow" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=kp3family', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input style="width: 140px;" name="email" type="text" /><input value="kp3family" name="uri" type="hidden" /><input value="en_US" name="loc" type="hidden" />
<input id="zoosbmt" alt="Subscribe" src="http://img2.pict.com/ff/1b/9d/2941824/0/kp3family.png" class="subbutton" type="image" /></form>
မွတ္ခ်က္ ။ ။kp3family ေန၇ာေတြမွာမိမိနာမည္ေတြနဲ႕အစားထိုးေပးလိုက္ပါ။
သြားထည့္ေပးမည့္ေန၇ာကေတာ့မိမိၾကိဳက္တဲ့ေန၇ာမွာထားလိုက္ေပါ့ေနာ္။။။
၁။Layout
၂။Page Element
၃။Add a gadget သြားမယ္၊ေအာက္က
၄။Html/java script မွာ Code ကိုထည့္လိုက္ပါ။
ဒီမွာသြားၾကည့္လို႕၇ပါတယ္...
မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု
kp3နည္းပညာ၊၁၉ဝ၊ဘေလာ့အတြက္ Email Subscription Forms မ်ား
မိမိရဲ႕ဘေလာ့မွာEmail Subscription Forms လွလွေလးေတြထားခ်င္တဲ့ ဘေလာ့မိတ္ေဆြေတြအတြက္လာျပီဗ်ာ၊
အားလံုးၾကိဳက္ၾကမယ္လို႕လည္းေမ်ာ္လင့္ပါတယ္၊FeedBurner Email Subscription Forms လွလွေလးေတြၾကိဳက္တာေရြး
လို႕၇ပါျပီ။အားလံုးေပါင္း (၄) မ်ိဳးေပးထားပါတယ္၊တစ္ခုႏွင့္တစ္ခုမတူပါဘူး၊ေသခ်ာၾကည့္၇င္ေတာ့သိမယ္ထင္ပါတယ္။
ေအာက္မွာနမူနာၾကည့္လို၇ေအာင္ဥပမာပံုေတြလည္းျပထားသလိုေအာက္မွာ Code နဲ႕တကြရိွပါတယ္။။ျမန္မာဘေလာ့ဂါေတြမွာ
ေတာ့ပံုနဲ႕သံုးတဲ့သူေတြနည္းပါေသးတယ္၊အခုဆို၇င္မိမိႏွစ္သက္သလိုပံုေတြလည္ေျပာင္းလို႕ေအာင္အစေဖာ္ေပးလိုက္တာပါ။
အားလံုးကိုေက်းဇူးကမ႓ာ
အားလံုးၾကိဳက္ၾကမယ္လို႕လည္းေမ်ာ္လင့္ပါတယ္၊FeedBurner Email Subscription Forms လွလွေလးေတြၾကိဳက္တာေရြး
လို႕၇ပါျပီ။အားလံုးေပါင္း (၄) မ်ိဳးေပးထားပါတယ္၊တစ္ခုႏွင့္တစ္ခုမတူပါဘူး၊ေသခ်ာၾကည့္၇င္ေတာ့သိမယ္ထင္ပါတယ္။
ေအာက္မွာနမူနာၾကည့္လို၇ေအာင္ဥပမာပံုေတြလည္းျပထားသလိုေအာက္မွာ Code နဲ႕တကြရိွပါတယ္။။ျမန္မာဘေလာ့ဂါေတြမွာ
ေတာ့ပံုနဲ႕သံုးတဲ့သူေတြနည္းပါေသးတယ္၊အခုဆို၇င္မိမိႏွစ္သက္သလိုပံုေတြလည္ေျပာင္းလို႕ေအာင္အစေဖာ္ေပးလိုက္တာပါ။
အားလံုးကိုေက်းဇူးကမ႓ာ
kp3နည္းပညာ၊၁၈၉၊G-talk မွာKeyBoard အသံုးဝင္ပံု
ဒါေလးကေတာ့က်ေနာ္တို႕အတြက္အသံုးဝင္ပါတယ္၊ျမန္မာျပည္မွာဆို G-talk သံုးတဲ့သူ ၁ဝဝ%မွာ ၉ဝ%သံုးတယ္ဆို၇င္မွားမယ္ထင္ပါဘူး၊အေ၇းအၾကီးေပမယ့္လိုအပ္ခဲ့၇င္သံုးလို႕၇ေအာင္ပါ။ G-talk မွာ KeyBoard ရဲ႕အသံုးဝင္ပံုေလးေတြပါ။Window-7 ရဲ႕KeyBoard အသံုးဝင္ပံု kp3နည္းပညာ၊၁၈၈၊ရိွပါတယ္။။
၁။ Ctrl + E – It centralizes the selected text, or the current line.
၂။ Ctrl + R – It justifies to the right the selected text, or the current line.
၃။ Ctrl + L – It justifies to the left the selected text, or the current line.
၄။ Ctrl + I – The same thing does that Tab.
၅။ Tab – It is giving the area to each of the windows opened by Google Talk.
၆။ Ctrl + Tab – The same thing does that Shift + Tab .
၇။ Shift + Tab – The same thing does that Tab but in reverse.
၈။ Ctrl + Shift + L -Switch between points, numbers, letters, capital letters, roman numbers and capital roman numbers
၉။ Ctrl + 1 (KeyPad) – It does a simple space between the lines.
၁ဝ။ Ctrl + 2 (KeyPad) – It does a double space between the lines
၁၁။ Ctrl + 5 (KeyPad) – A space does 1.5 between the lines.
၁၂။ Ctrl + 1 (NumPad) – It goes at the end of the last line.
၁၃။ Ctrl + 7 (NumPad) – It goes at the begin of the last line.
၁၄။ Ctrl + F4 – It closes the current window.
၁၅။ Alt + F4 – It closes the current window.
၁၆။ Alt + Esc – It Minimize all the windows.
၁၇။ Windows + ESC – Open Google Talk (if it’s minimized, or in the tray)
၁၈။ F9 – Open Gmail to send an email to the current contact.
၁၉။ F11 – It initiates a telephonic call with your friend.
၂ဝ။ F12 – It cancels a telephonic call.
၂၁။ Esc – It closes the current window.
မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု
kp3နည္းပညာ၊၁၈၈၊Window-7 ရဲ႕KeyBoard အသံုးဝင္ပံု
ဒါေလးကေတာ့အခုေခတ္စားေနတဲ့ Window7ရဲ႕KeyBoardအသံုးဝင္ပံုေလးပါ၊ၾကိဳက္ၾကမယ္လို႕
လည္းေမ်ာ္လင့္ပါတယ္။ Mozilla-Firefox ရဲ႕KeyBoard အသံုးဝင္ပံုကလည္းkp3နည္းပညာ၊၁၅၆၊မွာရွိပါတယ္၊ ကြန္ပ်ဴတာတစ္ခုလံုးရဲKeyBoard အသံုးဝင္ပံုကေတာ့ kp3နည္းပညာ၊၇၈၊မွာရွိပါတယ္။
၁။ Windows Key + Tab = Aero (Switch windows using tab key)
၂။ Windows Key + F = Search (to search or find)
၃။ Windows Key + R = Run (to use Run box)
၄။ Windows Key + E = Explorer (Launches Explorer)
၅။ Windows Key + L = Lock (Locks the Computer)
၆။ Windows Key + X = Mobility Center
၇။ Windows Key + P = Projector
၈။ Windows Key + S = Launches the OneNote Screen Clipping Tool (yes it requires Office One Note)
၉။ Windows Key + D = Show and Hide Desktop
၁ဝ။ Windows Key + T = Cycle Super Taskbar Items
၁၁။ Windows Key + M = Minimize All Windows
၁၂။ Windows Key + Up = Maximize the opened Window
၁၃။ Windows Key + Down = Minimize the opened Window
၁၄။ Windows Key + Left = Tile Current Window to the Left
၁၅။ Windows Key + Right = Tile Current Windows to the Right
၁၆။ Windows Key + = = Magnifier
၁၇။ Windows Key + # = Quicklaunch
၁၈။ Ctrl + Alt + E = My Computer
၁၉ Windows Key + 1 = Launches first application on taskbar (2 launches second, 3 launches third and so on)
Key strokes used from Explorer
၁။ Alt + Up = Go up one level
၂။ Alt + Left = Back
၃။ Alt + Right = Forward
တခ်ိဳ႕ကေတာ့အသစ္ေတြရိွသလို XP နဲ႕တူတာေလးေတြလည္းရိွပါတယ္........
လိုအပ္တာေလးေတြလည္းရိွအံုးမယ္ထင္ပါတယ္။သီးခံေပးၾကပါ။
မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု
လည္းေမ်ာ္လင့္ပါတယ္။ Mozilla-Firefox ရဲ႕KeyBoard အသံုးဝင္ပံုကလည္းkp3နည္းပညာ၊၁၅၆၊မွာရွိပါတယ္၊ ကြန္ပ်ဴတာတစ္ခုလံုးရဲKeyBoard အသံုးဝင္ပံုကေတာ့ kp3နည္းပညာ၊၇၈၊မွာရွိပါတယ္။
၂။ Windows Key + F = Search (to search or find)
၃။ Windows Key + R = Run (to use Run box)
၄။ Windows Key + E = Explorer (Launches Explorer)
၅။ Windows Key + L = Lock (Locks the Computer)
၆။ Windows Key + X = Mobility Center
၇။ Windows Key + P = Projector
၈။ Windows Key + S = Launches the OneNote Screen Clipping Tool (yes it requires Office One Note)
၉။ Windows Key + D = Show and Hide Desktop
၁ဝ။ Windows Key + T = Cycle Super Taskbar Items
၁၁။ Windows Key + M = Minimize All Windows
၁၂။ Windows Key + Up = Maximize the opened Window
၁၃။ Windows Key + Down = Minimize the opened Window
၁၄။ Windows Key + Left = Tile Current Window to the Left
၁၅။ Windows Key + Right = Tile Current Windows to the Right
၁၆။ Windows Key + = = Magnifier
၁၇။ Windows Key + # = Quicklaunch
၁၈။ Ctrl + Alt + E = My Computer
၁၉ Windows Key + 1 = Launches first application on taskbar (2 launches second, 3 launches third and so on)
Key strokes used from Explorer
၁။ Alt + Up = Go up one level
၂။ Alt + Left = Back
၃။ Alt + Right = Forward
တခ်ိဳ႕ကေတာ့အသစ္ေတြရိွသလို XP နဲ႕တူတာေလးေတြလည္းရိွပါတယ္........
လိုအပ္တာေလးေတြလည္းရိွအံုးမယ္ထင္ပါတယ္။သီးခံေပးၾကပါ။
မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု
kp3နည္းပညာ၊၁၈၈၊Internet Explorer 8 ရဲ႕ Keyboard တစ္ခုလံုးအသံုးဝင္ပံု
ဒါေလးကေတာ့က်ေနာ္တို႕Internet Explorer 8 ကိုအသံုးျပဳၾကတဲ့မိတ္ေဆြေတြအတြက္ပါ၊
IE-8 ရဲ႕ Keyboard တစ္ခုလံုးအသံုးဝင္ပံုေလးပါ၊ Mozilla Firefox ရဲ႕ Keyboard တစ္ခုလံုးအသံုးဝင္ပံုလည္း kp3နည္းပညာ၊၁၅၆၊မွာရိွပါတယ္၊ကြန္ပ်ဴတာတစ္ခုလံုးရဲ႕ Keyboard တစ္ခုလံုးအသံုးဝင္ပံုကလည္း kp3နည္းပညာ၊၇၈၊မွာရိွပါတယ္။လိုအပ္၇င္သံုးလို႕ရေအာင္လည္း
IE-8 ရဲ႕Downloadလင့္ခ္ကိုလည္းေပးထားပါတယ္၊။
IE-8 ရဲ႕ Keyboard တစ္ခုလံုးအသံုးဝင္ပံုေလးပါ၊ Mozilla Firefox ရဲ႕ Keyboard တစ္ခုလံုးအသံုးဝင္ပံုလည္း kp3နည္းပညာ၊၁၅၆၊မွာရိွပါတယ္၊ကြန္ပ်ဴတာတစ္ခုလံုးရဲ႕ Keyboard တစ္ခုလံုးအသံုးဝင္ပံုကလည္း kp3နည္းပညာ၊၇၈၊မွာရိွပါတယ္။လိုအပ္၇င္သံုးလို႕ရေအာင္လည္း
IE-8 ရဲ႕Downloadလင့္ခ္ကိုလည္းေပးထားပါတယ္၊။
ဒါေလးကေတာါက်ေနာ္တို႕Internet Explorer 8 ကိုအသံုးျပဳၾကတဲ့ဘေလာ့မိတ္ေဆြေတြအတြက္ပါ၊
IE-8 Keyboard အသံုးဝင္ပံုေလးေတြပါ။ေအာက္ကပံုေပၚမွာလည္း IE-8 Download လင့္ခ္ေပးထားပါတယ္။ Mozilla Firefox ရဲ႕ Keyboard တစ္ခုလံုးအသံုးဝင္ပံုကိုလည္း kp3နည္းပညာ၊၁၅၆၊မွာရိွပါတယ္၊ ကြန္ပ်ဴတာရဲ႕ Keyboard တစ္ခုလံုးအသံုးဝင္ပံုကလည္းkp3နည္းပညာ၊၇၈၊မွာရွိပါတယ္။။
IE-8 Keyboard အသံုးဝင္ပံုေလးေတြပါ။ေအာက္ကပံုေပၚမွာလည္း IE-8 Download လင့္ခ္ေပးထားပါတယ္။ Mozilla Firefox ရဲ႕ Keyboard တစ္ခုလံုးအသံုးဝင္ပံုကိုလည္း kp3နည္းပညာ၊၁၅၆၊မွာရိွပါတယ္၊ ကြန္ပ်ဴတာရဲ႕ Keyboard တစ္ခုလံုးအသံုးဝင္ပံုကလည္းkp3နည္းပညာ၊၇၈၊မွာရွိပါတယ္။။
kp3နည္းပညာ၊၁၈၇၊ဘေလာ့မွာYouTube သီခ်င္းႏွင့္ YouTube ဗီြဒီယိုေတြကိုထည့္နည္း
ဒီ Post ေလးကလည္းဘေလာ့မိတ္ေဆြေတာ္ေတာ္မ်ားမ်ားသိျပီးသားပါ၊ မသိေသးတဲ့ဘေလာ့ဂါ ေလာကထဲကိုအသစ္ဝင္လာတဲ့မိတ္ေဆြသစ္ေလးေတြအတြက္ဆို၇င္ပိုျပီးမွန္မယ္ထင္ပါတယ္၊ ဘေလာ့မွာYouTubeသီခ်င္းႏွင့္YouTubeဗီြဒီယိုေတြကို Ipod Style ထည့္ခ်င္လာ ဘာစတိုင္နွင့္ထည့္ခ်င္လဲ၊ ေအာက္မွာသြားယူ၇မယ့္လင့္ခ္နဲ႕လုပ္နည္းေတြျပထားေပးပါတယ္၊

၄။Search Music>>Add URL ေန၇ာမွာမိမိၾကိဳက္တဲ့သီခ်င္ကို Youtube ကေနလင့္ခ္ယူ၇င္လည္၇ပါတယ္။
မိမိရဲ႕ယူလိုက္တဲ့လင့္ခ္ကိုေအာက္ကအကြက္မွာ ထည့္လိုက္ျပီးSearch ႏိုပ္ေပးလိုက္ပါ။ေအာက္ပံု
၁။MixPod.Comကိုသြားျပီး sign up လုပ္ေပးလို္က္ပါ။ျမန္ပါတယ္။.
၂။၇ျပီဆို၇င္ 'My playlists' >>>> ကေန 'New Play list' ဝင္ပါ။
၃။မိမိသံုးခ်င္သည့္ playlist စတိုင္ကိုေရြးပါေအာက္ပံု။
၄။Search Music>>Add URL ေန၇ာမွာမိမိၾကိဳက္တဲ့သီခ်င္ကို Youtube ကေနလင့္ခ္ယူ၇င္လည္၇ပါတယ္။
မိမိရဲ႕ယူလိုက္တဲ့လင့္ခ္ကိုေအာက္ကအကြက္မွာ ထည့္လိုက္ျပီးSearch ႏိုပ္ေပးလိုက္ပါ။ေအာက္ပံု
၅။Customise ကိုသြားမယ္၊ေနာက္ခံအေ၇ာင္ေတြသီခ်င္ကို Autoလာေအာင္လုပ္ခ်င္လားေပါ့ေနာ္။။
၆။ေအာက္မွာသူ႕ရဲ႕ Playlist Title ကိုေတာင္းပါတယ္..မိမိၾကိဳင္သလိုေပးလိုက္ပါ၊လိုအပ္ပါတယ္။ ျပီးသြား၇င္ေအာက္ပံုမိမိဘယ္ေန၇ာမွာထည့္ခ်င္လဲေရြးေပးလိုက္ပါ။
၆။ေအာက္မွာသူ႕ရဲ႕ Playlist Title ကိုေတာင္းပါတယ္..မိမိၾကိဳင္သလိုေပးလိုက္ပါ၊လိုအပ္ပါတယ္။ ျပီးသြား၇င္ေအာက္ပံုမိမိဘယ္ေန၇ာမွာထည့္ခ်င္လဲေရြးေပးလိုက္ပါ။
၇။Code ယူျပီးသြား၇င္မိမိရဲ႕ဘေလာ့Layout>>>Add a Gadget>>>ေအာက္ပံုကိုၾကည့္ပါ။
၈။Save ႏိုပ္လိုက္ပါျပီးပါျပီ။။။
မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု kp3နည္းပညာ၊၁၈၆၊မိမိရဲ႕ဘေလာ့ကို Search Engine မွာေပၚေအာင္လုပ္နည္း
ဒီ Post ေလးကေတာ့အ၇မ္းကိုလြယ္ေပးမယ့္အ၇မ္းကိုအေ၇းလည္းၾကီးပါတယ္၊ ခဏခဏေမးတဲ့ မိတ္ေဆြေတြမ်ားေနလို႕တင္လိုက္တာပါ။ ဘေလာ့မိတ္္ေဆြေတာ္ေတာ္မ်ားမ်ားကသူ႕တို႕ရဲ႕ဘေလာ့ကို
Search Engine မေပၚဘူးေျပာေနလိ္ု႕ပါ။ဒါေၾကာင့္ဘေလာ့ကိုSearch Engine မွာေပၚေအာင္အဓိက Settings ရဲ႕အထိုင္မွန္ဖို႕လည္လိုပါတယ္၊အခုေအာက္မွာပံုနဲ႕တကြျပထားေပးပါတယ္။ မိမိရဲ႕ဘေလာ့ကို Search Engine ေပၚေစခ်င္၇င္ေအာက္ပံုအတိုင္းလုပ္ေပးဖို႕လည္းလိုပါတယ္။။။
Dashboard>>>>Settings>>>Let search engines find your blog?ကို (yes)လုပ္ေပးလိုက္ပါ....
Search Engine မေပၚဘူးေျပာေနလိ္ု႕ပါ။ဒါေၾကာင့္ဘေလာ့ကိုSearch Engine မွာေပၚေအာင္အဓိက Settings ရဲ႕အထိုင္မွန္ဖို႕လည္လိုပါတယ္၊အခုေအာက္မွာပံုနဲ႕တကြျပထားေပးပါတယ္။ မိမိရဲ႕ဘေလာ့ကို Search Engine ေပၚေစခ်င္၇င္ေအာက္ပံုအတိုင္းလုပ္ေပးဖို႕လည္းလိုပါတယ္။။။
မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု
kp3နည္းပညာ၊၁၈၅၊ဘေလာ့မွာ Horizontal Menu အလြယ္တကူထည့္နည္း
ဒါေလးကေတာ့Horizontal Index လို႕ေခၚပါတယ္၊ လွလည္းလွတယ္လြယ္လည္းလြယ္ကူတယ္၊ Codeကလည္းအ၇မ္းရွင္းပါတယ္၊ Horizontal Menu ပါဘဲေအာက္မွာပံုနဲ႕တကြ Code ေပးထားပါတယ္၊ အဆင္မေျပ၇င္လည္းအေၾကာင္းၾကာေပးၾကေပါ့ေနာ္၊ ဘေလာ့မိတ္ေဆြအားံလံုးလည္းၾကိဳက္ၾကမယ္လို႕ ေမ်ာ္လင့္ပါတယ္။ဘေလာ့မွာ Recent Post ႏွင့္ RecentComments ေတြကိုလြယ္ကူစြာထားခ်င္၇င္ kp3နည္းပညာ၊၁၈၄၊မွာရွိပါတယ္။။။
|
<table align="center"><tr><td><table align="center" border=1 cellpadding=7>
<tr><td><a href="http://kp3family.blogspot.com">သတင္း</a>
</td><td><a href="http://kp3family.blogspot.com">ဂ်ာနယ္ </a>
</td><td><a href="http://kp3family.blogspot.com">သီခ်င္း </a>
</td><td><a href="http://kp3family.blogspot.com">ဗီြဒီယို </a>
</td><td><a href="http://kp3family.blogspot.com">အားကစား</a>
</td><td><a href="http://kp3family.blogspot.com">အႏုပညာ</a>
</td><td><a href="http://kp3family.blogspot.com">ဓါတ္ပံုမ်ား</a>
</td><td><a href="http://kp3family.blogspot.com">ကဗ်ာမ်ား</a>
</td></tr></table></td></tr></table>
မိမိၾကိဳက္သလိုနာမည္ေတြေပးလို႕၇ပါတယ္၊kp3family.blogspot.com ေတြကိုမိမိလင့္ခ္ေတြနွင့္အစားထိုးေပးလိုက္ပါ။။
မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု kp3နည္းပညာ၊၁၈၅၊ဘေလာ့မွာ Horizontal Menu အလြယ္တကူထည့္နည္း
ဒါေလးကေတာ့Horizontal Index လို႕ေခၚပါတယ္၊လွလည္းလွတယ္လြယ္လည္းလြယ္ကူတယ္၊Codeကလည္းအ၇မ္း
ရွင္းပါတယ္၊Horizontal Menu ပါဘဲေအာက္မွာပံုနဲ႕တကြ Code ေပးထားပါတယ္၊အဆင္မေျပ၇င္လည္းအေၾကာင္းၾကာ
ေပးၾကေပါ့ေနာ္၊ဘေလာ့မိတ္ေဆြအားံလံုးလည္းၾကိဳက္ၾကမယ္လို႕ေမ်ာ္လင့္ပါတယ္။ဘေလာ့မွာ Recent Post ႏွင့္ Recent
Comments ေတြကိုလြယ္ကူစြာထားခ်င္၇င္ kp3နည္းပညာ၊၁၈၄၊မွာရွိပါတယ္။။။
ရွင္းပါတယ္၊Horizontal Menu ပါဘဲေအာက္မွာပံုနဲ႕တကြ Code ေပးထားပါတယ္၊အဆင္မေျပ၇င္လည္းအေၾကာင္းၾကာ
ေပးၾကေပါ့ေနာ္၊ဘေလာ့မိတ္ေဆြအားံလံုးလည္းၾကိဳက္ၾကမယ္လို႕ေမ်ာ္လင့္ပါတယ္။ဘေလာ့မွာ Recent Post ႏွင့္ Recent
Comments ေတြကိုလြယ္ကူစြာထားခ်င္၇င္ kp3နည္းပညာ၊၁၈၄၊မွာရွိပါတယ္။။။
kp3နည္းပညာ၊၁၈၄၊Recent Post ႏွင့္ Recent Comment အလြယ္တကူထည့္နည္း
ဒီေန႕Post ေလးကေတာ့မိမိရဲ႕ဘေလာ့မွာ Recent Post အလြယ္တကူထည့္နည္းေလးပါ၊ အေဟာင္းေတြမွာလည္းဒီ Recent Post With Thumbnails လုပ္နည္းဆိုျပီရိွမယ္ထင္ပါတယ္၊ အခုဟာေလးကအ၇မ္းကိုရွင္းလည္းရွင္းတယ္။လြယ္လည္းလြယ္ကူတယ္၊ ဘာ Code မွလည္းသံုးစရာမလိုဘူး၊Recent Post မကဘူး Recent Comment ကိုလည္းဒီလိုရိုက္ထည့္လို႕၇ပါတယ္။ ဘေလာ့မိတ္ေဆြအားလံုးၾကိဳက္ၾကမယ္လို႕လည္းေမ်ာ္လင့္ပါတယ္။ေအာက္မွာပံုနဲ႕ျပထားေပးပါတယ္။။
ေအာက္မွာလုပ္နည္းေလးပံုနဲ႕
မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု kp3နည္းပညာ၊၁၈၃၊ဘေလာ့ဂါေမြးေန႕လက္ေဆာင္ Post editor အသစ္
က်ေနာ္ဒီPostတင္မယ္တင္မယ္နဲ႕ေမ့ေမ့သြားတယ္၊သိျပီးတဲ့ဘေလာ့မိတ္ေဆြေတြလည္းမ်ားမယ္ထင္ပါတယ္၊ မသိေသးတဲ့မိတ္ေဆြေတြအတြက္ပါ ဘေလာ့Post editorအသစ္ကိုယူသံုးနည္းေလးပါၾကာေတာ့ၾကာသြားပါျပီ။ HTML Codeေတြကိုလည္းတခါတည္းေပၚေစပါတယ္. .ဘာမွထပ္လုပ္စရာမလိုေတာ့ဘူးေပါ့ေနာ္၊ အ၇မ္းကိုသံုး၇တာအဆင္ေျပပါတယ္၊ သံုးၾကည့္လိုက္၇င္သိသြားမွာပါ၊မၾကိဳက္၇င္လည္းအေဟာင္းျပန္ ေျပာင္းသံုးလို႕၇ပါတယ္၊ေအာက္မွာပံုေတြနဲ႕တကြလုပ္နည္းေလးပါ၊ ပံုေတြတင္၇တာလည္းအ၇မ္း ကိုအဆင္ေျပေစပါတယ္၊မိမိၾကိဳက္သလိုဘယ္အရြယ္အစား ၾကိုက္တယ္ဆိုတာေရြးလို႕၇ပါတယ္၊ အမ်ားၾကီးပါဗ်ာ မေျပာေတာ့ဘူး ကိုယ္တိုင္သြားၾကည့္ၾကေတာ့ေနာ္။ ဘေလာ့မိတ္ေဆြအားလံုးကိုခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု
Dashboard>>>>Settings>>>Select post editorကိုေရြးလိုက္ပါ။

Dashboard>>>>Settings>>>Select post editorကိုေရြးလိုက္ပါ။
အေ၇ာင္ေျပာင္ခ်င္၇င္
ေနာက္ခံအေ၇ာင္ေျပာင္ခ်င္၇င္

ပံုေတြထည့္၇င္
မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု kp3နည္းပညာ၊၁၈၂၊ဘေလာ့ Post Title လင့္ခ္ျဖဳတ္နည္း
အခုတင္တဲ့ Post ေလးကေတာ့က်ေနာ္တို႕ရဲ႕ဘေလာ့ Post Title လင့္ခ္ကိုမၾကိဳက္တဲ့
ဘေလာ့မိတ္ေဆြ ေတြအတြက္ပါ၊PostTitleလင့္ခ္ျဖဳတ္နည္းေလးေပါ့ေနာ္၊ Headerလင့္ခ္ျဖဳတ္နည္းေလးkp3နည္းပညာ၊၁၈၁၊ မွာရိွပါတယ္၊၊ ေအာက္မွာလုပ္နည္းနဲ႕တကြ Code
၁။Layout
၂။Edit HTML
၃။Expand Widgets Templateကိုအမွန္ျခစ္ေပးပါ။
ေအာက္က Code ကိုရွာပါ၊
မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု
ဘေလာ့မိတ္ေဆြ ေတြအတြက္ပါ၊PostTitleလင့္ခ္ျဖဳတ္နည္းေလးေပါ့ေနာ္၊ Headerလင့္ခ္ျဖဳတ္နည္းေလးkp3နည္းပညာ၊၁၈၁၊ မွာရိွပါတယ္၊၊ ေအာက္မွာလုပ္နည္းနဲ႕တကြ Code
၁။Layout
၂။Edit HTML
၃။Expand Widgets Templateကိုအမွန္ျခစ္ေပးပါ။
ေအာက္က Code ကိုရွာပါ၊
<h3 class='post-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h3>
</b:if>ေတြ႕ျပီဆိုရင္ေအာက္က Code ႏွင့္အစားထိုးေပးလိုက္ပါ။<h3 class='post-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<data:post.title/>
</b:if>
</h3>
</b:if>၄။Save Template ကိုႏိုပ္ပါ။ျပီးပါျပီ။။။မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု
kp3နည္းပညာ၊၁၈၁၊ဘေလာ့ Header လင့္ခ္ျဖဳတ္နည္း
အခုတင္တဲ့ Post ေလးကေတာ့က်ေနာ္တို႕ရဲ႕ဘေလာ့ Header လင့္ခ္ကိုမၾကိဳက္တဲ့ ဘေလာ့မိတ္ေဆြေတြ အတြက္ပါ ,,Header လင့္ခ္ျဖဳတ္နည္းေလးေပါ့ေနာ္၊ တခ်ိဳ႕ဘေလာ့ေတြေတာ္ေတာ္မ်ားမ်ားကေတာ့ banner နွင့္ဆိုေတာ့ Header လင့္ခ္က Auto ျဖဳတ္ျပီးသားပါဘဲ.၊bannerမသံုးတဲ့ဘေလာ့မိတ္ေဆြေတြအတြက္ပါ.. ..ေအာက္မွာလုပ္နည္းနဲ႕တကြ Code
၁။Layout
၂။Edit HTML
၃။Expand Widgets Templateကိုအမွန္ျခစ္ေပးပါ။
ေအာက္က Code ကိုရွာပါ၊
မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု
၁။Layout
၂။Edit HTML
၃။Expand Widgets Templateကိုအမွန္ျခစ္ေပးပါ။
ေအာက္က Code ကိုရွာပါ၊
<div class='titlewrapper'>
<lass='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</h1>
</div>ေတြ႕ျပီဆိုရင္ေအာက္က Code ႏွင့္အစားထိုးေပးလိုက္ပါ။<div class='titlewrapper'>၄။Save Template ကိုႏိုပ္ပါ။ျပီးပါျပီ။။။
<h1 class='title'>
<data:title/>
</h1>
</div>
မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု
kp3နည္းပညာ၊၁၈ဝ၊ဘေလာ့အတြက္အေကာင္းဆံုး Favicon Generator Sitesမ်ား
အခုတင္တဲ့ Post ေတြကေတာ့က်ေနာ္ဘေလာ့သူငယ္ခ်င္းေတြအခ်ိဳ႕Comment မွာေတာင္းဆိုဖူးပါတယ္၊Favicon ကစၥေလးပါဒါေၾကာင့္Favicon ကိုလုပ္ခ်င္တဲ့ဘေလာ့မိတ္ေဆြေတြအတြက္ အေကာင္းဆံုး Favicon Generator Sites ေတြကိုစုျပီးတင္ေပးလိုက္၇ခ်င္ျဖစ္ပါတယ္။ေအာက္မွာ Favicon Generator Sites ရဲ႕လင့္ခ္ေတြေပး ထား ပါတယ္။ မိမိရဲ႕ဘေလာ့မွာ Google Buzz Button ေလးထည့္ခ်င္ရင္ေတာ့kp3နည္းပညာ၊၁၇၉၊မွာရိွပါတယ္။။ ဘေလာ့မိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလ်ွက္ kp3မိသားစု
၁။http://www.favicon.co.uk/
၂။http://www.faviconr.com/
၃။http://www.freefavicons.info/
၄။http://www.faviconmaker.info/
၅။http://fa/vikon.com
၆။http://favikon.com/
၇။http://www.favicon.cc/
၈။http://www.degraeve.com/favicon/
၉။http://www.html-kit.com/favicon/
၁ဝ။http://shaheeilyas.com/favicon/
၁၁။http://www.rw-designer.com/online_icon_maker.php
၁၂။http://www.chami.com/html-kit/services/Favicon/
၁၃။http://antifavicon.com/
၁၄။http://blog.gootum.com/service/favicon/
၁၅။http://www.faviconcenter.com/
၁၆။http://www.infiseek.com/favicon/
မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစျခင္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု
၁။http://www.favicon.co.uk/
၂။http://www.faviconr.com/
၃။http://www.freefavicons.info/
၄။http://www.faviconmaker.info/
၅။http://fa/vikon.com
၆။http://favikon.com/
၇။http://www.favicon.cc/
၈။http://www.degraeve.com/favicon/
၉။http://www.html-kit.com/favicon/
၁ဝ။http://shaheeilyas.com/favicon/
၁၁။http://www.rw-designer.com/online_icon_maker.php
၁၂။http://www.chami.com/html-kit/services/Favicon/
၁၃။http://antifavicon.com/
၁၄။http://blog.gootum.com/service/favicon/
၁၅။http://www.faviconcenter.com/
၁၆။http://www.infiseek.com/favicon/
မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစျခင္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု
kp3နည္းပညာ၊၁၇၉၊ဘေလာ့မွာ Google Buzz Buttons ေလးထည့္နည္း

ဒါေလးကေတာ့အသစ္ပါဘဲ၊ဘေလာ့မိတ္ေဆြအားလံုးနဲ႕ Gmail ကိုအသံုးျပဳၾကတဲ့မိတ္ေဆြအားလံုးသိျပီးၾကမွာ Google Buzzေလးပါ..က်ေနာ္တို႕ရဲ႕ Gmial မွာေတြ႕တာလည္းသိပ္မၾကာေသးပါဘူး၊ twitter ႏွင့္ facebook လိုမ်ိဳးေပါ့ေနာ္၊မိမိရဲ႕ဘေလာ့ါ Post ေတြကို Google Readerကေနဖတ္လို႕လြယ္ကူေအာင္ပါ၊ က်ေနာ္ဥပမာအားလံုးၾကည့္လို႕၇ေအာင္လုပ္ထားပါတယ္။ေအာက္မွာပံုနဲ႕တကြ Code
၁။Layout
၂။Edit HTML
၃။Expand Widgets Templateကိုအမွန္ျခစ္ေပးပါ။
ေအာက္က Code ကိုရွာပါ၊
<div class='post-header-line-1'/>ေတြ႕ျပီဆိုရင္ေအာက္မွာေအာက္က Code ကိုထည့္ေပးလိုက္ပါ။
<div style="float:right;padding:4px;">၄။Save Template ကိုႏိုပ္ပါ။ျပီးပါျပီ။။။
<a expr:href='"http://www.google.com/reader/link?url=" + data:post.url + "&title=" + data:post.title + "&srcTitle=" + data:blog.title+ "&srcURL=" + data:blog.homepageUrl ' rel='nofolloW' style='text-decoration:none;' target='_blank'>
<img alt='Buzz It' src='http://i49.tinypic.com/25yy8pd.png' style='border:0px;'/></a>
</div>
ဒါကေတာ့ (http://i49.tinypic.com/25yy8pd.png) ပံုရဲ႕လင့္ခ္ပါ။
မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစျခင္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု
kp3နည္းပညာ၊၁၇၈၊Mozilla-firefox နဲ႕မိမိရဲ႕ Gmail အိမ္ေလးလွပစြာလုပ္နည္း

ဘေလာ့ဂါအေၾကာင္းဘဲဆို၇င္ပ်င္းၾကမယ္ထင္ပါတယ္၊ဒါေၾကာင့္ Gmail အိမ္ေလးလည္းအသစ္အဆန္း ေလးသံုး ခ်င္တဲ့မိတ္ေဆြေတြရိွခဲ့၇င္ေပါ့ေနာ္၊မိမိရဲ႕ Gmail ကို Mozilla-firefox ကေနတမ်ိဳးသံုးခ်င္၇င္ေပါ့ေနာ္၊ IEနဲ႕ေတာ့မ၇ ဘူးေနာ္။ ေအာက္မွာပံုေလးေတြနွင့္တကြျပထားပါတယ္၊ ၾကိဳက္၇င္ေတာ့ေအာက္မွာ Download လင့္ခ္ရိွပါတယ္၊Install လုပ္ေပးလိုက္ပါ၊
မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု
kp3နည္းပညာ၊၁၇၇၊ဘေလာ့ Footer မွာ background ပံုေလးထည့္နည္း

အသစ္အဆန္းေလးလုပ္ၾကည့္ၾက၇ေအာင္ေနာ္၊ဒါေလးကေတာ့က်ေနာ္တို႕ဘေလာ့Footer မွာေနာက္ခံပံုေတြ ထည့္ နည္းေလးပါ။မိမိရဲ႕ဘေလာ့ကိုပိုျပီးလွပသြားေအာင္း လုပ္ခ်င္တဲ့ဘေလာ့ဂါမိတ္ေဆြေတြအတြက္ပါ ၊ ထူးထူးဆန္းဆန္းေလးျဖစ္သြားေအာင္လုပ္ၾကည့္ခ်င္ေတာ့ေအာက္မွာ ျပထားေပးပါတယ္၊ ဘေလာ့မိတ္ေဆြေတြ အားလံုးနမူနာၾကည့္လို႕၇ေအာင္က်ေနာ္သံုးျပထားပါတယ္။
၁။Layout
၂။Edit HTML
ေအာက္ပံုကိုၾကည့္ပါ၊
ေအာက္က Code ကိုရွာပါ။ ေတြျပီဆို၇င္background:url(ဤေန၇ာမွာပံုရဲ႕လင့္ခ္ကိုထည့္ေပးပါ);ထပ္ထည့္ေပးလိုက္ပါ။
#footer {
width:960px;
background: url(ဤေန၇ာမွာပံုရဲ႕လင့္ခ္ကိုထည့္ေပးပါ);padding-top:15px;
text-align:center;
margin:0 auto;
}၃။Save Template ကိုႏိုပ္ပါ။ျပီးပါျပီ။။မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု
kp3နည္းပညာ၊၁၇၆၊ဘေလာ့ Comment ေတြကိုလွပစြာပိုင္းျခားနည္း
ဒီေန႕ Post ေလးကေတာ့သိပ္လည္းအေ၇းေတာ့အၾကီးပါဘူး၊ဒါေပမယ့္မိမိ၇ဲ႕ Comment ေန၇ာေလးကၾကည့္၇ တာ ပိုျပီးလွလာသလိုဘဲေနာ္၊ေအာက္မွာနမူနာၾကည့္လို႕၇ေအာင္ပံု ေလးျပထားေပးပါတယ္၊မိမိရဲ႕ Comment ေတြကိုသပ္သပ္၇ပ္၇ပ္ေလးျဖစ္သြားပါတယ္၊မိမိရဲ႕ဘေလာ့ Comments Box ေလးကိုတကယ့္လွပ ေအာင္လုပ္ ခ်င္၇င္ေတာ့kp3နည္းပညာ၊၁၄၇၊မွာရိွပါတယ္။ေအာက္ပံုနဲ႕တကြ Code
၁။Layout
၂။Edit HTML
ေအာက္က Code ကိုရွာပါ၊
ေတြ႕ျပီဆိုရင္ေအာက္က Code ႏွင့္အစားထိုးေပးလိုက္ပါ။။
၃။Save Template ကိုႏိုပ္ပါ။ျပီးပါျပီ။။
မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု
၁။Layout
၂။Edit HTML
ေအာက္က Code ကိုရွာပါ၊
/* Commentsအေပၚက Codeအားလံုးႏွင့္တူခ်င္မတူမွာပါ
----------------------------------------------- */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: $sidebarcolor;
}
#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}
ေတြ႕ျပီဆိုရင္ေအာက္က Code ႏွင့္အစားထိုးေပးလိုက္ပါ။။
/* Commentsအေ၇ာင္ေတြကိုမိမိၾကိဳက္သလို HTML colourနဲ႕အစားထိုးေပးလို႕၇ပါတယ္။
----------------------------------------------- */
.comment-form {
margin-left:.5em;}
.comments {
margin-left:.5em;}
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: #0B486B;
}
#comments-block {
font-size:13px; color:#333333;
}
#comments-block .comment-author {
color:#53524b;
font-size:12px;
background:#d7e8f0;
padding:4px;
font-weight:bold;
text-decoration:none;
}
#comments-block .comment-author a:link, .comment-author a:visited, .comment-author a:hover {
font-weight:bold;
color:#53524b;
border-bottom:solid 1px #80a8ba;
padding-bottom:2px;
text-decoration:none;
}
dd{margin:0; border:0; padding:0; padding:0 10px; background:#f5f8fa;}
dd.comment-body{border:solid 2px #d7e8f0; border-bottom:none; border-top:none;}
dd.comment-body p{border:0; padding:0; margin:0; padding:10px 0;}
dd.comment-footer{border:solid 2px #d7e8f0; border-top:none; margin-bottom:10px;}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
.comment-timestamp{font-size:11px; color:#333333;}
.comment-timestamp a:link, .comment-timestamp a:visited {
font-size:11px; color:#999999; background:none; width:auto; height:auto;
text-align:left; font-weight:normal;}
.deleted-comment {
font-style:italic;
color:gray;
}
၃။Save Template ကိုႏိုပ္ပါ။ျပီးပါျပီ။။
မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု
kp3နည္းပညာ၊၁၇၅၊ဘေလာ့ Sidebar ႏွင့္ Post လွပစြာပိုင္းျခားနည္း
ဒါေလးကေတာ့က်ေနာ္တို႕ရဲ႕ဘေလာ့ Post ႏွင့္ Sidebar ကိုလွလွေလးပိုင္းျခားေအာင္လုပ္တဲ့နည္းေလး
ပါ၊က်ေနာ္ Tamplate ေတာ္ေတာ္မ်ားမ်ားမွာဒီ Sidebar ႏွင့္ Post ကပိုင္းျခားေပးတဲ့မ်ဥ္းေၾကာင္းေသးေသး
ေလးဘဲရိွပါတယ္၊တခ်ိဳ႕ဟာေတြဆိုရင္ဘာမွပါမလာဘူး၊တခ်ိဳ႕ၾကေတာ့လည္းလွလွေလးပိုင္ျခားေပးပါတယ္။
သိပ္မထင္ရွားဘူးဆိုရင္ေအာက္မွာနမူနာသြားၾကည့္လို႕၇ေအာင္ဆိုျပီး DEMO လင့္ခ္နဲ႕လုပ္နည္းေလးေတြျပ
ထားေပးပါတယ္၊အ၇မ္းလည္းလြယ္ကူပါတယ္လို႕ေျပာလို႕၇ပါတယ္။
၁။Layout
၂။Edit HTML
ဒီမွာသြားၾကည့္လို႕ရပါတယ္ DEMO
ေအာက္က Code ကိုရွာပါ၊
၃။Save Template ကိုႏိုပ္ပါ။ျပီးပါျပီ။။
မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု
ပါ၊က်ေနာ္ Tamplate ေတာ္ေတာ္မ်ားမ်ားမွာဒီ Sidebar ႏွင့္ Post ကပိုင္းျခားေပးတဲ့မ်ဥ္းေၾကာင္းေသးေသး
ေလးဘဲရိွပါတယ္၊တခ်ိဳ႕ဟာေတြဆိုရင္ဘာမွပါမလာဘူး၊တခ်ိဳ႕ၾကေတာ့လည္းလွလွေလးပိုင္ျခားေပးပါတယ္။
သိပ္မထင္ရွားဘူးဆိုရင္ေအာက္မွာနမူနာသြားၾကည့္လို႕၇ေအာင္ဆိုျပီး DEMO လင့္ခ္နဲ႕လုပ္နည္းေလးေတြျပ
ထားေပးပါတယ္၊အ၇မ္းလည္းလြယ္ကူပါတယ္လို႕ေျပာလို႕၇ပါတယ္။
၁။Layout
၂။Edit HTML
ဒီမွာသြားၾကည့္လို႕ရပါတယ္ DEMO
ေအာက္က Code ကိုရွာပါ၊
.sidebar .widget, .main .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}
.main .Blog {
border-bottom-width: 0;
}
ေတြ႕ျပီဆိုရင္ေအာက္က Code ႏွင့္အစားထိုးေပးလိုက္ပါ။။.sidebar .widget, .main .widget {
background:#ffffff;margin:1.5em 0 1.5em;
padding:8px 8px 8px;
border:1px solid $bordercolor;
border-bottom:1px solid $bordercolor;
border-width:1px 1px 1px;
border-bottom:1px line $bordercolor;
}
.main .Blog {
background:#ffffff;
margin:1.5em 0 1.5em;
padding:8px 8px 8px;
border:1px solid $bordercolor;
border-bottom:1px solid $bordercolor;
border-width:1px 1px 1px;
border-bottom:1px line $bordercolor;
} ၃။Save Template ကိုႏိုပ္ပါ။ျပီးပါျပီ။။
မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု
kp3နည္းပညာ၊၁၇၄၊ဘေလာ့ေဖာင့္ေတြနဲ႕အေ၇ာင္ေတြကို လြယ္ကူစြာေျပာင္းနည္း
ဒီေန႕တင္တဲ့ Post ေလးကလည္းေတာ္ေတာ္မ်ားမ်ားသိျပီးၾကမွာပါ၊ဒါေပမယ့္မသိေသးတဲ့မိတ္ေဆြေတြရိွခဲ့ ရင္ၾကည့္လို႕၇ေအာင္ဆိုျပီးစဥ္းစားတုန္းမွာတိုက္တိုက္ဆိုင္ဆိုင္ဘေလာ့ဂါညီေလးတစ္ေယာက္ကေမးလာ
တာနဲ႕တင္ျဖစ္သြားတာပါ၊တခ်ိဳ႕ဆိုက္ဘား Title ေဖာင့္ေတြသိပ္မလွဘူး၊ဒါေၾကာင့္ေဖာင့္ေတြႏွင့္အေ၇ာင္ပါ ေျပာင္းေပးတဲ့ေနရာေလးကိုေအာက္မွာပံုနဲ႕တကြျပထားေပးပါတယ္၊၊
၁။Dashboard
၂။Layout
၃။Fonts and Colors ေအာက္မွာၾကည့္ပါ။
မိမိၾကိဳက္တဲ့အေ၇ာင္ေျပာင္းလို႕၇သလိုေဖာင့္ပါေျပာင္းလို႕၇ပါတယ္။။
မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု
တာနဲ႕တင္ျဖစ္သြားတာပါ၊တခ်ိဳ႕ဆိုက္ဘား Title ေဖာင့္ေတြသိပ္မလွဘူး၊ဒါေၾကာင့္ေဖာင့္ေတြႏွင့္အေ၇ာင္ပါ ေျပာင္းေပးတဲ့ေနရာေလးကိုေအာက္မွာပံုနဲ႕တကြျပထားေပးပါတယ္၊၊
၁။Dashboard
၂။Layout
၃။Fonts and Colors ေအာက္မွာၾကည့္ပါ။
မိမိၾကိဳက္တဲ့အေ၇ာင္ေျပာင္းလို႕၇သလိုေဖာင့္ပါေျပာင္းလို႕၇ပါတယ္။။
မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု
kp3နည္းပညာ၊၁၇၃၊ဘေလာ့မွာ Subscribe Section ကိုလွလွေလးထားနည္း

ဒီေန႕ Post ေလးကလည္းစိတ္ဝင္စားစရာေတာ့ေကာင္းပါတယ္၊မိမိရဲ႕ဘေလာ့မွာ Subscribe Section ေတြကိုလွလွေလးထားခ်င္တဲ့ဘေလာ့ဂါမိတ္ေဆြေတြအတြက္ပါ၊ အေဟာင္းေတြထဲကအသစ္ေလးေပါ့ေနာ္၊ မိမိရဲ႕ဘေလာ့ေလးကလည္းတကယ္လွပသြားေစပါတယ္၊အားလံုးနမူနာၾကည့္လို႕ရေအာင္လည္း ေအာက္မွာ က်ေနာ္ DEMO လင့္ခ္လည္းေပးထားပါတယ္၊ စိတ္ဝင္စားရင္ေတာ့ေအာက္မွာ ထည့္နည္းေတြနွင့္ပံု Code ရွိပါတယ္၊။
ကဗ်ာေ၇းတဲ့ဘေလာ့မိတ္ေဆြေတြအတြက္မိမိရဲ႕ ကဗ်ာေခါင္းစဥ္ေတြကို အလည္မွာထား၇င္ပိုးျပီး လွပသြား မယ္ထင္ပါတယ္..kp3နည္းပညာ၊၁၁၄၊မွာရိွပါတယ္
ပထမအဆင့္>>>
၁။Dashboard
၂။Layout
၃။Edit HTML
ေအာက္က Code ကိုရွာပါ၊
</head>ေတြ႕ျပီဆိုရင္ေအာက္မွာေအာက္က Code ကိုထည့္လိုက္ပါ။
<style type='text/css'>၄။Save Template ကိုႏိုပ္ပါ။မျပီးေသးပါဘူးေနာက္တဆင့္က်န္ပါေသးတယ္ေအာက္မွာ>>>>
#hsection{border:4px solid #D3D3D3;background-color:#e9e9e9;}
#hsection:hover{border:4px solid #BABABA;background-color:#e9e9e9;}
#sectionmy .sectionmy2 h2.subscription { border:0; margin:0; padding:6px 0 0 55px; height:42px; font-size:16px;font-family:"Segoe UI",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif;
font-weight:bold; }
#sectionmy .sectionmy2 h2.rss { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb2avXT6Cpi-Rw0O4jW-ezMbtc3GACIH_rRdBqYJq9cMVmPlxiRHxIgwEw8MrBLhuUx8nqHS5vpr2Sxt_KDQUQlUOYRSOzfYXkq2EqUy0Iuc7FUVfsuTk8xF5FRNtJGYmr_wC1BQW32tVI/) no-repeat top left; }
#sectionmy .sectionmy2 h2.email { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJO1ZFmqOF-2MnzHuvUbPPKt7VeKBKNEDIjCJmqYC8yFKwdEX5TVK02w36IEziU4MVnDQMPiufbJdWXMKNnA-ka3Z9SXmbGWjPbDNSQ-b2e7JASwFBuXJRNY-hINa4jf9LB0pJSvWQD3ix/) no-repeat top left; }
#sectionmy .sectionmy2 h2.twitter { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj8vaRgIFx1jYpwG43_Y2EiMDxcyX37FvhOOoRrVrxRSyGaBbhqdODM8_iLyntZZpe8EIrUy7dHbSsrlFkqL0VJuv5WRSwClFBJiHTxiWMyV5E8RsJbUspcNpUSko7tCaqe3y2pgte2PxD/) no-repeat top left; }
#sectionmy .sectionmy2 .subscription a { color:#252e28; text-decoration:none; }
</style>
အစိမ္းေ၇ာင္က RSS ပံုလင့္ခ္ပါ၊
အနီေ၇ာင္က EmailRSS ပံုလင့္ခ္ပါ၊
အျပာေ၇ာင္က Twitter ပံုလင့္ခ္ပါ၊မိမိၾကိဳက္သလိုျပန္ေျပာင္ႏိုင္ပါတယ္။။
ဒုတိယအဆင့္>>>
၁။Layout
၂။Page Element
၃။Add a gadget သြားမယ္၊ေအာက္က
၄။Html/java script မွာေအာက္က Code ကိုထည့္လိုက္ပါ။
<div id="hsection">နမူနာက်ေနာ္ရဲ႕လင့္ခ္ေတြထည့္ေပးထားပါတယ္ေအာက္မွာၾကည့္လို႕ရေအာင္ပါ၊
<div id="sectionmy">
<div class="sectionmy2">
<h2 class="subscription rss"><a href="YOUR-RSS-FEED-URL">SUBSCRIBE VIA RSS</a></h2>
<h2 class="subscription email"><a href="YOUR-FEEDBURNER-EMAIL-SUBSCRIPTION-URL">SUBSCRIBE VIA EMAIL</a></h2>
<h2 class="subscription twitter"><a href="YOUR-TWITTER-URL">FOLLOW ON TWITTER</a></h2>
</div></div>
</div>
<div id="hsection">၅။Save ကိုႏိုပ္လိုက္ပါ။ျပီးပါျပီ။။
<div id="sectionmy">
<div class="sectionmy2">
<h2 class="subscription rss"><a href="http://kp3family.blogspot.com/feeds/posts/default">SUBSCRIBE VIA RSS</a></h2>
<h2 class="subscription email"><a href="http://feedburner.google.com/fb/a/mailverify?uri=blogspot/kp3family&loc=en_US">SUBSCRIBE VIA EMAIL</a></h2>
<h2 class="subscription twitter"><a href="http://www.twitter.com/kp3family>FOLLOW ON TWITTER</a></h2>
</div></div>
</div>
အစိမ္းေ၇ာင္,အနီေ၇ာင္,အျပာေ၇ာင္ေန၇ာေတြမွာက်ေနာ့္ရဲ႕လင့္ခ္ေတြပါ၊မိမိရဲ႕လင့္ခ္ေတြနွင့္အစားထိုးေပး လိုက္ပါ။။
မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု
Subscribe to:
Comments (Atom)




























