ေကာင္းစဥ္ေလးကို ျမင္တာနဲ႔ ဘာလုပ္တဲ့ ေဆာ့၀ဲလ္ ဆိုကိုေတာ့ အားလံုးသိျပီးသား ျဖစ္ပါလိမ့္မယ္
ပါ၀င္တဲ့ features ေတြကေတာ့

1. TuneUp Economy Mode
2. TuneUp Program Deactivator
3. Improve Performance and Battery Life
4. Take Care of Your PC and Data Clutter
5. Restore and Secure-Wipe Files
6. Analyze and troubleshoot your PC
7. Personalize Windows®
8. TuneUp Economy Mode
9. Turbo Mode
10. TuneUp Live Optimization
11. Disable startup programs
12. Accelerate system startup and shutdown
13. Defragment hard disk
14. 1-Click-Maintenance & Automatic Maintenance
15. Clean hard disk
16. Uninstall unneeded programs
17. Defragment, Clean and Edit the Registry
18. Find and Delete Large Amounts of Data
19. Remove Broken Shortcuts
20. Restore deleted files
21. Clean hard disk
22. Delete files safely
23. Show system information
24. Status & recommendations (category)
25. Optimization status
26. Increase performance - recommendations
27. Program rating
28. Display and close running processes
29. Detect and fix problems
30. Check hard disk for errors
31. Customize the appearance of Windows® (TuneUp Styler)
32. Customize options and behaviors (TuneUp System Control)
33. Start Center
34. Overview of all functions
35. TuneUp Utilities Settings Center
36. Check for Updates
37. Optimization Report
38. More Great Features

ဒီေကာင္ေလးကေတာ့ မိမိကြန္ပ်ဴတာ sreen ကို record လုပ္တဲ့ ေဆာ့၀ဲလ္ေလးပါ သံုးရတာ ေတာ္ေတာ္ေလး
ကို အဆင္ေျပပါတယ္ full version ေလးျဖစ္ေအာင္ key ပါရွာေပးထားပါတယ္....ကီးထည့္တဲ့ အခါ user name ကိုေတာ့ ကိုယ္ၾကိဳက္တဲ့ နာမည္ေပးလို႔ ရပါတယ္
ကီးေတာ့ rar ဖိုင္ထဲမွာပါျပီးသားပါ
လိုအပ္မယ္ဆိုရင္ဒီမွာေဒါင္းယူႏိုင္ပါတယ္

 DEMO အေနနဲ႔ေတာ့ က်ေနာ့္ဘေလာ့ ရဲ႕ လက္၀ဲ ဘက္မွာ ၾကည့္ႏိုင္ပါတယ္ ခင္ဗ်ာ
1. ပထမဆံုးအေနနဲ႕Blogger DashBoard >> CLick on the Design Tab >>And then on Edit HTML. ကိုသြားလိုက္ပါ။
2. သင့္ Template ကို Backup လုပ္ထားပါ.
3.  Expand Template Widgets မွာ အမွန္ျခစ္ေလးေပးလိုက္ပါ
4. ဒီကုဒ္ေလးကိုရွပါ ]]></b:skin> 
5.  ]]></b:skin> ကိုေတြျပီဆိုရင္ ေအာက္မွာ ေပးထားတဲ့ ကုဒ္ေတြကို ]]></b:skin> အေပၚမွာထည့္လိုက္ပါ။

/* Css3 Stylish Vertical Side Menu - info @ http://www.trickstime.com */
#hor {
list-style:none;
padding:0;
margin:0;
}

#hor li {
float:left;
padding:5px;
}

#hor a {
display:block;
height: 12px;
text-indent:-999em;
}

#hor a.home {
width:46px;
background:url(vHome.gif) no-repeat 0 0;
}

#hor a.download {
width:94px;
background:url(vDownload.gif) no-repeat 0 0;
}

#hor a.contact {
width:74px;
background:url(vContact.gif) no-repeat 0 0;
}


