Floating Social Media Profile Icons
Blogger များအတွက် မိမိရဲ့ ဝက်ဘ်ဆိုဒ် သို့မဟုတ် ဘလော့ဂ်ကိုအလည်အပတ်လာရောက် ကြတဲ့ Visitor တွေကိုစိတ်ဝင်စားစရာကောင်းပြီး ဆွဲဆောင်မှုအပြည့်ရှိစေမယ့် Floating Social Media Profile Icons Generator လို့ခေါ်တဲ့ ဆိုရှယ်မီဒီယာ Widget ကိုအလွယ်တကူတည်ဆောက်ဖန်တီးနိုင်တဲ့ Generator လေးကိုဝေမျှပေးမှာဖြစ်ပါတယ်။
ဒီဝစ်ဂျက်ကို မိမိတို့ဆိုဒ်မှာထည့်ထားမယ်ဆိုရင် အပေါ်မှာပြထားတဲ့ပုံအတိုင်းဆိုဒ်ရဲ့ဘယ်ဘက်ခြမ်းမှ Auto Hide ပုံစံမျိုးနဲ့ ဒေါင်လိုက်အနေထားတည်ရှိနေမှာဖြစ်ပါတယ်။ ဝက်ဆိုဒ်အသုံးပြုသူ Visitor ကမောက်နဲ့ဝေ့လိုက်တဲ့အချိန်ကြမှ Auto Show ဖြစ်ပြီး Social Icon တွေကို Click လုပ်နိုင်မှာဖြစ်ပါတယ်။
ဒီ Generator ကိုအသုံးပြုပုံကလည်းအရမ်းကိုလွယ်ပါတယ်။ ဒါကြောင့်လဲ ဘလော့ဂ်ဂါတစ်ယောက်မှာရှိထားသင့်ပြီးအသုံးပြုသင့်တယ်လို့ယူဆလို့ပြန်လည်မှဝေပေးခြင်းဖြစ်ပါတယ်။နောက်တစ်ခုက ဒီဝစ်ဂျက်ကိုအသုံးပြုတဲ့အတွက်မိမိတို့ဆိုဒ်နှေးကွေးသွားမှာမပူရသလို SEO အတွက်လည်းအနှောက်အယှက်မရှိနိုင်ပါဘူး။ ဒီတော့အသုံးပြုပုံအသေးစိတ်ကို ရှင်းပြပေးပါမယ်။
SETTINGS FOR WIDGET အပိုင်းခေါင်းစဥ်အောက်ရဲ့ညာဘက်အခြမ်းကိုကြည့်လိုက်ပါ။
Attractive Floating Social Media Profile Icons Generator
အောက်ကနံပါတ်စဥ်အတိုင်းတစ်ဆင့်ပြီးတစ်ဆင့်လုပ်သွားလိုက်ပါ။
- မိမိတို့ရဲ့ Social Account ID ပရိုဖိုင်း Link တွေကို အစိမ်းရောင်နဲ့ရေးပြထားတဲ့နေရာတွေမှာအစားထိုးပေးလိုက်ပါ။
- ပြီးရင်Generate ခလုပ်ကိုနှိပ်ပါ။ အောက်ကအကွက်မှာ Generate လုပ်ပြီးသား ကုဒ်တွေအော်တိုပေါ်လာပါလိမ့်မယ်။
- အောက်ကကုဒ်တွေပေါ်လာတဲ့နေရာကိုမောက်(စ်)နဲ့ဝေ့လိုက်တာနဲ့ ကုဒ်အားလုံးကိုအော်တိုရွေးချယ်ပြီးသား Highlight အဖြစ်နဲ့မြင်ရပါလိမ့်မယ်။
- ကော်ပီကူးရန်အတွက် ကီးဘုတ်မှာ Ctrl+C ဒါမှမဟုတ် Right Click နှိပ်ပြီးကော်ပီကူးလို့ရပါတယ်။
- ကော်ပီကူးလာတဲ့ ကုဒ်တွေကို Blogger Layout ထဲက Add a Gadget >>HTML/javascript >> Paste>> ပြီး Save လိုက်ပါ။
For Blogger
Go to Blogger DashBoard >> Layout >> Add a Gadget>
Now Select HTML/JavaScript and Insert the Generated Code
Save you template and check out you Blog pages.
For Wordpress
Go to Wordpress Blog Dashboard >> Appearance >> Widgets >>
Move Text Widget to Your Sidebar anywhere and paste the Generated code.
For Custom Website
Copy the above generated code paste in notepad >>
Then get <style>…… </style> and paste it between the <head>….</head> tag
and the remaining code paste between <body>….</body> tag
Save you work and check your website.
ဒါဆိုရင် အထက်ကပြောခဲ့သလိုပဲ မိမိဆိုဒ်ရဲ့ဘေးမှာ ဆိုရှယ်လ် အိုင်ကောန်လေးတွေဒေါင်လိုက်တန်းစီနေတာမြင်ရပါပြီ။ နောက်တစ်ခုက Blogger Platform တစ်ခုထည်းမှာသာသုံးလို့ရတာမဟုတ်ပဲ WordPress နဲ့ တခြား CMS Platform ဆိုဒ်တွေ Html ဆိုဒ်တွေ အပြင်သီးသန့်ကိုယ်ပိုင်ဝက်ဘ်ဆိုဒ်တွေမှာလည်း အနည်းငယ်ပြုပြင်ပြီး အသုံးပြုလို့ရပါတယ်။ HTMLနဲ့ CSS ကိုနားလည်သူများအတွက်တော့ဘာအခက်မှမရှိပဲမိမိတို့စိတ်ကြိုက်ပြင်ဆင်အသုံးပြုနိုင်ကြမှပါ။
Attractive Floating Social Media Profile Icons ပို့စ်ကိုမူရင်း Link မှာသွားဖတ်ကြည့်ချင်ကြရင်တော့ဒီနေရာကိုနှိပ်ပါ။
ဒီ Generator လေးကိုမိမိတို့ရဲ့ကွန်ပြူတာမှာအချိန်မရွေးအလွယ်တကူဖွင့်ပြီးအသုံးပြုလို့ရနိုင်အောင် ဦးနိုင်က Desktop App ဆော့ဗ်ဝဲအဖြစ်ဖန်တီးထားပေးပါတယ်။ အသုံးပြုချင်တဲ့မိတ်ဆွေတွေဒေါင်းလို့ဒ်လုပ်ချင်တယ်ဆိုရင်အောက်က ခလုပ်ကိုနှိပ်လိုက်ပါ။
password: UNTMC
ကုဒ်အပြည့်အစုံကတော့အောက်မှာဥပမာပြထားပေးတဲ့အတိုင်းပါပဲ။
<style> .ttifloat-icons { left:-30px; top:180px; position:fixed; z-index:10000; border:1px solid #dcdcdc; border-radius:5px; padding:5px; opacity:0.5; background:white; } .ttifloat-icons:hover { left:0px; opacity:1.0; } </style> <div class="ttifloat-icons"><table border="0" cellspacing="0" cellpadding="1" width="34"> <tbody> <tr> <td valign="top" width="34"><a href="http://www.facebook.com/U-Naing-Teaching-media-105906684460212" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd_NZiyuFMN72tzoIFurLbZTsFlXheD53VVvE00rIAeUBGEtNivE23ZunsvooVdnzkeHSPm_fSBjwmRq_PtR-FTww-n6Kccov8rz-PnSiwhDTIaNjrDbe8xtCSOeI3FNntGPyiYGgUG1s/s1600/facebook.PNG" title="Like us on Facebook"/></a></td></tr> <tr> <td valign="top" width="34"><a href="https://plus.google.com/konainga2@gmail.com" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiszmPRAyl5lAfdz43OxVMOYZKAWy-U0nAVIlAgFGslCO7dTtGSuJZ4dw10uQib1SVsR8TJmMqptWjPa5lUC5Z1-U8L96xPZWl70gjLoxFd04a0H6LUAhPtLOH95l54o2MTViTTJaI77TE/s1600/googleplus.PNG" title="Circle us Google+"/></a></td></tr> <tr> <td valign="top" width="34"><a href="http://twitter.com/@THANTZA52735988" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAolvtf4v0LlszqZhWSQj5gb_ZX_X6lfke7iLTTazUilAOXAtskw_RTHF8OgZCBSN_MFD36_lRxpLQzhvCXW3eEjpCv_UfWzSjSuRJKjUCcD8gh0yMhfI1c2QzMTQsNnaIz33V53vj8XM/s1600/twitter.PNG" title="Follow us on Twitter"/></a></td></tr> <tr> <td valign="top" width="34"><a href="https://www.linkedin.com/in/သင့်အကောင့် ID" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzWd4_vaneV5ohH-jPOZ8uN3dp1h9DjNLJboQfRCC3-MbcJ9XGEbitTd6KLgJYi2WqZH4fB3F_fgCF9YFwym_j1KbYnPrFj5PFAs8AjiwiqB0EJivq1jYdQEZ3eRSBWyrqEAor0aEpWQ4/s1600/linkedin.PNG" title="Connect us on Linkedin"/></a></td></tr> <tr> <td valign="top" width="34"><a href="http://pinterest.com/konainga2" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjomEsvlVTUT_UgagInahacvap2kYtj27fbnMAZ8ft0o31W6uwXsaE9_VT0D2KK68mEdkD-6NAhZ_DpFjhqoetrzWyP-68YLL3x7hZn9SUbApfcLU0WXnpXtGhtumRHpAWQk7VtUef3T6Y/s1600/pinterest.PNG" title="Follow us On Pinterest"/></a></td></tr> <tr> <td valign="top" width="34"><a href="http://www.youtube.com/TheKONAING" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpixEG5Dh1sYbtmEGhGt72vl55T2Q3AGsvQoW5nbnzwjhv_8WfDvalpQ-ILVTZXqj_w2l5BJIvriBEQJHhh2AwqzRj9L64KTt7-1dgBrGL2KQ3i8GLgePukMZ1Ne3tdQ4zCaSnhHMe-PE/s1600/youtube.PNG" title="Subscribe our Youtube Channel"/></a></td></tr> <tr> <td valign="top" width="34"><a href="http://feeds.feedburner.com/Veadmc" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqVCyHj7eJ6lFEG4PcYKhu-4WoGvf6s_elSmRLsgKaM5duGFgna9NoZbS7-4w2jgX5eRXp2WipEr01KNsvQ5NGslAzjU2hnXwzI6Z9o4rxivW5yJhWXmAV97wGbXRjJSYGaQCv1D182-I/s1600/RSS.PNG" title="Subscribe our RSS Feeds"/></a></td></tr> </tbody></table> </div >
ဒီပို့စ်ကိုကြိုက်နှစ်ခဲ့သည်ရှိသော် Please press Like, Subscribe & Share on your Social Media
မိမိတို့လိုအပ်သည့်ဖိုင်များတောင်းဆိုနိုင်ရန်နှင့်
ကြုံတွေ့နေရသည့်အခက်အခဲများကို တင်ပြနိုင်ရန်
အောက်ပါလင့်မှတစ်ဆင့်စာရင်းပေးသွင်းတောင်းဆိုနိုင်ပါတယ်။
[accordion][item title="လိုအပ်သည့်ဖိုင်များတောင်းဆိုနိုင်ရန် နှင့် မိမိတို့၏အခက်အခဲများကို တင်ပြနိုင်ရန်"]ဒီအောက်မှာကလစ်တစ်ချက်နှိပ်ပြီးဖောင်ဖြည့်လိုက်ပါ[/item][accordion][accordion][item title="Contact Form"][contact][/contact][/item][/accordion]
แสดงความคิดเห็น