Latest Stylish Facebook Popup Like Box for Blogger and Word press Free

Helo Dears, You should be fine. Today I am with New widget for Newbie Blogger , who wants to Increase Traffic from Facebook. This is Facebook Like Box Popup Window Widget.

This Widget can be used in Blogger and Wordpress also.

After Installing this Widget, You can get more facebook Like, means more Users from Facebook and  get More Income.

This Is very Simple Widget to Install on Blogger or Wordpress. Just Copy Paste Widget.

How To Install this Widget on Blogger.





How To Add Facebook Like Box Widget on Blogger

This Is Very Easy Steps to Install This Widget. No Language Skill required it.

Go To Blogger DashBoard

Go to Blogger Layout

Select HTML/JAVA Script

and Then Paste Below Code.

<!------- www.mybloggertricksnow.net/ beautiful facebook popup like box ends------------> <style type="text/css"> * html
#Moontricksstylepopupdiv { position:absolute; overflow:hidden;} #Moontricksstylepopupdiv { display:block; top:0px;
left:0px; width:100%; height:100%; position:fixed; background-color:none; margin:0; overflow-y:hidden;}
#Moontricksstylepopup { background-color: #fff; overflow:none; overflow:hidden;} .Moontricksstylepopup { 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> <!--[if lte IE 6]> <style type="text/css"> /*<![CDATA[*/ html {overflow-x:auto; overflow-
y:hidden;} /*]]>*/ </style> <![endif]--> <div id="Mybloggertricksstylepopupdiv"> <div id="saarinewsstylepopup"
class="saarinewsstylepopup"> <center> <h3 class="title"> <img src="https://lh3.googleusercontent.com/-
y59ffB_1WgQ/Ua9mSc9idpI/AAAAAAAABEM/YZiBgEtgQe8/h117/fb0.png" /> </h3> </center> <center> <iframe
src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fsaarinews&amp;
width=300&amp;colorscheme=light&amp; show_faces=true&amp; border_color=%23ffffff&amp; stream=false&amp;header=false&amp;
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
('Moontricksstylepopupdiv') .style.display='none'"> <img src="https://lh6.googleusercontent.com/-BTm-WAqkztI/Ua9pgU-
16fI/AAAAAAAABEs/valx8qUqNV4/h120/exit.png"/> </a> </div> </div> </div> <!-------Moontricks.com beautiful facebook popup
like box ends------------>

Now You Just change Saarinews to Your Facebook Page Url and Enjoy this This.

Most Commented Post Widget for Blogger Blogspot

This is Very Helpful tool to count comments in Your blog post.

How to Add Most Comment Post Widget in Your Blogger Blog

Firstly, You Go To Blogger Layout

Click on Add A Gadget Butoon

Choose "HTML/JAVASCRIPT'

and Then Finally Below code Inside It.

<style>

/* ######### Most Commented Widget by MBT ##########*/
.commentbubble {
background: #292D30;
width: 49px;
float: left;
margin: 2px 20px 35px 0px;
font-weight: bold;
font-size: 1.3em;
text-align: right;
font-family: georgia,Helvetica;
padding: 0px 0px 5px 0px;
text-align: right;
color: #FFF;
text-shadow: 4px 1px #202022;
position: relative;
top: 5px;

}
.commentbubble:after {
content: ' ';
position: absolute;
width: 0;
height: 0;
right: 0px;
top: 100%;
border-width: 5px 8px;
border-style: solid;
border-color: #292D30 #292D30 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
top: 34px;
right: 6px;
}

</style>