/* CSS Style for Vertical Menu */

#ver {
list-style:none;
padding:0;
margin:0;
}

#ver li {
padding:2px;
}

#ver li a {
display:block;
height:12px;
text-indent:-999em;
}

#ver a.home {
width:47px;
background:url(hHome.gif) no-repeat 0 0;
}

#ver a.download {
width:95px;
background:url(hDownload.gif) no-repeat 0 0;
}

#ver a.contact {
width:74px;
background:url(hContact.gif) no-repeat 0 0;
}


.clear {
clear:both;
}


*{
/* A universal CSS reset */
margin:0;
padding:0;
}


#navigationMenu body{
font-size:14px;
color:#666;
background:#111 no-repeat;


/* CSS3 Radial Gradients */
background-image:-moz-radial-gradient(center -100px 45deg, circle farthest-corner, #444 150px, #111 300px);
background-image:-webkit-gradient(radial, 50% 0, 150, 50% 0, 300, from(#444), to(#111));

font-family:Arial, Helvetica, sans-serif;
}

#navigationMenu li{
list-style:none;
height:39px;
padding:2px;
width:40px;
}

#navigationMenu span{
/* Container properties */
width:0;
left:38px;
padding:0;
position:absolute;
overflow:hidden;

/* Text properties */
font-family:'Myriad Pro',Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
letter-spacing:0.6px;
white-space:nowrap;
line-height:39px;

/* CSS3 Transition: */
-webkit-transition: 0.25s;

/* Future proofing (these do not work yet): */
-moz-transition: 0.25s;
transition: 0.25s;
}

#navigationMenu a{
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifXSRrqFjOyx-7kT1zhaKIZUXIKZSmrkU77OOkCxD-4r4q14bbEtAH7paaJjgItjNgiJAsaex6h5QDaSxJVdyimooUYTYwyiQQs_Jp4IKC2JHuWT81HI7I6qJHXoV-HNO77-xTqPAEN1eS/s1600/navigation.jpg') no-repeat;

height:39px;
width:38px;
display:block;
position:relative;
}

/* General hover styles */

#navigationMenu a:hover span{ width:auto; padding:0 20px;overflow:visible; }
#navigationMenu a:hover{
text-decoration:none;

/* CSS outer glow with the box-shadow property */
-moz-box-shadow:0 0 5px #9ddff5;
-webkit-box-shadow:0 0 5px #9ddff5;
box-shadow:0 0 5px #9ddff5;
}

/* Green Button */

#navigationMenu .home { background-position:0 0;}
#navigationMenu .home:hover { background-position:0 -39px;}
#navigationMenu .home span{
background-color:#7da315;
color:#3d4f0c;
text-shadow:1px 1px 0 #99bf31;
}

/* Blue Button */

#navigationMenu .about { background-position:-38px 0;}
#navigationMenu .about:hover { background-position:-38px -39px;}
#navigationMenu .about span{
background-color:#1e8bb4;
color:#223a44;
text-shadow:1px 1px 0 #44a8d0;
}

/* Orange Button */

#navigationMenu .services { background-position:-76px 0;}
#navigationMenu .services:hover { background-position:-76px -39px;}
#navigationMenu .services span{
background-color:#c86c1f;
color:#5a3517;
text-shadow:1px 1px 0 #d28344;
}

/* Yellow Button */

#navigationMenu .portfolio { background-position:-114px 0;}
#navigationMenu .portfolio:hover{ background-position:-114px -39px;}
#navigationMenu .portfolio span{
background-color:#d0a525;
color:#604e18;
text-shadow:1px 1px 0 #d8b54b;
}

/* Purple Button */

#navigationMenu .contact { background-position:-152px 0;}
#navigationMenu .contact:hover { background-position:-152px -39px;}
#navigationMenu .contact span{
background-color:#af1e83;
color:#460f35;
text-shadow:1px 1px 0 #d244a6;
}

