Blogger မ်ားအတြက္ HTML ~ အေျခခံနည္းပညာသမားေလး

Blogger မ်ားအတြက္ HTML

ကိုလြင္မင္းဗိုလ္ ဆိုဒ္ကကူးတင္ပါတယ္ခင္ဗ်ာ..ဘေလာ့ဂါလူသစ္မ်ားသိသင့္တာေလးေတြပါခင္ဗ်ာ..

ဒီတခါေတာ့ Blogger မိတ္ေဆြမ်ားအတြက္ ဘေလာ့ႏွင့္ပါတ္သက္တာေလးေတြ တင္ထားေပးခ်င္ပါတယ္..။ က်ေနာ့္ဘေလာဆိုဒ္ ေနရာေလးကေန ဘေလာ့ႏွင့္ပါတ္သက္တာ အားလံုးကို ရွာေဖြနိုင္ေအာင္ တေနရာတည္း၊ တစုတစည္းတည္း ရွာေဖြရလြယ္ေအာင္ ေဖၚျပေပးခ်င္တဲ့ ရည္ရြယ္ခ်က္ေလးပါပဲ..။
က်ေနာ္ကိုယ္တိုင္ မဖန္တီးနိုင္၊ မရွာတတ္ေသာေၾကာင့္ နည္းပညာေနာင္ေတာ္ၾကီးမ်ားဆီမွ ကူးယူေဖၚျပလိုက္ရပါတယ္..။ ၄င္းတို႔ဆိုဒ္မွ Blog ႏွင့္ပါတ္သက္တာမ်ားကို အခ်ိန္ရတိုင္း လွန္ေလွာရွာျပီး ေတြ႔သမွ် ထပ္ထပ္တင္ေပးသြားပါမည္..။ ဒီေန႔ေတာ့ ဒီေလာက္ပဲ ရွာႏိုင္ပါေသးတယ္..။ ေနာက္အားတဲ့ရက္မ်ားမွ ထပ္ရွာေပးပါမယ္..

ေအာက္ေဖၚျပပါ နည္းပညာဆိုဒ္မ်ားမွ ကူးယူေဖၚျပသည္...။

ေမာင္ေစတနာ

ညီေနမင္း

ေနမင္းေမာင္

ေမာင္ေစတနာ ဆိုဒ္မွ

စာတန္းေတြ ေျပးေနမယ္

Cbox က ေမးျမန္းထားတာေလး ေဖာ္ျပေပးလုိက္ပါတယ္။ စာေတြ အထက္ကလုိ ေျပးေနတဲ့ ဒီေအာက္ကကုဒ္ေလးကုိ Copy ကူးၿပီး Layout က Add a gadget မွာ HTML မွာ ထည့္လုိက္ပါ။ ဒါဆုိ အုိေကပါၿပီ။

</div>

ေမာင္ေစတနာ

---------------------------------------------------------

Blog Menu အလြယ္လုပ္မယ္

ဘေလာ့နဲ႔ ပတ္သက္တာ ေရးဖုိ႔ ေျပာထားတာ ၾကာပါၿပီ။ မိမိသိသေလာက္ ေရးသားေပးလုိက္ပါတယ္။ ဒီတစ္ခါ Menu လုပ္တဲ့ေနရာမွာ HTML ေတြမွာ ဟုိၾကား ဒီၾကား ထည့္စရာ မလုိပဲ လြယ္ကူရွင္းလင္းတဲ့ နည္းလမ္းေလးကုိ ေဖာ္ျပေပးလုိက္ပါတယ္။ ေအာက္က အတုိင္း လုပ္ေဆာင္ပါ။

(၁) ဦးစြာ Layout မွာ Add a Gadget က HTML/JAVA ထဲကုိ ဒီဖုိင္ထဲကုဒ္ေလး ကူးထည့္လုိက္ပါ။

(၂) ေအာက္က အတုိင္းေလး ေပၚမွာ ျဖစ္ပါတယ္။ ႏွိပ္ၾကည့္ႏုိင္ပါတယ္။

ပင္မစာမ်က္ႏွာ Software မ်ား

(၂) http://mgsaytanar.blogspot.com ဆုိေသာ ေနရာမ်ားတြင္ မိမိတုိ႔ရဲ႕ ဘေလာ့လင့္ကုိ ထည့္ပါ။

(၃) ေနာက္တစ္ခု လုပ္ခ်င္ရင္ အဲဒီလင့္ကုိ ျပန္ကူးၿပီး မိမိတို႔ရဲ႕ Label လင့္ေတြ ေျပာင္းလုိက္ရင္ ရပါၿပီ။

(၄) မိမိတုိ႔ႏွစ္သက္ရာ ေနရာမွာ ေရႊ႕ထားႏုိင္ပါတယ္။ အေပၚမွာ တင္တင္ ေဘးမွာ ထားထား။

ေမာင္ေစတနာ

--------------------------------------------------------

ႏွင္းေတြ ေ၀

ေဆာင္းရာသီက ေနရာတုိင္းမွာ ႏွင္းေတြ ေ၀ေနပါတယ္။ ေတာင္ေပၚေဒသေတြဆုိ ပုိဆုိးတာေပါ့။ ေနရာတုိင္း ႏွင္းေ၀ေနတဲ့အခ်ိန္မွာ မိမိတုိ႔ရဲ႕ ဘေလာ့ေလးမွာ ႏွင္းေတြ ေ၀ခ်င္တယ္ဆုိရင္ ဒါမွမဟုတ္ သစ္ရြက္ေလး ျပဳတ္က်လာေစခ်င္ရင္ ေအာက္က ကုဒ္ေတြကုိ ယူလုိက္ပါ။

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

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

3; <script type="text/javascript" src="http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/snowstorm.js">

<br />snowStorm.snowColor = '#99ccff'; <span style="color: blue;">// blue-ish snow!?</span>

<br />snowStorm.flakesMaxActive = 96; <span style="color: blue;">// show more snow on screen at once</span>

<br />snowStorm.useTwinkleEffect = true; <span style="color: blue;">// let the snow flicker in and out of view</span>

ၿပီးရင္ Layout ရဲ႕ Add a Gadget က HTML/JAVA ထဲမွာ ထည့္လုိက္ရင္ ရပါၿပီ။ သစ္ရြက္ပဲ ေ၀ေ၀၊ ႏွင္းပဲေ၀ေ၀ ေ၀ခ်င္ရာ ေ၀ႏုိင္ပါၿပီ။ ေပ်ာ္ရႊင္ဖြယ္ ႏွစ္သစ္ျဖစ္ပါေစ။

(Ref: www.bloggerstop.net)

