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...

Post a Comment

Loading ratings…
whatsapp