/*End Css3 Stylish Vertical Side Menu - info @ http://www.trickstime.com */

6. တိန္းပလိတ္ ကို Save လိုက္ပါ။


7. ေနာက္တစ္ဆင့္အေနနဲ႔ >>Design Tab >> Page Elements ကိုသြားပါ။


8.  Add a widgetကိုေရြးပါျပီးရင္  "HTML/Javascript".ကိုေရြးပါ။


9. ေအာက္က ကုဒ္ေလဒေတြကို copy ယူျပီး "HTML/Javascript" မွာ paste လုပ္လိုက္ပါ။ 

10.Save လိုက္ပါ။

<div style='position: fixed; top: 40%; left: 0%;'/>
<ul id="navigationMenu">
<li>
<a class="Home" href="ayelwin-it.blogspot.com">
<span>မူလစာမ်က္ႏွာ</span>
</a>
</li>
<li>

<a class="about" href="link ထည့္ရန္">
<span>နာမည္ထည့္ရန္</span>
</a>
</li>

<li>
<a class="categories" href="link ထည့္ရန္">
<span>နာမည္ထည့္ရန္</span>
</a>

</li>

<li>
<a class="services" href="link ထည့္ရန္">
<span>နာမည္ထည့္ရန္</span>
</a>
</li>

<li>
<a class="contact" href="link ထည့္ရန္">

<span>နာမည္ထည့္ရန္</span>
</a>
</li>
</ul>
</div>

Note; အနီေရာင္ စာသားနဲ႔  အစိမ္းေရာင္ စာေတြကို ျပန္လည္ ျပင္ယူပါ။
အားလံုးပဲ အဆင္ေျပၾကပါေစ အားလံုးကို ေလးစားစြာျဖင့္ ေမာင္ေအးလြင္

ဒီတစ္ခါေရးမယ့္ အေၾကာင္ေလးကေတာ့ မိမိ ဘေလာ့မွာ စာမ်က္ႏွာ ရွည္ေနရင္ အေပၚကို ျပန္တက္တဲ့ေနရာ အသံုးျပဳဖို႔အတြက္ပါ က်ေနာ့္ ဘေလာ့ ေအာက္မွာ
DEMO အေနနဲ႔ ၾကည့္ ႏိုင္ပါတယ္ ဒီေကာင္ေလးကေတာ့ ဘေလာ့ဂါ သမားေတြ အတြက္ မရွိမျဖစ္ လိုအပ္တဲ့ Plug in ေလးတစ္ခုပါ jump to top လုပ္နည္းေလးေတြကိုေတာ့ ေတာ္ေတာ္ မ်ားမ်ား ရွိပါတယ္ ဒါေပမယ့္ က်ေနာ္ၾကိဳက္တဲ့ JQuery နည္းေလးပါ သူငယ္ခ်င္းတို႔လဲ သေဘာက်ၾကလိမ့္မယ္လို႔ေမွ်ာ္လင့္ပါတယ္ ကဲစလိုက္ၾကရေအာင္ဗ်ာ

ပထမဆံုးအေနနဲ႔ Design=>>Edit HTML ကိုသြားလိုက္ပါ။

expanded Wedget ကို အမွတ္ေလးေပးလိုက္ပါ

ဒီ </body> ကုဒ္ေလးကို ကီးဘုတ္မွ Ctrl+F အကူနဲ႔ ရွာလိုက္ပါ။ ေတြ႔ျပီဆိုရင္ ေအာက္မွာေပးထားတဲ့ ကုဒ္ေလးကို အေပၚက ထည့္လိုက္ပါ

