C-Box bang na matu

Step-1
Shawng nna C-Box hpe lu galaw la ngut ai hpang lawu na sumla kaw mu lu ai C-Box a matu HTML code ni hpe mu na ra ai. Dai code ni hpe copy galaw la u.

Step-2

Dai hpang na a blog ka ai shara kaw na layout de sa nna lawu na sumla kaw mu ai hte maren Add a Gadget nga ai kaw dip dat u.

Step-3

Dai kaw dip ngu jang lawu kaw madun da ai hte maren Pop Up Window kasha langai mi pru wa na ra ai. Dai kaw HTML/JavaScript nga ai a makau na ( + ) masat kaw dip dat u.

Step-4

Dai hpang e gaw Configure HTML/JavaScript nga ai Window pru wa nna de a n pu e Title nga ia kaw gaw myit su wa a C-Box ming hpe ka nna lawu na grau kaba ai text box kaw gaw Step-1 kaw copy galaw da ai C-Box a code ni hpe paste galaw dat n na Save kaw dip dat u. Dai rai yang Myit su wa a blog kaw C-Box hpe mu lu sana ra ai.

Shanglawt kawn, dang di ai daram, garum ya mayu

Read More link n-chye bang la ai, myitsu ni, Shanglawt hpe, Read More link bang shangun mayu ai nga jang, madu a blog de' Shanglawt hpe invite shawng galaw ra na re.. Gara hku invite galaw ra na ta nga yang, shawng ning nan, madu a blog de' sign in shang n-na...

Dashboard ==> Setting ==> Permissions ==> Blog Authors nga ai n-pu kaw na, Add Authors kaw dip dat jang, box kasha langai mi pru wa na ra ai. Dai box kaw, shanglawtblog@gmail.com ngu gayet bang let, Invite nga ai kaw, dip dat ga. Dai shaloi, myit su wa na, invitation galaw ai lam hpe, blogger kawn, shanglawtblog@gmail.com de', invitation link langai mi sa ya na re. Dai invitation link hpe, Shanglawt kawn, click galaw ngut ai hpang gaw, Dashboard ==> Setting ==> Permission ==> Blog Authors nga ai n-pu kaw, Shanglawt nga ai mying langai jat wa ai hpe mu lu na re.

N-dai ning gam(step) du hkra, Shanglawt gaw, myit su wa a blog hta, Read More link bang ya na, a hkaw a hkang(access) n-lu shi ai. Hpa na ta nga yang, Shanglawt kaw admin access n-nga shi ai majaw re. Dai majaw, Shanglawt hpe, myit su wa hku n-na, madu a blog hta admin access jaw ra na re. Gara hku jaw ra na ta nga yang, Blog Authors n-pu kaw na, Shanglawt(shanglawtblog@gmail.com) nga ai hkra(right) maga makau kaw, grant admin privileges nga ai link langai nga ai.

Dai link hpe, click galaw da ai shaloi, Blogger kawn, myit su wa hpe, n-dai hku san na ra ai.

Giving this person admin rights will allow them to edit this blog's settings and template, as well as other members' posts.

Dai shaloi, grant admin privileges nga ai kaw, click dip dat ga. Shing rai jang, ngut sai hku re. Shanglawt kawn, Read More link bang ya na sha ra sai.. Read More link bang ya ngut ai hpang, Shanglawt a, admin access hpe, myit su wa hku n-na, delete bai mai galaw kau ai hku re.

Shanglawt hpa ni lu garum ya na ta ?

1. Read More link lu bang ya na.
2. Menu Tabs ra ai myitsu ni na matu, Menu Tabs hpe bang ya na.
3. Free lu ai, blogger template ni hpe, madu a blog kaw bang mayu ai nga jang, bang ya na.

Free Blogger Templates ni hpe, n-dai web kaw sa mai lata ai hku re. Free lu ai, Menu Tabs ni hpe gaw, n-dai web kaw sa mai lata la ai hku re.

