New Facebook Popout Likebox Version 3

Hover above image to see live demo it is just wesome widget for blogger.I already give you this type of widget for blogger.But now a day's every one is adding same link box to there blog so I decided to give you some thing different.

You can also try this for other social media like-

1. Twitter
2. Pinterest
3. Facebook old One
4. Google Plus

Installing

• Go to Design-> Page Elements Click on Add Gadget.
• Select HTML/Javascript from it
• Leave title as blank ,Copy and Paste the below code into the content section.

<script type="text/javascript">
/*<![CDATA[*/
jQuery(document).ready(function() {jQuery(".noopslikebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);});
/*]]>*/
</script>
<style type="text/css">
.noopslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjz5jnakT9YdjEERd_pUMBVAF1iudmDWwAizqXV3iYx5IVmeGjzL3_8CyhG-G1GYK6raaRM6zmVcb1cEryFsmuUI0gxcz4_BtGi7vEl2FfPO4c-FkZ_yzD098XArpgVuXX9Ah765Ncf6O4/s1600/fb_static+button.jpg") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 999;position:fixed;right:-250px;top:20%;}
.noopslikebox div{border:none;position:relative;display:block;}
.noopslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 7px;text-align: right;z-index: 999;}
.noopslikebox span a{color: gray;text-decoration:none;}
.noopslikebox span a:hover{text-decoration:underline;}
</style>
<div class="noopslikebox">
    <div>
    <iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/lordhtml&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe>
    </div>
</div>

Replace the RED highlighted text with your Facebook page URL. 

Read More

New Timeline Design Is Coming for Facebook

Facebook is always changing and making it more better then before,today Facebook test New Timeline Design.As you can see in below screenshot of the new design shows condensed version of Timeline in which we can see User detail (name, occupation, education, location) is appearing on top rather than below.

The carousel of thumbnail images highlighting friends, photos, places, likes, etc. And now Image thumbnail is replaced by compressed image.


The new version:

The old Version:

I want to ask from you that do you like this change?Do you like timeline? Or do you want to remove timeline.

Comment below your view about the new design of timeline.

Read More

Add Pinterest And Other Social Media Buttons To Blogger

Pinterest is another great social media which we need to add in our blog so we need to redeing sharing system because of pinterest

Today I will give you very good looking social media button with Pinterest pin button also which you can put anywhere

To Add this button follow below steps-


Copy the following code and paste it above </head> tag

<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script><script type="text/javascript">stLight.options({publisher: "84975643-4f75-47df-915d-679f79566717"}); </script>

Now copy the below code and paste it where you want this button to appear

<span class='st_fblike_hcount' displayText='Facebook Like'></span><span class='st_facebook_hcount' displayText='Facebook'></span><span class='st_plusone_hcount' displayText='Google +1'></span><span class='st_googleplus_hcount' displayText='Google +'></span><span class='st_pinterest_hcount' displayText='Pinterest'></span><span class='st_twitter_hcount' displayText='Tweet'></span>

Suggestion-
Add this gadget below header and above post area it will look great.

If you want me to add more buttons in this gadget then comment your opinion below

Read More

80 Funny Facebook Timeline

Download

Note-It is not possible to show 80 timeline on one post so i made zip file just download all 80 timeline and select your favorite.

Timeline is the new Facebook profile. Tell your life story through photos, friendships and personal milestones like graduating or traveling to new places.But it is very irritating many of Facebook user don't like this new system I also don't like it unfortunately i change to timeline and now i can change it back.

Read More

Customize Facebook Like Box With CSS

The Facebook Like box placed on your website /blog is probably the easiest way to attract new fans to your Facebook page.But the default Facebook like box is not having good look at all.Its very ugly many of my fans told me to customize Facebook like box with the help of css.I find a way by which we can make facebook like box look good and attractive you don't need to do any think you only need to copy and paste the code.

To get started, copy the code below and paste it in html/javascript which you will find in layout.

<style type="text/css">
 .facebookOuter {
    background-color:#F4F4F4;
    width:250px;
    padding:10px 0 10px 10px;
    height:250px;
    border:1px solid #CCCCCC;
  }
 .facebookInner {
    height:250px;
    overflow:hidden;
  }
</style>

<div class="facebookOuter">
 <div class="facebookInner">
  <div class="fb-like-box"
      data-width="245" data-height="290"
      data-href="http://www.facebook.com/lordhtml"
      data-border-color="#F4F4F4" data-show-faces="true"
      data-stream="false" data-header="false">
  </div>
 </div>
</div>

<div id="fb-root"></div>

<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>

Now You Need To Replace Your Facebook page Url with http://www.facebook.com/lordhtml which you will find in 19 line of code.


If you are facing any problem regarding to this post then comment below :)

Read More

Make Friends April Fool On Facebook

Hello , this is Aumkar Thakur there are too many ways to fool your friends on facebook and you may be also been fooled by your friends somewhere. So here i am displaying some of the most famous way to fool your friends on Facebook.

Read more �

Read More

New facebook emoticons 2012

Facebook Emotions are very useful to attract your friends attention toward you.But from many time Facebook don't introduce new smiles.But today We are going to introduce new Facebook emotions 2012.

Read more �

Read More

How To Add Social Media Buttons Below Blogger Posts.

We already saw "How Add Social Media Share Buttons For Blogger" but today I will teach you how to add Google+, Facebook and Twitter buttons to Blogger. We will align the buttons horizontally below the Blogger post titles.

Read more �

Read More

How to select all friends at once to invite friends on Facebook

I an having 3794 friends on Facebook.It to hard to maintain all :p Whenever I create a Facebook event Its to hard to invite all my friends, It just waste my lot of time.

Read more �

Read More

Remove Ads from Google, YouTube, Facebook e.t.c In Free

Everywhere on web we find ads banned,video,text etc .Every time when you see video on YouTube there is video ads appear in Facebook timeline the ads banner appears everywhere.According to google adsense policy many blog get Google adsense so every time when we read feed or news on any blog the adsense ads start appearing.So I decided to remove add impermanently in free.

Read more �

Read More

Pure CSS Social Media gadget for blogger.

• 
• 
• 
• 
• 

This tutorial will show you how to make pure CSS social media gadgets for blog.As you can see above live demo of this gadget that when we mouse over it size of the buttons increase its made by me Aumkar Thakur.
So if you also want to but these type of buttons then follow some quick steps.

Read more �

Read More

Facebook Animated Share Button For Blogger.

As you see above a beautiful animated Facebook share button.Facebook share button is very useful for your website to grow traffic.This button attract the user to share your blog :D if you want to put the same button in your blog then follow some quick step.

Copy The Following Code And Paste In You Website-

Read more �

Read More

Facebook pop out like box for blogger

Facebook pop out like box is very cool widget with hover effect.When mouse over the badge with like box is visible by Sliding to Left.

Demo

To make Facebook pop out like box for blogger Follow some quick steps.

Read more �

Read More

How to add social media follow us buttons.

Social Media-Social Media is very vast if you want to make your website popular then you need help of this social networking sites.By sharing,following and posting increases you site traffic.

If you want to put same follow us buttons that show above then follow the following steps-

Read more �

Read More

Make Mouse over Facebook Share Button For Blogger

Hi friends so its my first tutorial about HTML.I am going to teach you how to make mouse over Facebook share button For Blogger.

So lets Start-

Read more �

Read More