နဲကဲပ္ညုၚ်ဗၠံက် ကေုာံ Link နာနာ

မ္ၚဵုရအဴ

ထ္ၜးကဵုနဲကဲသွက်ဂွံပ္ညုင် ဗၠံက်သ္ကအ်ရဲ ကေုာံ Link နာနာ

ကဆံင်   (၁)   

     ►1-  လုပ်ပ္ဍဲ Blogger Singin ညိ။

          ►2-  ဆက်အာကဵု Dashboard  ပၠန်ည
►3-  ခဍံက် Template   ညိ ..။

    ►4-  လုပ်ကဵု Edit  Html   ပၠန်ညိ..

          ►5- Ctrl+F  (ဟွံသေင်မ္ဂး) F3  ဗက်ဂၠာဲအကံက်ကဵုလဝ်ဂှ်ညိ။

ဂၠာဲဆဵု

  ဏံမ္ဂး အကံက်ကဵုလဝ်သၟဝ်ဂှ်စုတ်ဗ္ဒါဲဍေံညိ ....

                      

   

<style>.module h2 { background-color: #D5D5D5; border-radius: 20px 0 0 20px; color: #FFFFFF; font-family: Verdana; font-size: 14px; line-height: 32px; margin: 0; padding: 0 0 0 20px; text-shadow: 2px 1px 1px #222; } .module h2 a { border-left: 5px solid #ffffff; color: #101921; float: right; font-size: 14px; text-decoration: none; text-shadow: none; padding: 0 10px; position: relative; -moz-transition: padding 0.1s linear; -webkit-transition: padding 0.1s linear; -ms-transition: padding 0.1s linear; -o-transition: padding 0.1s linear; } .module h2 a:hover { padding: 0 32px; } .module h2 a:before, .module h2 a:after { content: ""; height: 0; position: absolute; top: 50%; width: 0; } .module h2 a:before { border-bottom: 8px solid transparent; border-right: 8px solid #ffffff; border-top: 8px solid transparent; left: -12px; margin-top: -8px; } .module h2 a:after { border-bottom: 6px solid transparent; border-top: 6px solid transparent; left: -6px; margin-top: -6px; } .module.blue h2 a {background-color: #A2D5EC;} .module.blue h2 a:hover {background-color: #C5F0FF;} .module.blue h2 a:after {border-right: 6px solid #A2D5EC;} .module.blue h2 a:hover:after {border-right-color: #C5F0FF;} .module.yellow h2 a {background-color: #FCE98D;} .module.yellow h2 a:hover {background-color: #FFD700;} .module.yellow h2 a:after {border-right: 6px solid #FCE98D;} .module.yellow h2 a:hover:after {border-right-color: #FFD700;} .module.green h2 a {background-color: #bada55;} .module.green h2 a:hover {background: #C7E176;} .module.green h2 a:after {border-right: 6px solid #bada55;} .module.green h2 a:hover:after {border-right-color: #C7E176;} .module.red h2 a {background-color: #F0A5B5;} .module.red h2 a:hover {background-color: #FFC7D2;} .module.red h2 a:after {border-right: 6px solid #F0A5B5;} .module.red h2 a:hover:after {border-right-color: #FFC7D2;} </style>

OK...စုတ်အကံက်တုဲမ္ဂး ဍဵု save template ညိအဴ...

ကဆံင်  (၂)

   ►1.  သ္ပကဵုဗၠံက်ဂါ Login ညိ

   ►2.  ဒးခဍံက် Layout  နူကဵု Dashboard ဇကု

   ►3.  ခဍံက်ကဵု Add a Gadget ညိ

   ►4.  လေတ်မစှ်ေကၠုင် HTML/Javascript. ဏံရုဲကေတ်

   ►5.  အကံက်ကဵုလဝ်သၟဝ်ဂှ်ကေတ်တုဲစုတ်ညိ

 အကံက်သၟဝ်ဂှ်ကဵုလဝ်နမူနာနွံမံင်စမ်ရံင်ညိအဴ.....

<div class="module blue"> <h2> ယၟု <a href="Link URL">ခဍံက်ညိ</a></h2> </div> <div class="module yellow"> <h2> ယၟု <a href="Link URL">ခဍံက်ညိ</a></h2> </div> <div class="module green"> <h2> ယၟု <a href="Link URL">ခဍံက်ညိ</a></h2> </div>

OK စုတ်အကံက်လ္တူဂှ်တုဲယျဟီုမ်ဟး သွက်ဂွံကၠောန်အာကဆံၚ်ကဆံၚ်ပၠန်ဂှ်ညိ......
 (၁) ဒၞာဲယၟုဂှ် အတိုင်အဲထ္ၜးလဝ်နမူနာ ချူစုတ်ယၟုဗၠံက်ဇကုပညုင်ညိ..

 (၂) link URL ဏံဂှ်တှ်ေ စုတ် Link ဍေံညိ

 (၃) ဒၞာဲခဍံက်ဂှ်အတိုင်ပၟိက်စိုတ်ချူစုတ်မာန် ထပ်ဟလိုင်တိုန်လေဝ်ဂွံ..... ....

တင်စၟတ်  စုတ်ဗၠံက်ဂါသၟးဟွံက တၞဟ်ဟ်လေဝ်ပ္ညုင်စုတ်ဂွံမာန်မံင်ရအဴ……