Call Yangonthar Phone Number: 083-111-8534(thai)
  • Youtube Video

    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore.
    Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

    See All Features
  • Image With Text

    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore.
    Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

    See All Features
Showing posts with label jQuery Pop-up With Like Box. Show all posts

Beautiful Facebook Popup Like Box For Blogger And Wordpress

သူငယ္ခ်င္းတို႕ရဲ႕ဘေလာ့စ္ကိုလာလည္တာနဲ႔ အခုလို  Facebook Popup Like Box ကဆီးၾကိဳေနတာမ်ိဳး
ေလးထားခ်င္ရင္ေအာက္မွာအဆင့္ဆင့္ျပထားပါတယ္။ ၾကိဳက္တယ္ဆိုရင္ေတာ့လိုက္လုပ္ၾကည့္ပါ။
က်ြန္ေတာ့္ရဲ႕ဘေလာ့စ္မွာလုပ္ျပထားပါတယ္ ဒီအတိုင္းပါပဲ..
Here I introduced Beautiful Facebook popup like box with different styles. It looks very nice and beautiful. It is very simple to get more likes on your website fan page. Yes.. You don't need to ask your friends to like your facebook fan page. You can done it without asking anyone. It can be made by your visitors alone. It designed with concentrate on that people always like beautiful things. You can choose four kinds of images on the top portion of popup like box. See the preview of all the four images here and choose which one you want for your blog.
  • Login to your Blogger account
  • ပထမဆံုးသူငယ္ခ်င္းတို႕ရဲ႕ Blogger acoount အရင္၀င္လိုက္ပါ။
  • Go to dashboard and move on Layout section
  • ျပီးရင္ Layout ကိုသြားလိုက္ပါ။
  • Click on Add a gadget link and select HTML/JavaScript option
  •  ျပီးရင္ Add a gadget ကိုႏွိပ္ျပီး HTML/JavaScript ကိုယူလိုက္ပါ။
  • Copy the below code into HTML box 
  • ေအာက္က ကုဒ္ကို ေကာ္ပီကူးျပီး HTML Box ထဲထည့္လိုက္ပါ။
  • Click on the Save button.
  • ျပီးရင္ Save ႏွိပ္လိုက္ပါ။  

<!-------MM-Helperblogger.blogspot.com beautiful facebook popup like box ends------------> <style type="text/css"> * html #Trickstoostylepopupdiv { position:absolute; overflow:hidden;} #Trickstoostylepopupdiv { display:block; top:0px; left:0px; width:100%; height:100%; position:fixed; background-color:none; margin:0; overflow-y:hidden;} #Trickstoostylepopup { background-color: #fff; overflow:none; overflow:hidden;} .Trickstoostylepopup { width:333px; overflow:hidden; height:370px; position:fixed; top:45%; left:50%; margin-top:-210px; margin-left:-200px; border: 10px solid #999; padding: 20px;} </style> <!--[if lte IE 6]> <style type="text/css"> /*<![CDATA[*/ html {overflow-x:auto; overflow-y:hidden;} /*]]>*/ </style> <![endif]--> <div id="Trickstoostylepopupdiv"> <div id="Trickstoostylepopup" class="Trickstoostylepopup"> <center> <h3 class="title"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAESpcp07W3KV4zS8RTt6ZUOzDoOfCnLcq52Q1JR8Idt63EJGnabBa9cYzrstXpYVi8c1boWWNWGXo4kfzv858lbCqB4RfGZVCQFghsPkTZxwWNr4vd5yuCKUjiibwcKisOb7bsNZTQaZC/h117/fb0.png" /> </h3> </center> <center> <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FYangonthar&amp; width=300&amp;colorscheme=light&amp; show_faces=true&amp; border_color=%23ffffff&amp; stream=false&amp;header=false&amp; height=250" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:216px;" allowtransparency="true"> </iframe> </center> <div style=" float:left; margin-left:0px; font-size:9px; cursor:pointer;" > <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" onmouseup="document.getElementById('Trickstoostylepopupdiv') .style.display='none'"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiijuURKSN87T4K6_O9vYYqvYG0Ta8CHxuttCLaV4ag68hu8ITe-s5nVUisqtSvV5YF7yZUC_1yAbucofVEvVECWtHQ2BGhoOVzsewcFAZW5tZ2dfV8RIudqFrZ9sn4nBJkoBWGnWKqmpRq/h120/exit.png"/> </a> </div> </div> </div> <!-------MM-Helperblogger.blogspot.com beautiful facebook popup like box ends------------>


  • Replace (red color) with fanpage name of yourblog fanpage in facebook.
  • (red color) အနီေရာင္ကာလာနဲ႔ေရးထားတဲ့ေနရာမွာ သူငယ္ခ်င္းတို႔ရဲ႕ fanpage URL ကိုကူးျပီး