<style type='text/css'>
#amazi {-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; width:100px;background-color: #cococo;background-color: rgba(238, 238, 238, 0.6);filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=&#39;#99EEEEEE&#39;,EndColorStr=&#39;#99EEEEEE&#39;);text-align:center;padding:5px;position:fixed;bottom:30px;left:20px;cursor:pointer;color:#444;text-decoration:none;border:4px solid #9AFE2E;}
</style>
<script src='http://yourjavascript.com/22951137813/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
    $(function() {
        $.fn.scrollToTop = function() {
            $(this).hide().removeAttr(&quot;href&quot;);
            if ($(window).scrollTop() != &quot;0&quot;) {
                $(this).fadeIn(&quot;slow&quot;)
            }
            var scrollDiv = $(this);
            $(window).scroll(function() {
                if ($(window).scrollTop() == &quot;0&quot;) {
                    $(scrollDiv).fadeOut(&quot;slow&quot;)
                } else {
                    $(scrollDiv).fadeIn(&quot;slow&quot;)
                }
            });
            $(this).click(function() {
                $(&quot;html, body&quot;).animate({
                    scrollTop: 0
                }, &quot;slow&quot;)
            })
        }
    });
    $(function() {
        $(&quot;#amazi&quot;).scrollToTop();
    });
</script>
<a href='ဒီေနရာမွာ မိမိရဲ့ဘေလာ့လိပ္စာထည့္ပါ' id='amazi' style='display:none;'>^^အေပၚသို႔^^ </a>

preview နဲ႔ အရင္ၾကည့္လိုက္ပါ error မတက္ရင္ေတာ့ Teamplate ကို save လိုက္လို႔ ရပါျပီ ။လုပ္ေဆာင္ခ်က္ ျပီးဆံုးသြားပါျပီ။

 EDIT&NOTICE

ဒီ javascript ==> http://yourjavascript.com/22951137813/jquery.min.js' ေလးကိုေဒါင္းေလ့ာယူျပီး မိမိကိုယ္တိုင္ upload တင္ျပီး သံုးရင္ပိုအဆင္ေျပပါတယ္

ျပန္ျပင္ရန္ အက်ယ္ width:100px; ေနာက္ခံအေရာင္ background-color: #cococo; မိမိထားလိုတဲ့ေနရာ ;bottom:30px;left:20px; ေအာက္ေခ် ဘယ္ဖက္ ညာဘက္မွာထားခ်င္ရင္ေတာ့ right လို႔ ျပန္ျပင္လို႔ရပါတယ္ ဒါကေတာ့ ;bottom:30px ေအာက္ေခ်ကေနအေပၚသို႔ 30px အျမင့္ပါ ကိုယ့္တိန္းပလိတ္ႏွင့္ ကိုက္ညီေအာင္ ျပန္ညွိယူပါ။ ဒါကေတာ့ left:20px လက္၀ဲဘက္ကေန 20px အကြာမွာထားမယ္လို႔ သတ္မွတ္လိုက္တာပါ လက္ယာဘက္မွာထားမယ္ ဆိုရင္ေတာ့ right:20px (သို႔မဟုတ္) right:မိမိထားလိုတဲ့အကြာအေ၀းနံပါတ္px လို႔ သတ္မွတ္ျပီး မိမိ Teamplate နဲ႔ ကိုက္ညီေအာင္ညွိယူပါ အားလံုးအဆင္ေျပၾကပါေစ။

ဒီတစ္ခါေတာ့ ဘေလာ့ သူငယ္ခ်င္းေတြ အတြက္ notice infomation box ေလးထည့္နည္းေလးကိုတင္ေပးလိုက္ပါတယ
္ ဒီေကာင္ေလးမွာေတာ့ ကိုသြားေရာက္လည္ပတ္ေစခ်င္တဲ့ link ေလးပါထည့္ေပးလို႔ ရသလို imfomation သီးသန္႔ထည့္ခ်င္ရင္လဲ
ရပါတယ္ က်ေနာ့္ ဘေလာ့ေလးရဲ့ ညာဘက္ေအာက္ေထာင့္ေလးမွာ <button>DEMO</button> အေနနဲ႔ ၾကည့္ႏိုင္ပါတယ္။
ၾကိဳက္တယ္ဆိုရင္ေတာ့ စမ္းၾကည့္ လို႔ ရေအာင္ က်ေနာ္နားလည္သေလာက္ ရွင္းျပပါမယ္....က်ေနာ္လုပ္တာေတာ့ အဆင္ေျပပါတယ္။
သူငယ္ခ်င္းမ်ားအေနနဲ႔ အဆင္မေျပခဲ့ရင္ comment ေလးေရးထားခဲ့ပါ ....အဆင္ေျပရင္တယ္ ၾကိဳက္တယ္ဆိုရင္ေတာ့ ေက်းဇူးတင္
စကားေလးေျပာေပးသြားပါလို႔ ေျပာရေစ သူငယ္ခ်င္းတို႔ရဲ့ comments ေလးေတြက က်ေနာ့္အတြက္ အားေဆးမို႔ပါ..........:D။
စလိုက္ၾကရေအာင္ေနာ္........

၁။ ပထမဆံုး  Dashboard –> Design tab –>Edit html –> ကိုသြားလိုက္ပါ။

၂။ expand webget ကို အမွတ္လးေပးလိုက္ပါ။

၃။ မိမိရဲ့ template ကို Download Full Template နဲ႔ download လုပ္ထားလိုက္ပါ.. မိမိ အမွတ္ရမယ့္       တစ္ေနရာမွာ သိမ္းထားလိုက္ပါ။ ဒီလိုလုပ္ရတာက မိမိဘေလာ့ေလးမွာ တစ္ခုခု မွားသြားခဲ့ရင္ မဂိုမူလ
    အတိုင္း ျပန္ယူလို႔ ရေအာင္ ၾကိဳတင္သိမ္းထားျခင္းျဖစ္ပါတယ္။ ဒီအဆင့္ထိျပီးသြားဆိုရင္ ဆက္မယ္ေနာ္

၄။ ေအာက္မွာေပးထားတဲ့ ကုဒ္ေလးကို ရွာလိုက္ပါ။(ရွာရန္...  ::.help???.::= ကီးဘုတ္မွ Ctrl+F ႏႈိက္လိုက္ပါ ကြန္ပ်ဴတာရဲ့
    ေအာက္ေျခမွာ bar ေလးတစ္ခု တတ္လာမွာပါ အဲမွာ လက္၀ဲဘက္ေထာင့္မွာ စာရုိက္ထည့္လို႔ ရတဲ့ ေနရာေလးရွိပါတယ္
    အဲဒီေနရာမွာ ေအာက္က ကုဒ္ေလးကို copy ယူျပီး ေပၚလာတဲ့ bar ေလးရဲ့စာရိုက္တဲ့ေနရာမွာ paste လုပ္လိုက္ပါ။)
   (စာၾကြင္း။   ။ အခုလိုေျပာရတာ ဘေလာ့စတင္လုပ္သူေတြပါ အဆင္ေျပေအာင္လို႔ပါ                        ....bolg ႏွင့္ရင္ႏွီးပီးသားသူငယ္ခ်င္းအတြက္မရည္ရြယ္ပါ)

</head>

၅။</head> ကိုရွာေတြ႔ျပီဆိုရင္ ေအာက္မွာေပးထားတဲ့ ကုဒ္ေလးကို </head> အေပၚမွာကပ္ထည့္လိုက္ပါ။

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="http://tntechie.googlecode.com/files/jquery.slidenote.min.js" type="text/javascript"></script>

၆။ ေအာက္မွာေပးထားတဲ့ ကုဒ္ေလးကိ္ု ထပ္ရွာပါ။ [(၄)မွာေျပာခဲ့ သလိုေပါ့။]

]]></b:skin>

