Blog Par Facebook Page Like Pop Up Kaise Add Kare?

Blog par traffic badhane ke liye Social Media Se Behtar koi Platform nahi. Agar aap apne blog par quality post karte hai to aap unhe Social Media par share karke jyada se jyada logo se jud skte hai. Lekin iske liye aapko social media par active bhi rhna hoga aur sath hi koi Page ya Account bhi bnana hoga jis se aap apne blog posts ki links social media par share kar ske. Lekin sirf Social Media Sites par links share karne se bhi kuch nhi hoga agar aapke page ya profile ki fan following bahut kam hai to aap apne blog ka traffic nahi badha paayenge.
Facebook par apne page ki fan following badhane ke liye aap Facebook Ads try kar skte hai aur saath hi apne blog par apne page ka ek Pop Up Window bhi add kar skte hai taaki jab bhi koi aapke blog par aaye to use aapke facebook page ke baare me bhi pta chal ske.

To chaliye mai aapko step by step btata hu ki aap apne Blog par apne Facebook Page ka Pop-Up Window kaise add kar skte hai -



Steps :

1. Sabse pehle apne Blogger Account me Log In kariye aur fir uske baad apna vo Blog select kariye jis par aapko Pop-Up Window add karna hai.


2. Blog select karne ke baad aapke saamne Blog ka dashboard hoga jisme aap “Layout” par click kare.


3. Layout me jaane ke baad aap “Add A Gadget” par click kare. Click karne ke baad ek “New Window” open hogi.


4. Window open hone ke baad usme “Html/Java Script” par click kare.


5. Ab aapke saamne 2 Empty box honge. Inme se aapko “Title” empty rakhna hai aur “Content” waale box me niche diye huye codes copy karke paste karne hai.


  • <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
  • <style>
  • #fbox-background {
  • display: none;
  • background: rgba(0,0,0,0.8);
  • width: 100%;
  • height: 100%;
  • position: fixed;
  • top: 0;
  • left: 0;
  • z-index: 99999;
  • }
  • #fbox-close {
  • width: 100%;
  • height: 100%;
  • }
  • #fbox-display {
  • background: #eaeaea;
  • border: 5px solid #828282;
  • width: 340px;
  • height: 230px;
  • position: absolute;
  • top: 32%;
  • left: 37%;
  • -webkit-border-radius: 5px;
  • -moz-border-radius: 5px;
  • border-radius: 5px;
  • }
  • #fbox-button {
  • float: right;
  • cursor: pointer;
  • position: absolute;
  • right: 0px;
  • top: 0px;
  • }
  • #fbox-button:before {
  • content: "CLOSE";
  • padding: 5px 8px;
  • background: #828282;
  • color: #eaeaea;
  • font-weight: bold;
  • font-size: 10px;
  • font-family: Tahoma;
  • }
  • #fbox-link,#fbox-link a.visited,#fbox-link a,#fbox-link a:hover {
  • color: #aaaaaa;
  • font-size: 9px;
  • text-decoration: none;
  • text-align: center;
  • padding: 5px;
  • }
  • </style>
  • <script type='text/javascript'>
  • //<![CDATA[
  • jQuery.cookie = function (key, value, options) {
  • // key and at least value given, set cookie...
  • if (arguments.length > 1 && String(value) !== "[object Object]") {
  • options = jQuery.extend({}, options);
  • if (value === null || value === undefined) {
  • options.expires = -1;
  • }
  • if (typeof options.expires === 'number') {
  • var days = options.expires, t = options.expires = new Date();
  • t.setDate(t.getDate() + days);
  • }
  • value = String(value);
  • return (document.cookie = [
  • encodeURIComponent(key), '=',
  • options.raw ? value : encodeURIComponent(value),
  • options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
  • options.path ? '; path=' + options.path : '',
  • options.domain ? '; domain=' + options.domain : '',
  • options.secure ? '; secure' : ''
  • ].join(''));
  • }
  • // key and possibly options given, get cookie...
  • options = value || {};
  • var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
  • return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
  • };
  • //]]>
  • </script>
  • <script type='text/javascript'>
  • jQuery(document).ready(function($){
  • if($.cookie('popup_facebook_box') != 'yes'){
  • $('#fbox-background') .delay(5000).fadeIn('medium');
  • $('#fbox-button, #fbox-close').click(function(){
  • $('#fbox-background').stop().fadeOut('medium');
  • });
  • }
  • $.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 });
  • });
  • </script>
  • <div id='fbox-background'>
  • <div id='fbox-close'>
  • </div>
  • <div id='fbox-display'>
  • <div id='fbox-button'>
  • </div>
  • <iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?
  • href= https://www.facebook.com/Coolest-Tricks-600904953391322 &width=339&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'
  • style='border: none; overflow: hidden; background: #fff; width: 339px; height: 200px;'></iframe>
  • <div id="fbox-link">Powered by <a style="padding-left: 0px;" href="https://coolest-tricks.blogspot.com/2016/09/blog-par-facebook-page-like-pop-up.html?m=0" rel="nofollow">Coolest Tricks</a></div>
  • </div>
  • </div>


6. Ab is code me se aapko mere Facebook Page ki link ko apne Blog ke Facebook Page ki Link se replace karna hai.
https://www.facebook.com/Coolest-Tricks-600904953391322


7. Apne Page ki link code me add karne ke baad aapko save button par click karna hai. Ab successfully aapne apne blog me Facebook Page Pop Up Window add kar liya hai. :D


Note :

1. Yeh Pop Up Window aapke blog ke load hone ke 5 Seconds baad Appear hoga.


2. Yeh Pop-Up Window kisi bhi visitor ko phli baar hi show hoga jab vo aapke blog par aayega. Agar aap chahte hai ki aapke blog ka visitor jitni baar bhi aapke blog par aaye use yeh Pop - Up Window dikhai de to aapko in codes me Ye line delete karni hai.

$.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 });


3. Agar aap yeh Pop Up Window apne visitor ko apne blog ke HomePage par hi dikhana chahte hai to Blogger Dashboard me Template me jaaeye aur fir Edit Html par click kariye.


4. Edit Html par click karne ke baad aapko apni screen par bahut saare codes dikhai denge...in codes par kahi bhi click kariye aur Ctrl+F button ek saath press kariye aur Search Box me ye code type kariye -
</body>

5. Ab aapne jo codes copy kiye the vo </body> ke aage niche diye huye codes me Facebook Page ke codes add karke pura code ek sath paste kar de.

&lt;b:if cond='data:page.type == "index"'&gt; APNE FACEBOOK PAGE CODE YHA PASTE KARE &lt;/b:if&gt;



Ab Aap Save Button Par Click Kar Ke View Blog Button Par Click KarKe Dekh Skte Hai Ki Aapka Widget kaam Kar Rha Ya Nahi. Sath Hi Agar Aapko Meri Yeh Post Pasand Aayi Hai To Ise Apne Social Media Friends Aur Followers Ke Sath Share Karna Naa Bhule.


Thanks For Reading. :)

No comments:

Post a Comment

Don't Be Shy, Leave A Comment!

Pages