Blogger kaw, sumla ni hpe, original size hte' sha mara mayu jang

Anhte blogger ni, blog hta sumla ni hpe, mara ai shaloi, sumla loi kaba ai ni hpe, blogger kaw na loi kaji hkra, resize galaw n-htawm she', mara ya ya re mu lu na re. Dai hpe madu gaw, original picture size sha mara mayu ai. Size hpe n-kam kaji shangun mayu ai nga jang, sumla mara ai kaw na, code hpe kaji mi gram dat jang rai sai hku re. Ok.. hpang saga..

Blogger kaw, sumla mara dat ai shaloi, Compose mode kaw n-re ai sha, Edit Html mode kaw, n-pu na zawn re code hpe mu lu na re.

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrzuamqKelr59WEBb7HOFm6oAGgVV-PHjAaz4GNpDoXPNwS2V16wvMzy__ZVojTTVJrVAoLuP_AaI7KWzcHarrfxe4vEVDibIxLNDM3pj7TPOaApqRIxQHftFLlQUUMnDeglS59OHTZOst/s1600-h/Shanglawt.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;" src="http://3.bp.blogspot.com/_KoKOOuTAwk8/SO-n9b1IKOI/AAAAAAAAADk/MftxphFAzHU/s400/Shanglawt.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5255603964049107170" /></a>

Lahta na, code hta, upload galaw da ai, Shanglawt.jpg ngu ai sumla a mying shawng kaw, /s400 nga ai code hpe mu lu na re. Dai gaw, blogger kaw na, madu upload galaw dat ai, sumla hpe, resize galaw da ai, size re. Dai hpe madu gaw, original size ra ai nga jang, dai /s400 nga ai code hpe delete galaw kau ra na re.

Blogger kaw na, sumla ni hpe, resize galaw ai shaloi, /s400 sha n-ga, /s320, /s600 ni mung nga chye nga ai. Hpa mi nga nga, madu gaw original size hpe ra jang, dai /s320, /s400, /s600 ni hpe code kaw na delete galaw kau ra na re. N-dai /s320, /s400, /s600 code ni gaw, madu upload galaw da ai, sumla a mying shawng kaw galoi mung nga ai. Ok... lahta na upload galaw da ai sumla a code kaw na, /s400 nga ai hpe delete galaw kau ga nga jang, code gaw n-dai hku byin wa na re.

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrzuamqKelr59WEBb7HOFm6oAGgVV-PHjAaz4GNpDoXPNwS2V16wvMzy__ZVojTTVJrVAoLuP_AaI7KWzcHarrfxe4vEVDibIxLNDM3pj7TPOaApqRIxQHftFLlQUUMnDeglS59OHTZOst/s1600-h/Shanglawt.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;" src="http://3.bp.blogspot.com/_KoKOOuTAwk8/SO-n9b1IKOI/AAAAAAAAADk/MftxphFAzHU/Shanglawt.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5255603964049107170" /></a>

Code hpe delete galaw ai shaloi sadi na galaw ga. Kachyi mi pyi n-mai, shut ai hku re. Shut jang, madu upload galaw da ai, sumla mung pru wa na n-re. s320, s400, s600 ni hpe delete galaw ai shaloi, shan hte a shawng kaw na, (sh) sumla mying a shawng kaw na, / <== n-dai loi n-da mahkret hpe ma delete galaw shalawm ra ai. Matsing na matu gaw, dai mahkret n-da(/) hpe, sumla a shawng ka na (sh) s320, s400, s600 ni a shawng kaw na, langai hpe sha delete galaw ra na re. Sumla a shawng kaw na da, s320, s400, s600 ni a shawng kaw na da, delete n-mai galaw ai.. Matsing: Lama na, madu upload galaw dat ai sumla a original size gaw, madu a blog post a shara hta, grau kaba taw jang gaw, sidebar ni, n-pu de' yu mat ai zawng byin chye ai. Dai majaw, madu blog post ka ai shara hta kaba ai, sumla ni hpe gaw, original n-mara ai sha, blogger kaw na resize galaw da ya ai, size hpe sha mara yang grau kaja na re.