ေမာင္ေစတနာ

--------------------------------------------------------------------

Botton Page ျပဳလုပ္နည္း

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

၁) Layout မွာ Add a Gadget က HTML/JAVA ကုိ Click လုပ္ပါ။

၂) ေအာက္က ကုဒ္ေတြကုိ ေကာ္ပီ ကူးထည့္ပါ။

၃) Save လုပ္ပါ။

၄) Blog Posts ေအာက္ေျခကုိ ေရႊ႕လုိက္ပါ။ ဒါဆုိ ရပါၿပီ။

ေမာင္ေစတနာ

-------------------------------------------------------------------

Search Box ထည့္သြင္းပံု

မိမိတုိ႔ရဲ႕ ဘေလာ့ေတြျဖစ္ျဖစ္၊ Ning Social Group ေတြမွာ ျဖစ္ျဖစ္ Search Box ထည့္ခ်င္တယ္ဆုိ ေအာက္က ကုဒ္ေလးကုိ ယူၿပီး သံုးစဲြႏုိင္ပါတယ္။

<br /><center><br /><form action="http://www.google.com/custom" target="google_window" method="get"><br /><table bgcolor="#000000" border="0"><tbody><tr><br /><td align="left" height="32" nowrap="nowrap" valign="top"><br /></td><br /><td nowrap="nowrap"><input value="youthnetworks.ning.com" name="domains" type="hidden"> <input maxlength="255" value="" name="q" size="20" type="text"> <input value="Search" name="sa" type="submit"></td><br /></tr><br /><tr><br /><td><br /></td><br /><td nowrap="nowrap"><table><br /><tbody><br /><tr><br /><td><input checked="checked" value="" name="sitesearch" type="radio"> <span style="color: rgb(255, 255, 255);">Web</span></td><br /><td><input value="youthnetworks.ning.com" name="sitesearch" type="radio"> <span style="color: rgb(255, 255, 255);">youthnetworks</span></td><br /></tr><br /></tbody><br /></table><br /></td><br /></tr><br /></tbody></table><br /></form><br /></center><br />

Ning မွာ ထည့္ခ်င္တယ္ဆုိရင္ေတာ့ Text မွာ ထည့္သြင္းရမွာပါ။ youthnetworks.ning.com ေနရာမွာ မိမိတုိ႔ရဲ႕လင့္ေတြကုိ ေျပာင္းထည့္ရမွာ ျဖစ္ပါတယ္။ ဘေလာ့မွာဆုိရင္ေတာ့ Add a Gadget က HTML မွာ ထည့္သြင္းရမွာပါ။

ေမာင္ေစတနာ

-----------------------------------------------------------------------

လိပ္ျပာေတြ ပ်ံ၀ဲေန

ဒီတစ္ခါေတာ့ ဘေလာ့ေခါင္းစဥ္ေတြမွာ လိပ္ျပာေလးေတြ ပ်ံ၀ဲတဲ့ နည္းလမ္းေလးကုိ ေဖာ္ျပေပးလိုက္ပါတယ္။ လုပ္နည္းကုိ ေအာက္ပါအဆင့္အတုိင္း ျပဳလုပ္ပါ။

၁) အရင္ဦးစြာ Layout ရွိ Edit HTML ကုိ ဖြင့္ပါ။

၂) ေအာက္ပါ ကုဒ္ေတြကုိ ရွာေဖြပါ။

/* Posts

----------------------------------------------- */

h2.date-header {

margin-top:0;

margin-$endSide:28px;

margin-bottom:0;

margin-$startSide:43px;

font-size:85%;

line-height:2em;

text-transform:uppercase;

letter-spacing:.2em;

color:$dateHeaderColor;

}

.post {

background:url("http://dl7.glitter-graphics.net/pub/474/474167l68h9nknqq.gif") no-repeat 50px .5em;

margin:.3em 0 25px;

padding:0 13px;

border:1px dotted $borderColor;

border-width:1px 0;

}

၃) အျပာေရာင္ျပထားေသာ လင့္ေလးကုိ Copy ယူ၍ ျပထားသည့္ ေနရာတြင္ past လုပ္ပါ။

၄) Save ။

ဒါဆုိရင္ မိမိတို႔ရဲ႕ ဘေလာ့ေခါင္းစဥ္ေလးေတြမွာ လိပ္ျပာေလးေတြ ပ်ံ၀ဲေနမွာပါ။ တစ္ျခားပံုေတြလဲ Upload တင္ၿပီး လုပ္ႏုိင္ပါတယ္။ အဆင္ေျပပါေစ။

ေမာင္ေစတနာ

------------------------------------------------------------------------

Blog Menu Tab ျပဳလုပ္ပံု အဆင့္ဆင့္

မိမိတုိ႔ရဲ႕ ဘေလာ့မွာ Menu Tab ေလးေတြ လုပ္ခ်င္သူမ်ားအတြက္ ေဖာ္ျပေပးလုိက္ပါတယ္။ လုပ္နည္းေတြ ကေတာ့ ေအာက္က အတုိင္း ျပဳလုပ္ပါ။

အဆင့္(၁)

၁) ဒီလင့္ေလးကုိ ဖြင့္ၿပီး ပံုကုိ ေဒါင္းလုပ္ယူပါ။ (မိမိတုိ႔ ႏွစ္သက္ရာ ပံုကုိ တင္ႏုိင္သည္)

http://sites.google.com/site/hahaheeheesite/Home/menu1.jpg?attredirects=0

၂) ၿပီးလွ်င္ မိမိတုိ႔ႏွစ္သက္ရာ ဆုိက္တစ္ခုတြင္ upload တင္ပါ။

အဆင့္(၂)

၁) ဒီေအာက္ကကုဒ္မ်ား Copy ယူၿပီး Layout မွ Add a gadget တြင္ HTML ကုိ ေရြးပါ။

<ul>

<li style="color: rgb(51, 51, 153);"><a href="http://mgsaytanar.blogspot.com/search/label/website%20%E1%80%99%E1%80%BA%E1%80%AC%E1%80%B8">website ????</a></li>

<li style="color: rgb(51, 51, 153);"><a href="http://mgsaytanar.blogspot.com/search/label/Software%20%E1%80%99%E1%80%BA%E1%80%AC%E1%80%B8">Software ????</a></li>

</ul>

</div>

၂) Copy ကူးထားသည္မ်ားကုိ Past ခ်ပါ။

၃) အထဲတြင္ ရွိေသာ လင့္မ်ားေနရာတြင္ မိမိတုိ႔၏ Label နာမည္မ်ားႏွင့္ လင့္မ်ားကုိ ေျပာင္းလဲပါ။

