Floating Facebook Like Box Widget For Your Website

Are you struggling to get more facebook likes? Add a floating facebook like box to your blog or website.  The widget remains in a fixed position on the right-hand side of your site.  When you hover over the blue facebook image, the like box will then slide and reveal itself using jquery.

View Demo

You can see a demonstration of this facebook widget on the right side of this page. Hover over the facebook image with your mouse. A facebook like box should appear.

Add Widget to Your Site

Step 1
Add the following code anywhere in the body section of your template. Or simply click the “add to blogger” button for blogspot blogs.

Step 2
If the floating facbook widget is not working properly after step 1, then you need to add jquery to your site. Follow the instructions below.

  1.  Go to Design>Edit HTML
  2. Search for <head> and just below it paste the following JQuery code.

How to Customize

Where to find the code?
In order to find the html go to the blogger dashboard>Layout. Click “edit” on the “HTML/Javascript” gadget.

Enter your facebook username
Search for the line of code below and replace theblogwidgets with your own facebook page username. If you don’t have a username you can easily create your own here.

How May I Help You?

If you’re still having problems with the getting the facebook box to display properly, let me know.  Comment below and I will be happy to assist you.

Jasper Roberts ConsultingWidget

Floating Twitter and Facebook Share Buttons (Widgets with Counter)

Here is an excellent widget that will float vertically next to your individual blog posts.  These  engaging buttons will allow your visitors to easily share your content on facebook, twitter, google plus, etc.  The great thing about this widget is that it counts the number of times your posts are shared on each social network.

Add Widget to Blogger

  1. Go to Blogger > Template
  2. Backup your template
  3. Click Edit HTML
  4. Click Proceed
  5. Then Click Expand Widget Templates
  6. Search for this code:

and below it paste the following code.

Add Widget to Website

Just place the code above anywhere between the body section of your template. The widget will appear where the code is placed.


Replace the code below with your own twitter username.

WidgetsForFree Blogger Template – free download

Here’s a free template that you all are more than welcome to use.  We used this design on our site for a couple of years and it served us well, and I hope it does the same for you.  Let me know if you have any questions on implementing the blogger template on your blog!


2 Columns, Fixed Width, Blue, White, Right Sidebar


Adsense Integration:  Here are directions for displaying adsense ads in the black navigation bar, located beneath your blog title.  Search for the line of code below and replace it with your adsense code (make sure you parse the adsense code first, you can use blog crowds parser).  Also, the adsense ad type is a 728X15 text link.

Check out our blogger template resource at TheBlogTemplates.com

Preview this Template

Download this Template

Facebook Popup (Like Box Widget)

Here’s a fantastic way to increase facebook likes for your blog or website.  Add this enticing widget to your site and a facebook like box will pop up with the lightbox effect when a user visits your page.  The facebook widget will show up on your page about 20 seconds after the page loads (but can be customized).  This is a surefire way to dramatically increase your likes.

Add Widget to Your Site

Add the following code anywhere in the body section of your template. Or simply click the “add to blogger” button for blogspot blogs.  For WordPress themes, Weebly templates, and Tumblr, you will need to manually copy and paste the script into your template.  


How to Customize

Where to find the code?
If you’ve installed the widget by clicking “Add to Blogger” you’ll need to locate the code in order to make customizations. In order to find the html go to the blogger dashboard>Layout. Click “edit” on the “HTML/Javascript” gadget.

Enter your facebook username
Search for http://www.facebook.com/theblogwidgets and replace it with your site’s facebook page URL.

Change the 20 Second Time Delay
By default the widget pops up 20 seconds after the page finishes loading.  Search for the code below and change the number 20000 to a greater or lesser number.
1 second = 1000.  10 seconds = 10000. 60 seconds = 60000.

Popup every time the page loads 
By default, the like box widget only shows up the first time the user visits your page.  If you would like the facebook box to popup every time the page loads, then remove this line of code:

Display only when user visits your homepage
You can do this by surrounding the widget code with these conditional tags below. Go to Template Edit HTML. Now search for the </body> tag. Place the facebook popup widget right above this body tag.  Make sure to include the conditional tags below.

Having trouble seeing the facebook widget?

By default, this facebook like box widget is only displayed once every 30 days. You may need to delete your cookies if you would like to see it again.  Or check out the “How to Customize” section above, in order to display the widget every time a user visits your site.

If you’re still having trouble with the popup widget, please leave a comment below.  I am happy to help you!

