How to make ShareThis button

Filed under: , by: Luka


Yo everyone! Today I will try to teach you how to add Share This button under each of your posts. The button allows other people to share your posts on social websites like Facebook, Digg, Technoratti, MySpace, Twitter.... So it can get you some more traffic.


Step 1

Open this page in your browser. Customize your button how ever you want, but make sure that on 'Step 2: Chose your service' you chose 'Any website', even if you will use it for other 3 services.

Step 2
When you're done, click 'Get Share this code'. The page should reload and code should appear. Copy the code or save it somewhere.

Step 3
Go to Dashboard - Layout - Edit HTML. Check 'Expand Widgets'. Find the following line of code:

<data:post.body/></div>

under the tag, paste the code you got before on Share This website.

Step 4
Now visit your blog. Under each post there should be a Share This icon. If something's wrong please leave a comment.

Note: If you want some more space between your post and Share This icon, between '<data:post.body/></div>' tag and button code type following line:

<br/>

If it's still not enough, keep adding '<br/>' line, until you think it's good.

How to add a favicon to your blog

Filed under: , by: Luka

Hello everyone! Today you will learn how to add a favicon to your blog. But what is favicon? I think that the picture below explains it best.


So, it's that little icon that you can see when you open a new tab, bookmark a link, search browsing history.... If you don't make your own, a standard blogger icon will appear instead. So, do you want to have a favicon? Well, here's how to make one.

Step 1
First, we have to create it. You can do it in programs like Photoshop, Paint Shop Pro, Picasa.... But there are also free favicon generators on the internet. Just google "favicon generator" and you will find them. Use 16*16 or 32*32 pixsels size.

Step 2
Save your icon as .gif. Go to "Picasa Web albums" (just google it), and upload you image there. View the image and copy it's URL.

Step 3
Edit your template's HTML. Find the following code:

<title><data:blog.pageTitle/></title>

Type this just after it:

<link href='*' rel='shortcut icon' type='image/x-icon'/>

Replace * with image's URL. Save the tamplate.

Step 4
Visit your blog. You should notice that your favicon has changed. If you have any problems or question, please leave a comment.


Add a new page to your blog

Filed under: by: Luka

Unlike worpress, blogger doesn't have ability to add new pages. So it can be a problem to add pages as 'About', 'Contact' or something similar. But there is a way to go around that problem which I use, and it works. So here's how to do it.

Step 1
For example, let's say you want to add 'About' page. After you log in to your blogger account, write a post containing the text you want in the about page. Now click 'Post Options', and choose a date that has already passed. Let's say you choose 01/07/09. We have to choose a date before today so the post won't appear on your blog's homepage. Publish the post

Step 2
Now we have to copy the new post's URL. I think that the easiest way is to check your blog archive, find the 'About' post, click and copy the URL in the address-bar.

Step 3
It depends on where you want your 'About' link to be, but I guess you have a Navigation-bar, so it probably look something like this:

<li><a href='Your-link-here'>About us</a></li>

Just put your post link where it says 'Your-link-here' and that's it. If you have any questions please feel free to comment.

How to make categories

Filed under: by: Luka

Maybe you already know that blogger, unlike tyepad, doesn't have categories widget. But you can make it, and I will tell you how: here's a step-by-step tutorial.

Step 1
Before doing anything else, we need to know what categories do we want. So open a notepad and start writing.

Step 2
Log in to your blogger account. Go to Posting - Edit posts. Now start editing every post you have, and in 'Labels for this post' text box type the categories name that you want that post to be in. Publish the post.

Step 3
Now go to Layout - Page elements. Click 'Add gadget' and add a labels gadget. It somewhere down. Position the gadget where you want it to be.

Step 4
Go to your blog. There should be the labels gadget that we now use as categories.

Add new page elements - Cool blogging trick!

Filed under: by: Luka

Hello everyone! I'd like to share this cool trick with you,in which you can put gadgets on the page header.Here we go:

1. Step:
Logg in to you blogger account. Click on Layout – Edit HTML. There you need to find this:

<div id='header-wrapper'>

The easiest way to find it is to copy the text above,go back to the page where you can edit your blog's HTML, then press Crtl+f on your keyboard and paste the text there.

2. Step:
Now you've found the HTML tag that we need. Under it there should be a text like following:

<b:section class='header' id='header' maxwidgets='1'showaddelement='no'>

It has to look like this:

<b:section class='header' id='header' maxwidgets='5'showaddelement='yes'>

So, we've replaced number '1' with '5' and 'no' with 'yes'.Make sure you save the template before you continue.

3.Step:
Go to Layout – Page elements. There you should be able to add gadgets on the blog header!

How to follow all recent comments

Filed under: by: Luka

Sometimes it's hard to track all the new posts on your blog, especially if you have many of them. It can take a lot of time to scroll down to each post and check number of comments. But there is a way to view the 25 newest posts on your blog, no matter if they are on the oldest or the newest blog post, and I'm gonna show you how to do it. It can't be more simple, just type the following url in you browser's adress-bar:

YourBlogName.blogspot.com/feeds/comments/full

Of course, instead on 'YourBlogName' you have to type your blog's name, and that's it!