(ဥပမာ- မူလစာမ်က္ႏွာ ၊ ၎ႏွင့္ဆုိင္ေသာ လင့္)

၄) ၿပီးလွ်င္ Ok ။

အဆင့္(၃)

၁) Layout တြင္ Edit HTML ကုိ ဖြင့္ပါ။

၂) ၿပီးလွ်င္ ေအာက္က ကုဒ္မ်ားကုိ ရွာပါ။

* Footer

----------------------------------------------- */

#footer-wrap1 {

clear:both;

margin:0 0 10px;

padding:30px 0 0;

}

#footer-wrap2 {

color:$titleTextColor;

}

#footer {

padding:8px 15px;

}

#footer hr {display:none;}

#footer p {margin:0;}

#footer a {color:$titleTextColor;}

#footer .widget-content {

margin:0;

}

/** Page structure tweaks for layout editor wireframe */

body#layout #main-wrap1,

body#layout #sidebar-wrap,

body#layout #header-wrapper {

margin-top: 0;

}

body#layout #header, body#layout #header-wrapper,

body#layout #outer-wrapper {

margin-$startSide:0,

margin-$endSide: 0;

padding: 0;

}

body#layout #outer-wrapper {

width: 730px;

}

body#layout #footer-wrap1 {

padding-top: 0;

}

ေတြ႕လွ်င္ ၎ေအာက္တြင္ ဒီေအာက္က ကုဒ္မ်ားကုိ Copy ကူးၿပီး ထည့္လုိက္ပါ။

/* Menu Tab Starts Here */

tabshori {

float:left;

width:100%;

background:#0BAB01;

font-size:13px;

border-bottom:1px solid #0BAB01;

line-height:normal;

}

#tabshori ul {

margin:0;

padding:20px 10px 0 50px

list-style:none;

}

#tabshori li {

display:inline;

margin:0;

padding:0;

}

#tabshori a {

float:left;

background:url("your upload link") no-repeat left top;

margin:0;

padding:5px 10px 0 10px;

text-decoration:none;

}

#tabshori a span {

float:left;

display:block;

background:url("your upload link") no-repeat right top;

padding:5px 14px 4px 4px;

color:#0BAB01;

}

/* Commented Backslash Hack hides rule from IE5-Mac \*/

#tabshori a span {float:none;}

/* End IE5-Mac hack */

#tabshori a:hover {

background-position:0% -42px;

}

#tabshori a:hover span {

background-position:100% -42px;

}

]]></b:skin>

၃) အဆုိပါ ကုဒ္ထဲတြင္ your upload link ဆုိသည့္ စာသားေနရာတြင္ အဆင့္(၁)တုန္းက Upload တင္ခဲ့ေသာ ဖုိင္လင့္ကုိ ထည့္လုိက္ပါ။

၄) ၿပီးလွ်င္ Save ။

ဒါဆုိ Menu Tab ျပဳလုပ္တာ ၿပီးေျမာက္ၿပီ ျဖစ္ပါတယ္။ အားလံုးအဆင္ေျပၾကလိမ့္မည္ဟု ေမွ်ာ္လင့္လ်က္ .... ။