Another Facebook Like Box Widget…

You should also check out the Floating Facebook Like Box.  Conveniently located on the right side of the web page; your visitors will be able to like your facebook page at any time.

5 Tumblr Widgets For a Great Blog

Tumblr is a free and professional blog platform which allows for customization and additions with widgets.  Widgets are a great way to enhance your Tumblr blog with something useful or fun. Why not engage your readers with some social media tools or a few of your favorite Flickr pics?

  1. Skype Button  Lets your users easily contact you with this skype widget.  Your readers can even see your status or wether or not you’re online.
  2. Hello Bar – Direct your visitors to a certain page or your most important content.  This toolbar widget will be displayed on the very top of your blog.
  3. Flickr Badge – Make your blog personal by displaying some of your own flickr pictures with this tumblr widget.
  4. Google+ Profile Widget – Let your readers view your Google Plus profile and add you into their circles.
  5. Meebo Bar – Engage your audience with social media options at the bottom of your site.

Get Your Own Custom .COM Domain for Your Blog

You may realize it’s time to take things seriously and upgrade to your own custom domain (eg:yourblog.com). This post will hopefully help clarify the benefits of getting your own web domain and where to start. Just like always, you are more than welcome to ask me any questions and I am happy to help you through the process.

Why Choose a Custom Domain?

  1. It’s Permanent.  You get to keep this domain name forever.  Services such as Blogger can deactivate your blog at any given time without notice.
  2. Promote your own brand.  If your site is a subdomain (such as .blogspot.com) you’re promoting Google Blogger. Get your own domain and you’ll be promoting your own unique brand. It gives you credibility and more people will trust you and what you have to offer.
  3. More Traffic.  Search engines prefer custom web domains over subdomains.
  4. Name Recognition.  It’s much easier to remember and locate a domain name such as NinjaMan.com than NinjaMan.blogspot.com.
  5. Custom Email.  You can get your own custom email (eg: John@YourBlog.com). It looks very professional.
  6. Selling Rights.  Subdomain blogs, such as Blogspot, do not allow you to sell your blog. With your own custom domain you have the right to sell your website if you choose to do so one day.
  7. It’s Cheap.  Give up one Starbucks drink a month and you can afford your own (.com, .net, .org, etc.) domain! It’s only $3.96 a month with HostGator.

Choosing the Right Web Host


If you are searching for a web hosting company that has reliable and fast servers, try HostGator. My friend James and I use them to host several sites, and I have been a customer for over one year without any issues. Our high traffic site TheBlogTemplates.com has been running very smoothly since September of 2009 and HostGator can handle it well.

Option 1 : Setup Your Custom Domain with Blogger

  1. Assuming you have your own hosting plan with Hostgator or another web host, contact your web hosting company about registering a domain. Tell them that you want to register a new domain name such as YourDomain.com.  Once the domain is registered ask them to create a CNAME record for your domain with the DNS directing to: ghs.google.com.  Please note that it may take a few hours to a day for your DNS settings to update correctly.
  2. Now we need to update your Blogger Settings at Blogger.com.  Go to Settings and then click on the Publishing tab.
    1. If you are publishing on Blogspot, you will see a link near the top offering to switch you to a custom domain. Go ahead and click on “custom domain”.
    2. Now click “Switch to Advanced Settings”.
    3. Fill in the name of your domain. I typed in YourDomain.com as an example.  Once you’ve done this enter the word verification at the bottom of the page and click “Save Settings”.
    4. That’s it! Your files should now be hosted at your new domain if your DNS settings have been updated yet.

Option 2 : Set up Your Custom Domain by Migrating from Blogger to WordPress

WordPress is a free professional blogging platform which most people prefer over Blogger. Assuming once again that you have a web hosting account with one such as Hostgator, go to your cPanel.

  1. Watch this tutorial on how to Install WordPress from Fantastico.
  2. Then in your WordPress Admin area (domain.com/wp-admin), go to Manage → Import → Blogger and follow the directions to complete the import.
  3. Your blog posts should now be imported to WordPress and should show up on your website!

Got Questions?

Feel free to ask me any question because I’d be happy to walk you through step by step!
Leave a comment below.

Best Web Hosting Plans for Blogs

Hosting a blog on your own custom domain is essential and it’s important to find a reliable and affordable web host.  Having the right web host that you can trust is key for any website or blog.  So I’ve come up with an updated list of the best web hosts for blogs.  Please feel free to ask any questions because I am happy to help!

1) HostGator

