Internet for Myanmar: Blogger

Click Here Create Account

အေကာင့္ဖြင့္နည္းကိုေတာ့မေျပာေတာ့ဘူးေနာ္ Blogger ေတြဆိုေတာ့ ခ္ခ္

သက္ဆိုင္ရာျဖည့္ပီး Finish ႏွိပ္လိုက္ပါ

Choose Template မွာ

ကိုထည့္ခ်င္တဲ့ဆိုဒ္ ကိုေရြး ပီး Update ႏွိိပ္ပါ

Get Ad Code ကို ႏွိပ္လိုက္ရင္ ေၾကာ္ျငာ code ထြက္လာပါမယ္ အာ့တာ ကို ကူးပီး မိမိ blog မွာ သင့္ေတာ္သည့္ေနရာမွာ ထည့္လိုက္ပါ ထည့္နည္းကိုမေျပာျပေတာ့ဘူးေနာ္

ကၽြန္ေတာ့ blog မွာ ထည့္ထားတဲ့ပံုစံေလးပါ့ဗ်ာ
ေနာက္ပီး payment ပါ ေပၚနားမွာ payment setting ခ်ိန္ပါမယ္

paypal ကိုေရြးပါမယ္ မိမိ payapl email ကိုရုိက္ထည့္ပါ
Your current password:ေနရာမွ အခု ads လုပ္ထားတဲ့ password ကိုရိုက္ထည့္ပီး Update လုပ္ပါ

payment advice ေနရာမွာ Paypal လို႔၀င္သြားပါပီ တလ ျပည့္တိုင္းေငြ လွႊဲေပးမွာျဖစ္ပါတယ္တလျပည့္လို႕ မိမိအေကာင့္ထဲမွာ ၁၀$ မေက်ာ္ရင္လႊဲမေပးပါဘူး

ကၽြန္ေတာ္ေနာက္ဆံုးေျပာခ်င္တာကေတာ့ bidvertiser သည္

တကယ္ေငြလွႊဲေပးပါတယ္ :P :P payment မွန္တယ္လို႕ေျပာရမွာေပါ့

အဆင္ေျပရင္ေအာက္ပါေၾကာ္ျငာကိုတစ္ခ်က္ကလစ္ခဲ့ပါ ++++++++++++++++++++++++++++++++++++++++++++++++++++ ++++++++++++++++++++++++++++++++++++++++++++++++++++ အဆင္ေျပပါေစ ေက်းဇူးတင္ပါတယ္

ခုတင္တဲ့ နည္းလမ္းေလးကေတာ့ ခဏခဏ တင္ေပးထားဘူးတဲ့ dropdown menu ဆိုတဲ့ ေခါင္းစဥ္ လွလွ
နည္းလမ္းေလးတစ္ခုပါဘဲ.. ဒါေပမယ့္ တမ်ိဳးတမ်ိဳးဆီ အဆင္ေျပသလို သုံးစြဲနိဳင္ရန္အတြက္ တင္ျပေပးလုိက္ျခင္းျဖစ္ပါတယ္...
လုပ္နည္းနဲ႕ လိုအပ္တဲ့ ကုဒ္ေတြ ကို ေအာက္မွာဆက္လက္ ေလ့လာလုိက္ပါေနာ္..

►1- Blogger Singin ၀င္လိုက္ပါ။
►2- Dashboard ကိုသြားလိုက္ပါ။
►3- Template    ကိုကလစ္ပါ..။
►4- Edit Html   ကို၀င္ပါ.. Process ကိုကလစ္ျပီးဆက္၀င္လုိက္ပါ။
►5- Expand Widget Template ကိုအမွန္ျခစ္ေပးဖို႕မေမ့ပါနဲ႕ေနာ္...။
►6- Ctrl+F (သို႕မဟုတ္) F3 အကူညီျဖင့္ ေပးထားတဲ့ ကုဒ္ကို ရွာလိုက္ပါ။

   ]]></b:skin>    ကုဒ္ကိုရွာလုိက္ပါ ေတြ႕တာနဲ႕ သူ႕အေပၚမွာ သူမတုိင္မွီေပါ့
ေအာက္ကေပးထားတဲ့ကုဒ္ေတြကို ထည့္ေပးလုိက္ပါေနာ္....

/* Flying Css3 menu 
www.bloggertrix.com*/