<script type="text/javascript">
function getYpipePP(feed) {
document.write('<ul style="list-style:none; ">');
var i;
for (i = 0; i < feed.count ; i++)
{
var href = "'" + feed.value.items[i].link + "'";
var pTitle = feed.value.items[i].title;
var pComment = + feed.value.items[i].commentcount;
var pList = '<li style="clear:both; padding:10px 0px 30px 0px!important; border-bottom: 1px dashed #dedede; line-height:2em; "> <div class="commentbubble">' +pComment +  "&#160;&#160;</div>" +  "<a href="+ href + '" target="_blank">' + pTitle ;
document.write(pList);
//to remove comment count delete this line
document.write('</a></li>');
}
document.write('</ul>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
YourBlogUrl=http://www.mybloggertricksnow.net
&ShowHowMany=6
&_id=390e906036f48772b2ed4b5d837af4cd
&_callback=getYpipePP
&_render=json"
type="text/javascript"></script>

Now Make these some little change in This Code.

1. Replace with Your Blog URL http://www.mybloggertricksnow.com
2. Replace 6 your choice to how many post show in sidebar.
3. Now You Can Change your Background Colour to your right colour.

Thanks MYBLOGGERTRICKS.COM for this Article.

Recent Post Widget for Blogger Blogspot Configuration very easy steps

Dear Readers, Now we are presenting a Very simple way to configure Recent post widget for your blog.
Main Advantage of this widget is that When Users viewing your old posts, during this time, they click on your recent post As Side Bar Widget.

How To configure Recent Post Widget in Blogspot

1.   First Go to Blogger Dashboard
2.   Then Select Your Blog
3.   Then Go To Lay out
4.   Click on "Add A Gadget'' Button
5.   Choose Follow By Email and copy the Feed Burner URL

This is First Step of Recent Post Widget , now we goes to second step.

1.   Once Again Click on ''Add A Gadget'' button
2.   Now here you select ''FEED'' Button
3.   Paste Here Feed Burner URL Address here.
4. Then Click on Continue Button Immediately.

Now You have done.  If you like this our simple Recent Post Widget Tutorials , then Like Us on Facebook for More Taste in your Blog.

How to Configure Facebook Like and Send Button to Blogger Blogspot free

Facebook is Very Famous for Social Sharing Links for Any Blogs. In Start of Facebook website, Facebook Send Button Shows Only. But After Some Time passed, Facebook Combined the Send and Like Button into a Very Single Button.

It is Furthor stated that Facebook Like button is equipped with an Additional Comment Functionality also. The Visitors of Website can comments on any post what they like. Now Lets Add this Beautifull Facebook Plugin into Blogger.

Configure The Facebook Like and Send Button To Blogger Blogspot Manually Now

1. First of All, Go To Blogger > Then Design > Then Edit HTML
2. Now Backup Your Template, It is necessary, If some happened.
3. Click Expand Widget templates Box ( This action does not work in New Blogger HTML).
4. Now, Search for <data:post.body/>
5. And If you wish to add this Facebook Plugin just below post titles in blogspot the add the Below Code just above <data:post.body/> or If your want to wish this FaceBook Plugin may appear end of the your Blog Post Below, then paste the Below code just Below <data:post.body/>

<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="" send="true" layout="button_count" width="450" show_faces="false" font=""></fb:like>

 Now Press Save Button and You have done!. Write Your Email Address Below to Get More Tips directly into your Inbox.

How to Create Facebook Page for Your Blogspot Blogger

This is Very Important for New bloggers that They catch not their website traffic from Search Engine or Directory but Social Media Website.

Facebook is Leading Social Sharing Website on The Web. Now Question is that How Facebook is Important for My Blog or Website. So Simple answer is that Link your website to Facebook and Catch user from this.

So, Next Question arise that How Catch user from FB, so Don't worry about this. Just Creat Facebook Page same as Your website name and then generate traffic from Facebook.

How to Create FaceBook Page:. 

Log in to your Facebook account and open the How to Create Facebook Page . 

When you click on above Link this image will shown.

Now Here you select your option according to your Website Title. Select any option and then Click Get Started button.  Next Image shows on the Screen as Below.

In About option, Add desciption about your website. Then put your website link and click Save Info button. you will be direct to Profile Picture option.

Now here you can upload photo from Computer or from your website. You can skip this option also and upload picture later on. 

If you are interested to Advertise your facebook page on Facebook, you should Add Paymnet Mehod option or skip this option and go. Now you have done. 


If you like this article then Click and Share this post. About Any Queries write in comment Box.