HostGator is trusted by over 5,000,000 sites to suit their web hosting needs. I personally host several sites on HostGator and I strongly reccommend them. If you have any questions, please feel free to ask!

2) iPage

iPage provides web hosting at an affordable and competitive price and promises its clients reliable servers and great customer support.

3) JustHost

JustHost is committed to providing their clients with low cost blog hosting along with a promise of excellent customer support.

4) FatCow

FatCow is dedicated to delivering first class customer service to the small business owner in particular.

5) BlueHost

BlueHost has been offering exceptional web hosting solutions to thousands of personal and business sites since the year of 1996.

6) InMotion

InMotion guarantees reliable, affordable, and fast web hosting. This web hosting company promises 100% satisfaction guarantee.

7) DreamHost

DreamHost is a great web hosting company which offers reliable web servers and excellent customer service.

8) HostMonster

HostMonster is a solid company which has been offering web hosting solutions to thousands of personal and business web sites since 1996.

9) GoDaddy

GoDaddy is a secure and reliable web hosting provider which is very well known.


I hope this list has been helpful in your search for a great web host. I personally recommend HostGator as a reliable and trustworthy web hosting company, from my own experience. Also, please feel free to write your own reviews and questions in the comment section below.

Sign Up for Hostgator

15 Best Android Widgets for Your Productivity and Enjoyment

Widgets are are an extremely cool feature on the Android which the iPhone does not have. These Android widgets are very handy and enjoyable because they are easily accessible in just a split second and can provide useful information for the user. I have compiled a list of the best android widgets for you to enjoy.

Android Widgets

  1. Battery Watcher
    This widget gives you the percent battery life available.
  2. Extended Controls
    A very useful  widget which allows you to edit the settings on your android.
  3. Google Maps
    A well developed map by Google which will help you navigate the planet.
  4. Flight Track
    Get real time updates of your flight’s status and worldwide map tracking.
  5. Pandora
    Listen to the best personalized radio station on the go.
  6. Advanced Task Killer
    A useful tool for killing running applications on your droid.  If you can’t get an application to close, this widget will certainly do the job.
  7. Twitter
    Tweet your friends with this awesome twitter widget.
  8. Barcode Scanner
    Scan the barcode on any product and this android widget will look it up for you.
  9. Sports Tap
    Stay up to date with sports. Including NFL, MLB, NBA, NHL, NCAA, nascar, football, soccer, baseball, and hockey.
  10. Pure Messenger Widget
    The all in one combined messaging widget for Gmail, email, SMS, Twitter, Calls, and Facebook.
  11. Weather & Toggle Widget
    The greatest weather widget for the android.
  12. Pure Grid Calendar Widget
    A great android widget which will help keep you organized.  The widget syncs with your google calendar.
  13. Facebook for Android
    Stay connected with your friends on the facebook social network.
  14. Analytics Widget
    See your websites visitors instantly and view your google analytics info immediately as well.
  15. Where
    Look up places in your area and get ratings and recommendations.


Thanks for reading my list of the best android widgets of 2011 and 2012. If you think of any others that should be added to the list please let me know!

Free Blogger Templates

TheBlogTemplates is a website where you can browse and download Free Blogger Templates as well as Free WordPress Themes. The website also offers reviews of the Best Web Hosting Plans. You can follow them on twitter: @TheBlogTemplate or join them on Facebook.

Add Google Buzz Share Button – Widget for Blogger

Google Buzz is a great social tool which is very similiar to Twitter and Facebook. It’s a wonderful way to engage and interact with your readers! Make sure to implement these Google Buzz buttons into your blogger posts, so that users can easily share your content on Google Buzz.

UPDATE: Google Buzz has shutdown.

Add Google Buzz it Button to Blogger

  1. Go to Layout >Edit HTML in your Blogger Dashboard.
  2. Back up your existing Template before making any changes!
  3. Make sure to check the “Expand Widget Templates” box.
  4. Here is the Google Buzz it Code:
  5. Search for this line of code in your template:
    and place the Google Buzz it Code right after the code you searched for above.
    If this doesn’t work, then search for this code below and place the Google Buzz it Code directly before it.
  6. Now save your template and you’re done!

Add Google Buzz Button with Share Count to Blogger

  1. Here is the Google Buzz it with Share Count Code
  2. Place the Google Buzz it with Share Count Code either
    directly after this:
    directly before this:
  3. To change the style of the widget add either
    just after
  4. Save your blogger template and you’re done!