How to Create Search Engine in Blogger

Now I will show how to create "Search Engine" in your blogger. This Search Engine is use to find articel in your blog, not to find articel at all website in the world. It's very easy, just follow the trick below you will have search engine in your blog. Here's the step:

1. Login to Blogger, Go to "Layout --> Page Elements". Klick "Add a page elements" then chose "HTML/Java Script".
2. Put the code below into "Content" Box

<form action="http://yourblogname.blogspot.com/search" method="get"> <input class="textinput" name="q" size="30" type="text"/> <input value="search" class="buttonsubmit" name="submit" type="submit"/></form>

Change yourblogname with your blog's name. The number "30" is width of your search engine, you can change it for appropriate to your layout.

GOOD LUCK!!!

»»  read more

Highlight Author Comment in Blogspot

This trick is to give a Highlight Author Comment . This will make the blog's owner comments looks different from the visitors comments. It's very usefull and interesting blogger hack tips. You can see the example in my blog. Here is what to do to make a "Highlight Author Comment" effect in Blogspot.

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> or copy to your CSS area.

.comment-body-author {
background: #E6E6E6; /* Background color*/
color: #000; /* Text color*/
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;
margin:0;
padding:0 0 0 20px; /* Posotion*/
}

4. Then find this code:

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
said...
</dt>

<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/>

<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>

</b:if>

<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>

</dl>

5. The red color text is the code that you have to add to your script. The position must be right.
6. And then save your template.

* You have to login into your blogger account before to give comments.

»»  read more

Show Related Article to Your Post

The advantage of showing related article to your post is it will help your readers find more information related to the topics. This is base on label or category. This is usually put to the end of the article. After your visitors finish read your article, they will find some links that related to the post base on label or category.

Here's the tutorial to create "related article to your spot":

1. Login to Blogger
2. Go to "Layout-->Edit HTML"
3. Click on "Expand Widgets Template" checkbox.
4. Then download THIS SCRIPT or HERE.
5. Open it then copy the scripts.
6. Paste the script after this code : <data:post.body/>. If you have "Read more widget" you will find two codes. Put it under the first code.
7. Save your template.

Good Luck...

»»  read more

Submitting Blogger Sitemap to Google Webmaster Tool

Submitting XML sitemap to Google Webmaster Tool is a part of SEO (Search Engine Optimization) initiative.
Submitting your sitemap to Google Webmaster Tool is not a must-do job. It won't directly affecting your site's SERPs,
but it helps Google crawler to comprehend your site's structure and "read" your contents more deep and accurate.

Submitting sitemap is like you give to Google crawler a sight. Without sitemap, what Google crawler do is just like blind man trying to guess what elephant's body shape is, only by touching it. He may only found elephant's trunk and say that elephant body is "long and thick". Or he only touching elephant's left ear and then conclude that elephant body is "thin and wide". He never really know the exact shape of the elephant.

Submitting Blogger sitemap is very easy. You don't even need to generate any sitemap. Just use your blog's Atom or RSS feed as sitemap. Login to your Google Webmaster Tool. On its main panel, choose blog you want to add a sitemap (if you have more than one). Click on Sitemaps Fill the blank textarea next your blog's URL with "Atom.xml" or RSS.xml" like this:

Then click Submit Sitemaps

Once you submit your blog's Atom or RSS as sitemap, you can see its crawlability through Webmaster Tool Panel:


Note: Only latest 26 blog posts is cover on Blogger Atom or RSS feed. If you have more than 26 posts, earlier posts won't appear on that feed. Don't worry, those posts is still on Google index. You only can't track them through Webmaster Tool.

»»  read more

How to Install Google Analytics on Blogger

Wouldn’t it be nice to know how many people actually visited your blog each day? How about knowing which of your posts are the most popular? Well surprisingly Blogger doesn’t currently offer any native blog analytics but fortunately there is Google Analytics — available for free.

Google Analytics is a great tool that will show you all sorts of useful information about how people found your blog, keywords they searched on to find you, where they came from and even how long they stayed. You’ll learn more about where your visitors come from and how they interact with your blog. This is a must tool if you are trying to build a profitable blog otherwise you are flying blind!

This article will show you how to add Google Analytics to your Blogger blog. It’s a fairly simple process and doesn’t require any technical skill at all.

Step #1 - Setup a Google Analytics Account

Go to Google Analytics and sign in using your Blogger login. If your account doesn’t work for some reason, you can create a new one instead. Once you login you’ll see a screen that looks like this:

