Your SlideShare is downloading. ×
How to add google+ popup window in blogger
How to add google+ popup window in blogger
How to add google+ popup window in blogger
How to add google+ popup window in blogger
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

How to add google+ popup window in blogger

1,159

Published on

This presentation helsp to know how to add google plus popup window in blogger.

This presentation helsp to know how to add google plus popup window in blogger.

Published in: Devices & Hardware
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,159
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
7
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. How to Add Google+ Popup Window in Blogger? Now a days, Google plus is the best social networking web site. More peoples are connected with Google plus circles around the world. It helps to reach the customers who have more interest on what you offer. You can easily find the users and also add in your circles as your wish. With the help of Google plus easily increase referral visits and popularity of your website among the Google plus users who connect with in your circles. Steps to add Google+ popup window Confirm if a gadget has any links with in the code before add in your blog. Because all gadget providers follow this way to build back links easily from other blogs. If you can find any links add no follow tag for that or remove an anchor tags from the code. Matt cuts, the head of web spam team of Google advices for every blog users to use no follow for your gadgets. Check his advice here http://searchengineland.com/Googles-matt-cutts-i-recommend-nofollowing-links-on-widgets-169487 Login with your details in blogger.com Click add a gadget
  • 2. Click HTML/Java script Copy below code and paste it. Before paste the code replace which one is highlighted in the code by your Google plus profile URL Name your gadget if need and save it <style type="text/css"> * html #exestylepopupdiv {position:absolute;} #exestylepopupdiv {display:block; top:0px; left:0px; width:100%; height:100%; position:fixed; background-image:url('https://lh3.Googleusercontent.com/-rUv4L_9nz- 8/T9sfSSJaZNI/AAAAAAAACf0/ETEgFKt-rR4/s128/exeideasopacity0.5.png');margin:0; overflow-y:auto;} #exestylepopup {z-index:9999;background-color: #fff; overflow:none;} .exestylepopup {width:400px; height:440px; position:fixed; top:45%; left:50%; margin-top:-220px; margin-left:-200px; border: 10px solid #999; padding: 20px;} .exe-title {background:#000;color: #fff;font-size: 20px !important;font-weight:bold;margin:5px 0;border:20px solid #ddd;padding:10px;line-height:25px; font-family:arial !important;}
  • 3. </style> <!--[if lte IE 6]> <style type="text/css"> /*<![CDATA[*/ html {overflow-x:auto; overflow-y:hidden;} /*]]>*/ </style> <![endif]--> <div id="exestylepopupdiv"> <div id="exestylepopup" class="exestylepopup"> <center><h3 class="exe-title">Receive All Updates Via Google+. Just Click The Button Below...</h3></center> <center> <div class="g-plus" data-action="followers" data-height="300" data- href="https://plus.Google.com/106312666492596013330" data-source="blogger:blog:followers" data- width="310"> </div> <script type="text/javascript"> (function() { window.___gcfg = {'lang': 'en'}; var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.Google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })();
  • 4. </script> </center> <br /> <center style=" float:left; margin-left:35px; font-size:15px;cursor:pointer;" ><a style=" font-size:15px; color:#3B78CD; text-decoration:none;" onmouseup="document.getElementById('exestylepopupdiv').style.display='none'">Skip To Continue</a></center> </div> </div> Shared By Webmasters Spot Webmasters spot is a blog. It shares recent information about search engines, on page SEO and off page SEO strategies. Follow this blog to get recent updates. http://www.webmasters-spot.blogspot.com

×