[

ေမာင္ေစတနာ

---------------------------------------------------------

ႏွင္းေတြနဲ႔ ေ၀

ကုိယ့္ရဲ႕ ဘေလာ့စာမ်က္ႏွာမွာ ႏွင္းပြင့္ေလးေတြ တစ္ဖဲြဖဲြ က်ခ်င္တဲ့ဆုိတဲ့ ငယ္ေလးေရ... ။ အခုပဲ ေရးသား ေဖာ္ျပလုိက္ပါၿပီ။ ဒီေအာက္ကကုဒ္ေတြကို ကူးယူၿပီး မိမိရဲ႕ ဘေလာ့ Layout က HTML/JavaScript ကုိ ေရြးၿပီး ေဒါင္းလုပ္ယူထားတဲ့ Notepad File ထဲက ကုဒ္ေတြကုိ ကူးၿပီး ထည့္လုိက္ပါ။ ၿပီးရင္ Save ။ ဘေလာ့စာမ်က္ႏွာကုိ ၾကည့္လုိက္တဲ့အခါ ႏွင္းေတြ ေဖြေနမွာ ေသခ်ာပါတယ္။

ေမာင္ေစတနာ

-------------------------------------------------------------

Cbox ေတာင္းဆုိခ်က္

စာတန္းေတြ အေပၚေအာက္ေျပးေနမယ္

</h2>

</span></marquee>

</div>

Cbox တြင္ လာေရာက္ ေတာင္းဆုိထားေသာ အျဖဴေရာင္ေရ . . ။ မိမိဘေလာ့မွာ အထက္ပါ ေဖာ္ျပထားသည့္ အတုိင္း အသံုးျပဳခ်င္ရင္ ဒီဖုိင္ေလးကုိ ေဒါင္းလုပ္ယူၿပီး ဖုိင္ထဲမွာပါတဲ့ ကုဒ္ေတြကုိ ကူးၿပီး Layout ရွိ HTML/JavaScript မွာ ထည့္လုိက္ရင္ အုိေကမွာပါ။ စာသားေတြကေတာ့ မိမိတုိ႔ ႏွစ္သက္ရာ ေရးသား ႏုိင္ပါတယ္။ ေက်နပ္ ေပ်ာ္ရႊင္ပါေစ။

ေမာင္ေစတနာ

---------------------------------------------------------------------------------------------------

ညီေနမင္း(နည္းပညာ) ဆိုဒ္မွ

HOW TO MAKE NEW WINDOW

ခ်စ္သႏၲာ: အကိုညီေနမင္းေရ....... ဘေလာ့လုပ္တဲ့အခါေလ mebutab ကိုႏွိပ္လိုက္တာနဲ႔ ေနာက္ထပ္ စာမ်က္ႏွာ တစ္ခု ေပၚလာတာ ဘယ္လို

အေပၚက ေရးထားတဲ့ ကုဒ္ဟာ ေအာက္မွာေပၚေနတဲ့ ပုံစံေလးပါ . ခရမ္းေရာင္ ျပထားတာက ေျပာင္းရမယ့္ ေနရာပါ . ပထမ ခရမ္းေရာင္ က သြားမယ့္ link ပါ . ဒုတိယ ခရမ္းေရာင္ ကေတာ့ အစားထုိးထည့္မယ့္ ပုံပါ .

စာသားအစားထုိးထည့္မယ္ဆုိရင္ေတာ့ ေအာက္က code နဲ႔ ေရးပါ ..

ညီေနမင္း

-------------------------------------------------

PEEKABOO ပုိ႔စ္ေခါက္နည္း

ပုိ႔စ္ေခါက္နည္းကုိ ကၽြန္ေတာ္ေျပာျပပါ့မယ္ .

မေျပာခ်င္ template ကုိေတာ့ back up လုပ္ထားဖုိ႔ မေမ့ပါနဲ႔ .. ဒါမွ ကုိလုပ္တာ မွားယြင္းသြားရင္ အရင္ Blog ပုံစံအတုိင္း ျပန္ရမွာပါ .

(၁) blogspot ကုိ log in ၀င္လုိက္ပါ ..

(၂) Layout >> Edit HTML ကုိသြားပါ ..

(၃) </head> ကုိ ရွာပါ </head> မဆုံးခင္ေလးမွာ ေအာက္မွာ မွင္အနီနဲ႔ ျပထားတဲ့ script ကုိ ကူးထည္႔လုိက္ပါ။

(၄) ၿပီးတာနဲ႔ save လုပ္ပါမယ္ ..

ေနာက္တစ္ဆင့္ထပ္သြားပါမယ္ .

(၅) layout >> Html မွာ Expand widget Templates ဆုိတာေလးကို check လုပ္ထားေပးပါ။

(၆) Ctrl+F ကို ႏွိပ္ၿပီး ေပၚလာတဲ႔ search box မွာ id='post' လို႔ ထည္႔ရွာလိုက္ပါ။ ၿပီးတာနဲ႔ ေအာက္ပါအတိုင္း ဟုတ္ရဲ႕လားဆုိတာကုိ လုိက္စစ္ၾကည့္လုိက္ပါ . မဟုတ္ဘူးဆုိရင္ ေအာက္ကအတုိင္း လုိက္ျပင္ေပးပါ . တူညီေအာင္ ေသခ်ာလုိက္စစ္ၿပီး ျပင္ေပးလုိက္ပါ . အဲ့လုိ မလုပ္ခ်င္ရင္လဲ နံပါတ္ (၇) နည္းအတုိင္း လုပ္ၾကည့္လုိက္ပါ...

<b:includable id='post' var='post'>

<b:if cond='data:post.title'>

<b:if cond='data:post.url'>

<b:else/>

<data:post.title/>

</b:if>

</h3>

</b:if>

<b:if cond='data:blog.pageType == "item"'>

<b:else/>

</span>

<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>Thank...</a></p>

</span>

checkFull("post-" + "<data:post.id/>");

</script>

</b:if>

</div>

အေပၚက စာလုံးအနီျပထားတဲ့ေနရာမွာ ျမန္မာလုိလဲ အစားထုိးလုိ႔ရပါတယ္ .

Read More ေနရာမွာ ဆက္လက္ဖတ္႐ွဳ႕ရန္ (သုိ႔) သင္ႀကိဳက္ႏွစ္သက္ရာ

Thank ေနရာမွာ ေက်းဇူးတင္ပါတယ္ (သုိ႔) သင္ႀကိဳက္ႏွစ္သက္ရာ ကုိေျပာင္းႏုိင္ပါတယ္ .

(၇) အေပၚကလုိ ျပန္ျပင္ေနရမွာ ေၾကာက္ေနရင္ ေအာက္ကတစ္နည္းနဲ႔ စမ္းၾကည့္လုိက္ပါ ..

<b:includable id='post' var='post'> ႏွင့္ <div style='clear: both;'/>  </div> ၾကားထဲမွာ ရွိတဲ့ စာသားေတြအကုန္လုံးကုိဖ်က္ၿပီး အေပၚက ေပးထားတဲ့အတုိင္း အစားထုိးလုိက္ရင္လဲျဖစ္ပါတယ္ ....

(၈) အားလုံးၿပီးသြားရင္ေတာ့ Setting >> Formatting Tab ကုိသြားျပီး Post-Template ေနရာမွာ ေအာက္က မွင္နီနဲ႔ ေရးထားတဲ့ စာသားေလးမ်ားကုိ ရုိက္ပါ။

Type your summary here.

Type the rest of your post here.

</span>

(၉) ၿပီးတာနဲ႔ Save လုပ္ပါ။

ပုိ႔စ္တင္တဲ့ေနရာမွာ ကုိက တစ္ခု သိထားရမွာရွိပါတယ္ .

Type your summary here. ဟာ နိဒါန္း တစ္နည္းအားျဖင့္ ပုိ႔စ္တင္တဲ့အခါမွာ ျပထားမယ့္ စာအနည္းငယ္ပါ ..

Type the rest of your post here. ကေတာ့ က်န္တဲ့ စာအကုန္လုံးကုိ ရုိက္ထည့္ရမွာပါ .. အဆင္ေျပမယ္လုိ႔ေမွ်ာ္လင့္ပါတယ္ ..

ညီေနမင္း

-------------------------------------------------------------------

JUMP BOTTOM TO UP ARROW ဘယ္လုိထည့္မလဲ

ေနမ်ဳိး: အေပၚသို႔ ဆိုတဲ့ ျမွားေလးထည့္ နည္းေလး သင္ေပးပါေနာ္

ကၽြန္ေတာ္သိတာေလးကုိ ေ၀မွ်လုိက္ပါတယ္ ..

(၁) Layout >> Page elements >> Add A Gadget > HTML/Javascript ကို သြားလုိက္ပါ ..

(၂) ေအာက္မွာေရးထားတဲ့ code ကုိ သြားထည့္လုိက္ပါ . အဆင္ေျပသြားပါလိမ့္မယ္ ..

ေအာက္မွာလဲ မွ်ားပုံေတြပါ တင္ေပးလုိက္ပါတယ္ . အခုမွ်ားပုံကုိ မႀကိဳက္ၾကရင္လဲ တစ္ျခားမွ်ားေတြကုိ ေျပာင္းသုံးလုိ႔ရေအာင္လုိ႔ တင္ေပးလုိက္တာပါ .. ကုိႀကိဳက္တဲ့မွ်ားကုိ ေရြးၿပီး www.picoodle.com မွာ အေကာင့္လုပ္ၿပီးေတာ့ တင္လုိက္ပါ . လင့္ေတြက်လာပါလိမ့္မယ္ . အဲ့ဒီ့အထဲကေန Direct link ရဲ႕လိပ္စာကုိယူၿပီး ေအာက္မွာ အနီျပထားတဲ့ေနရာမွာ ေျပာင္းလုိက္ရမွာပါ ..

Download ifile.it (ျမွားပုံစံေတြ လုိခ်င္သူမ်ားအတြက္တင္ေပးလုိက္တာပါ)

ညီေနမင္း

----------------------------------------------------------------------

NEWER, OLDER AND HOME မွာ ပုံအစားထုိးထည့္နည္း

ေက်ာ္ေက်ာ္: Older post လို့ Newer post လို့ ေနရာေတြမွာ ျမွားေတြ ဘယ္လိုထည့္သလဲ။

* Blogger Dashboard ကို ၀င္လိုက္ပါ...။

* Dashboard ကေန Layout section ကို သြားပါ ..။

* ထိုမွတဆင္႔ Edit HTML Subtab ကို ထပ္ျပီး Expand Widget Templates ကို Check ေပးပါ...။

* HTML code ထဲမွာ ctrl + f ကုိႏွိပ္ၿပီး search အကူအညီျဖင့္ ေအာက္မွ ျပထားတဲ႔ ကုဒ္ေတြကိုရွာပါ..။

1. ( Newer Post ေနရာမွာ အစားထိုးရန္ )

2. ( Older Post ေနရာမွာ အစားထိုးရန္ )

3. ( Home ေနရာမွာ အစားထိုးရန္ )

<b:includable id='nextprev'>

<b:if cond='data:newerPageUrl'>

</span>

</b:if>

<b:if cond='data:olderPageUrl'>

</span>

</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>

<b:else/>

<b:if cond='data:newerPageUrl'>

</b:if>

</div>

</b:includable>

</b:includable></div></span>

အထက္ပါ ကုဒ္ေတြကို ရွာေတြ႔ရင္ ေအာက္မွာ ျပထားသည္႔အတိုင္း မိမိထည္႔ခ်င္တဲ႔ ပံု URL ကိုအစားသြင္းေပးလိုက္ပါ..။ Home ေနရာမွာ ၂ ခုရွိပါတယ္ ။ ၂ ခုစလံုးေနရာမွာ အစားသြင္းေပးပါ။

ခရမ္းေရာင္ နဲ႔ ေရးထားတဲ႔ ေနရာမွာ Newer Post အစား ပံုထည္႔ပါ။

အျပာေရာင္ နဲ႔ ေရးထားတဲ႔ ေနရာမွာ Older Post အစား ပံုထည္႔ပါ။

အနီေရာင္ နဲ႔ ေရးထားတဲ႔ ေနရာမွာ Home အစား ပံုထည္႔ပါ။

<img src="Your Image URL"/> ပုံေလးျဖစ္ေအာင္ ထည့္ရမွာပါ ...

ပုံေတြကုိ url အတြက္ေတာ့ http://www.picoodle.com မွာ ကုိလုိခ်င္တဲ့ပုံကုိ upload သြားတင္ရမွာျဖစ္ပါတယ္ .. တင္တတ္မယ္လုိ႔ထင္ပါတယ္

ေအာက္ဆုံးက direct link က url ကုိ ယူၿပီးထည့္ရမွာပါ .. ပုံေတြကုိေတာ့ ကၽြန္ေတာ္တင္ေပးလုိက္ပါတယ္ . ကုိယ့္ဟာကုိ upload လုပ္ၿပီးတင္ၾကေပါ့ .

လုိခ်င္ရင္ ေအာက္မွာ ေဒါင္းလုိက္ပါ ... တစ္ခါတည္းလုပ္ထားၿပီးသားပါ တင္ေပးလုိက္ပါတယ္ ..

Download ifile.it

ညီေနမင္း

--------------------------------------------------------------------------------------------

MENU TAB အတြက္

ေက်ာ္ေက်ာ္: Main page....Home.....Games .....Photo အဲ့ဒီလို ဟာေတြေပါ့ အကိုေရ ကူညီပါအံဳး....Blogger မွာ ဘယ္ လို Page ေတြ ထည့္ သလဲ ?

ကဲ ကုိေက်ာ္ေက်ာ္ေရ ကၽြန္ေတာ္ေရးမလုိ႔ပဲဗ် .. ဒါေပမယ့္ အတူတူေတြခ်ည္းပဲဆုိေတာ့ လင့္ကုိပဲ ညႊန္းေပးလုိက္မယ္ေနာ္ .. ကုိရန္ေအာင္ဆီကုိသြားၿပီးေတာ့ ဖတ္ၾကည့္ၿပီးလုပ္ၾကည့္လုိက္ပါ ..

ကုိရန္ေအာင္ ၀ဘ္ဆုိက္ - http://mmbloggershelpdesk.blogspot.com/2008/06/menu-tab.html

ညီေနမင္း

-----------------------------------------------------------------------------------

ေနမင္းေမာင္(နည္းပညာျပန္လည္မွ်ေဝျခင္း)

Blog မွာ Page Navigation ထည့္ခ်င္သူမ်ားအတြက္

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

အရင္ဆံုး မိမိတို႔ရဲ႕ ဘေလာ့ကို၀င္လိုက္ပါ.. ျပီးရင္ Design >> Edit Html ဆိုျပီးသြားလိုက္ပါ.. ဘာကုဒ္မွ မထည့္ခင္ အရင္ဆံုး Download Full Template ကိုႏွိပ္ျပီး Template ကို Backup လုပ္ထားလိုက္ပါ.. တကယ္ လို႔ကုဒ္ တစ္ခုခုမွားထည့္ မိလို႔ Error တစ္ခုခုတက္သြားမယ္ဆိုရင္ ေဒါင္းေလာ့ခ်ထားတဲ့ Template ေလးကို ယူျပီး ျပန္ထည့္ ေပးလိုက္ရင္ အဆင္ေျပသြားပါလိမ့္မယ္..

မိမိတို႔ လက္ရွိသံုးေနတဲ့ Template ကို Backup လုပ္ျပီးျပီဆိုရင္ Expand Widget Templates ကိုအမွန္ျခစ္ ေပး လိုက္ပါ..။ျပီး၇င္ ကၽြန္ေတာ္ေအာက္မွာ ေပးထားတဲ့ ကုဒ္ေတြကိုရွာျပီး ထည့္ေပးလိုက္ ယံုပါပဲ..။

အေပၚကပံုအတိုင္း Expand Widget Templates ကိုအမွန္ျခစ္ေပးျပီးျပီဆိုရင္ေတာ့ Keyboard မွ Ctrl + F ကိုႏွိပ္ လိုက္ပါ..ျပီးရင္ အရင္ဆံုးေအာက္မွာေဖာ္ျပေပးထားတဲ့ ကုဒ္ကို Find ထဲမွာထည့္ျပီးရွာၾကည့္လိုက္ပါ..

]]></B:skin>

