W w W. N y I n @ y M i N. o R g

25 February 2014

​ဘ​ေလာ့​မွာ ​လွ​ပ​တဲ့ Social Widget ​ေလး​ေတြ​ကို CSS3 ​နဲ႔ ​အ​လွ​ဆင္​ထား​ၾက​မယ္

​မ​ဂၤ​လာ​ပါ ​သည္​ေန႔ ​ေရး​ျဖစ္​တာ​ေလး​က​ေတာ့ ​ဘ​ေလာ့​မွာ Social Widget ​ေလး​ေတြ ​ကို​ပံု​ေလး​နဲ႔
​လွ​ပ​ေသ​သပ္​စြာ ​ထား​ႏိုင္​မဲ့ ​နည္း​လမ္း​ေလး​ဘဲ ​ျဖစ္​ပါ​တယ္... ​မိ​မိ​တို႔​ရဲ့ Facebook ​ေတြ Twitter ​ေတြ
Google Plusin ​ေတြ​ကို ​ပံု​ေလး​ေတြ ​နဲ႔ ​ဆိုဒ္​ဘား​မွာ ​ေသ​သပ္​စြာ ​ထား​ရွိ ​ျခင္း​နည္း​လမ္း​ေလး​ပါ..
​ေအာက္​မွာ ​ေသ​ျခာ ​ရွင္း​ျပ ​ၿပီး ​လို​အပ္​တဲ့ ​ကုဒ္​ေတြ​ပါ ​ေပး​လိုက္​ပါ​တယ္​ေနာ္ ​လုပ္​ၾကည့္​လိုက္​ပါ​ေနာ....

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

  ]]></b:skin>  ​ကုဒ္​ကို​ရွာ​ပါ.... ​သည္​ကုဒ္​မွာ ​ျပ​ႆ​နာ ​ခ​ဏ​ခ​ဏ​ျဖစ္​ပါ​တယ္ ​ရွာ​မ​ရ​တဲ့​ျပ​ႆ​နာ​ေပါ့
​ဒါ​ကို ​ေသ​ျခာ​ရွင္း​ျပ​ပါ့​မယ္  ​သူ​က ​တက္​ပ​လက္ ​အ​သစ္​ေျပာင္း​လိုက္​တဲ့​ခါ​မွာ ​အ​ရင္​က​လို ​ကုဒ္​ဒင္း​ေတြ ​ရွာ​ေဖြ ​ရ​မ​လြယ္​ေတာ့​ပါ​ဘူး  ​အ​ေၾကာင္း​က​ေတာ့ ​တက္​လက္​မွာ ​အ​တြင္း​ပိုင္း​ကုဒ္​ေတြ​ကို ​ေခါက္​ထား​လို႔​ပါ​ဘဲ ​အဲ​ေတာ့ ​ကိုယ္​လို​ျခင္​တာ ​ေရး​ရွာ​တာ​နဲ႔ ​ထြက္​မ​လာ​တတ္​ပါ
​တတ္​ပါ​ဘူး ​ဒါ​ကို​က်​ေနာ္​တို႔ ​နည္း​လမ္ ​သံုး​ၾကည့္​ရ​ပါ​တယ္    ]]></b:skin>  ​သည္​ကုဒ္​အ​တိုင္း​ရွာ​မ​ရ​ပါ​ဘူး  ​သည္​ေတာ့ b:skin  ​ဆို​တာ​ေလး​ကို​ဘဲ ​ေရး​ထည့္​ရွာ​ၾကည့္​ပါ...
​ေတြ႕​မွာ ​ေသ​ျခာ​ပါ​တယ္ ​ေတြ႕​တဲ့​ခါ  ​ေဘး​မွာ ​မ်ွား​အ​နက္​ေလး​နဲ႔ ​ေတြ႕​မယ္ ​အဲ​မ်ွား​ကို​က​လစ္​လိုက္​ျခင္း​ျဖင့္
​သူ​ေခါက္​ထား​တဲ့ ​ကုဒ္​ေတြ​ကို ​ျဖန္႔​လိုက္​တာ​ျဖစ္​ပါ​ၿပီ ​ဒါ​ဆို ​ကိုယ္​လို​ျခင္​တဲ့ ​ကုဒ္​တိုင္း ​ေရး​ရွာ​ႏိုင္​ပါ​ၿပီ​ေနာ္..
​ေတြ႕​ၿပီ​ဆို​တာ​နဲ႔  ​သူ႔​အ​ေပၚ​ကပ္​လ်ွက္  ​ေအာက္​က​ေပး​ထား​တဲ့ ​ကုဒ္​ေတြ ​ကို copy ​ယူ​ၿပီး​ထည့္​ေပး​လိုက္​ပါ။

            

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

<!-- Start HTML X-Gen CSS Button -->
<div id="xgen-socmed">
<div class="xgen-fb">
<a href="Link Facebook">f</a>
</div>
<div class="xgen-tweet">
<a href="Link Twitter">t</a>
</div>
<div class="xgen-gplus">
<a href="Link Google Plus">g</a>
</div>
</div>
<!-- End -->
​သည္​လို​ထည့္​တဲ့​ခါ ​ကုဒ္​ထဲ​မွာ ​ပါ​တဲ့​အ​စိမ္း​ေရာင္​ကာ​လာ​ေတြ​ျဖစ္​တဲ့ 
"Link Facebook" ​ေန​ရာ​မွာ ​မိ​မိ​တို႔ fb link ​ထည့္​ေပး​လိုက္​ပါ။
"Link Twitter" ​ေန​ရာ​မွာ ​လည္း​ထို႔​နည္း​တူ​ပါ​ဘဲ ​လင့္​အ​စား​ထိုး​ေပး​ပါ။
"Link Google Plus" ​ေန​ရာ​ကို​လည္း​အ​ထက္​က​နည္း​တိုင္း ​ပါ​ဘဲ​ေနာ္..
​ဒါ​ဆို ​လွ​ပ​ေသ​သပ္​တဲ့  ​ပံု​ေလး​ေတြ​နဲ႔​အ​တူ ​ေတြ႕​ျမင္​ရ​မွာ ​ျဖစ္​ပါ​တယ္​ေနာ္....
​ခု​လို​အား​ေပး​တဲ့​အ​တြက္ ​အ​ထူး​ေက်း​ဇူး​တင္​ပါ​ေၾကာင္း ​ေျပာ​ၾကား​ပါ​ရ​ေစ..​ဘ​ေလာ့​ခ​ရီး​သည္​မွ ​နည္း​ပ​ညာ​မ်ား​အား ​မည္​သူ​မ​ဆို ​လြတ္​လပ္​စြာ ​ကူး​ယူ​သံုး​စြဲ​ႏိုင္​ပါ​တယ္.. ​က်ြန္​ေတာ္ ​ပိုင္​ဆိုင္​ေသာ​ေန​ရာ​ေလး​မ်ား​အား ​ဆက္​လက္ ​လည္​ပါတ္​လို​ပါ​က ***************************************
​ဘ​ေလာ့​ခ​ရီး​သည္​သို႔ { ​ဒီ​မွာ } ​သြား​လိုက္​ပါ
​လယ္​တီ​ေျမ​သား​သို႔{ ​ဒီ​မွာ } ​သြား​လိုက္​ပါ
​စာ​ေပ​နန္း​ေတာ္​သို႔{ ​ဒီ​မွာ } ​သြား​လိုက္​ပါ
 
 
 

0 comments:

Post a Comment