Monday, 1 June 2015

သိပ္လွပတဲ့ cloud menu ေလးလုပ္နည္း


  1. ဘေလာ့ကာ၀င္လုိက္ပါ  Dashboard > Settings > Layouts
  2. ေနာက္ Add a Gadget > Labels ကိုကလစ္ပါ
  3. အဲထဲက  Cloud ဆိုတာကို ေရြးခ်ယ္ေပးးရမယ္
  4. ေရြးခ်ယ္ပါ display 25 labels
  5. Save widget.လိုက္ပါ ဆက္ျပီးေတာ့   Settings > Template
  6. Backup your template. လုပ္ခဲ့ပါ...
  7.  Edit HTML > Proceed ဆိုျပီးသြားလိုက္ပါ  ေနာက္..
  8. CTRL+F အကူျဖင့္   ]]></b:skin>  ကုဒ္ရွာလုိက္ပါ..
  9. ေတြ႕တာနဲ႕ သူ႕အေပၚမွာ  ေအာက္က ကုဒ္ေတြကို ထည့္ေပးလိုက္ပါ။။

  10.  
/*-----Custom Labels Cloud widget by www.MyBloggerTricks.com----*/ .label-size{ margin:0 2px 6px 0; padding: 3px; text-transform: uppercase; border: solid 1px #C6C6C6; border-radius: 3px; float:left; text-decoration:none; font-size:10px; color:#666; } .label-size:hover { border:1px solid #6BB5FF; text-decoration: none; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; -moz-transform: rotate(7deg); -o-transform: rotate(7deg); -webkit-transform: rotate(7deg); -ms-transform: rotate(7deg); transform: rotate(7deg); filter: progid:DXImageTransform.Microsoft.Matrix( M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand'); zoom: 1; } .label-size a { text-transform: uppercase; float:left; text-decoration: none; } .label-size a:hover { text-decoration: none; }

မွတ္ခ်က္     ။             ။ မိတ္ေဆြမ်ား သည္နည္းလမ္းမွာ အခက္ေတြ႕ေစတာကေတာ့ တက္ပလက္ေတြရဲ႕  html က႑ကိုအသစ္ေျပာင္းလဲလုိက္ျခင္းပါ  သည္ေတာ့ တခ်ိဳ႕ကုဒ္ေတြ ရွာ မရျဖစ္တတ္ပါတယ္.. ခုနည္းလမ္းက    ]]></b:skin> သည္ကုဒ္ဆို လုံး၀ရွာမရပါဘူးးး ဒါကိုကြ်န္ေတာ္
အသဲအသန္လုူိက္ရွာေဖြမိတယ္... ေခါင္းစားရပါတယ္.. ေနာက္ေတာ့ ကုဒ္ကို အမ်ိဳးမ်ိဳး ေရးထည့္ရွာရတယ္
</b:skin>  ဆိုျပီး ထည့္ရွာပါ  အဲတာေတြ႕တဲ့  စာတိုင္မွာ ၾကည့္လုိက္ပါ  မွ်ာအနက္ေလးနဲ႕  နံပါတ္ ၂၁ မွာ ျဖစ္မယ္  အဲတာကို ကလစ္ေပးလုိက္တာနဲ႕ သက္ဆိုင္ရာ ကုဒ္ေတြ ထပ္က်လာတယ္.. သေဘာကေတာ့  သူကကုဒ္ေတြကို ေခါက္သိမ္းထားတဲ့သေဘာ ရွိပါတယ္.. သည္ေတာ့ ရွာရသူ  ရြာလည္ေစတာေပါ့...   ေအာက္ကပုံေလးကိုၾကည့္ လုပ္ပါ.....

 

      ေနာက္ေတြ႕လိုက္ပါျပီ....သူဖြက္သိမ္းထားတဲ့ ကုဒ္ေလးကိုေပါ့.....သြားးးးးးးးးးးးးလူဆိုးးးခ်ာလုိက္ရတာ...