အေပၚမွာအနီေရာင္ နဲ႔ကုဒ္ကိုရွာလို႔ေတြ႕ျပီဆိုရင္ အဲ့ဒီကုဒ္ရဲ႕အေပၚမွာ ေအာက္မွာေဖာ္ျပေပးထားတဲ့ကုဒ္ကို ထည့္ေပးလိုက္ပါ..

.ShowpageNum A {

Padding: 3px 8px;

Margin:0 4px;

Text-Decoration: None;

Border:1px Solid #Cccccc;

Background: #Dfdfdf;

Color:#000000;

Font-Weight: Bold;

}

.ShowpageOf {

Margin:0 8px 0 0;

}

.ShowpageNum A:hover {

Border:1px Solid #Cccccc;

Background: #Dfdfdf;

Color:#000000;

Font-Weight: Bold;

Text-Decoration: None;

}

.ShowpagePoint {

Color:#Fff;

Text-Shadow:0 1px 2px #214461;

Padding: 3px 8px;

Margin: 2px;

Font-Weight: 700;

Border:1px Solid #Cccccc;

Background: #Dfdfdf;

Text-Decoration: None;

}

အေပၚကကုဒ္ကိုထည့္ျပီးျပီ ဆိုရင္ေတာ့ ေအာက္မွာေဖာ္ျပထားတဲ့ကုဒ္ကို ထပ္ျပီးရွာလိုက္ပါ..