၇။ ]]></b:skin> ကိုရွာလို႔ေတြျပီဆိုရင္ ေအာက္က ကုဒ္ေလးကို အေပၚမွာ ထည့္လိုက္ပါ။ center>

/* ----- tntechie CSS START------ */
.slidenote { width: 540px; height: 140px; background: #FBEC78; padding: 1em;
-moz-box-shadow: -0.2em -0.2em 0.7em #333; -webkit-box-shadow: -0.2em -0.2em 0.7em #333;}
.slidenote img { float: left; margin-left: -2em; margin-top: -2em; }
.slidenote img:hover { margin-top: -1.95em; }
/* ----- tntechie CSS END------ */

၈။ ကိုယ္လိုခ်င္တဲ့ အက်ယ္ width: 540px ။အျမင့္  height: 140px ။ေနာက္ခံအေရာင္  background: #FBEC78 ေတြကို
    ျပန္ျပင္ႏိုင္ပါတယ္  ( { width: 540px; height: 140px; background: #FBEC78;) ။

၉။ ေနာက္ဆံုးအဆင့္အေနနဲ႔ ေအာက္မွာေပးထားတဲ့ ကုဒ္ေလးကို ရွာပါ။

</body>

၁၀။ </body> ကိုရွာေတြ႔ျပီဆိုရင္ ေအာက္မွာေပးထားတဲ့ ကုဒ္ေလးေတြကို </body>အေပၚမွာ ထည့္လိုက္ပါ။

<!-- Notification Slider Start -->
<div class='slidenote' id='note'>
<div id='container'>
<h2>ဒီေနရာမွာ ေခါင္စဥ္ေရးပါ</h2>
<span><em>ဒီေနရာမွာ မိမိေရးလိုတဲ့ infomarions ေတြေရးပါ</em></span>

<p><a href='ဒီေနရာမွာ infomations ရဲ့ link ကိုထည့္ပါ' target="_blank">သြားလည္မယ္</a> </p>

</div>
</div>
<script type='text/javascript'>
$(&#39;#note&#39;).slideNote({
closeImage: &#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyRA5mvTWRGQnakI50egwBlZjqwIJvWGNgn8sBgFQGvv3LnMKedtigKCwp9mWrRhCVf7zF4IVf4O9wMlfe3q86VWoTuaIDdo2q21c5icGfvqKUR5P5EIgKHVgGUImWF9Vm0d3k9Xhu3Coh/s1600/slidenote.close.png&#39;
});
</script>
<!-- Notification Slider Ends -->

၁၀။ မိမိရဲ့  template ကိုpreview နဲ႔ ၾကည့္လိုက္ပါ error မတတ္ရင္ေတာ့ save လုပ္လိုက္ပါ။
     လုပ္ေဆာင္ခ်က္ ျပီးဆံုးသြားပါျပီ............အဆင္ေျပပါေစ.......Good luck!!!

၁၂။ မွတ္ခ်က္။  ။ မိမိေရးလိုတဲ့ infomations ေတြကို link မခ်ိတ္ ခ်င္ရင္ေတာ့
     <p><a href='ဒီေနရာမွာ infomations ရဲ့ link ကိုထည့္ပါ' target="_blank">သြားလည္မယ္</a></p>
    ဆိုတဲ့ စာေၾကာင္းေလးကို ျဖဳတ္လိုက္ပါ update

အခု MItB (my it&blogging)အိုင္တီႏွင့္ ဘေလာ့နည္းပညာ ဆိုဒ္ေလးမွာ ဘေလာ့နည္းပညာနဲ႔ ပတ္သတ္တာေလးေတြ ဦးစားေပး တင္ေပးသြားမွာပါ အိုင္တီ နည္းပညာကို ေလ့လာရန္အတြက္
က်ေနာ္ႏွင့္သူငယ္ခ်င္းမ်ား စုျပီးေရးဆိုဒ္ေလးမွာ လာေရာက္အားေပးၾကပါလို႔ ေျပာပါရေစ ဆရာေတြလို
မတတ္ေပမယ့္ အေကာင္းဆံုုးျဖစ္ေအာင္ အခမဲ့ မွ်ေ၀သြားမွာပါ