Facebook Pop Up Like Box For Blogger With Close Option

By: Ramakrishna Ch on 12:32

Facebook is the most popular social network to share and exchange the ideas of one another and to experience the new ideas. Facebook is also popular to promote your blog and update your latest posts to your regular and fan page readers. Adding the pop up box increases your readers by great extent. It will be easy for your readers to subscribe your blog.

DEMO

Adding Facebook Popup Box In Blogger Blog

1. Go To Blogger -> Layout -> Add Gadget

2. Choose HTML/Java Script.

3. Paste The Below Code And Click Save.

<!-- FACEBOOK LIKE BOX CSS POPUP WIDGET -->
/*FACEBOOK LIKE BOX CSS POPUP WIDGET
Web link to gadget code: http://www.pr-blogger.com/2013/05/facebook-pop-up-like-box-for-blogger.html
Distributed under license CC BY-NC-ND 3.0 INT
Please keep license information intact while using this widget*/
<style type="text/css">
* html #tpfanbox{position:absolute}
#tpfanbox{display:block;top:0px;left:0px;width:100%;height:100%;margin:0;overflow-y:auto; z-index:9999}
#tpfanboxx{background-color:#fff;overflow:none}
.tpfanboxx{width:320px;height:380px;position:fixed;top:45%;left:50%;margin-top:-200px; margin-left:-200px;border:7px solid #6D85B5;padding:20px;z-index:9999}
.tptitle{background:#3B5999;color:#fff;font-size:16px !important;font-weight:bold;margin:5px 0;border-left:20px solid #6D85B5;padding:10px;line-height:25px;font-family:Arial !important; float:left;z-index:9999}
</style>
<!--[if lte IE 6]>
<style type="text/css">
/*<![CDATA[*/
html {overflow-x:auto;overflow-y:hidden}
/*]]>*/
</style>
<![endif]-->
<div id="tpfanbox">
<div id="tpfanboxx" class="tpfanboxx">
<h3 class="tptitle">GET ALL UPDATES VIA FACEBOOK JUST PRESS <img alt="Like" style="vertical-align:middle" src="http://goo.gl/bX6c0" /> BUTTON</h3>
<center><iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fprblogger&amp;width=300&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false&amp;height=258" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe></center>
<br/>
<center style="float:left; margin-left:10px;cursor:pointer;"><a style=" font-size:xx-small; color:#3B78CD; text-decoration:none;" onmouseup="document.getElementById('tpfanbox').style.display='none'">[X] CLOSE</a></center>
<center style="float:right; margin-right:10px;"><span style="font-size:xx-small; color:#000; text-decoration:none;">+Get this at</span> <a target='_blank' style="font-size:xx-small; color:#3B78CD; text-decoration:none;" href="http://www.pr-blogger.com/2013/05/facebook-pop-up-like-box-for-blogger.html">Facebook Pop Up Box</a></center>
</div></div>
<!-- FACEBOOK LIKE BOX CSS POPUP WIDGET -->

Note: Change prblogger  to your facebook page username.

Read More

How To Create Chrome Extension For Your Website

By: Ramakrishna Ch on 23:08

Now chrome is the largest used browser in the world. People are migrating from Mozilla Firefox to chrome by its simple and fast experience. The chrome extensions are so simple and user friendly, they don't even disturb your users experience. So people don't hesitate to download your chrome extension. I will show give a simple code and you need to just change the RSS Feed URL. The extension shows the recent posts from your blog and is so simple and fast. It can be most useful to notify your new posts.

Read More