</Body>

အေပၚကကုဒ္ကို ရွာလို႔ေတြ႕ျပီဆိုရင္ေတာ့ အဲ့ဒီကုဒ္ရဲ႕ အေပၚမွာေအာက္မွာေပးထားတဲ့ ကုဒ္ကိုထည့္ေပး လိုက္ပါ.

Var Home_page=&Quot;/&Quot;;

Var Urlactivepage=Location.Href;

Var Postperpage=5;

Var Numshowpage=6;

Var UpPageWord ='Previous';

Var DownPageWord ='Next';

</Script>

//<![CDATA[

Eval(Function(P,A,C,K,E,R){E=Function(C){Return(C<A?'':E(ParseInt(C/A)))+((C=C%A)>35?String.FromCharCode(C+29):C.ToString(36))};If(!''.Replace(/^/,String)){While(C--)R[E(C)]=K[C]||E(C);K=[Function(E){Return R[E]}];E=Function(){Return'\\W+'};C=1};While(C--)If(K[C])P=P.Replace(New RegExp('\\B'+E(C)+'\\B','G'),K[C]);Return P}('5 G;5 I;5 B;5 N;1f();X 1g(15){5 6=\'\';H=I(K/2);3(H==K-H){K=H*2+1}J=B-H;3(J<1)J=1;O=I(15/J)+1;3(O-1==15/J)O=O-1;L=J+K-1;3(L>O)L=O;6+="<4 E=\'1y\'>1z "+B+\' 1A \'+O+"</4>";5 16=I(B)-1;3(B>1){3(B==2){3(I=="W"){6+=\'<4 E="1B"><A F="\'+Y+\'">\'+M+\'</A></4>\'}C{6+=\'<4 E="K"><A F="/R/S/\'+N+\'?&7-L=\'+J+\'">\'+M+\'</A></4>\'}}C{3(I=="W"){6+=\'<4 E="K"><A F="#" Z="N(\'+16+\');A B">\'+M+\'</A></4>\'}C{6+=\'<4 E="K"><A F="#" Z="O(\'+16+\');A B">\'+M+\'</A></4>\'}}}1h(5 G=J;G<=L;G++){3(B==G){6+=\'<4 E="1C">\'+G+\'</4>\'}C 3(G==1){3(I=="W"){6+=\'<4 E="K"><A F="\'+Y+\'">1</A></4>\'}C{6+=\'<4 E="K"><A F="/R/S/\'+N+\'?&7-L=\'+J+\'">1</A></4>\'}}C{3(I=="W"){6+=\'<4 E="K"><A F="#" Z="N(\'+G+\');A B">\'+G+\'</A></4>\'}C{6+=\'<4 E="K"><A F="#" Z="O(\'+G+\');A B">\'+G+\'</A></4>\'}}}5 17=I(B)+1;3(B<O){3(I=="W"){6+=\'<4 E="K"><A F="#" Z="N(\'+17+\');A B">\'+1i+\'</A></4>\'}C{6+=\'<4 E="K"><A F="#" Z="O(\'+17+\');A B">\'+1i+\'</A></4>\'}}5 C=U.1D("C");5 18=U.1E("1F-1G");1h(5 P=0;P<C.P;P++){C[P].1j=6}3(C&&C.P>0){6=\'\'}3(18){18.1j=6}}X 1a(Q){5 R=Q.R;5 1k=I(R.1H$1I.$T,10);1g(1k)}X 1f(){5 D=M;3(D.9("/R/S/")!=-1){3(D.9("?S-7")!=-1){N=D.D(D.9("/R/S/")+14,D.9("?S-7"))}C{N=D.D(D.9("/R/S/")+14,D.9("?&7"))}}3(D.9("?Q=")==-1&&D.9(".6")==-1){3(D.9("/R/S/")==-1){I="W";3(M.9("#E=")!=-1){B=M.D(M.9("#E=")+8,M.P)}C{B=1}U.1l("<H T=\\""+Y+"U/V/W?7-L=1&X=Y-Z-H&11=1a\\"><\\/H>")}C{I="S";3(D.9("&7-L=")==-1){J=1J}3(M.9("#E=")!=-1){B=M.D(M.9("#E=")+8,M.P)}C{B=1}U.1l(\'<H T="\'+Y+\'U/V/W/-/\'+N+\'?X=Y-Z-H&11=1a&7-L=1" ><\\/H>\')}}}X N(F){12=(F-1)*J;G=F;5 13=U.1m(\'1n\')[0];5 V=U.1o(\'H\');V.1p=\'1q/1r\';V.1s("T",Y+"U/V/W?1t-1u="+12+"&7-L=1&X=Y-Z-H&11=1b");13.1v(V)}X O(F){12=(F-1)*J;G=F;5 13=U.1m(\'1n\')[0];5 V=U.1o(\'H\');V.1p=\'1q/1r\';V.1s("T",Y+"U/V/W/-/"+N+"?1t-1u="+12+"&7-L=1&X=Y-Z-H&11=1b");13.1v(V)}X 1b(Q){1c=Q.R.1K[0];5 1w=1c.1x.$T.D(0,19)+1c.1x.$T.D(1L,1M);5 1d=1N(1w);3(I=="W"){5 1e="/R?S-7="+1d+"&7-L="+J+"#E="+G}C{5 1e="/R/S/"+N+"?S-7="+1d+"&7-L="+J+"#E="+G}1O.F=1e}',62,113,'|||If|Span|Var|Html|Max||IndexOf||Nomerhal|Else|ThisUrl|Class|Href|Jj|Script|Jenis|Postperpage|ShowpageNum|Results|Urlactivepage|Lblname1|Maksimal|||Search|Label||Document|NewInclude|Page|Function|Home_page|Onclick|Return|False|PageArea|Substring|PageNo|Numberpage|Nopage|Nomerkiri|ParseInt|Mulai|Numshowpage|Akhir|UpPageWord|Redirectpage|Redirectlabel|Length|Root|Feed|Updated|Src|Feeds|Posts|Summary|Alt|Json|In||Callback|Jsonstart|NBody||Banyakdata|Prevnomer|Nextnomer|BlogPager||Hitungtotaldata|Finddatepost|Post|Timestamp|Alamat|Halamanblogger|Loophalaman|For|DownPageWord|InnerHTML|Totaldata|Write|GetElementsByTagName|Head|CreateElement|Type|Text|Javascript|SetAttribute|Start|Index|AppendChild|Timestamp1|Published|ShowpageOf|Page|Of|Showpage|ShowpagePoint|GetElementsByName|GetElementById|Blog|Pager|OpenSearch|TotalResults|20|Entry|23|29|EncodeURIComponent|Location'.Split('|'),0,{}))

