MM-HelperBlogger: 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 ႏွိပ္လိုက္ပါ။

<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>  <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& width=300&colorscheme=light& show_faces=true& border_color=%23ffffff& stream=false&header=false& 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>

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