#flyingmenubt,#flyingmenubt ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    height:500px;}
#flyingmenubt {
    font-family: "Lucida Sans Unicode",Verdana,Arial,sans-serif;
    font-size: 13px;
    height: 36px;
    list-style: none outside none;
    margin: 40px auto;
    text-shadow: 0 -1px 3px #202020;
    width: 980px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    -moz-box-shadow: 0px 3px 3px #cecece;
    -webkit-box-shadow: 0px 3px 3px #cecece;
    box-shadow: 0 3px 4px #8b8b8b;
    background-image: -webkit-gradient(linear, left bottom, left top, 
color-stop(0, #787878), color-stop(0.5, #5E5E5E), color-stop(0.51, 
#707070), color-stop(1, #838383));
    background-image: -moz-linear-gradient(center bottom, #787878 0%, 
#5E5E5E 50%, #707070 51%, #838383 100%);
    background-color:#5f5f5f;
}
#flyingmenubt ul {
    left: -9999px;
    position: absolute;
    top: -9999px;
    z-index: 2;
}
#flyingmenubt li {
    border-bottom: 1px solid #575757;
    border-left: 1px solid #929292;
    border-right: 1px solid #5d5d5d;
    border-top: 1px solid #797979;
    display: block;
    float: left;
    height: 34px;
    position: relative;
    width: 105px;
}
#flyingmenubt li:first-child {
    border-left: 0 none;
    margin-left: 5px;
}
#flyingmenubt li a {
    color: #FFFFFF;
    display: block;
    line-height: 34px;
    outline: medium none;
    text-align: center;
    text-decoration: none;
    background-image: -webkit-gradient(linear, left bottom, left top, 
color-stop(0, #787878), color-stop(0.5, #5E5E5E), color-stop(0.51, 
#707070), color-stop(1, #838383));
    background-image: -moz-linear-gradient(center bottom, #787878 0%, 
#5E5E5E 50%, #707070 51%, #838383 100%);
    background-color:#5f5f5f;
}

/* keyframes #animation1 */
@-webkit-keyframes animation1 {
    0% {-webkit-transform: scale(1);}
    30% {-webkit-transform: scale(1.3);}
    100% {-webkit-transform: scale(1);}}
@-moz-keyframes animation1 {
    0% {-moz-transform: scale(1);}
    30% {-moz-transform: scale(1.3);}
    100% {-moz-transform: scale(1);}}
#flyingmenubt li > a:hover {

-moz-animation-name: animation1;
    -moz-animation-duration: 0.7s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: normal;
    -moz-animation-delay: 0;
    -moz-animation-play-state: running;
    -moz-animation-fill-mode: forwards;
    -webkit-animation-name: animation1;
    -webkit-animation-duration: 0.7s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-delay: 0;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;
}
#flyingmenubt li:hover > a {
    z-index: 4;
}
#flyingmenubt li:hover ul.subs {
    left: 0;
    top: 34px;
    width: 150px;
}
#flyingmenubt ul li {
    background: none repeat scroll 0 0 #838383;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
    opacity: 0;
    width: 100%;
    /*-webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;*/
}

/* keyframes #animation2 */
@-webkit-keyframes animation2 {
    0% {margin-left:185px;}
    100% {margin-left:0px;opacity:1;}
}
@-moz-keyframes animation2 {
    0% {margin-left:185px;}
    100% { margin-left:0px;opacity:1;}
}
#flyingmenubt li:hover ul li {
    /* css3 animation */
    -moz-animation-name: animation2;
    -moz-animation-duration: 0.3s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 1;
    -moz-animation-direction: normal;
    -moz-animation-delay: 0;
    -moz-animation-play-state: running;
    -moz-animation-fill-mode: forwards;
    -webkit-animation-name: animation2;
    -webkit-animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -webkit-animation-delay: 0;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;

/*-webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;*/
}
/* animation delays */
#flyingmenubt li:hover ul li:nth-child(1) {
    -moz-animation-delay: 0;
    -webkit-animation-delay: 0;
}
#flyingmenubt li:hover ul li:nth-child(2) {
    -moz-animation-delay: 0.05s;
    -webkit-animation-delay: 0.05s;
}
#flyingmenubt li:hover ul li:nth-child(3) {
    -moz-animation-delay: 0.1s;
    -webkit-animation-delay: 0.1s;
}
#flyingmenubt li:hover ul li:nth-child(4) {
    -moz-animation-delay: 0.15s;
    -webkit-animation-delay: 0.15s;
}
#flyingmenubt li:hover ul li:nth-child(5) {
    -moz-animation-delay: 0.2s;
    -webkit-animation-delay: 0.2s;
}
#flyingmenubt li:hover ul li:nth-child(6) {
    -moz-animation-delay: 0.25s;
    -webkit-animation-delay: 0.25s;
}
#flyingmenubt li:hover ul li:nth-child(7) {
    -moz-animation-delay: 0.3s;
    -webkit-animation-delay: 0.3s;
}
#flyingmenubt li:hover ul li:nth-child(8) {
    -moz-animation-delay: 0.35s;
    -webkit-animation-delay: 0.35s;
}