Click on the “Sign Up >>” button and proceed to the next step which will ask you for your general information. Website URL, Account Name, Country, and Time Zone. The screen will look like this:

If you noticed, I just put my Blogger url (without the http://) and called it “David’s Account” because this is your top-level container for 1 or 100 different websites so it’s a good idea to name it something more general. The next step will ask you for your contact information which includes your first name, last name, phone number, and country. Easy so far right?

Your last step in signing up will ask you to accept the user agreement terms and conditions which you should read (just kidding…who actually ever reads these entire legal terms anyhow?).

Now this next screen is very important. This is the code you will need to copy and paste into your blogger template. Go ahead and click into the box and it will automatically highlight the entire block of code for you. Now you need to copy that code and paste it into notepad or into a MS Word document. Save it as you’ll need to use it later.

After you click on the “continue >>” button you will be taken to your brand new Google Analytics dashboard! You will see your blogger blog listed but with no analytical data….yet.

Ok, now you are done with setting up your Google Analytics account. The next step is placing the tracking code into your Blogger template so it can report back to Google Analytics and provide you with some cool data points.

Step #2 - Adding GA Tracking Code to Your Blogger Template

This is not a very difficult step even if you are afraid to touch your template code. Login to your Blogger account and then click on the “Layout” => “Edit HTML” tabs. This will bring you to the template code. Before you make any changes, I advice you to back up your template just in case there are any problems. After you’ve done so, continue reading.

Now in the edit template html code window, scroll all the way to the bottom of your template code and look for the tag. There should only be one of these closing tags in your template. If you can’t find it then your template wasn’t properly created and you should add one right above the tag.The tag should always be your last line of code in your template. It signifies the end of your template.

Ok, now go back to the code you saved before in a Word Doc from Google Analytics. You are going to copy it and paste it right above the tag as illustrated in the image below. The yellow highlighted code is the new GA code I just pasted into my template.

Save your template and you shouldn’t get any error messages. If you do, it’s most likely not related to this GA code and something else with your template itself. Assuming you’ve been successful with your save, you are all done embedding the GA code in your template!

Step #3 - Confirm Google Analytics is Tracking

Go back into your Google Analytics account and look at your dashboard. Most likely you will see a little yellow exclamation mark under the “status” column that looks like this: . This means everything isn’t working properly yet which is fine because we are about to tell GA we just added the code. From your dashboard, click on the “edit” link which is located to the far right.

After you click on that link, you’ll see another screen like below. It will say “Tracking Not Installed” followed by a link “Check Status”. You’ll want to go ahead and click on that link which will tell GA to visit your site and look for the new code you just pasted in your template.

Assuming you pasted the code in there as instructed above, GA will find the new code and begin tracking everything on your blog. If you are still having problems, it’s most likely something to do with GA and you should read their help guide to troubleshoot your problem.

The message seen here, “Waiting for Data” means you have correctly setup GA and data is being gathered! Click on the top left Google Analytics logo and it will take you back to your dashboard. From there click on the “View report” link and that’s where all your very important Blogger visitor data will start appearing!

Now it usually takes an hour or so before you will see any data (maybe longer if you don’t get much traffic to your blog) so please be patient. Trust me, you’ll be logging in at least once a day just to see how much traffic your blog is getting. It’s very addicting and powerful information to learn from. You’ll be surprised which posts are your most popular and what countries people are coming from to read your blog.

Google Analytics is very powerful and we have just learned how to install it into your Blogger template. We haven’t even scratched the surface on the features and reporting it can do. For most Bloggers, this will be enough. Data will be collected and you will just review it. Others with more in-depth goals (like selling products or services, creating a sales funnel, etc) will want to spend more time learning GA. Hope you enjoyed the tutorial and don’t blame me for your new found addiction!





»»  read more

How to Setup FeedBurner on Blogger

Blogger is a great blogging platform which almost anybody can use. If you already have a Google account, it’s easy to setup (if not you just need one) and start blogging within minutes. The downside of using Blogger is the lack of built in features that are in my opinion essential to have. I’m going to share with you some of my favorite free Blogger add-ons that I highly recommend using. The first of the bunch being FeedBurner

Step #1 - Setup a FeedBurner Account

FeedBurner’s free rss service (now owned by Google) is very powerful. It allows you to place an rss image like the ones you see below on your blog so your readers can easily subscribe to your blog content. FeedBurner also offers a way for your readers to subscribe by email so everytime you post, an email will automatically get sent to them. Other features include seeing how many blog subscribers you have , which posts are most popular, as well as many other rss feed statistics. You’ve probably seen images like these on websites and especially blogs. This is what they are using. Create your free account now.

Step #2 - Create Your Feed

The main piece of information you’ll need when setting up your FeedBurner account is your original blog feed url. All blogs automatically come installed with a feed but nothing is really done with it. That’s where the magic of FeedBurner comes in. Your feed url will look something like this:

http://yourblognamehere.blogspot.com/feeds/posts/default
http://yourblognamehere.blogger.com/feeds/posts/default

Feedburner offers auto discover so you don’t even need to figure out your feed url. Just enter your Blogger url right on their home page and it will automatically discover your feed. If you have more than one blog, it will list them all so select the blog you’d like to setup.

For bonus points and just for fun, paste the url into your internet explorer browser and watch what comes up. It’s basically the raw text and images from your blog posts. Pretty neat huh?

Follow the rest of the setup wizard and you’ll eventually come to the configuration page. Here’s where you want to select the extra features like “track item clickthroughs” and also check the “FeedBurner Pro” box. They used to charge $4.95 a month extra for this service but ever since Google acquired them, they offer these extra features for free. Why not take advantage of it?

Click the Next » button to finish the setup process and enter the feed management interface. Now you’re now ready to make your FeedBurner feed available on your Blogger site!

Step #3 - Point Your Blogger Feed to FeedBurner

Once you setup an account on FeedBurner, you’ll need to make sure all feed traffic for your blog content goes to your FeedBurner feed. This helps make sure your FeedBurner stats are more accurate and even any existing subscribers to your ‘Original Feed’ are routed through FeedBurner.

-The first step is to get the url of the new feed you just created. When you setup your Feedburner account, it asked you for a name of your first feed. For example, our feed on eBlog Templates looks like this:

http://feeds.feedburner.com/eblogtemplates

Here’s the screen where you’ll find your new feed:

Once you click on the “edit feed details”, you’ll see this screen. Notice what I highlighted in red? That’s the feed url you need to copy and save.

-Now you’re going to log into your Blogger account and head on over to the “Settings” => “Site Feed” tab.

Scroll down until you find the “Post Feed Redirect URL” text box and enter the FeedBurner feed url you wrote down earlier. It will look something like this:

http://feeds.feedburner.com/eblogtemplates

Make sure you type in your entire feed address including the “http://” portion otherwise you’ll have problems later. Click the “Save Settings” button and you should see the message “Settings were Saved Successfully”. Now Blogger will redirect all feed traffic for your blog to your FeedBurner feed which is exactly what we want!

Step #4 - Promote Your FeedBurner Feed on Your Blog

So now that everything is wired up properly we just need to promote it using one of those cool rss buttons on our blog. FeedBurner calls these icons chicklets (cute huh) so that’s what we’ll call it. Switch back over to your FeedBurner account and click on the “Publicize” tab.

Then on the left side find and click on “chicklet chooser” and select one of the icons which will end up on your blog.

Then scroll down to the bottom of the page and click on the drop-down. You’ll want to select “Blogger” to add the chicklet as a widget to your blog.

After you click the “Go!” button, Blogger will open in a new window and you’ll need to follow the prompts to continue to add the new widget.

Once you click on “Add Widget”, it will take you to your Blogger page elements layout where you can arrange the new FeedBurner widget. Save your layout and you’re done! You should now have a cool-looking rss feed icon on your blog where anyone can easily subscribe to your blog. Remember to login to FeedBurner often to check out your stats. You can accurately see the number of subscribers and also get a good idea of what people are reading. It helps you decide the types of things to write about in the future!

Bonus Step - Setting Up the Subscribe Via Email Option

At this point you might just be happy with the rss FeedBurner widget but I’d recommend also giving your readers the option to subscribe via email as well. Not everyone uses rss and email is much more familiar to everyone so why not give them both options?

By default, the email option is not turned on within FeedBurner so let’s go switch it on now. Navigate over to your “Publicize” tab and then click on “Email Subscriptions”. Here you’ll scroll all the way down to the bottom and then click the “activate” button to turn it on.

This step didn’t add anything to your blog it just turned on the feature so you are able to use the email subscriptions option. Next, you’ll need to copy the email box code and paste it somewhere on your site. You can also use the handy Blogger widget generator which will save you the hassle of mucking with your template code, but most newer templates that you download require you to tweak the template code itself.

Now that you’ve got the basics setup, I recommend spending some additional time browsing around FeedBurner’s interface because there’s lots of other cool options for you to configure. The best things in life are always free.

»»  read more