Blog မွာ Shining CSS3 Horizontal Menu ထည့္ခ်င္ရင္...

By
ေအာက္ကလို အေရာင္ထြက္ေနတဲ့ Menu စတုိင္ေလးကို ကိုယ္ပိုင္ဘေလာဂ့္မွာ ထည့္ခ်င္တယ္ဆိုရင္..


ဦးစြာ... Blogger Dashboard ကိုသြား Layout ကိုႏွိပ္ "Add a gadget" မွာ "html/java script" ကိုေရြးၿပီး ေအာက္က code ေတြကို ကူးထည့္လိုက္ပါ...

<style type="text/css">.menu li{list-style:none;display:inline}.menu li a{-moz-transition:all 270ms ease-in-out 0s;-webkit-transition:all 310ms ease-in-out;-o-transition:all 270ms ease-in-out;background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLQ01HIJZlY-lJEiruvmdt5Q_Og8XxeBlz176-9c8QvrWiSraYGjxt9bnOoOsmFDx3Yb0OyqgRx_JbER6zEij8hqIL1bCV6osX2PIe_mtFbn0xE2PHWIl17lAowjC4X1go4jCWqSzbUWA/s1600/noop-menu-blogger.png") repeat scroll 0 0 transparent;border:1px solid #1357AF!important;border-radius:3px 3px 3px 3px;color:#FFFFFF!important;font:14px arial!important;padding:10px 38px!important;text-decoration:none;text-shadow:1px 1px 0 #000;margin-left:-5px}.menu li a:hover{background-position:right center!important}</style>
<a href="http://bbloggertutorials.blogspot.com" style="position: absolute;z-index:-11;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbIbPGGMfbD-kyr3xnnsA-xMrY223EP2Sg7LH0kKIXq7W1OPcuMlbuZAh6ED23cKB7lNFl0PsnJXPba8tzBWzcBnkNXEeTG43gcJLS35XyiK1SV-2O-udb3-KE5AIZc0_nyMVv8ooI6Kc/s1600/1x1juice.png" /></a>
<div class="wg-shining-menu">
    <ul class="menu">
        <li><a href="http://lwanmapyay.blogspot.com/">Home</a></li>
        <li><a href="#">Features</a></li>
        <li><a href="http://lwanmapyay.blogspot.com/p/blogger-tools.html">Products</a></li>
        <li><a href="http://lwanmapyay.blogspot.com/p/contact-me.html">Contact</a></li>
        <li><a href="http://lwanmapyay.blogspot.com/p/sitemap.html">Tips</a></li>
        <li><a href="http://lwanmapyay.blogspot.com/p/terms-and-conditions.html">Tricks</a></li>
        <li><a href="#">About</a></li>
    </ul>

</div>

ျပီးရင္ Save လုပ္... ရပါၿပီး... 

(မွတ္ခ်က္; အျပာေရာင္နဲ႔ အနီေရာင္ျပထားတဲ့ေနရာေတြက ကိုယ္ပုိင္လင့္ခ္နဲ႔ အမည္ေတြ ေရးဖို႔အတြက္ပါ..)

Good Luck... Ko Myo

ဆက်စပ်ဖတ်ရှုရန် အကြောင်းအရာများ...