ေနာက္ save template လုပ္နိဳင္ပါတယ္...
ျပီးတာနဲ႕ ေနာက္တဆင့္ ထပ္လုပ္ဖို႕ က်န္ပါေသးးတယ္ ေအာက္မွာ ဆက္ေလ့လာပါေနာ္

   ►1. Login လုပ္လုိက္ပါ ဘေလာ့ကာကို
   ►2. Layout ကိုကလစ္ရပါ့မယ္ မိမိတို႕ Dashboard ကေနေပါ့
   ►3. Add a Gadget ကိုကလစ္ေပးလုိက္ပါ
   ►4. HTML/Javascript. ကိုကလစ္ျပီး က်လာတဲ့ ေဘာက္ေလးထဲမွာဘဲ
   ►5. ေအာက္ကေပးထားတဲ့ ကုဒ္ေတြကို ေကာ္ပီယူ ထည့္လိုက္ပါ

<ul id="flyingmenubt">
    <li><a href="http://www.bloggertrix.com/">Home</a></li>
    <li><a class="hsubs" href="#">Menu 1</a>
        <ul class="subs">
            <li><a href="#">Submenu 1</a></li>
            <li><a href="#">Submenu 2</a></li>
            <li><a href="#">Submenu 3</a></li>
            <li><a href="#">Submenu 4</a></li>
            <li><a href="#">Submenu 5</a></li>
        </ul>
    </li>
    <li><a class="hsubs" href="http://www.bloggertrix.com/">Menu 2</a>
        <ul class="subs">
            <li><a href="#">Submenu 2-1</a></li>
            <li><a href="#">Submenu 2-2</a></li>
            <li><a href="#">Submenu 2-3</a></li>
            <li><a href="#">Submenu 2-4</a></li>
            <li><a href="#">Submenu 2-5</a></li>
            <li><a href="#">Submenu 2-6</a></li>
            <li><a href="#">Submenu 2-7</a></li>
            <li><a href="#">Submenu 2-8</a></li>
        </ul>
    </li>
    <li><a class="hsubs" href="#">Menu 3</a>
        <ul class="subs">
            <li><a href="#">Submenu 3-1</a></li>
            <li><a href="#">Submenu 3-2</a></li>
            <li><a href="#">Submenu 3-3</a></li>
            <li><a href="#">Submenu 3-4</a></li>
            <li><a href="#">Submenu 3-5</a></li>
        </ul>
    </li>
    <li><a href="#">Menu 4</a></li>
    <li><a href="#">Menu 5</a></li>
    <li><a href="#">Menu 6</a></li>
    <li><a href="http://www.bloggertrix.com/">Back</a></li>
</ul>

ကဲဒါဆို အဆင္ျပသေလာက္ပါျပီေနာ္... လုိအပ္သေလာက္ ေခါင္းစဥ္ေတြကိုလဲ ပြါးနိဳင္ပါတယ္..

ေအာင္ေအာင္(မကစ) ရဲ႕ ဘေလာ့ခရီးသည္ေလးအား အားေပးေနၾကတဲ့အတြက္ ေက်းဇဴးအထူးတင္ပါတယ္.. တုန္႕ျပန္မွဳအေနနဲ႕ fb like ေလးေတာ့ လုပ္ေပးခဲ့ၾကပါေနာ္.. တတ္စြမ္းသမွ် ေတြ႕ ရွိသမွ်ေလးေတြကို ျပန္လည္ မွ်ေ၀ေနပါ့မယ္...။ အဆင္မေျပတာမ်ားရွိခဲ့ပါက...cbox မွာ ေျပာခဲ့ၾကပါေနာ္..
<<< မန္ဘာ၀င္ျပီး... Fb Like ျခင္းျဖင့္ အားေပးၾကပါေနာ္ >>>

Internet for Myanmar : Powered by KK

မိမိ blog မွာ ေၾကာ္ျငာထည့္ပီး ႏိုင္ငံျခား၀င္ေငြရွာမယ္

Dropdown Menu လွလွေလးဖန္တီးၾကမယ္

Member ၀င္ရန္