PR-Blogger: Plugins

Showing posts with label Plugins. Show all posts

Saturday, 25 May 2013

Facebook Pop Up Like Box For Blogger With Close Option

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
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>

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

Note: Change prblogger to your facebook page username.

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.

Show Facebook Comment Box In Your Website Easily

By: Ramakrishna Ch on 14:31

There are many tutorials helping us to display Facebook comments box in blogger or any other website. Now I made this simple with only 3 easy steps. Facebook is the most used social network in the world. The People show more curiosity to facebook. so, Adding a facebook comment box to your website increases the interaction between you and your reader, Readers can discuss easily their problems with each other. Now Its made very simple to add it your site. Follow the simple basic steps And integrate it ti your website.

Add A Floating Navigation Menu Bar With Social Buttons In Blogger

By: Ramakrishna Ch on 19:32

Thinking of increasing your visitors or to add a floating a navigation menu with social sharing buttons in blogger. Now add a smooth floating navigation menu bar to your blog. It also includes the social media icons in the bar to engage your visitors. It is defiantly going to attract your visitors attention in a positive way and makes him to subscribe to your blog. It also helps your visitor to navigate your blog fully as it provides shortcuts for the important articles in your blog. First you should add a CSS code to your template and then paste the widget code. Before Implementing the code, check the demo of the widget in our demo blog.

Add A Unique And Brand New Subscription Widget To Blogger

By: Ramakrishna Ch on 15:59

Check out the brand new and unique subscription widget to add it to your blogger blog. This widget is made up of CSS and looks pretty well to your blog sidebar. It includes RSS, Twitter, LinkedIn, Pinterest And YouTube Buttons at the top of widget and also Facebook like box, Direct subscribing to your feeds, Google+ followers widget and twitter follow button.This code is supported by all the modern browsers. This widget will defiantly catch your readers attention and helps you to increase your social followers of your blog. Before implementing the code you can checkout the demo of the widget in my test blog, After checking the demo if you like then follow the instructions below and get the widget easily.

How To Expand Images On Hovering Mouse In Blogger

By: Ramakrishna Ch on 15:38

This Code is made of CSS means more enjoying, By adding this code you can expand the images on hovering the mouse, you can also notice the shadows over the images. The code is supported in all modern browser except sometimes in boring Internet Explorer. It supports Mozilla, Safari, Opera, Chrome and all modern Browsers.

Before adding the code, you can checkout the demo of the hack. This is the first demo in our blog. Now lets check the hack by clicking below link

Most Used Subscription Boxes With Blogger

By: Ramakrishna Ch on 16:23

Subscription boxes are the best tools to stick our readers to our blog. Subscription boxes contain various social sharing websites buttons which help to find out our latest updates. Here I am giving you the codes of most used subscription boxes with blogger.

Add A Pro Subscription Box For Blogger With Hand Drawn Icons

By: Ramakrishna Ch on 16:22

Go to Design, Layout
Add a Gadget
Select HTML/JavaScript and add the following code to the box.

Add A Classic Subscription Box For Your Blogger Blog

By: Ramakrishna Ch on 16:19

Go to Blogger >> Design.
Add a Gadget.
Select HTML/JavaScript and paste the following code in it

Add A Subscription Box Below Every Post In Blogger

By: Ramakrishna Ch on 16:16

Go To Blogger > Design > Edit HTML
Backup your template
Check the "Expand Widget Templates" box
Search for

Add Word Press Style Subscription Box For Blogger

By: Ramakrishna Ch on 16:13

Go To Blogger > Design
Select an HTML/JavaScript Widget
Paste the code below into the widget

How To Add Facebook Like Box To Blogger

By: Ramakrishna Ch on 20:57

Facebook is the world's largest used socail netowork. It helps your users to know your updates instantly and stay connected. It is the best media in internet to promote, interact, and increase your visitors and revenue of your blog. Facebook like box helps the users to directly like your facebook page, they do not need to leave your website or open facebook, they like your page itself there on your blog. Follow the simple basic steps with screenshots to understand better.

PR-Blogger