နည္းပညာ တကၠသိုလ္ ဘားအံ နွင့္ ဇြဲကပင္ေျမ မွ လႈိက္လွဲစြား ၾကိဳဆိုပါတယ္ဗ်ား .... ။

Blog တြင္ Home Page Begib လုပ္နည္း

ကၽြန္ေတာ္တုိ႕ မိမိတုိ႕ Blog ကုိ ၀င္တဲ႕ အခါမွာ Home Page Logo ပုံေလးနဲ႕ ေပၚေအာင္ လုပ္တဲ႕နည္းေလးျဖစ္ပါတယ္။ မိမိ ပုံေပၚမွာ မိမိ Link ဘဲ ျဖစ္ျဖစ္ ေၾကာ္ျငာခ်င္လုိ႕ဘဲ ျဖစ္ျဖစ္ အသုံးျပဳႏုိင္ပါတယ္။ ကၽြန္ေတာ္ဆုိဒ္မွာ ၀င္ၾကည္႕ရင္ သိႏုိင္ပါတယ္။ Home Page မိမိစိတ္ၾကိဳက္ ပုံနဲ႕ မိမိစိတ္ၾကိဳက္ ေၾကာ္ျငာ Link ေတြ ခ်ိတ္ႏုိင္ပါတယ္။ (အမွားရွိရင္ ျပင္ႏုိင္ေအာင္ မိမိ Blog ကုိ Back up ျပဳလုပ္ထားပါ)
မွတ္ခ်က္။ ။အခုျပန္ျဖဳတ္ထားလိုက္ပါတယ္။ စိတ္အေႏွာက္အယွက္ ျဖစ္တယ္ ေျပာလုိ႕ပါ။

Step#1

1.မိမိ Blog မွ Layout ကုိ click လုိက္ပါ။
2.Edit Html ကုိ ထပ္ click လုိက္ပါ။ Ctrl+ F ကုိႏုိပ္ျပီး </head> ကုိ ရွာလုိက္ပါ။ အထပ္ပါ code ရဲ႕ အေပၚမွာ ေအာက္က code ကုိ ထည္႕လုိက္ပါ။ (မွတ္ခ်က္. .။ ကုိယ္တုိင္း links နဲ႕ တင္က ပုိေကာင္းပါတယ္။ ဒါေၾကာင္႕ ကၽြန္ေတာ္ တင္ထားတဲ႕ css link ႏွင္႕ js links ေတြကုိ New Tab ေခၚျပီး Address bar မွာ ထည္႕ျပီး က်လာတဲ႕ code ေတြကုိ copy လုပ္ျပီး notepad မွာ ထည္႕ျပီး သူ႕ဖုိင္ အမ်ဳိးအစားလုိက္ Save လုိက္ပါ။ အဆင္မေျပက comments ေရးေပးႏုိင္ပါတယ္။ )


<!--WelcomePage-STARTS-->
<link href='http://mydatanest.com/files/dsai588/13456_onsgz/BG_Like_BING.css' rel='stylesheet' type='text/css'/>
<script src='http://mydatanest.com/files/dsai588/13105_0jxqi/prototype.js' type='text/javascript'></script>
<script src='http://mydatanest.com/files/dsai588/13104_b8dni/leightbox.js' type='text/javascript'></script>
<style type='text/css'>
div.leightbox {
color: #fff;
display: none; /* toggle display to show/hide the popups when designing and previewing */
position: absolute;
top: 50%;
left: 50%;
margin: -240px 0 0 -380px;
width: 745px;
height: 400px;
padding: 0 0 0 5px;
border: 1px solid #FFFFFF;
background: url(http://i36.tinypic.com/2w4n40k.jpg) no-repeat;
z-index: 101;
overflow: none;
}

</style>
<!--WelcomePage-STOPS-->

3.ျပီးရင္ Save Templates ကုိ ႏုိပ္လုိက္ပါ။

Step#2

1.မိမိ blog မွ "Layout" -> "Page Elements" မွ "Add a Gadget" ကုိ click ျပီး "HTML/JavaScript" မွာ ေအာက္က code ေတြကို copy လုပ္ျပီးထည္႕လုိက္ပါ။
အနီေရာင္နဲ႕ ျပသထားတဲ႕ ေနရာမွာ မိမိစိတ္ၾကိဳက္ေျပာင္းႏုိင္ပါတယ္။
<!----------// POPUP (AUTOLOAD) //---------->
<div id="pop01" class="leightbox">

<div class="scrollbox">
<h1>Welcome To My Blog</h1>
<p>A blog by <a href="http://www.knowledgewar07.com/">မုိးထက္ျမင္႕</a></p>
</div>
<a href="#" class="lbAction" rel="deactivate">Enter The Blog</a></div>

<!----------// POPUP (AUTOLOAD script: add AFTER the autoload popup div) //---------->
<script type="text/javascript">
lb = new lightbox();
lb.initCallable('pop01');
lb.activate();
</script>

No comments:

Post a Comment