//]]>

</Script>

အေပၚမွာေဖာ္ျပေပးထားတဲ့ကုဒ္ေတြကို ထည့္ျပီးျပီဆိုရင္ေတာ့ Save Template ေပးလိုက္ယံုပါပဲ..ျပီးရင္ေတာ့ မိမိတို႔ ဘေလာ့ကိုျပန္ျပီးေတာ့ၾကည့္လိုက္ပါ.. Page Navigation ေလးေပၚေနတာကိုေတြ႕ရပါလိမ့္မယ္..

ျပီးရင္ ေအာက္မွာေဖာ္ျပေပးထားတဲ့ ကုဒ္ေလးကိုရွာလိုက္ပါ.. ေတြ႔ျပီဆိုရင္ 5 ေနရာမွာမိမိတို႔စိတ္ၾကိဳက္ ထားလို႔ ရပါတယ္..

Var Postperpage=5;

5 ဆိုတာက ကၽြန္ေတာ္တို႔ Page 2 ကိုႏွိပ္လိုက္မယ္ Page 3 ကိုႏွိပ္လိုက္မယ္ဆိုရင္ေပၚေနမယ့္ ပို႔စ္အေရအ တြက္ျဖစ္ပါတယ္..မိမိတို႔ စိတ္ၾကိဳက္ထားလို႔ရပါတယ္..

ဒီေလာက္ဆိုရင္ေတာ့ မိမိတို႔ဘေလာ့မွာ Page Navigation ေလးကုိထည့္တက္သြားျပီလို႔ထင္ပါတယ္..

အားလံုးပဲအဆင္ေျပၾကပါေစ...ေက်းဇူးတင္ပါတယ္ခင္ဗ်ာ..

ေနမင္းေမာင္

----------------------------------------------------------------------------------------------

ပံုေအာက္မွာမိမိတို့ညြန္းခ်င္တဲ့လင့္ေလးေတြထည့္ျပီးသံုး ၾကည့္၇ေအာင္

ကၽြန္ေတာ့္ကိုေမးလ္ထဲကေနအကိုတစ္ေယာက္ေမးထားတာေလးကိုမသိေသးတဲ့ဘေလာ့မိတ္ေဆြမ်ားပါအ

လြယ္တကူသံုးလို့၇ေအာင္ကၽြန္ေတာ္ပို့ဒ္ေလးတစ္ခုအေနနဲ့တင္ေပးလိုက္ပါတယ္..။အခုကၽြန္ေတာ္ေျပာျပမယ့္

နည္းလမ္းေလးကေတာ့ပံုေလးေတြကိုကလစ္လိုက္တဲ့အခါမွာ ( ဥပမာ..ေဇာ္ဂ်ီေဖာင့္ယူ၇န္ဆိုတဲ့ပံုေလးကို

ႏွိပ္လိုက္၇င္ေဒါင္းေလာ့လင့္ေလးကိုတစ္ခါထဲေ၇ာက္သြားေအာင္ ) ပံု၇ဲ့ေအာက္မွာမိမိတုိ့သံုးခ်င္တဲ့လင့္ေလး ကိုခ်ိတ္ေပးမွာျဖစ္ပါတယ္..။အသံုးျပဳခ်င္တဲ့သူမ်ားကေတာ့ကၽြန္ေတာ္ေအာက္မွာေပးထားတဲ့နည္းလမ္းအတိုင္း လင့္ေလးေတြကိုထည့္ျပီးသံုးၾကည့္လိုက္ယံုပါ..။

1.အ၇င္ဆံုးကၽြန္ေတာ္ေအာက္မွာေပးထားတဲ့ကုဒ္ေလးကို Copy ကူးလိုက္ပါ.။ျပီး၇င္ Design >> Add a

Gadet ထဲက

HTML

/Java Script ထဲမွာထည့္ေပးလိုက္ယံုပါပဲ..။

2.အနီ နဲ့ျပထားတဲ့ေန၇ာမွာေတာ့မိမိတို့ညြန္းခ်င္တဲ့လင့္၇ဲ့ URL နဲ့ပံု၇ဲ့ URLကိုထည့္ေပးလိုက္ယံုပါပဲ..။

ဒါဆို၇င္ပံုေလးကိုကလစ္လိုက္ယံုနဲ့မိမိတို့ညြန္းခ်င္တဲ့လင့္ကိုတန္းျပီးေ၇ာက္သြားမွာျဖစ္ပါတယ္..။

3. target="_blank" ဆုိတဲ့ကုဒ္ကေတာ့ပံုေလးကိုကလစ္လိုက္တဲ့အခါမွာေနာက္ထပ္စာမ်က္ႏွာအသစ္

မွာသြားျပီးေပၚေအာင္ထည့္ေပးထားတာျဖစ္ပါတယ္.။ကၽြန္ေတာ္ေျပာ၇ွႈင္းျပတာကိုနားမလည္ေသးဘူး

ဆို၇င္ေတာ့ေအာက္မွာျပထားတဲ့နမူနာကုဒ္ေလးကိုၾကည့္လိုက္၇င္သေဘာေပါက္သြားပါလိမ့္မယ္.။

For Example :

<a href="http://www.ziddu.com/download/14802796/Norton2011I.Sv18.5.0.12588yrCrackBySP.rar.

