Free Blogspot Blogger Templates: September 2008

Saturday, September 20, 2008

First Free Theme

Well, this is the first theme from FBBT with ori by bytetips.com
Hope you all enjoy this theme.

This is the DEMO

Download Theme HERE
Instructions
Installation for all templates:
1. Go to blogger.com and login
2. Click Layout > Edit HTML
3. On Backup / Restore Template, click Browse button and search for the template. e.g ByteTips. Then, click Upload.
4. If there any error while uploading this template, clear private data (cookie,cache...) and repeat the first step.
5. Save template and view blog.
6. Go to http://draft.blogger.com and login
7. Click Settings > Comments
8. On Comment Form Placement, tick embedded below post.
9. Save Settings

For Bytetips Search Box
1. Go to blogger.com and login
2. Click Layout > Page Elements
3. On left sidebar > Search, click Edit
4. Put below code (when copy paste please delete the "-" at <-form ,<-/form,<-input,<-input)

<-form id="searchform" action="/search"
style="display:inline;" method="get">
<-input id="s" maxlength="255" name="q" size="25" type="text"/>
<-input id="searchsubmit" value="Search" type="submit"/>
<-/form>

5. Save and View Blog.
FINISH! Enjoy the free theme!

Please remember to keep the links at the footer people. Please appreciate free work for you.

Comment Directly At Post

Hi, this time I want to share about how to put the comment forum directly at your blogspot post directly. If you see at my blog post you can see that you can add the comment directly.
How did I do this?

This option is cool because it encourages your visitor to make a comment easily.
This are the steps you need to take.
1) Login to Blogger Draft
Before this you enter your control admin via blogger.com now enter using this link.Remember that at the dashboard tu tick "Make Blogger in Draft my default dashboard"
2) Now go to your blog settings page >> comments

Now take note there are a few additional features available. If you see my image above under the
"Post the comment" I have added "Please be clear and polite"
You can easily add that at this part at Settings>>Comments>>Scroll down to Comments Form message.
See I highlighted the text in this image.

Then save it. Tada.. Finish!! Easy rite. Ok,now how about you add a comment to this post.

Add Emoticon To Your Blog

Hi, this is a simple guide to use Emoticon easily in your blogger panel. Emoticon is actually two words from the words emotion (mood) and icon (image).

See the emoticon. Cute isn't it.lol.. But the emoticon you will use
is not as cute as that I am afraid.
First you need to know this is only compatible with Firefox only.
And you will need to add this Monkey add-on to your Firefox browser.
Then you will need to install this script.
Go to the normal Blogger admin panel
and edit HTML there ctrl + f and look for

]] > <>

Add this code above it
img.emoticon {
padding: 0;
margin: 0;
border: 0;
} 

Then save the template
(Remember to backup your original template first in case of errors).
You should get an additional emoticon panel at your
Blogspot Control Panel.
Something similar like this.

Special Thanks to choonhong88 for the image for Emoticon Admin Panel .

Sunday, September 14, 2008

Remove Blogger Navbar

Hi, before we can proceed to making your blogspot template a better blog you will need to know how to remove this Blogspot Navbar @ Iframe.

Take note that this feature isn't allowed to be removed with ease so we will need to tweak a bit with the code.

However do not worry because it is not against Blogger’s TOS so it’s not illegal to do. Take this quote from the Blogger Support

"While it’s not officially against our TOS, we discourage folks from removing it because we think it’s a great feature with more improvements to come. Follow the above instructions at your own peril, as Blogger controls the TOS and has been known to change it."

So what will we be editing is the stylesheet and you are encourage to make a backup first of your template just incase ~

Now from your template code you need to scroll down until you find

and then you will need to add this line of code above this line.

#navbar-iframe {height:0px;visibility:hidden;display:none}

So once you’re done, it should look like this:

After that, save your template and view your blog. The top Blogger navbar should have disappeared. If you ever want to add the navbar back, it’s simple. Just remove the line of code you had just added. If you ever switch templates, make sure to follow these instructions again because it needs to be done each time you use a new template.

If you cannot find the code

don't worry..
Just copy all of your template code and paste them at your Notepad.
Then Find the keyword

Easy right? Happy Deleting the NavBar aka Iframe.

regards

Admin FBBT