10. Save template လုပ္လိုက္ပါ။

အဆင္ေျပပါေစေနာ္....
စကားေလးတစ္ခြန္းနဲ႕ fb like ေလးနဲ႕ဘဲ တုန္႕ျပန္မွဳေလးရရင္ ေက်နပ္ပါျပီ
ဘေလာ့ခရီးသည္သို႕ { ဒီမွာ } သြားလိုက္ပါ
ဘေလာ့ဆုိင္ရာနည္းပညာမ်ား{ ဒီမွာ } သြားလိုက္ပါ
စြယ္စုံစာအုပ္စင္{ ဒီမွာ } သြားလိုက္ပါ

[IMG]
[IMG]

Related Posts:

  • ဘေလာ့ထဲက Label နဲ႔ Archive ေတြကို Scroll Box ေလးနဲ႔ထားနည္း ဒီနည္းက တစ္ခုလုပ္တတ္တာနဲ႔ တျခားတစ္ခုကို လုပ္တတ္ပါတယ္ .. ဒီပို႔စ္မွာေတာ့ ကၽြန္ေတာ္က Blog Archive ကို Scroll Box ေလးနဲ႔ ထားတဲ့နည္းကို မွ်ေ၀ေပးပါမယ္ .. Label ကို Scroll Box နဲ႔ထားခ်င္ရင္လည္း ဒီနည္းအတိုင္းပဲ လုပ္ေပးလိုက္႐ံု… Read More
  • သိပ္လွပတဲ့ cloud menu ေလးလုပ္နည္း ဘေလာ့ကာ၀င္လုိက္ပါ  Dashboard > Settings > Layouts ေနာက္ Add a Gadget > Labels ကိုကလစ္ပါ အဲထဲက  Cloud ဆိုတာကို ေရြးခ်ယ္ေပးးရမယ္ ေရြးခ်ယ္ပါ display 25 labels Save widget.လိုက္ပါ ဆက္ျပီးေတာ့  … Read More
  • ဘေလာ့မွာSmooth-Navigational-Menu-ေလးသံုးခ်င္၇င္ ဘေလာ့မွာ Smooth-Navigational-Menu- သံုခ်င္တဲ့ဘေလာ့ဂါမိတ္ေဆြေတြအတြက္ပါအ၇မ္းရွင္းပါတယ္၊ က်ေနာ္ေအာက္မွာပံုနဲ႕တကြျပထားေပးပါတယ္၊ဒီ Smooth-Navigational-Menu ကႏွစ္မ်ိဳးရိွပါတယ္ !! တစ္ခုကအလ်ွာလိုက္နွင့္ေဒါင္လိုက္ေပါ့ေန… Read More
  • ေခါင္းစဥ္ Menu လွလွေလး လုပ္လိုပါက သည္နည္းေလးကေတာ့ ဘေလာ့မိတ္ေဆြမ်ားအတြက္ ေါခင္းစဥ္ေလးေတြကို လွလွပပေလးနဲ႕ မိမိတို႕ဘေလာ့ေဘးကေန ထားျခင္တယ္ဆိုရင္ ယူလုိက္ၾကပါေနာ္..ပုံေလးျပထားသလိုပါဘဲ.. အရမ္းလွပါတယ္ဗ်ာ... အေပၚမွာ မထားျခင္ဘဲ ေဘးမွာ သည္လိုေလး လွလွပပထားမယ္ဆိုလည္း … Read More
  • ဘေလာ့မွာ Drop Down Menu ေလးလုပ္နည္း               Blogger ၀ါသနာရွင္ မိတ္ေဆြအေပါင္းတို႕အတြက္  Drop Down Menu ေလးတစ္ခု ထပ္ျပီး တင္ေပးလိုက္ပါတယ္ေနာ္...။ ျပဳလုပ္ပံုနည္းလမ္းအဆင္႕ဆင္႕တိ… Read More

0 comments:

Post a Comment