Thursday, June 9, 2011

The new Facebook template for your blog !

I just made this new design for my blog and i m feeling pretty happy about it. I know a lot of geeks are ready to grab it for their own too. But, sorry guys it is not exactly available for download. You will have to follow this step to step guide i made for u to get the end result.







1. First, get a decent image processing software like photoshop or atleast paint.net

2. Take a snapshot of an open FB page so that u can pick the exact same colours for ur header.

3.The font used in the facebook logo is called 'Klavika'. I found it on 4shared.com.

4. Once u have created an image file for the header, here comes the tricky part. When u try to replace the blog title with the image, it does not goes till the boundaries and is usually distorted. So i replaced the blog title with a 'transparent' gif image made in paint.net

5. Go to blogger's new template designer and go to background tab. Here, upload the image u created earlier in background. Don't forget to uncheck the 'tile' option and check the 'move image with page' option.

6. Remember, u should create a file that's long enough horizontally so that it covers the full screen on larger monitors. Mine is 1366 pixels long, though 1600 would have been better.

7. To remove the blogger navbar, got to the 'edit html' tab on the 'design' page and add this code (in green) in the header just below the template details (in blue)..

--------------------------------------------
Blogger Template Style
Name: ABC
Designer: XYZ
URL: www.stopdesign.com
Date: 26 Feb 2004
----------------------------------------------- */

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

/* Variable definitions
===================

8. To change the default blogger icon on the title bar, u need to make a new icon of ur choice. U can convert it into the '.ico' format using paint.net

9. Read this post from blogger in draft on changing ur favicon and follow their simple instruction.

Happy Blogging !

4 comments:

Jyoti Mishra said...

hey its looking pretty cool !!

Mayank said...

Thanks :)

gretel said...

that's a long hard step for a computer illiterate like me but i'll try.
Looks nice :D

web hosting said...

Above the facebook template are excellent creativity. I enjoyed to visit this blog. It's great stuff.website hosting india

website hosting