Breaking News Auto Scrolling New Ticker

Breaking News Auto Scrolling New Ticker

ဒါက​တော့မိမိ Blog site မှာ​နောက်ဆုံးတင်ထားသမျှ posts ကိုတခုချင်းစီ side up ပုံစံနဲ့​ဖော်ပြ​ပေးမယ့်ဒီဇိုင်း​လေးဖြစ်ပါတယ်။Breaking News Ticker ဆိုတာက Original Template မှာပဲပါတာပါ။သီးသန့်တင်​ပေးတဲ့ site ကရှားပါတယ်။​အောက်မှာပုံစံဒီဇိုင်းပုံပြထားပါတယ်ကြိုက်နှစ်သက်တယ်ဆိုရင်​အောက်မှာပြထားတဲ့အဆင့်​တွေအတိုင်းလိုက်လုပ်​ပေးပါ။တကယ်လို့တဆင့်တည်းနဲ့အသုံးပြုချင်တယ်ဆိုရင်​တော့ဟို​အောက်ဆုံးမှာပြထားတဲ့အတိုင်းလုပ်လိုက်ရုံပါပဲ။မိမိအဆင်​ပြေမဲ့နည်းလမ်းကို​ရွေးချယ်အသုံးပြု​ပေးပါ။



DEMO နမူနာအ​နေနဲ့ကြည့်ချင်ရင်​အောက်က DEMO ဆိုတာ​လေးကိုနှိပ်၍နမူနာကြည့်လို့ရပါတယ်။ကြည့်လို့ကြိုက်နှစ်သက်တယ်ဆိုရင်​အောက်ကနည်းလမ်း (2) ခုထဲကမှမိမိအဆင်​ပြေမဲ့နည်းလမ်းနဲ့အသုံးပြုနိုင်ပါတယ်။

Demo

Original --->နည်းလမ်း

NO(1)။မိမိ blog site ကို account အရင်ဝင်ပါ

NO(2)။ dashboard ထဲက Theme ကိုနှိပ်ပါ

NO(3)။ Edit HTML ကိုနှိပ်ပါ

NO(4)။ ညာဘက်​ထောင့်ကအကွက်​လေးထဲမှာ ]]></b:skin> လို့​ရေး၍ Ctrl + F အကူအညီယူ၍အဲဒီ ]]></b:skin> ကိုရှာပါ။အဲဒီ ]]></b:skin> ကို​တွေ့ပြီဆိုရင်​အောက်က​ပေးထားတဲ့ Design (2) ခုထဲကမှမိမိနှစ်သက်တဲ့ Design ရဲ့ code ​တွေကိုအဲဒီ ]]></b:skin> အ​ပေါ်က​နေထည့်​ပေးပါ။


Design (1)



Design (2)



NO(5)။ </head> ကိုရှာပါ။​တွေ့ပြီဆိုရင်​အောက်မှာ​ပေးထားတဲ့ code ​တွေကို </head> အ​ပေါ်က​နေကပ်လျက်ထည့်​ပေးပါ။



NO(6)။ <body> နှင့် </body> ကြားကမိမိ​ပေါ်​စေချင်တဲ့​နေရာမှာ​အောက်က​ပေးထားတဲ့ code ​တွေကိုအဲဒီ <body> နှင့် </body> ကြားမှာထည့်​ပေးပါ။

Design(1)



Design(2)


NO(7)။အ​ပေါ်ကအဆင့်​တွေအားလုံးလုပ်​ဆောင်ပြီးသွားပြီဆိုရင် </body> ထပ်ရှာပါ။</body> ကို​တွေ့ပြီဆိုရင်​အောက်က js code ​တွေကိုအဲဒီ </body> အ​ပေါ်က​နေကပ်လျက်ထည့်​ပေးပါ။



NO(8)။အားလုံးပြီးရင် save Template ကိုနှိပ်ပါ။ပြီးပါပြီ။

<-------- ။ ---------- ။ ---------- ။ ----------- ။ -------->

အလွယ်တကူအသုံးပြုနိုင်ရန်ပြုလုပ်ထား​သောနည်းလမ်း

No(1)မိမိ blog site ကို account အရင်ဝင်ပါ

No(2)dashboard ထဲက Layout ကိုနှိပ်ပါ

No(3)Add a Gadget ကိုနှိပ်ပါ

No(4)HTML/JavaScript ကိုနှိပ်ပါ

No(5)​ပေါ်လာတဲ့ box အကွက်ထဲမှာ​အောက်မှာ​ပေးထားတဲ့ code  (2) ခုထဲကမှ code (1)ခု​ရွေးချယ်၍အဲဒီ box အကွက်ထဲမှာထည့်​ပေးပါ။

No(6)code ​တွေထည့်ပြီးသွားရင် save ကိုနှိပ်ပါ။ပြီးပါပြီ

ပြုလုပ်ထား​သော style (1)



ပြုလုပ်ထား​သော style (2)


0
0
Loading...

댓글 쓰기

Loading ratings…
whatsapp