ဘေလာ့မွာ Greate Flash Clock ေလးထည့္ခ်င္ရင္

အခုတင္တဲ့ပုိ့(စ္) ေလးကေတာ့ ဘေလာ့ေတြမွာ အခ်ိန္နာရီး ေလးထည့္နည္းေလးပါ။ ဘေလာ့ေလးပုိလွေစတာေပါ့ေနာ္။ သိၿပီးၾကေသာ မိတ္ေဆြေတြလည္းမ်ားေတာ့မွာပါ။ မသိေသးတဲ့ မိတ္ေဆြေတြအတြက္ ထပ္ေ၀မွ်ေပးလုိက္တာပါ။ ေအာက္မွာ DEMO နွင့္ Cond ပါရွိပါတယ္။ ႀကဳိက္တာေရြးၿပီးသုံးလုိက္ၾကေပးေတာ့။

၁။ Design ပုံစံ

၂။ Layout

၃။ Add a Gadget

၄။ HTML/JavaScript

၅။ ေအာက္က Cond ေတြကုိ ေရြးၿပီး ထည့္ေပးလုိက္ပါ။

 ၁။ ေအာက္က Cond ေလးပါ။

<img src="//img2.blogblog.com/img/video_object.png" style="background-color: #b2b2b2; height: 150px; width: 150px; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="BLOGGER_object_1" data-original-id="BLOGGER_object_1" />
ပုံစံ ၂။ ေအာက္က Cond ေလးပါ။

<img src="//img2.blogblog.com/img/video_object.png" style="background-color: #b2b2b2; height: 150px; width: 150px; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="BLOGGER_object_2" data-original-id="BLOGGER_object_2" />
ပုံစံ ၃။ ေအာက္က Cond ေလးပါ။

<img src="//img2.blogblog.com/img/video_object.png" style="background-color: #b2b2b2; height: 150px; width: 150px; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="BLOGGER_object_4" data-original-id="BLOGGER_object_4" />
ပုံစံ ၄။ ေအာက္က Cond ေလးပါ။

<img src="//img2.blogblog.com/img/video_object.png" style="background-color: #b2b2b2; height: 150px; width: 150px; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="BLOGGER_object_6" data-original-id="BLOGGER_object_6" />
ပုံစံ ၅။ ေအာက္က Cond ေလးပါ။

<img src="//img2.blogblog.com/img/video_object.png" style="background-color: #b2b2b2; height: 150px; width: 150px; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="BLOGGER_object_8" data-original-id="BLOGGER_object_8" />
ပုံစံ ၆။ ေအာက္က Cond ေလးပါ။

<img src="//img2.blogblog.com/img/video_object.png" style="background-color: #b2b2b2; height: 150px; width: 150px; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="BLOGGER_object_10" data-original-id="BLOGGER_object_10" />
ပုံစံ ၇။ ေအာက္က Cond ေလးပါ။

<img src="//img2.blogblog.com/img/video_object.png" style="background-color: #b2b2b2; height: 150px; width: 150px; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="BLOGGER_object_12" data-original-id="BLOGGER_object_12" />
ပုံစံ ၈။ ေအာက္က Cond ေလးပါ။

<img src="//img2.blogblog.com/img/video_object.png" style="background-color: #b2b2b2; height: 150px; width: 150px; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="BLOGGER_object_14" data-original-id="BLOGGER_object_14" />
ပုံစံ ၉။ ေအာက္က Cond ေလးပါ။

<img src="//img2.blogblog.com/img/video_object.png" style="background-color: #b2b2b2; height: 150px; width: 150px; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="BLOGGER_object_16" data-original-id="BLOGGER_object_16" />
ပုံစံ ၁၀။ ေအာက္က Cond ေလးပါ။

<img src="//img2.blogblog.com/img/video_object.png" style="background-color: #b2b2b2; height: 150px; width: 150px; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="BLOGGER_object_18" data-original-id="BLOGGER_object_18" />
ပုံစံ ၁၁။ ေအာက္က Cond ေလးပါ။

<img src="//img2.blogblog.com/img/video_object.png" style="background-color: #b2b2b2; height: 150px; width: 150px; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="BLOGGER_object_20" data-original-id="BLOGGER_object_20" />
ပုံစံ ၁၂။ ေအာက္က Cond ေလးပါ။

<img src="//img2.blogblog.com/img/video_object.png" style="background-color: #b2b2b2; height: 150px; width: 150px; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="BLOGGER_object_22" data-original-id="BLOGGER_object_22" />

မွတ္ခ်က္။ ။ width="200" height="200" ေနရာေတြမွာ မိမိႀကဳိက္ရာ Size ေျပာင္းနုိင္ပါတယ္။