Before:

After:

Awng Dang U Ga...
Shanglawt

Post Langai mi hpe gara hku hkum ba na (Create Show Full Post and Hide Full Post Link)

Ga Shadawn, myitsu wa ka mara dat ai, post langai mi gaw, grai galu ai ngu ga. Dai post hpe, madu ka da ai hku sha, blog kaw publish galaw dat yang, madu a Home Page kaw shara grai la mat ai hpe mu lu na re. Dai hpe, madu gaw, post n-nan kaw na, ngut du hkra hpe, n-kam madun tawn ai (shara nau la na). Madu ka mara dat ai, post a, n-nan daw kachyi mi hpe sha, madun da n-htawm, de' a n-pu kaw, Matut Hti Na (sh) Read More nga ai link hpe jaw da let, dai link kaw dip dat jang, post a, ngam ai daw ma hkra hpe bai matut hti lu na hku galaw mayu ai shaloi....

Ya, n-kau blog ni kaw mu lu ai gaw, Read More (sh) Matut hti na (sh)...etc, ni kaw dip dat ai shaloi, n-kau mi gaw, page hpe reload bai galaw taw ai, n-kau mi gaw, reload galaw taw ai sha n-ga, new windows kaw bai pru wa ai hpe mu lu ai. N-dai hte' seng n-na, http://kachinroad.blogspot.com/ kaw galaw da ai gaw, htap htuk manu dik htum rai na re ngu kam ai. Madu kam ai hku, mai jai lang ai hku re. Ok.. hpang saga deng..

1. Madu a blog de' sign in shang n-htawm, Dashboard ==> Layout ==> Edit Html nga ai kaw du hkra sa ga. Hpa rai n-galaw shi yang, madu a original template hpe download shawng galaw da ga. Ngut sai nga jang, Edit Template nga ai a n-pu htep(hkra maga) kaw, Expand Widget Templates nga ai a, makau kaw na box kasha hpe check galaw dat ga. (A Hkyak Dik Ai)

2. N-pu kaw jaw na code hpe copy galaw n-htawm, </head> nga ai code a, lahta kaw paste galaw dat ga.

<script src='http://kcbloggershelpdesk.googlepages.com/Readmore.js' type='text/javascript'/>

