Blogger tutorial

Create Tab View

January 9, 2009

Adding tab widget will help you a lot to decrease # of widget on blogger and will make fast loading of your blog.

Here is demo image:

1. Login to blogger, go to “Layout >> Edit HTML”
2. Then find this code ]]></b:skin>
3. Insert the below code before

Making text area

January 5, 2009

What is text area. Some time you can’t write down html code in post but now you have choice to write down with text area.

You can copy below code in your post.

<p align=”left”>
<textarea name=”code” rows=”5″ cols=”25″>
Your text here….
</textarea>
</p>

for…

Add Icon before/after Post title

January 4, 2009

Hey friends..,now you can change icon before your post title. You can see that I have star before my all post title.
Here is steps.
1. Log in to blogger account.
2. Go to Lay out >> Edit Html.
3. Click small box beside expand widget templates.
4. Find…

Redirect your visitor fom old blog to new blog…

January 4, 2009

Hey guys, When You move fro old blog to new blog or web, You don’t want to loose your visitors so now we have trick.

Here is steps..

1. Log in to your blogger account.
2. Go to Lay out >> Edit HTML
3. Copy below code just after <head>…

Add yahoo status in blog

January 4, 2009

You can show your friend that you are online via blog.

Here is steps.

1. Login to blogger then go to “Layout”
2. Go to Page element then Add gadget
3. Add HTML/JavaScript.
4. Then copy this code and Paste it in Gadget.

<a href=”ymsgr:sendIM?kendhin_x“> <img src=”http://opi.yahoo.com/online?u=kendhin_x&amp;m=g&amp;t=2&amp;l=us”/>

Highlight author Comment in blogger

January 4, 2009

1. Login to blogger, then choose Layout >> Edit HTML. Don’t forget to backup your template first.
2. Check the “Expand Widget Templates” box.
3. Copy this script and put it before ]]></b:skin>

.comment-body-author {
background: #E6E6E6; /* Background color*/
color: #000; /* Text

…

Add Recent Post widget in Blogger

January 4, 2009

Want to add recent post widget in blogger. Here is trick to do it.

1. Login to blogger then go to “Layout”
2. Go to Page element then Add gadget
3. Add HTML/JavaScript.
4. Then copy this code and Paste it in Gadget.

<script src=”http://www.thetricks.net/blogger/recent-post.js”></script>
<script>var numposts = …

← Previous Entries

Next Entries →