html

" target="_blank">

Download လုပ္၇န္

http://www.ziddu.com/download/14802796/Norton2011I.Sv18.5.0.12588yrCrackBySP.rar.html

ေနမင္းေမာင္

---------------------------------------------------------------------------------------------------

Blog Menu ေလးေတြကို Button ေလးေတြနဲ့လုပ္၇ေအာင္

ကၽြန္ေတာ္ဒီေန့ေတာ့ Blog Menu ေလးေတြကို Button ေလးေတြနဲ့အလြယ္ေလးလုပ္လို့၇မဲ့နည္းလမ္းေလကို

ေျပာျပေပးပါမယ္..။လုပ္ကတာအ၇မ္းလြယ္ပါတယ္..။Edit Html ထဲမွာလိုတာေလးလိုက္ျပင္ျပီး Add a Gadget

ထဲမွာထည့္ေပးလိုက္ယံုပါပဲဘာမွလဲမခက္ပါဘူး..။ျပီး၇င္ Button ေလးေတြနဲ့ဆိုေတာ့သပ္သပ္၇ပ္၇ပ္ေလးနဲ့

ၾကည့္လဲေကာင္းပါတယ္..။ကၽြန္ေတာ္ဘယ္လိုလုပ္၇မလဲဆိုတာကိုေျပာျပေပးသြားပါမယ္..။

1.အ၇င္ဆံုး Design Tab >> Edit HTML ဆိုျပီးသြားလိုက္ပါ.။Edit HTML ကိုေ၇ာက္ျပီဆို၇င္အ၇င္ဆံုးဘာ

မွမလုပ္ပါနဲ့ေအာင္ Download Full Template ကိုႏွိပ္ျပီးမိမိ၇ဲ့ Template ေလးကို Backup လုပ္ထား

လိုက္ပါ..။

2.Template ကို Back up လုပ္ထားျပီးျပီဆို၇င္အေပၚကပံုမွာျပထားအဲ့တိုင္း Expand Widget Template

ကိုအမွန္ျခစ္ေလးေပးလိုက္ပါ..။ျပီး၇င္ကီးဘုတ္မွာ Ctrl + F ကိုႏွိပ္လိုက္ပါ.။ေပၚလာတဲ့ search box ထဲ

မွာေအာက္မွာေပးထားတဲ့ကုဒ္၇ိုက္ထည့္ျပီး Edit HTML ထဲမွာေအာက္ကကုဒ္ကို၇ွာၾကည့္လိုက္ပါ..။

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

3.အေပၚကကုဒ္ကိုေတြ ့ျပီဆို၇င္ေအာက္မွာေပးထားတဲ့ကုဒ္အတိုင္းေျပာင္းေပးလိုက္ပါ..။ 1 ေန၇ာမွာ 3

no ေန၇ာမွာ yes ေျပာင္းေပးလိုက္၇င္၇ပါျပီ..။

<b:section class='header' id='header' maxwidgets='3' showaddelement='yes'>

4.အေပၚကအတိုင္းေျပာင္းျပီးျပီဆို၇င္ေတာ့ေအာက္ကကုဒ္ကိုထပ္၇ွာပါ..။

<b:section class='main' id='main' showaddelement='no'>

5.အေပၚကကုဒ္ကိုေတြ ့ျပီဆို၇င္ေအာက္မွာေပးထားတဲ့ကုဒ္အတိုင္းေျပာင္းေပးလိုက္ပါ..။ no ေန၇ာမွာ yes

လို့ေျပာင္းေပး၇မွွာျဖစ္ပါတယ္..။

<b:section class='main' id='main' showaddelement='yes'>

4.အေပၚကကုဒ္ေတြအတိုင္းေျပာင္းျပီးျပီဆို၇င္ေတာ့ေအာက္ကပံုေလးအတိုင္း Blog Post ၇ဲ့အေပၚမွာ

Add a Gadget ေလးတစ္ခုေလးတစ္ခုထပ္ျပီးတိုးလာတာကိုေတြ ့၇ပါလိမ့္မယ္..။

5.အေပၚကပံုအတိုင္း Blog Post ၇ဲ့အေပၚမွာ Add a Gadget ေလးေပၚလာျပီဆို၇င္ေတာ့ Add a

Gadget ေလးကိုဖြင့္ျပီး HTML/JavaScript ထဲမွာေအာက္ကေပးထားတဲ့ Button ကုဒ္ေလးေတြ

ကိုထည့္ေပးလိုက္ယံုပါပဲ..။

<button>မူလစာမ်က္ႏွာ</button></a>

<button>စာအုပ္မ်ား</button></a>

6. ဒီအေ၇ာင္ နဲ့ျပထားတဲ့ေန၇ာမွာေတာ့မိမိတို့ညြန္းခ်င္တဲ့ဆိုဒ္၇ဲ့ URL လင့္ကိုထည့္ေပးလိုက္ပါ.။

မူလစာမ်က္ႏွာ , ကဗ်ာမ်ား ေန၇ာမွာေတာ့မိမိတို့ၾကိဳက္သလိုျပင္ေ၇းလို့၇ပါတယ္...။စိတ္ၾကိဳက္ျဖစ္ျပီ

ဆို၇င္ေတာ့ Blog Post အေပၚက Add a Gadget ထဲက HTML/JavaScript ထဲကိုထည့္ျပီး

Save လိုက္ယံုပါပဲ..။ဒါဆို၇င္မိမိတို၇ဲ့ဘေလာ့မွာ Menu Tab ေလးေတြကို Button ေလးေတြနဲ့

ေသေသသပ္သပ္ေလးလုပ္လို့၇သြားပါျပီခင္ဗ်ာ.....။

ဘေလာ့ကိုစတင္ေလ့လာသူမ်ားအတြက္ေတာ့ကၽြန္ေတာ္သိထားတာေလးေတြကမျပည္စံုေသးပါဘူး..။

ျပည့္ျပည့္စံုစံုေလးေလ့လာခ်င္သူမ်ားအတြက္ေတာ့ KP 3 ဆိုဒ္ေလးကိုညြန္းခ်င္ပါတယ္..။ဘေလာ့ဂါ

မ်ားဒီထက္မကမ်ားျပားတိုးတက္ပါေစခင္ဗ်ာ.....။

အားလံုးပဲအဆင္ေျပၾကပါေစ........ေက်းဇူးတင္ပါတယ္ခင္ဗ်ာ......

ေနမင္းေမာင္

-------------------------------------------------------------------------------------------

အေျခခံနည္းပညာသမားေလး

Wednesday, May 8, 2013