December 2010 |Techncom ~ AdSense, SEO, Blogging Tips | Customized Templates

When you browse a Blogger blog, you must see a NavBar (Navigation Bar or Banner) that appears on the top of the blog. This NavBar contains – Search Engine, Share, Report Abuse, Next blog link to visit another blog randomly etc.


This NavBar is not important for blog visitor. It’s only increase the amount the HTML. You can easily remove/hide this NavBar from your Blogger blog. Let’s see, how to remove this NavBar from your Blogger blog.

1. First Go “Design” from your Blogger “Dashboard”

2. Now, from “Design” go “Edit HTML”


3. Now find the following code –

———————————————– Blogger Template Style Name: Simple Designer: Josh Peterson URL:

———————————————– */

4. Just below this code add the following extension code –

#navbar-iframe {display: none !important;}

5. Now, save your changes.

By this process Blogger NavBar will be hide form your blog.

Facebook is one the fastest growing social media network and its users are increasing by thousands every day. Due to its vast base of users, it takes no effort to acknowledge its influence and any company will jump on the bandwagon to utilize Facebook because it allows them to boost their brands or products also in the same time engage with possible clients.


It is convenient for a company to create a Facebook page, publish their profile and products however, setting up a Facebook page that receive many “likes” and a huge fan base is never an easy task.

What is the first thing a visitor will see when they land on your Facebook page? Most of them will probably click on the “wall” or the “info” and if nothing is more fascinating than that, chances are they will leave your page. It is an advantage when visitors “like” your page and become a fan is because they will be updated from time to time with latest things you published. With the Static FBML application which render HTML and FBML on Facebook Pages you are now given more options to design your Facebook page.

I am sure some of you have stumble upon Facebook page that makes you wonder “How is that even possible?!” Now it can be possible. In this post I hope I’ve successfully covered some tips and tricks to give your Facebook page a boost.

1 – “Call-To-Action” Graphic:

More of a piece of advice than a trick. The main purpose of your Facebook landing page is to convert visitors into fans. Place a clear call-to-action graphic in the landing tab, this will help getting more “Likes” from your visitors.
Example: RedBull’s “Red Bull” tab has nothing but a call-to-action on it. 01-red-bull-call-to-action-facebook-page-6662659

2 – Embedding YouTube Video: An image is needed whenever you place a video because Facebook does not allow you to run flash instantly, you need to launch it with a click, until then you see the picture instead. 02-embed-video-fbml-youtube-8108456 You can use YouTube generated picture like in this code, or you can put your own URL with your custom picture.

The code:

Code explanation:

  • swfsrc – video source URL;
  • imgsrc – image source URL;
  • xxxxxxxxxx – YouTube code.


is taken out of YouTube video URL like this – (it’s the part after ?v=).

3 – Hiding content from non-fans:

This can be use as a teaser to encourage visitors to “Like” your page and become a fan. 03-hide-content-from-non-fans-fbml-1888294
The code:

  1. This part is visible for fans only!
  2. This part is visible for non-fans

This part is visible for fans only!
This part is visible for non-fans

Code explanation:

  • fb:visible-to-connect – the part that only your fans will see;
  • fb:else – the part for non-fans.

Most of the pages use an image with a call-to-action for a fb:else tag, and the page itself goes under the fb:visible-to-connect. That’s really easy to do, and very powefrul.

4 – Products commenting:

This feature is great for setting a little store under your Facebook business page as you can have each of your products liked and commented. 04-threadless-comments-fbml-9639882The code:

Code explanation:

  • xid – unique identifier of the item you put comments on;
  • returnurl – the URL, to which likes and comments will stick.

The rest of the parameters is used to configure the plugin itself and are pretty self-explanatory.

5 – Insert “Share Button”:

With this button you can have Facebookers share almost anything. Put the URL you wish to share in the code and once a person uses the Share button, all his friends will see this URL in their news feed. 05-facebook-templates-share-button-6676904
The code:

(Somehow the documentation of this FBML tag is no longer available. I really hope they won’t turn off this great plugin.)

6 – Insert Flash Content:

The code:

Code explanation:

  • swfsrc – source of the .swf file;
  • imgsrc – source of the image that is being displayed, before you flash.

Remember that you need a preview image which people will see before they launch Flash.

7 – Image Rollover:

People can go rather creative about this trick, but it’s really simple to do with HTML + CSS, which is supported by FBML box. 07-rollover-facebook-effect-4846400The code:

  1. img.nohover {border:0}
  2. img.hover {border:0;display:none}
  3. a:hover img.hover {display:inline}
  4. a:hover img.nohover {display:none}

img.nohover {border:0}
img.hover {border:0;display:none}
a:hover img.hover {display:inline}
a:hover img.nohover {display:none}

8 – Track with Google Analytics: Facebook analytics system has limited information? No problem! You can set Google Analytics on your Facebook page. 08-google-analytics-facebook-9520389
Just create up a new account in Google Analytics using your Facebook page URL, copy your UA-XXXXXXX-XX number and insert it here:

Place this line at the top of your FBML code and in a couple of hours you’ll see stats in Google Analytics.

9 – Add “Invite your friends” box:

This is basically a standalone box, which is really hard to embed to a page design. However this is probably the best solution for a page footer that you can think of, as your visitors can instantly choose some of their friends and send them invitations to your page. 09-invite-your-friends-box-7516083
The code:

Since the pages were shrunk to 520px there’s a little trouble with this box, as it’s still 760px. But I’m sure somebody has already reported that and the box will be shrunk too.

10 – Pop-up dialog:

If there’s too much content on your page, you can hide some parts of it under the pop-up boxes. The code adds a text link, which results in a pop-up dialog text box. 10-pop-up-dialog-box-fbml-9061382
The code:

  1. Click here to launch the pop-up dialog.
  3. Here goes your pop-up dialog content

This was a basic set of tricks which you can use to pimp your page easily. Hope you are now inspired to make a compelling Facebook business page for yourself. Good luck!
I hope you will enjoy this. If you like my blog then join on Facebook Fan Page and follow at twitter @rajib882.

Original Author: Michael Vreeken