ဘေလာ႔မွာ Dtree Menu ထည့္နည္းေလးပါ...Categories ေတြ အမ်ားႀကီးျဖစ္ၿပီး ရႈပ္ပြေနတာေတြ သူ႔အပိုင္းလိုက္ စနစ္တက်ျဖစ္သြားပါတယ္...ေခါင္းစဥ္ခြဲလိုက္ ျဖစ္ၿပီး ရွာရလြယ္သြားပါတယ္...ထည့္နည္းက မခတ္ပါဘူး
(၁) အရင္ဆံုး မိမိဘေလာ့ရဲ႕ Layout - Edit HTML မွာ <head> ကို ရွာပါတယ္။ သူ႔ေအာက္မွာ ေအာက္က code ေတြကို ထည့္ေပးပါတယ္။
<link href='http://www.sigmirror.com/files/22516_jsk1u/dtree.css' rel='StyleSheet' type='text/css'/> <script src='http://www.sigmirror.com/files/22517_fnllw/dtree.js' type='text/javascript'/>
ထည့္ၿပီးရင္ Save Template ကိုႏိွပ္ပါ။
(.js ဖိုင္တစ္ခုနဲ႔ css ဖိုင္တစ္ခုကို hosting လုပ္ထားတဲ့လင့္ျဖစ္ပါတယ္။ မိမိ ကိုယ္ပိုင္လင့္အျဖစ္ ျပန္ေျပာင္းတင္ေပးပါ။ js hosting လုပ္ျခင္းကို ဒီမွာ သြားၾကည့္ႏိုင္ပါတယ္)
(၂) Layout - Page Elements - Add a Gadget ကို ႏွိပ္ၿပီး HTML/JavaScript ေနရာမွာ ေအာက္က code ေတြကို ထည့္ေပးပါ။
<div class="dtree"> <p><a href="javascript: d.openAll();"><img src="http://amen24.googlepages.com/plus.gif"/><b>Open all</b></a> | <a href="javascript: d.closeAll();"><img src="http://amen24.googlepages.com/minus.gif"/><b>Close all</b></a></p> <script type="text/javascript">
<!--
d = new dTree('d');
d.add(0,-1,'Home','http://www.thanlonnge.com');
d.add(1,0,'Free template & navigation')
d.add(3,1,'free template','');
d.add(10,3,'Scribe 3 kolom','http://template-unik.blogspot.com/2007/07/scribe-3-column-xml.html');
d.add(20,3,'Minima 3 ckolom','http://template-unik.blogspot.com/2007/07/white-minima-3-column-xml.html');
d.add(30,3,'1st template unik','http://template-unik.blogspot.com/2007/07/1st-template-unik.html');
d.add(40,3,'Denim 3 kolom','http://template-unik.blogspot.com/2007/07/denim-3-column-xml.html');
d.add(50,3,'Blue lover 3 kolom','http://template-unik.blogspot.com/2007/08/blue-lover-template-xml.html');
d.add(60,3,'Gray lover 3 kolom','http://template-unik.blogspot.com/2007/08/gray-lover-template.html');
d.add(70,3,'UniQue template R 1.1','http://template-unik.blogspot.com/2007/09/unique-template-r-11.html');
d.add(80,3,'UniQue template R 1.2','http://template-unik.blogspot.com/2007/09/unique-template-r-12_16.html');
d.add(90,3,'UniQue template R 1.3','http://template-unik.blogspot.com/2007/09/unique-template-r-13.html');
d.add(100,3,'template klasik');
d.add(110,3,'Minima 3 kolom','http://template-unik.blogspot.com/2007/07/white-minima-3-column.html');
d.add(120,3,'Scribe 3 kolom','http://template-unik.blogspot.com/2007/07/scribe-3-column-classic.html');
d.add(5,1,'Free css menu navigation');
d.add(10,5,'Horizontal blue menu','http://css-lybrary.blogspot.com/2007/09/horizontal-blue-menu.html');
d.add(20,5,'Horizontal blue menu (2)','http://css-lybrary.blogspot.com/2007/09/horizontal-blue-menu-2.html');
d.add(30,5,'Horizontal double line menu','http://css-lybrary.blogspot.com/2007/09/horizontal-double-line-menu.html');
d.add(40,5,'Horizontal flip menu','http://css-lybrary.blogspot.com/2007/09/horizontal-flip-menu.html');
d.add(50,5,'Vertical green menu','http://css-lybrary.blogspot.com/2007/09/vertical-green-menu.html');
d.add(60,5,'Vertical transparent','http://css-lybrary.blogspot.com/2007/09/vertical-transparent-menu.html');
d.add(70,5,'Vertical blue menu','http://css-lybrary.blogspot.com/2007/09/horizontal-blue-menu.html');
d.add(80,5,'Vertical Yellow menu','http://css-lybrary.blogspot.com/2007/09/yellow-vertical-menu.html');
d.add(90,5,'Vertical red menu','http://css-lybrary.blogspot.com/2007/09/red-vertical-menu.html');
d.add(2,0,'Blogroll','','','','http://img26.picoodle.com/img/img26/2/5/8/thanlonengal/f_globem_d2967b8.gif','http://img26.picoodle.com/img/img26/2/5/8/thanlonengal/f_globem_d2967b8.gif');
d.add(10,2,'UniQue template','http://template-unik.blogspot.com','','','http://24rohman.googlepages.com/icon_user.gif');
d.add(20,2,'Css Library','http://css-library.blogspot.com','','','http://24rohman.googlepages.com/icon_user.gif');
d.add(20,2,'Terune sasaQ','http://terune-sasaq.blogspot.com','','','http://24rohman.googlepages.com/icon_user.gif');
d.add(30,2,'Bang dhika','http://bangdhika.blogspot.com/','','','http://24rohman.googlepages.com/icon_user.gif');
d.add(40,2,'Rubrik Elektronik','http://rubrik-elektronik.blogspot.com','','','http://24rohman.googlepages.com/icon_user.gif');
d.add(50,2,'Tukeran link','http://tukeran-link.blogspot.com','','','http://24rohman.googlepages.com/icon_user.gif');
d.add(60,2,'Pasar Info','http://pasar-info.blogspot.com','','','http://24rohman.googlepages.com/icon_user.gif');
d.add(4,0,'Software super murah disini!','http://www.obralplus.com/?id=rohman','menjual berbagai software serta ebook dengan harga super murah, klik di sini!','','http://amen24.googlepages.com/action_save.gif');
d.add(6,0,'Belajar website di sini!','http://www.resepbisnis.com/?id=rohman','belajar membuat website itu sangatlah mudah, temukan caranya.klik di sini!','','http://amen24.googlepages.com/cd.gif');
d.add(7,0,'My friendster!','http://amn_tea.blogs.friendster.com/my_blog/','my friendster','','http://amen24.googlepages.com/friendsterku.gif');
d.add(8,0,'Recycle Bin','http://kolom-tutorial.blogspot.com/index.html','Recycle bin','','http://amen24.googlepages.com/trash.gif');
document.write(d);
//-->
</script> </div>
မိမိဘေလာ့ရဲ႕ ခြဲခ်င္တဲ့ ေခါင္းစဥ္အလိုက္ အဆင္ေျပေအာင္ ျပင္ဆင္ေရးသြားလိုက္ပါ။ အခုအေပၚက ေရးခဲ့့ code ေတြကို ေပၚလာတဲ့ ေခါင္းစဥ္ေတြနဲ႔ ယွဥ္ၾကည့္လုိက္ရင္ နားလည္သြားမွာပါ။ ေအာက္မွာ သူ႔အတြက္ hosting လုပ္ရမယ့္ .js ဖိုင္၊ css ဖိုင္ႏွစ္ခု ထည့္ေပးထားပါတယ္....တစ္ခုခ်င္းစီကို icon ေျပာင္းသံုးထားတာကို with icon လို႔ နာမည္ေပးထားၿပီး ဘာ icon မွာ မသံုးထားတာကို without icon လို႔ ေရးထားပါတယ္။
HTML ကို မေလ့လာဘူးတဲ့သူေတြအတြက္ေတာ႔ အနည္းငယ္ ခက္ခဲလိမ့္မယ္။ ေသခ်ာစူးစိုက္ၿပီး ၾကည့္လုိက္ပါ။ အဆင္ေျပသြားပါလိမ္႔မယ္။
( မွတ္ခ်က္။ ။ အထက္ပါပိုစ့္ကို သံလံုငယ္ ၏ ဒီလင့္ေလး မွမွီၿငမ္းထားၿခင္းၿဖစ္ပါသည္ )
Dtree Menu for Blogger
How to hack “Right Click Disable “
Website အေၿမာက္အၿမားဟာ သူတို႔ရဲ႕ဆိုဒ္ေတြမွ ပို႔စ္မ်ား ပံုမ်ား ကိုအလြယ္တကူ ကူးယူ၍ မရေအာင္ right click ကို disable လုပ္ထားေလ႔ရွိပါတယ္ ဒါဟာ ေကာင္းမြန္တဲ႔ နည္း လမ္းတစ္ခုလို႔ေတာ႔ ဆိုနိုင္ေပမဲ႔ ၿပီးၿပည္႔စံုၿခင္းေတာ႔ မရွိေသးပါဘူး တားၿမစ္ကန္႔သတ္ထားတဲ႔ website မ်ားမွ data မ်ားကို ကူးယူလိုပါက ေအာက္ပါနည္းလမ္းကို အသံုးၿပဳၿပီး အလြယ္ တကူ ေက်ာ္လြားနိုင္ပါတယ္။ Internet Explorer 8 ကိုနမူနာထားၿပီး ေဆြးေႏြးသြားပါမယ္
1. Tools–>Internet Options —>Security tab ကို click ပါ ။
2. Custom Level ဆက္လက္ click ပါ Security Setting ကိုေရာက္လာပါမယ္ ။
3.Scroll down ဆြဲခ်ၿပီး “Scripting” section ကိုရွာပါ ။
4.Active scripting ကို Disable ေပးပါ ။
ဒါဆိုရင္ ပိတ္ပင္တားဆီးထားတဲ႔ website မ်ားမွ ပို႔စ္၊ပံုမ်ားကို အလြယ္တကူ ကူးယူနိုင္ပါၿပီ။
( http://kotzp.co.cc/ မွတဆင့္တင္ၿပထားၿခင္းၿဖစ္ပါသည္ )
EOT လုပ္ၾကရေအာင္
# ပထမဆုံး Microsoft web site ကို သြားၿပီး WEFT (Web EmbeddedFont Technology) ကို ဒီမွာ download လုပ္ပါ... ၿပီးရင္ေတာ့ install လုပ္ေပါ့ဗ်ာ...
# က်ေတာ္တုိ႔လုိ ျမန္မာျပည္တြင္းမွာေနတဲ့လူေတြက eot လုပ္မယ့္ web site ကိုညႊန္ျပရတာအခ်ိန္အရမ္းၾကာတယ္... က်ေတာ္ ဘာလုပ္ထားလဲဆုိေတာ့ Zawgyi-One သုံးမယ္ဆိုရင္ အဲဒီfont နဲ႔ က်ေတာ္သုံးမယ့္ Bold, Italic, Bold+Italic and Normal စာလုံးေတြ ပါတဲ့web page ေလးတစ္ခု အရင္ တည္ေဆာက္ထားလုိက္တယ္... ခု အဲဒီ web page နာမည္ကို eot.htmလုိ႔ေပးထားတယ္...ကဲစရေအာင္ဗ်ာ
# WEFT program ကိုဖြင့္ပါ... Welcome! This wizard will guideyou ... ဘာညာ လာျပရင္ နားလည္ေအာင္ ဖတ္ၿပီးရင္ Next ကို ႏွိပ္ဗ်ာ...
# Full Name နဲ႔ E-mail ထည့္ၿပီး Next ကိုႏွိပ္ဗ်ာ...
# ခုေပၚလာတဲ့ dialog box က အေရးႀကီးတယ္ေနာ္... ေရွ႕က list boxထဲမွာ ခုက်ေတာ္က ကြန္ပ်ဴတာထဲမွာ ရွိတဲ့ ဖုိင္ကို သုံးမွာဆုိေတာ့ file:// ကိုေရြးတယ္...Internet ေပၚက ဖုိင္ကို ညႊန္းမယ္ ဆုိရင္ေတာ့ http:// (or) https:// (or) ftp://တစ္ခုခုကို ေရြးေပးစရာ လုိပါတယ္...ခုေရြးခဲ့တဲ့ list box ရဲ႕ ညာဘက္ ၁-ခုေက်ာ္မွာရွိတဲ့ ... button ေလးကို ကလစ္ႏွိပ္ၿပီး က်ေတာ္ လုပ္ထားတဲ့ eot.htm ရွိတဲ့ဖုိင္ေလးကို ညႊန္ျပလုိက္ပါတယ္...
ၿပီးရင္ Next ကို ကလစ္လုပ္ပါ...Analyze Web Pages dialog boxေပၚလာရင္ Next ကိုႏွိပ္ပါ... The page file:..... It may not display on Win9xand MacOS. Unicode and Uniscribe is required. Do you want to continue? ဆုိတဲ့box လာျပရင္ Yes ကို ကလစ္လုပ္ပါ...
Font to Embed box ကိုေရာက္ရင္...subsetting ကို 7. No subsetting ထားလုိက္ပါတယ္... ခုက်ေတာ္ ညႊန္ျပလုိက္တဲ့ web page ထဲမွာ embed လုပ္စရာမလုိတဲ့font ေတြ ပါလာတယ္ဆုိရင္ အဲဒီ font ကို select လုပ္ၿပီး Don't embed ဆုိတာေလးကိုclick လုပ္ပါ...
Create Font Objects ဆုိတဲ့ box ေပၚလာရင္ Edit button ကိုႏွိပ္ၿပီး eot သုံးမယ့္ web site ေတြရဲ႕ address ကို ထည့္ေပးရပါတယ္... ထည့္တဲ့အခါသိထားရမွာက http://soul-of-blog.blogspot.com လုိ႔ပဲထည့္ထား ခဲ့မိရင္ http://www.soul-of-blog.blogspot.comလုိ႔ ၀င္ၾကည့္တဲ့လူေတြ အဆင္မေျပပါဘူး... အဲဒါေၾကာင့္ လိပ္စာထည့္တဲ့အခါ www ပါတာတဲ့ လိပ္စာေေရာ ၊ မပါတဲ့ လိပ္စာပါ ထည့္ေပးစရာ လုိပါတယ္...
ၿပီးရင္ ပုံထဲမွာ ျပထားတဲ့အတုိင္း အေပၚက check box ၂-ခုကိုအမွန္ျခစ္ ျခစ္ေပးၿပီး Next ကို ႏွိပ္လိုက္ပါ...
ခဏေတာ့ေစာင့္ေနာ္...CSS Style dialog box ဆုိၿပီး ေပၚလာပါလိမ့္မယ္..အဲဒီထဲက ေအာက္မွာျပထားတဲ့ code ေတြကို က်ေတာ္ copy ကူးထားလုိက္တယ္...
@font-face {
font-family: Zawgyi-One;
font-style: normal;
font-weight: 700;
src: url(ZAWGYIO3.eot)
}
@font-face {
font-family: Zawgyi-One;
font-style: oblique;
font-weight: normal;
src: url(ZAWGYIO2.eot);
}
@font-face {
font-family: Zawgyi-One;
font-style: oblique;
font-weight: 700;
src: url(ZAWGYIO1.eot);
}
@font-face {
font-family: Zawgyi-One;
font-style: normal;
font-weight: normal;
src: url(ZAWGYIO0.eot);
}
# ၿပီးရင္ေတာ့ Close ကိုႏွိပ္တယ္... Next ကိုႏွိပ္တယ္...
# You all are done.... ဘာညာလာျပေတာ့ Finish ကို ႏွိပ္လုိက္တယ္... eot.htm ရွိတဲ့ folder ထဲသြား ၾကည့္ေတာ့ ZAWGYIO0.eot, ZAWGYIO1.eot, ZAWGYIO2.eot, ZAWGYIO3.eot ဆုိၿပီး ဖိုင္ ၄-ဖုိင္ ထြက္လာတာ ေတြ႕ရတယ္... ဘာျဖစ္လုိ႔ ၄-ဖုိင္ ထြက္တာလဲဆုိေတာ့ eot.htm ဖုိင္ထဲမွာ့ Bold, Italic, Bold+Italic, Normal ဆုိၿပီး စာ ၄-မ်ဳိး ထည့္ထားမိလုိ႔ ခင္ဗ်...
# အဲဒီ ဖုိင္ ၄-ဖုိင္ကုိ အင္တာနက္ေပၚတင္ရေအာင္...
ကိုယ္ပုိင္ hosting ရွိရင္ ကုိယ္ပုိင္ေပၚတင္ေပါ့ဗ်ာ... က်ေတာ့္လုိ ကုိယ္ပုိင္မရွိတဲ့သူေတြကေတာ့ free hosting ေပၚတင္တယ္ေပါ့ဗ်ာ... ခု က်ေတာ္ ripway.com ေပၚတင္လုိက္တယ္ဗ်ာ...
ခုနကရလိုက္တဲ့ CSS မွာ အဲဒီ upload လုပ္လိုက္တဲ့ font ရဲ႕ URL ကိုျဖည့္ ပါ။ (အဝါေရာင္စာသားေနရာ)
@font-face {
font-family: Zawgyi-One;
font-style: normal;
font-weight: normal;
src: url(http://h1.ripway.com/soul-of-blog/eot/ZAWGYIO3.eot);
} ဒီ code ကိုtemplate ရဲ႕ CSS ပိုင္းမွာ ကူးထည့္ပါ။
ျပင္ၿပီးၿပီဆုိရင္ အဲ့ဒီ code အကုန္ copy ျပန္ကူးၿပီး web page ရဲ႕ html code ထဲက STYLE TYPE="text/css" ဆုိတဲ့ေအာက္ ကပ္လွ်က္မွာ paste လုပ္လုိက္ပါ...
ရလား မရလားကို ေဖာင့္မရွိတဲ့ ကြန္ပ်ဴတာမွာ Internet Explorer နဲ႔ ျပန္ၾကည့္ပါ... က်န္တဲ့ browser မ်ားနဲ႔ ၾကည့္ရင္ ျမင္ရမည္မဟုတ္ပါ...
Note@Note2Email.com
Email တစ္ေစာင္မွာ Address နဲ႔ IP ေဖ်ာက္ထားခ်င္တယ္ စာေတြကို လံုၿခံဳေအာင္ Encrypt လုပ္ပို႔မယ္ဆို Free service တစ္ခု ညႊန္းလိုပါတယ္။ သူတပါး ထိခိုက္မယ့္ အီးေမးလ္ တစ္ေစာင္ မဖန္တီး မိဖို႔ေတာ့ စဥ္းစား ေစလိုပါတယ္။ Blacklist အျဖစ္ သတ္မွတ္ခံရၿပီး ျပသနာ သယ္ေဆာင္ ေပးမယ့္ ဆားဗစ္ မဟုတ္ဘဲ မိမိ လံုၿခံဳေရး အတြက္ အကာအကြယ္ ေပးမယ့္ ဆားဗစ္ မ်ိဳးလို သံုးေစလိုပါတယ္။
နည္းနည္း ခက္ေနတာက သက္ဆိုင္ရာ ISP ေတြ အမွားမ်ားမ်ား ရွိသူေတြ က အသံုးျပဳခြင့္ ျငင္းဆန္ ပါလိမ့္မယ္။ မူရင္း ဆားဗစ္ ကို ယံုၾကည္တယ္၊ အတန္အသင့္ လံုၿခံဳမယ့္ အီးေမးလ္ အျမန္ပို႔ မယ္ဆို www.Note2Email.com ကကူညီပါလိမ့္မယ္။