Patch လုပ္လိုက္ပါ။
  • Replace https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAESpcp07W3KV4zS8RTt6ZUOzDoOfCnLcq52Q1JR8Idt63EJGnabBa9cYzrstXpYVi8c1boWWNWGXo4kfzv858lbCqB4RfGZVCQFghsPkTZxwWNr4vd5yuCKUjiibwcKisOb7bsNZTQaZC/h117/fb0.png (pink color) with any of the following url to display different styles of facebook image on the top of the facebook popup like box.
  •  (pink color) ပန္းေရာင္နဲ႔ေရးထားတဲ့ေနရာမွာ ေအာက္ကၾကိဳက္တဲ့ပံုနဲ႔အစားထိုးလို႔ရပါတယ္။
ဒါမွမဟုတ္ဒီအတိုင္းထားလဲရပါတယ္။ အစားထိုးရင္ေတာ့ေအာက္ကုဒ္ကိုကူးျပီး ေနရာျခင္းအစားထိုးလိုက္ပါ
1. https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLaqG7JJ8QnMljvEMLzZ5hEb1NkNlMiyiw1CPUDYUhnLFBoc-EvCJDmsL2E9yjU3fUf7XXX2SbjQp0_lTEaEMR3EOsWpP268Ae0rlFdQloygOINaEph1cXaU1mxnsuDVFGKkHAuSDJu0ee/h109/fb1.jpg



2. https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnlFneGQ415ZbqJRXeSH38Ur7X9G_WXAVb-Zwkc2TM8mT42-ONSlRwTTfTSnnK8XGE023gT3LgDZAVR2JTAsE1XIW79_wZfcCIRPXjchZUcgLHgCImk7-XhaE5rQLWZjgjil-6YNG5rFn6/h120/fb3.png

3. https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj23fI-QhsHHpnuFtWMHoS-M0t313QPQCplmWbmo3akMo7VMfTR3gIWA0zOTCBXev3COto13VwTueRPd-j64CIMawJTO8QX3057ivLE-5tGdmTSf7JAC9EipXxOW9ico3nLdqlyATswU0Em/h120/fb4.jpg
                                           

Comment here to Share Your Experience with us..
အားလံုးအဆင္ေျပၾကပါေစ..............  ေၾကာ္ျငာကလစ္ / Like လုပ္ျခင္္းျဖင့္အားေပးၾကပါ။
 

Facebook type jQuery Pop-up With Like Box & Timer for Blogger/Blog


သူငယ္ခ်င္းတို႔ရဲ႕ ဘေလာ့စ္ကို ၀င္လိုက္တာနဲ့ အခုလို Facebook like box ေလးေပၚလာေအာင္
လုပ္ခ်င္တယ္ဆိုရင္ေတာ့ေအာက္မွာ အဆင့္ဆင့္ျပထားပါတယ္။  Generate ကုဒ္နဲ႔အသံုးျပဳမွာ
ျဖစ္တဲ့အတြက္လြယ္ကူပါတယ္။
The JavaScript code for this widget is created by me  +Nitin Maheta   The installation is extremely easy just follow these steps. This one comparatively loads faster compared to the previous facebook blogger widgets i published so far, and also will worked with all browsers like IE-7+ and other major browsers.
How to install this widget to blogger?
As always, it is jQuery based widget, and your blog must have the jQuery plugin. if your blog already have a latest jQuery plugin, then Ignore this step and directly follow the Second step.
ပထမဆံုး မိမိရဲ႕ Blogger Template ထဲကို၀င္လိုက္ပါ။ျပီးရင္  </head> ရဲ႕အေပၚမွာေအာက္ကကုဒ္ကို
ကူးျပီးထည့္ေပးလိုက္ပါ။
If not add the below snippet code before </head> tag
<script type="text/javascript" src="http://ajax.googleapis.com/
ajax/libs/jquery/1.8.2/jquery.js"></script>

ျပီးရင္ေအာက္ကအဆင့္တိုင္းဆက္သြားပါမယ္။ ကိုယ္ေရးခ်င္တဲ့စာသားေတြ အခ်ိန္ေတြကိုျဖည့္ပါ။
Next?
  • Customize your settings as you need
  • Click on “Generate” button,
  • Click on “Preview” button(if you want to show your customized settings)
  • Finally click on “Add to Blogger” button to add this widget to your blog… :)


The steps are self explanatory and it works just smoothly without any troubleshooting. Add it to your blogs to increase your Facebook fan followers and drive more and more traffic from this giant social media network, Please drop your comments and questions below… :)
ေက်းဇူးျပဳ၍ေၾကာ္ျငာေတြကလစ္ခဲ့ပါ.....






Post by makingdifferent
အဆင္ေျပတယ္ဆိုရင္ေၾကာ္ျငာေလးကလစ္ခဲ့ဖို႔မေမ့လိုက္ပါနဲ႔သူငယ္ခ်င္း..ေိခိးD

အဖြဲ႔၀င္ခဲ့ဖို႔ဖိတ္ေခၚပါတယ္

    Featured Post