3. Ngut sai nga jang, <div class='post-header-line-1'/> nga ai code hpe bai mu hkra tam ga. Ctrl + F hte tam n-mu jamg, Scroll Down galaw n-htawm mu hkra tam ga (Tip: Firefox kaw Ctrl +F hpe dip let tam yang grau loi ai hku re. Code hpe tam ai shaloi, search box kaw code hpe bang ai shaloi, copy, paste n-galaw ai sha, type bang yang she' grau mai ai hku re. Copy, Paste galaw bang dat jang, code hpe n-mu ai law ai hku re.) Dai code hpe mu sai nga jang, de' a n-pu loi mi yu dat yang kaw, <div class='post-body entry-content'> <==n-dai zawn re code (Sh) <div class='post body'> <==n-dai zawn re code hpe mu na ra ai.

4. Dai code hpe n-pu na code zawn byin hkra, byen la ra na re. Blue rau madun da ai code ni hpe jat dat ra na re. <div class='post-body entry-content'> <== N-dai code hpe mu ai ni gaw, n-pu na zawn byin hkra byen ga.

<div class='post-body entry-content' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>


(Shing N-rai....)

<div class='post body'> <== N-dai zawn re code hpe mu ai ni gaw, n-pu na zawn byen ga.

<div class='post body' expr:id='"post-" + data:post.id'> <b:if cond='data:blog.pageType == "item"'>

5. Byen ngut ai code n-pu kaw, <p><data:post.body/></p> <== n-dai zawn re code hpe bai mu lu na re. Dai hpe mu sai nga jang, n-pu kaw jaw na code hpe copy galaw n-htawm, dai code a n-pu kaw paste galaw dat ga.

<b:else/> <style>#fullpost {display:none;}</style> <p><data:post.body/></p> <span id='showlink'> <p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Show Full Post...</a></p> </span> <span id='hidelink' style='display:none'> <p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-]Hide Full Post...</a></p> </span> <script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script> </b:if>

Note: Lahta na code hta lawn ai, Show Full Post hte Hide Full Post nga ai ga si ni hpe, madu ra ai hku mai galai bang la ai hku re. Ga Shadawn, Show Full Post nga ai hpe, Matut Hti Na (sh) Hide Full Post nga ai hpe, Hti Ngu Sai ngu, gasi ni madu ra ai hku galai bang la mai nga ai.

6. Yawng ngut sai nga jang, code ni gaw, n-pu na code zawn rai taw na ra ai. A Hkyen rau madun da ai ni gaw, mi na, nga chyalu ni rai n-htawm, blue rau madun da ai ni gaw, jat dat ai code ni rai nga ai.

<div class='post-header-line-1'/>
<div class='post-body entry-content' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
<p><data:post.body/></p>

<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Show Full Post...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Hide Full Post...</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>

Ngut sai nga jang, madu na template hpe save galaw ga.

7. Ngut jang, Layout a pai maga, makau kaw na setting nga ai n-pu kaw na, Formatting nga ai kaw du hkra sa ga. Formatting nga ai tab a n-pu jahtum kaw, Post Template nga ai a makau kaw, Box langai mi nga na ra ai. N-pu kaw jaw na code hpe copy galaw n-htawm, dai box kaw paste galaw dat ga.

<span id="fullpost">


</span>

8. Setting hpe Save galaw ga. Html gram lajang ai lam gaw n-dai kaw ngut sai hku re.

9. New post hpe ka mara ai shaloi, madu madun da mayu ai laika ni hpe, <span id="fullpost"> nga ai code a lahta kaw, ka n-htawm, read more (sh) matut hti na nga ai kaw dip dat ai shaloi, mu shangun mayu ai laika ni hpe gaw, <span id="fullpost"> hte </span> a lapran kaw ka bang ga.

Awng Dang U Ga,

Shanglawt Brang

Menu Tabs hpe gara hku lang na ?

Ga Shadawn, ngai gaw, nge a blog hta, shiga(information) sha n-ga, laga music, videos, ni hpe galoi mung mara ai ngu ga. Shini shagu mara ai, dai(news,music,videos) ni hpe, baw hpang(categories) n-garan da ai ngu ga. Shing nga jang, (news,music,videos...etc) yawng ni gaw, nge a blog hta, gayau gaya rai taw na re. Dai hpe, ngai gaw n-ra sharawng ai.

La ma na, ngai na blog de' galoi mung n-sa ga ai, Myit Su wa langai, ngai na blog de' sa chyai ai shaloi, ngai mara da ai, mahkup sumhpa(news,music,videos) ni hpe, lak san mi, shi hte' shi, hti mayu, yu mayu ai ngu ga. Shing nga jang, ngai hku n-na, shan hte(news,music,videos...etc) ni hpe, baw hpang n-garan da ai rai yang, ngai na blog de' sa chyai ai Myit Su wa hku n-na, (news,music,videos..etc) ni hpe shi yu mayu ai hku, shi hte shi, lak san n-mai yu sai hku re. Home Page kaw sha, News da, Music da, Videos da yawng gayau taw ai majaw, shi hku n-na, ngai na blog de' sa chyai ai shaloi, loi myit daw ai lam ni nga wa chye nga ai. Hpang de' sa chyai yang she' sa chyai sana.. :P

Dai reasons ni a majaw, Menu Tabs hpe lang hpang wa ai re. La ma na, Nang gaw, dai ni, Na a blog hta, videos post langai mi mara dat ai ngu ga. Dai hpe laga ni hte' n-gayau mat hkra, baw hpang(categories) garan da mayu ai. Blogger kaw gaw, categories hpe gara hku garan a ta nga yang, anhte new post hpe ka ai shaloi, laika ka ai box a, hkra maga de' na n-pu kaw, box kasha langai nga ai hku re. Labels for this post: nga ai makau kaw na box kasha hta, madu a blog kaw ka mara ai, baw hpang a myu myu hpe, shi hte' shi, seng ang ai hku Label garan shakap da di, mai garan da ai hku re. N-pu kaw sumla hte' madun da ai hku re.

Ok.. Myit Su wa hku n-na, Myitsu wa mara dat ai Video hpe Video ngu ai menu tabs a n-pu e` tawn mayu jang, Lables: for this post nga ai makau kaw na box hta, Video ngu gayet bang dat ga. Shing nga jang, ngut sai kun ?.. N-ngut shi ai hku re. Dai yu law, ngai tsun sai i rai? Yu n-na, tsawm tsawm sha san ai, Menu Tabs wa, galaw la gaw yak, lang gaw yak... :).. Anhte Jinghpaw Wunpawng Sha ni zawn rai na, Web Page ka ai hta, mahkrum madup nau n-nga ai ni a matu, grau pyi yak.. :).. Ok.. Le` shaga, aww shaga, gara kaw du mat ai pyi n-chye mat sai. Bai matut ga.

Ya gaw, Madu ka dat ai post langai. Video mi rai rai, Music mi rai rai, News mi rai rai, hpa mi rai rai, hpe Myit Su wa hku n-na, shi hte' shi, Labels shakap da ngut sai ngu ga. Dai ni hpe, Menu Tabs a n-pu de' gara hku sa na law ?? Ga Shadawn, Video nga ai post ni yawng hpe, Video nga ai Menu Tabs a n-pu e`, tawn mayu jang, gara hku galaw na. Ya hte' mung, sumla hte' rau, kalang gaw san lang da ngut sai hku re. Rai tim, bai sang lang dan na.

Myitsu wa gaw, Video hte' seng ai Post langai hpe, Video ngu Label shakap let, Publish galaw dat jang, dai post hpe, yu dat yu ai shaloi, Post a n-pu jahtum kaw, Label: Video nga ai hpe mu lu na ra ai. Label: Video nga ai kaw na, Video nga ai kaw right click dip let, Properties nga ai kaw click galaw let, Dai Video nga ai, Label a url(address) hpe la ga. Dai ngut jang, dai url(address) hpe, ya hte' jaw da ai, "Na A Link" nga ai html section kaw, change bang la ga.

Shing nga jang, myit su wa hku n-na, Video hte' seng ai post mara shagu, shi hpe, Video ngu Label shakap ya jang, Menu Tabs kaw na Video nga ai Tab n-pu kaw, shi hkrai shi du mat wa na re. Ngai mung, n-nan e` gaw, ngai na ngai hkra, le` hti aww hti rai n-na Menu Tabs a majaw, grai kyin kau sai. A Ten mung grai ma ai. N-dai zawn, san lang dan na masha mung n-nga ai.

Note: N-tsa na, san lang dan da ai ni hpe, Blog ka ai, mahkrum madup kachyi mi nga yang she', grau n-na chye na loi na re ngu kam ai. Dai majaw, n-chye na shi ai nga jang mung, matut manoi mai san ai hku re. :)

Awng Dan U Ga

Shanglawt Brang

Menu Tabs hpe gara hku galaw na.

Website ni, Blog ni yawng ngu na daram, Menu Tabs ni hpe bang da ai mu lu ai. N-dai KC Bloggers Helpdesk hta mung, Simple Menu Tabs bang ai hpe, Ta Tut hku n-na sang lang dan ngut sai hpe mu lu ai. N-dai zawn contribute galaw ya ai, Ta Tut hpe ma grai chyeju dum ai hku re. Madu chye ai hpaji ni, machye machyang ni hpe, n-dai blog kaw garan gachyan mayu ai nga jang, kcbloggershelpdesk@gmail.com de' shana wa marit.. Blog hpaji sha n-rai, chye machye hpaji yawng hpe garan gachyan na matu, Hkap Tau la ga ai. :)

Ok.. N-dai kalang gaw, Menu Tabs hpe loi shatsawm la yu ga deng..Ya galaw na, Menu Tabs a hkrang gaw n-pu kaw madun da ai hku re.

Step By Step gau ngwi hti n-na galaw ga, myit n-tin ga. Hpa na ta nga yang, HTML gaw, kachyi mi sha, byen shut yang mung n-mai ai majaw re. Ok hpang saga.

1. Menu Tabs tawn da na shara hpe shawng galaw ga. Blogger kaw Menu Tabs ni hpe, law malawng gaw, Blog Header hte Blog Post a lapran e` tawn ai hku re. Blog Header hte Blog Post a lapran e` tawn na matu, Blog Header hte Blog Post a lapran e, Add A Page Element widget hpe shawng bang la ra na re. Dai hpe bang la na matu, madu a Layout n-pu kaw na, Edit Html Section kaw dip let, n-pu na code hpe mu hkra tam ga. Code ni hpe tam ai shaloi Ctrl + F hpe dip let tam yang grau loi ai hku re. Ctrl + F hte, tam n-mu jang, Scroll down galaw di tam ga. Code gaw,

<div id='content-wrapper'>
<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'/>
</div>

Lahta na code hpe mu sai nga jang, showaddelement='no' nga ai hpe showaddelement='yes' ngu byen la ga. Dai hku byen ngut jang gaw Layout n-pu kaw, n-pu na sumla kaw zawn, Blog header hte, Blog Post a lapran kaw, Add A Page Element jat wa ai hpe mu lu na re.

2. Ngut sai nga jang, Edit HTML n-pu kaw sha, ]]></b:skin> nga ai code hpe bai mu hkra tam ga, (Ctrl + F) hpe dip let tam ga. Mu sai nga jang, N-pu na code ni hpe copy galaw n-htawm, dai ]]></b:skin> nga ai a, lahta kaw paste galaw dat ga.

<script type="text/javascript" src="http://kcbloggershelpdesk.googlepages.com/MenuTabsJS.js"></script>
<style>
#MainMenu
{
height:37px;
background:#FFFFFF url(http://kcbloggershelpdesk.googlepages.com/bmid_104.gif);
margin:0;
border:0;
}
#tab
{
margin:0;
top:0;
}
#tab ul
{
margin:0;
padding:0;
list-style:none;
float:left;
}
#tab li
{
display:inline;
float:left;
margin:0;
padding:0;
}
#tab a
{
background:#000000 url(http://kcbloggershelpdesk.googlepages.com/bright_104.gif) no-repeat right top;
margin:0;
padding:0;
text-decoration:none;
border:0;
display:block;
float:left;
}
#tab a span
{
display:block;
background:url(http://kcbloggershelpdesk.googlepages.com/bleft_104.gif) no-repeat left top;
padding:0 25px 0 15px;
font-family:Arial, Helvetica, sans-serif;
font-size:11;
color:#FFFFFF;
font-weight:bold;
line-height:37px;
}
#tab a:hover,#tab li.item_active a
{
background-position:right bottom;
border-color:;
}
#tab a:hover span,#tab li.item_active a span
{
background-position:left bottom;
color:#FFFFFF;
font-weight:bold;
font-style:normal;
text-decoration:none;
}
.dropmenudiv
{
position:absolute;
top:0;
float:left;
display:block;
visibility:hidden;
border:0 solid ;
background: #FFFFFF url(http://kcbloggershelpdesk.googlepages.com/bmid_104.gif);
color:#FFFFFF;
z-index:100;
text-decoration:none;
padding:0;
}
.dropmenudiv ul
{
margin:0;
padding:0;
list-style:none;
}
.dropmenudiv li
{
display:inline;
margin:0;
padding:0;
}
.dropmenudiv a:link, .dropmenudiv a:visited
{
width:180px;
margin:0;
padding:0;
display:block;
border:0 solid ;
color:#FFFFFF;
background:url(http://kcbloggershelpdesk.googlepages.com/bleft_104.gif) no-repeat left top;
font-weight:bold;
font-style:normal;
text-decoration:none;
}
.dropmenudiv a span
{
float:left;
display:block;
line-height:37px;
background:url(http://kcbloggershelpdesk.googlepages.com/bright_104.gif) no-repeat right top;
padding:0 25px 0 15px;
font-family:Arial, Helvetica, sans-serif;
font-size:11;
color:#FFFFFF;
}
.dropmenudiv a span
{
float:none;
}
.dropmenudiv a:hover
{
border:0 solid ;
background-position:left bottom;
font-weight:bold;
font-style:normal;
text-decoration:none;
color:#FFFFFF;
}
.dropmenudiv a:hover span
{
background-position:right bottom;
color:#FFFFFF;
font-weight:bold;
}

3. Ngut jang, template hpe save galaw ga. Layout de' bai wa n-htawm, Blog Header hte' Blog Post a lapran kaw na, mi yet bang dat ai Add A Page Element widget hpe dip let, dai kaw na, HTML/JAVASCRIPT nga ai hpe lata ngut jang, pru wa ai box hta, n-pu na code hpe copy galaw n-htawm, paste galaw ga.

</style>
<div id="MainMenu">
<div id="tab">
<ul>
<li class="item_active"><a href="#"><span>Home</span></a></li>
<li><a href="Na A Link"><span>News</span></a></li>
<li><a href="Na A Link"><span>Video</span></a></li>
<li><a href="Na A Link"><span>About</span></a></li>
<li><a href="Na A Link"><span>Contact</span></a></li>
</ul>
</div>
</div>

5. Home, News, Videos, About, Contact nga ai shara kaw, madu na menu tabs mying hte' galai bang la ga. "Na A Link" nga ai kaw, madu na link hpe gayet bang la ga. Menu tabs kaw bang na matu, links hpe la ai shaloi, La ma na, myitsu wa gaw, News nga ai menu tabs a link hpe la mayu ai nga jang, Post n-pu kaw na, Label: News nga ai shara kaw na, News nga ai kaw Right click hpe dip let, Properties kaw News nga ai menu tabs a links hpe la ra na hku re. N-pu kaw sumla hte' madun da ai hku re.

Link hpe lu jang, "Na A Link" nga ai kaw, paste galaw bang la ga.

Ngut jang, save kaw dip dat n-na, madu a blog hpe bai yu dat ai shaloi, tsawm htap la ai, menu tabs hpe, mu lu na hku re. :).. N-chye na kau dat ai ni nga yang, Cbox kaw san da marit. Dang di ai daram mi, chye na hkra bai san lang dan mat wa na re. Ra rawng ai ni nga yang, mara raw dat ya marit.

Awng Dang U Ga,
Hkung Ga Let,
ShanglawtBlog

How to create web 2.0 text

Website law malawng ngu na daram, n-dai text style hpe lang ai mu lu ai. Photoshop chye lang ai ni gaw, photoshop hte' mung mai galaw ai hku re. Photoshop n-chye lang ai (ngai zawn re :P) ni gaw, n-pu kaw na web link hta click galaw let sa mai galaw la ai lam n-dau shana dat ai...

http://www.simwebsol.com