i-Blog Tools

How To Add Random Posts Widget On Blogger?

2011-11-17T04:07:00.000-08:00

Random posts widget is another great widget and very important in a blog also if you want to show your readers other stuffs you have in your blog. This widget I have here display some of your posts randomly. Same as the related posts widget but different because this only shows your other posts either related or not. Below is an image of this widget.

1. Go to your Dashboard > Design.
2. Then click on Add a Gadget and select HTML/JavaScript.
3. Copy the code below and paste on the HTML/JavaScript gadget.

<script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=6;function randomposts(json){
var total = parseInt(json.feed.openSearch$totalResults.$t,10);
for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}
if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');
for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";
document.write(item);}}
}document.write('</ul>');}
</script>
<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>

4. Preview your blog.
5. If you can see the gadget running perfectly then SAVE it.

Configuration:

numofpost=6 - the number of posts to be shown in the widget. You can change the numerical value as you want.

Just follow the steps and you will have it in your blog in no time. Leave a comment you have something to say. ^^

How To Add A 3D Spherical Animated Tag Cloud For Blogger?

2011-11-15T22:07:00.000-08:00

Tag Cloud, Categories, Labels or whatever they call call it. These widgets are very important in a blog. This helps a user to navigate further your blog easily. The usual widget shows the list of the labels you have in your post which is kinda normal to a blog. Some bloggers are experimental in nature and want some new stuff running in their blogs and this widget fit them most.

This widget is a 3D Spherical Animated Tag Cloud Widget. As the name implies, this animated so the labels or categories that it shows are moving. Or not really, if a visitor hover his mouse to the widget then the labels will start rotating in a spherical pattern. Nice huh! Below is an image of the widget I have in my blog.

Add 3D Spherical Animated Tag Cloud On Blogger:

1. Go to your Dashboard > Design > Edit HTML.
2. Find the code below:

<b:section class='sidebar' id='sidebar' preferred='yes'>

3. Copy the code below and paste it direct under the code in step 2:

<b:widget id='Label99' locked='false' title='Tag Cloud' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://sites.google.com/site/bloggerustemplatus/code/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus</div>
<script type='text/javascript'>
var so = new SWFObject(&quot;http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;160&quot;, &quot;200&quot;, &quot;7&quot;, &quot;#ffffff&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0x800060&quot;);
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);
so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);
so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
so.write(&quot;flashcontent&quot;);
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

4. Preview your blog.
5. If you see the widget running perfectly then SAVE it.

Configuration:

Find the numbers below and change it as you needed.

Text color: 800060 (purple in as default in the code above)
Height: 200 px
Width: 160 px
Font size: 12

Hope you have the widget running perfectly in your blog. Leave a comment if there's something wrong. ^^

A Guide On How To Start Blogging

2011-11-10T23:26:00.000-08:00

A lot of people around the world wants to blog, but the question in their mind is how? Blogging actually is not an easy thing to do. You need to set your mind that blogging is all about visitors. You need visitors to read your blog post of course, if not then why do you blog? Below are simple steps that I made for those who want to blog but doesn't know where to start. Read carefully the steps below and your on your way to blogging.

Step 1

Get A Blog - You can sign up for a free blog in either blogger.com or wordpress.com or you can buy a domain and pay for hosting services if you afford. There are advantages and disadvantages of a free domain and hosting versus a paid one. It’s best to have your own domain since you have more freedom to do what you want in your blog not to mention the limited features in free hosted services. If you know a little in Wordpress blogging then I would suggest enhancing your abilities or knowledge in Wordpress because of its flexibility and features that makes it a good blogging platform. But incase you don’t know a little about blogging then start with the blogger platform because it has a user friendly interface and very easy to understand.

Step 2

Use A Search Engine Optimized Theme – There are several sources of visitors to your blog. The main source should be people coming from the search engines. Therefore our ultimate objective is to make it to the top of the Search engines or what we know as the S.E.R.P. (Search Engine Results Page). The least likely people will find your blog if your blog is far from the SERF. Search engines use a certain algorithm to rank web pages. Search engines do this by sending “bots or crawlers” to scour over the internet to gather data on blogs and websites. When the search engine crawler goes over our blog, we want the crawler to be pleased. We want it to place our blog in the first few pages of the SERP for certain keywords we are trying to optimize.

How do we achieve this? We can simply do this by using a “Search engine friendly” theme. Actually, there’s a lot of this kind of theme in the net. Just search for the keyword “Search engine friendly theme” in the search engines. Or click HERE for some search engine friendly themes that you may like.

Step 3

Join Communities - There are a lot of online blogger communities out there. The saying “No man is an island” very well applies to blogging only this time it might be more proper to say “No blog is an island.” It is very important to join your local blogging community. Connect with local, national and even international bloggers. Attend blog conferences, meet ups and parties if you have the time. You not only gain some new friends, you also get some link love and perhaps some fans.

Step4

Interact With The Blogging Community - This can be done by joining and contributing in forums, doing some blog hopping and commenting on other people’s blog. This is one sure way of bringing in blog visitors. It not only helps in attracting other bloggers to visit your site, it also helps you connect with them. Once other bloggers visit your blog and they like your content, they might give you some link love and might even be able to bring more visitors to your blog. Joining ad exchanges like Entrecard (http://www.entrecard.com) could also help a lot.

Step 5

Use Conventional Methods In Propaganda Propagation – Propaganda is spread by leaflets, posters, lectures to marginal sectors and utilizing other forms of media available. This principle can also be applied on blogging. Here is some conventional propaganda suggestions that may help let the whole world know that your blog exist: Conventional Methods On Propaganda Propagation In Blogging

Step 6

Slowly Learn SEO While Blogging – This is my last step but definitely not the least. SEO is very important in blogging. By doing SEO you can get a reasonable number of visitors everyday. If you think doing SEO is an easy thing, well you’re wrong! This is the very reason why most of the blogs don’t succeed. Unless you’re a born genius about the World Wide Web thing then SEO might be an easy thing. That’s why I said “slowly learn SEO” because it’s really not easy to learn such thing. Do blogging and the same time learn SEO so that you won’t end up a loser in blogging. It’s slowly but surely they say.

There is only one thing I could say if you want to start blogging,”If you want to blog then blog for life.” Drop a comment if you have something to say! ^^

Conventional Methods On Propaganda Propagation In Blogging

2011-11-10T23:05:00.000-08:00

Propaganda is spread by leaflets, posters, lectures to marginal sectors and utilizing other forms of media available. This principle can also be applied on how to blog. Below are some conventional propaganda suggestions that may help let the whole world know that your blog exist.

a.)Social networking sites, email and instant messaging – Inform your friends of your new blog through bulletins, shout outs, email messages etc. You can also write a very interesting article, post half of it to your bulletin and leave a message that if they want to read the rest of the article they could go to your site.

b.) Write interesting, socially relevant article and submit it to your local press – Write an article that addresses current issues and submit it to your local press whether radio or newspapers. Do not forget to put a brief author’s bio at the end of the article. Indicate your blog’s address. Who knows, someday if your local media wants a resource person in blogging, they might tap you.

c.) Have your blog address printed everywhere – Have it printed in your car, your calling cards, your pictures, your shirt etc, just about everything you can have it printed on !

d.) Be involved in blogging evangelism – They say only 1 % of the world’s entire population is involved in blogging. You can help promote blogging by telling people about it. This way you can also promote your blog. If you have an opportunity to address several people (Like teaching in a class) find ways and opportunities to promote blogging and in the long run promote your blog also.

e.) Utilize videos and pictures to promote your blog – Have an account at Youtube (http://www.youtube.com) or an interesting picture site. Upload interesting pictures and videos to those site and make sure to place your blog URL in order to invite visitors to visit your blog.

These are just some known methods in advertising your blog and have some visitors. There are a lot of good ideas in the net on how to tell people that your blog exist. Utilize all the possible ways.

The Periodic Table For SEO Ranking Factors

2011-11-08T07:10:00.000-08:00

Majority of bloggers are no strangers in the concept of search engine ranking factors. In this community, everyone would be pleased if there's a new factor discovered that may provide a great potential ranking boost. Of course, everyone in the blogging community would love that. In this post, you can see a Periodic Table Of SEO Ranking Factors. This is a table made to better understand or help the blogging community in their adventure for Search Engine Optimization.

Full Periodic Table

Want to rank well?

It is still very important to have quality content ( Cq ). It's the reason why it's the first factor listed on the chart.

It is still very important to have conducted proper keyword research ( Cr ). A topic that sometimes feels forgotten in the quest for more exotic ranking factors.

The locality of a searcher ( Pl ) -- has grown into a major ranking factor that can seem all-but-forgotten by some SEOs who assume that "normal" results still exist and can somehow be found by running proxies or using the pws=0 trick. Google personalizes results down to the metropolitan level in the US and elsewhere. Good luck "adjusting" for that to get your "normal" results.

A Closer Look

This periodic table shows us on where to focus to succeed in SEO. It is very important to see the big stuff that matters most in SEO and do your best in implementing it in your site or blog. Try undertanding the periodic table and you will see that it is a very good guide in SEO in just one table.

Drop a comment if you have something to say! ^^

How To Add Tag Cloud Widget On Blogger?

2011-11-06T22:58:00.000-08:00

This widget is nice for blogspot bloggers who wants to have a tag cloud for categories or labels. This is a simple tag cloud widget if you want to change your old categories/labels list in your blog. This is easy to implement on the sidebar of your blog and will blend to your template directly.

Adding Tag Cloud Widget On Blogger:

1. Back up your template first by downloading it.

2. Make sure you have Labels Widget installed in your blog.

3. Go to your Dashboard > Design > Edit HTML.

4. Don't click on Expand Widget Template.

5. Find the code below:

<b:widget id='Label1' locked='false' title='Tags' type='Label'/>

- Just Ctrl+F then type in the box below the browser type='Label'.

6. Change the whole line of the code with type='Label' with the code below.

/*
Distributed by Jai Cuizon at iBlogTools.blogspot.com
*/ <b:widget id='Label1' locked='false' title='Tags' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content' style='text-align: justify;'>
<script type='text/javascript'>
/*
Simple Blogger Tag Cloud Widget
by Raymond May Jr.
http://www.compender.com
Released to the Public Domain
*/

//Settings / Variables
var max = 150; //max css size (in percent)
var min = 70; //min css size (in percent)
var showCount = false;  // show counts? true for yes,
 false for no
var minCount = 1;  // what is the minimum count for a tag 
 to be shown? 1 for all


//Begin code:
var range = max - min;

//Build label Array
var labels = new Array();
<b:loop values='data:labels' var='label'>
labels.push(&quot;<data:label.name/>&quot;);
</b:loop>

//URLs
var urls = new Array();
<b:loop values='data:labels' var='label'>
urls.push(&quot;<data:label.url/>&quot;);
</b:loop>

//Counts
var counts = new Array();
<b:loop values='data:labels' var='label'>
counts.push(&quot;<data:label.count/>&quot;);
</b:loop>

//Number sort funtion (high to low)
function sortNumber(a, b)
{
return b - a;
}

//Make an independant copy of counts for sorting
var sorted = counts.slice();

//Find the largest tag count
var most = sorted.sort(sortNumber)[0];

//Begin HTML output
for (x in labels)
{
if(x != &quot;peek&quot; &amp;&amp; x != &quot;forEach&quot;
 &amp;&amp; counts[x] >= minCount)
{
//Calculate textSize
var textSize = min + Math.floor((counts[x]/most) * range);
//Show counts?
if(showCount)
{
var count = &quot;(&quot; + counts[x] + &quot;)&quot;;
}else{
var count = &quot;&quot;;
}
//Output
document.write(&quot;<span style='font-size:&quot; + textSize
 + &quot;%'><a href='&quot; + urls[x] + &quot;'
 style='text-decoration:none;'>&quot; + labels[x] + count + &quot;</a></span>
&quot; );
}
}
</script>
<br/>
<span style="font-size:80%;float:right;">Powered by
<a href="http://www.iBlogTools.blogspot.com">Blogger Widgets</a>
</span>
</div>
</b:includable>
</b:widget>

7. Preview it, see if you can see your new tag cloud widget.
8. Then, SAVE it.

Just make sure you follow the steps above to implement the tag cloud widget completely without any problems. Drop a comment if you have difficulties implementing the tag cloud widget. ^^

How To Change Title Tags For SEO?

2011-11-06T22:11:00.000-08:00

The default title tags of a blog is showing the blog title then the post title. Bloggers know that this is not good for Search Engine Optimization (SEO). It is very important to show the post title first then the blog title especially on Google search engine. This is because Google put more weights on optimized title tags. So, the question is how to optimize title tags ? You might consider first to change the title tags on your blog HTML.

- showing blog title first then the post title-

-showing post title first then the blog title-

Changing The Title Tags:

Go to Layout>edit HTML in your Blogger dashboard.
Search for this tag: <title><data:blog.pageTitle/></title>
Replace this tag with the following code:

<b:if cond='data:blog.pageType == "index"'> <title><data:blog.title/></title> <b:else/> <title><data:blog.pageName/> | <data:blog.title/></title> </b:if>

4. Save your template and you should see the results in your web browser.
5. It may take a few days for the changes to show up on the Google search results.

That's how to change the title tags on blog HTML. Just don't rush things, have patience and it will be change is a few days after implementing. ^^

How To Create Back Links To Your Blog?

2011-11-06T06:29:00.000-08:00

Back links are one of the strongest factors that push your blog to the top of the SERP (Search Engine Results Page). Here are more suggestions on how to create/get more back links or more specifically one way links.

“Link exchanging is a good practice in blogging since you’ll be able to increase the incoming links to your blog, thereby increasing your blog’s Pagerank and your ranking on search engine for your target keywords. However, search engines are improving their search algorithm too, especially Google, that link exchanges are given less credit nowadays. So using other means of creating or getting back links is necessary.

Aside from the link exchanging thing, it would be very helpful if you’ll give one – way links to your blog or to a blog post you are optimizing. One-way link is a link from a site that you did not link back. So, where can we get those one-way links? Here is a list of activities that can generate those one way links.

Creating Back Links To Your Blog To Increase Blog Pagerank

a.)Forum Signatures. Are you an active forum member? Take advantage of that signature which is displayed at the bottom of every post you made. Usually, forum members use their signatures for their affiliate links to get referrals. Well, you use this signature to link back to your blog or a certain blog post you are optimizing. Imagine if you already have more than a hundred posts in a single forum. A simple change to your forum signature equals more than a hundred one way link to your blog or a blog post you are optimizing.

b.) Three-way Link Exchanges. This one is simple. You link to my blog. I link to your blog using my other blog. Those are all one-way links.

c.) Link Baiting. This is the best way to get one-way link, but the hardest to get. You post something interesting, people like it and link to it.

d.) Sharing Blog Theme. If you know how to create a blog theme, you should use that skill to create more back links to your site. You can put a link to your blog in the HTML of the theme and if people found the theme you made and use it in their blog then you create a one – way links to your blog. Imagine a thousand of bloggers uses your theme that means a thousand of easy one – way links to your blog.

e.) Links From Your Other Blogs. If you have several blog’s that has a good pageranks, use it for link loving goodness. Sometimes, putting a sitewide link to them really helps if you want to get a high ranking for a certain keyword, especially if your targeting seasonal keywords such as the Pacquiao-Marquez fight or any incoming event.

f.) Directory Submissions. Submit your blogs to all the free search engine friendly directories out there. If you’re clueless where to get them, here’s something to start with. Just select the free directories, not the paid one or the ones asking for reciprocal links. There are plenty of them that could keep you busy every day.

A thing to remember, SEO includes a lot of waiting. You don’t do that overnight and expect changes the next day. Do it tonight, fand expect improvement after 3 to 6 months if your blog is new. You really need patience in blogging. And you need a lot of it to succeed in this little blogging sideline. Just make sure you target the right keywords so that if you hit the first page, the traffic pours and your earnings increase.

Drop a comment if you have something to add or reaction to back link building. ^^

How To Add ShareThis Floating Sharing Buttons?

2011-11-04T11:02:00.000-07:00

Sharing buttons nowadays helps a lot bloggers to have more visitors in their blogs. That's why a lot of sharing widget pop ups in the from somewhere. It is indeed a very helpful widget to all bloggers. But the conventional sharing widget is getting boring that's why some people are making ways to make this kind of widget very special.

Now, the evolution of this widget has come. Hovering or floating sharing widgets are now in. And ShareThis site has made their own version. Below is the screenshot of the Hovering ShareThis Buttons in Beta.

Adding ShareThis Hovering Sharing Buttons

First you have to go to their site here: http://sharethis.com/publishers/get-hovering-buttons

Then, customize your hovering buttons in the site. Originally they features Facebook, Twitter,Google Buzz,Linkedin,Email,ShareThis buttons but you can select to use or not all that buttons in the customization.

After customizing, you can now get your code. A button is under the the page saying "Get the Code", you just have to click it and then a page will pop-up with the codes in it.

The first code is the script tags. You just have to put it anywhere in the "head" section of your blog HTML. Just go on your Dashboard > Design > Edit HTML then find this code: <head>. Then put the script tags directly below the code as I preferred or anywhere under it.

The second code is the widget script. Just go on your Dashboard > Design > Page Element then Add Gadget and select HTML/JavaScript. Save it after.

There you go. You now have your Hovering or Floating ShareThis Sharing Buttons. Hope you like this guide. Drop a comment if your having some problems in adding this buttons. ^^

How To Add Recent Post Widget With Thumbnails On Blogger?

2011-11-04T10:18:00.000-07:00

Recent post widget is a very import plugin in a blog. It is for the visitors of your blog to further navigate the content of the blog that's what they see in the Recent Post Widget. There has been a lot of version of this widget. Some with there unique feature.

This widget that I am sharing is a Recent Post Widget with thumbnails. This one is a good version and it looks good. Below is an image of the widget:

Adding Recent Post Widget With Thumbnails

Go to your Dashboard > Design >Edit HTML.

Find this code:

<b:section class='sidebar1' id='sidebar1' preferred='yes'>

Copy the code below and change the part in RED with yours, then change the above code with your configured code.

<b:widget id='HTML8' locked='false' title='Recent Post' type='HTML'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>

<script language='JavaScript'>
imgr = new Array();
imgr[0] = "http://i44.tinypic.com/2r72hjd.jpg";
imgr[1] = "http://i44.tinypic.com/2r72hjd.jpg";
imgr[2] = "http://i44.tinypic.com/2r72hjd.jpg";
imgr[3] = "http://i44.tinypic.com/2r72hjd.jpg";
imgr[4] = "http://i44.tinypic.com/2r72hjd.jpg";
showRandomImg = true;
boxwidth = 200;
cellspacing = 2;
borderColor = "#ffffff";
bgTD = "#000000";
thumbwidth = 40;
thumbheight = 40;
fntsize = 8;
acolor = "#666";
aBold = false;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 6;
summaryColor = "#666";
icon2 = " ";
numposts = 5;
home_page = "http://i-blogtools.blogspot.com/"; 
</script>
<script src='http://viemonsta.googlecode.com/files/devrecentpost.js' type='text/javascript'/>

</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

Configuration:

numposts = 5 : Change the numeric value as you desire. It is the number of posts to be seen in your Recent Post Widget.

Most importantly, change the this URL "http://i-blogtools.blogspot.com" with yours. It is where the widget gets its data.

Hope you like the widget. Drop a comment if you have some difficulties implementing the widget. ^^

Simple Search Engine Optimized (SEO) Blogger Theme/Template

2011-11-04T04:53:00.000-07:00

The i - Blog Tools Search Engine Friendly blogger theme/template is a sample of a search engine optimized theme/template. I implemented all my suggestions in optimizing a theme/template in search engines in this simple theme/template. You can check my post in optimizing a theme/template HERE. The installation guide is also in the file to be downloaded if you want to try this theme/template. Or you can browse below this post, I have some guides in installing this theme/template in your blog.

i - Blog Tools Search Engine Friendly Blogger Theme/Template

Demo / Download

Features Of i - Blog Tools Blogger Template

3 Column Blogger Template
Right Sidebar
Search Engine Friendly
Meta Tag ready (easy edited)
Adsense ready (easy edited)
Thumbnail Recent Post installed (easy edited)
Different admin comment
Compatible With Mozilla, Flock, Chrome, Opera and IE

Installation

Go To Blogger Design > Edit HTML > Click "Browse" > put "SimpleSEO.xml" file from your computer > Click "Upload" > Save Template.

Edit Meta Tag

Click on the "Expand Widget Template" first then find below codes and change the red color to match yours:

<head> <b:include data='blog' name='all-head-content'/> <b:if cond='data:blog.pageType == "index"'> <title><data:blog.pageTitle/> | Enter your blog topic here</title> <b:else/> <title><data:blog.pageName/> | Enter your blog name here</title> </b:if> <meta content='Enter your blog description' name='description'/> <meta content='Enter your blog keywords' name='keywords'/> <meta content='noodp' name='robots'/> <meta content='INDEX,FOLLOW' name='Robots'/> <meta content='3 days' name='revisit-after'/>

Edit Adsense Code
Header adsense:
Find this code: 
Remove the code between  and  with your adsense code.

 <script type='text/javascript'> </script> <script src='http://pagead2.googlesyndication.com/pagead/show_ads.js' type='text/javascript'> </script> 

Hope you enjoy this simple SEO theme/template. Drop a comment if you have something in mind. ^^

How To Increase Google Ads CTR (Click-Through Rate)?

2011-11-04T01:03:00.000-07:00

CTR stands for Click-Through Rate. It is the ratio of the clicks to the ad impression which means that if you have 3% CTR, then you got 3 clicks for ever 100 times the ad is displayed on your site (ad impressions). Some bloggers say that having 3% CTR is a good figure for a blog. Having a higher CTR means more and more clicks which give you more earnings.

CTR is affected by many factors. Ad placement, ad format, source of visitors, visitor’s profile and blog design to name a few. Let’s tackle them one by one.

A.) Ad Placement. Our target here is to place the ads so that your visitors will be able to read it and click on it when interested, NOT to place the ads where they will get clicked accidentally.

Above The Fold. An ad placed above the fold gets higher CTR than an ad placed below. The reason is very obvious. People can’t click an ad that they don’t see, right? Putting your ad above the fold gives the ad more eyeballs and more chances of getting clicked.

At The Right Sidebar Beside The Blog Post. While reading a blog post, visitors might get interested on the ads on the sidebar related to the blog post. A lost visitor but a blog income in return.

After The Blog Post. Putting an ad after the blog post is a good idea. After reading the blog post, the visitors have an option to further read the comments or to click an ad related to your blog post.

Near Search Boxes. Putting link units near search boxes will give the visitor an option to type keywords on the search box on what he’s looking for or to click a link on the link unit if he found his keywords listed on it.

B.) Ad Formats. An ad that doesn’t look like an ad gets higher CTR. So blending your ads to your blog will bring you more clicks. Use the same color schemes of the blog in your ads to blend well and don’t use borders. The best performing ad sizes are the skyscraper (160x600) and the big rectangle (336×280), so use them well.

C.) Source Of Visitors. Visitors coming from the search engines are the people who will probably Click Ads. It is because they are searching for something, if they find what they are looking for on the ads, they will click it. Regular visitors don’t click ads, and don’t even think of encouraging them to click it. That’s illegal on Google Adsense. So, to increase your CTR, learn SEO to get visitors from search engines.

D.) Visitors’ Profile. Adsense-ignorant visitors will probably click ads. People who know about Adsense will not click it. Blog post talking about making money online thru Adsense and optimizing CTR like this one will not get clicks. Target Adsense-ignorant readers on your blog posts. Talk about topic totally not related to Adsense and see your CTR increase.

E.) Blog Design. A 2-column simple blog design has a higher CTR than a 3-column blog. Minimize the number of outgoing links. Too much links on the blog page gives too much competition to the ads. Having less links gives a higher CTR for the blog. Remove the unnecessary widgets and buttons that slow down the blog and gives competition to the ads. You don’t need those widgets.

That would be my suggestions to increase your Google Adsense Click-Through Rate (CTR). Drop a comment if you have something to add. ^^

How To Select A Search Engine Optimized (SEO) Theme/Template?

2011-11-03T23:59:00.000-07:00

The adventure of Search Engine Optimization is very hard than anyone can imagine. Search Engines does not have a constant result for every searched item. This depends on a lot of factors that makes bloggers hard to be on top of every search. Backlink is said to be the number one factor for a blog to be in the first page results.

Have you think about this? Your theme or template has something to do in optimizing your blog on search engines. Yes, that’s right! New bloggers don’t have the knowledge about Search Engine Optimization as a whole. That’s why most of them end up with a messed and unknown blog. So better have a Search Engine Optimized theme/template now.

Select A Search Engine Optimized (SEO) Theme/Template with:

Optimized Title Tag - This means that post title appears first before the blog title. You will notice if you will do a search in Google, for example, some of the permalink of the search items shows the blog title first then the post title. Well, to have an optimized theme, you need to have your title tag optimized also. This can be fixed by a plugin but remember that plugin can slow down your blog. So better have it in your theme.

The Content Loads First Before The Sidebar – Every blogger should know this, crawlers read the part of the blog that loads first. So if the sidebar loads first then the crawlers won’t read your targeted keywords first since you have those in your content or blog posts.

Extensive Use Of Header Tags – Blog title, post title and other sub-titles should have h1, h2 and h3 tags respectively. Better use this in your blog since search engines put weights on these tags.

A Footer – The footer of the blog gives you a sitewide link to a post you want to optimize. Others say that footer links are not weighted heavily by search engines but they got it wrong. A lot SEO contests results show that footer links help a lot. Readers may not notice this links but search engines still count them as links.

Only 1 Credit Link For The Theme Maker – We know that we have to give credits to the theme maker but too much is not good for the blog. One sitewide link is enough for the theme maker. We don’t want to waste too much Google juice for the theme. Links are important that’s why use them wisely.

That would be my suggestions in choosing the right theme/template for your blog. Feel free to add some if you have something in your mind. ^^

How To Optimize Title Tags For SEO?

2011-11-03T02:49:00.000-07:00

Within the Head section of a page the Title is contained between the open and close tags of the <title> element. The Title tag content, unlike other parts of the Head section, is viewable without having to open the source HTML of the page. In most browsers, the page Title will appear in your browser window. You can see it on the top of your browser window.

Importance Of Title Tags In Search Engine Optimization (SEO):

The title tags are very important from the search engine point of view. This is because all major and minor search engines place much weights on these tags (and use these tags to gather information about an website) in comparison to all other aspects.

Many major search engines like Google and Yahoo! display title tags of a web page as a heading in their SERPs (Search engine results page) followed by a brief description of the content were the keywords appear.

The title tags helps the user in finding out which page he is on. Almost all popular browsers including Microsoft Internet Explorer, display title tags on the top bar as well as the bottom. Firefox 1.0 uses title tags to describe 'tabs'. This makes title tags extremely important from the web usability point of view as well.

Optimizing Title Tag:

Title tags are most important when it comes to search engine optimization as all major search engines including Google.They place much importance on them. In fact title tags are used by search engines to gather information about a web page. So it is a matter of logic that if the title tag does not match the content of the web page then the search engine may not give the page any ranking at all. As title tags and the web page content are two inseparable things it becomes a necessity to understand the webpage content (or what the webpage is all about) before finalizing on the title tag text. (It should be noted that title tags are specific to a single web page and not to the entire website). So it would be logical to assume that title tags should be written based on the webpage content.

Things to remember to have an optimized title tags:

Keep the Title 12 words or less.
High-priority phrases should be utilized within the first 70 characters of the Title tag.
The maximum usage for any particular word is two.
Use as many high-priority keyword phrases as you can given the recommended usage limits.
Utilize keyword phrases in the exact way they are searched. Please note that word order is important and you should use stop words if they are commonly included in the query.
Make sure that keywords targeted in your page Title accurately reflect the topic of the page.
Do not utilize keywords or phrases more than once in page Titles without a specific reason for doing so.

Title tags are definitely one of the "big three" as far as the algorithmic weight given to them by search engines; they are equally as important as your visible text copy and the links pointing to your pages – perhaps even more.

How To Add Floating Sharing Buttons On Blogger?

2011-11-02T08:06:00.000-07:00

Sharing buttons helps blog to drive more traffic. This will recommend your blog to different social networking sites in the net. The most know is Twitter, Facebook and etc. All the blogs in the net already have this feature in their blog. This is in a form of widget. This is not hard to implement if your thinking to have one your blog. The best thing about this is that it is a floating social media sharing buttons. Meaning whenever your moving the page of the blog, the social media sharing buttons stay still in the place where they are located.

The floating buttons features 6 sharing buttons, namely:

Facebook
Twitter
Stumble Upon
Digg
Google Buzz
Google +1

Adding Floating Sharing Buttons On Blogger

Now go to your Dashboard > Design > Page Element.
Then, Add a Gadget and select HTML/java script.
Copy the script below and paste it on the HTML/java script gadget.

<style>
#pageshare {position:fixed; bottom:15%; margin-left:-71px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;padding:0 0 2px 0;z-index:10;}
#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}
.fb_share_count_top {width:48px !important;}
.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;/*bs-fsmsb*/-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
</style>
<div id='pageshare' title="Get this from ehowportal.blogspot.com">
<div class='sbutton' id='fb'>
<a name="fb_share" type="box_count"
href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"
type="text/javascript"></script>
</div>
<div class='sbutton' id='rt'>
<script src="http://tweetmeme.com/i/scripts/button.js" type='text/javascript'></script>
</div>
<div class='sbutton' id='su'>
<script
src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script>
</div>
<div class='sbutton' id='digg' style='margin-left:3px;width:48px'>
<script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script>
<a class="DiggThisButton DiggMedium"></a>
</div>
<div class='sbutton' id='gb'>
<a class='google-buzz-button' data-button-style='normal-count' href='http://www.google.com/buzz/post' title='post on google buzz'>
<script src='http://www.google.com/buzz/api/button.js' type='text/javascript'></script>
</a></div>
<div class='sbutton' id='gplusone'>
<script type="text/javascript"
src="http://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone>
</a></div>
<div style="clear: both;font-size: 9px;text-align:center;"><a href="http://ehowportal.blogspot.com/2011/05/how-to-add-floating-social-media.html">Get this</a></div>
</div>

4. Preview your blog.
5. If you have your floating sharing social media buttons working well in the preview then SAVE it.

Now you have your floating social media sharing buttons. Visitors can now +1, dugg, buzz, twit and whatever they call it.

Drop a comment if you have something to say! ^^

How To Add Feedjit Live Traffic Feed On Blogger?

2011-11-02T02:40:00.000-07:00

Feedjit monitors traffic to your site and ranks it based on popularity and relevance against the traffic received by other Feedjit users in your local area. There is a choice of 4 different widgets: Live Traffic Feed, Live Traffic Map, Recommended Reading, and Page Popularity. Each of these widgets has different functions.

Above image is what a Feedjit Live Traffic Feed Widget would look like.

Feedjit Live Traffic Feed gives you the following details when a visitors comes to your blog:

The city and country your visitors are in
The website they arrived from, if any
The page they visited on your website
Which external link they clicked to leave your site, if any

Adding Feedjit Live Traffic Feed On Blogger

Visit Feedjit
Select Live Traffic Feed.
Click on the Customize It link under Live Traffic Feed. This will allow you to enter colors to match the theme of your blog. If you are in doubt I have found that the easiest method to get the custom colors of a site is to go to the Layout > Page Elements screen in Blogger and click on Add a Gadget and then Adsense. From the configuration screen that pops up you can get the colors of the background, border, title (heading in Feedjit), URL, text. If you use these same colors in your Feedjit widget it will blend in with the rest of your site. You can preview your widget to make sure it looks as you would like it before adding it to your blog.
To automatically add the widget to Blogger select the Click to Add to Blogger Link and follow the instructions. Or to manually add it which I myself prefer right click the code in the box under the heading Live Traffic Feed and select copy.
Navigate to Layout > Page Elements in your blog if that page is not already open
Select Add a Gadget in the Sidebar and then HTML/Javascript
Paste the code by placing the mouse in the box and right clicking and selecting paste
Save the widget and then using the drag and drop feature of Blogger move it to your desired location. Note HTML/Javascript widgets are best placed after your other widgets for faster loading.
Save Template
Click on View Blog to view your newly created Feedjit widget
Click on Options in the Feedjit widget and then Ignore My Browser otherwise the widget will record your visit each time you view your blog. The option on the widget will now change to Stop Ignoring Me which you can reverse by clicking on the link again.If you use more than one browser you will need to tell Feedjit to ignore you for each browser.

This is a tutorial on how get and add Feedjit Traffic Feed Widget to a blogger blog. This live traffic feed will help you see the people who visits your posts and what search phrases they use to get into your blog. This Feedjit Live Traffic Feed widget is easy to get and it only takes less than 5 minutes to install it into your own blog.

Drop a comment guys! ^^

How To Add Meta Tags / Content On Blogger HTML For SEO?

2011-11-01T18:46:00.000-07:00

Meta tags / content is a very important factor in search engine optimization. This means that this will help search engine crawlers to find your blog. This tags will not be seen in your homepage or your blog because this is placed in the blog HTML and only crawlers and of course you can see it. Some blogger templates have built-in meta tags in their blogger HTML so the only thing to do is to configure the meta tags. But most of the blogger templates don't have meta tags in their blog HTML so it is your initiative to add the meta tags to make your blog more SEO friendly.

Adding Meta Tags / Content On Blogger HTML

Now go to your Dashboard > Design > Edit HTML.
Find the line below in your HTML.

<b:include data='blog' name='all-head-content'/>

3. Configure the js below:

<meta content=' DESCRIPTION HERE ' name='description'/>
<meta content=' KEYWORDS HERE ' name='keywords'/>
<meta content='noodp' name='robots'/>
<meta content='INDEX,FOLLOW' name='Robots'/>
<meta content='3 days' name='revisit-after'/>

DESCRIPTION HERE : Change it with your blog description.
KEYWORDS HERE : Change it your KEYWORDS, separate keywords with comma.

4. Now add the configured script just below the code in step 2.
5. SAVE your template.

If you followed the steps above then you successfully added Meta Tags / Content in your blog HTML. Good luck in your SEO adventure. Drop a comment if you have something to say! ^^

New Good Looking FREE Wordpress Themes

2011-11-01T00:38:00.000-07:00

This collection contains the new themes by wordpress themes base. They had made wordpress themes available to everyone. Not just simple wordpress themes but good looking one and same look as a premium wordpress theme. Take a look at the collection. See if you like some of the themes they have and download it for FREE,

BH-Fire Wordpress Theme

by wordpressthemesbase

Demo / Download

Zen Gins Wordpress Theme

by wordpressthemesbase

Demo / Download

Simple White Wordpress Themes

2011-11-01T00:29:00.000-07:00

This a collection simple white wordpress themes. Everybody wants a good looking site and a clear theme is the most in demand in the net. Take a look at this collection and see if you like some of this simple white wordpress themes I collected.

MINIMAL WORDPRESS THEME

by wordpressthemesbase

Demo / Download

THE WEB NEWS WORDPRESS THEME

by wordpressthemesbase

Demo / Download

PINKSIMLESCHEME MAGAZINE WORDPRESS THEME

by wordpressthemesbase

Demo / Download

WP-POLAROID WORDPRESS THEME

by wordpressthemesbase

Demo / Download

STREAMLINE WORDPRESS THEME

by wordpressthemesbase

Demo / Download

BLUE ZINFANDEL ENHANCED

by wordpressthemesbase

Demo / Download

How To Add Subscriber Button To Blogger?

2011-10-31T22:12:00.000-07:00

The RSS subscribe button let’s your visitors to subscribe and easily add your blog to their favorite RSS services. When visitors like your content and want to read your blog through RSS news readers then they will click on the RSS feed button on your blog.

So to add a subscribe button to Blogger, you need to find a big, beautiful RSS icon. Download it and upload it to your image hosting service and get the URL. Like the above image.

Adding The Subscribe Button

Now go to Design > Page Elements tab and add a "HTML/JavaScript" gadget.

Add the following code into it and save it. You can also write something into the widget to tell your readers to subscribe and then paste the following code:

<a href="http://your-blog.blogspot.com/Your Feed Address"

title="Subscribe to RSS"><img alt="Subscribe to RSS"

src="http://lh3.ggpht.com/_dzq0x75P67s/SeNuEhHhAI/AAAAAAAABfo

/pxusYgKjxu4/s800/feed-icon-orange-48.png" /></a>

Note:

Change Your Feed Address with your feed URL. Generally your post feed URL will be:

http://your-blog.blogspot.com/feeds/posts/default

But if your feeds are redirected to FeedBurner, then it will be your FeedBurner URL as:

http://feeds.feedburner.com/your-blog

Some of you may also want to add comment RSS, it’s URL will be:

http://your-blog.blogspot.com/feeds/comments/default

If you want to change the image then find the below URL and change it with your hosted image:

http://lh3.ggpht.com/_dzq0x75P67s/S-eNuEhHhAI/AAAAAAAABfo

/pxusYgKjxu4/s800/feed-icon-orange-48.png

Hope you got the steps. Drop a comment! ^^

The PLDT TELPAD Features And Specs

2011-10-31T21:30:00.000-07:00

Recently, PLDT announced its new landline service called PLDT TelPad, a landline and broadband DSL service packed in an Android Tablet.

The PLDT TelPad is and Android 2.2. Froyo tablet powered by a 1Ghz Cortex A8. That means users can download apps and play on the 7-inch tablet. It comes with a 2GB internal storage but there’s an SD card slot and a USB port to extend that.

The TelPad also carries a 2-megapixel front camera for still shots and videoconference calls. I think calls can be made via a Bluetooth headset. It also comes with a dock for charging and an HDMI port that can be hooked into your TV.

Uses Of The PLDT TELPAD:

You can make and receive calls through the handset or the tablet.

You can surf the net. Update your Facebook status, watch and listen videos in Youtube, check your e-mails and all internet needs in touch.

You can watch videos, view photos, play games and enjoy music in your Telpad.

You can get exclusive access with the PLDT services in your Telpad anytime.

You can experience the best in Telpad technlogy with ANDROID 2.3 GINGERBREAD OS.

Key Features Of The PDLT Telpad ( AD-1000A)

Customized PLDT Homescreen

The homescreen features an interactive PLDT Wave live Wallpaper that reacts to the touch of the user. Cool huh! It also has a specially designed sleek dock at the bottom of the homescreen to effortlessly access the Dialer and Favorites.

Customized Notification Bar

The drop down notification bar can be accessed anytime. It contains a switch widget that allows easy turning on or off and adjustments of common setups.

Customized Soft Keyword

A larger keyboard on the screen makes typing letters and numbers more accurate and less difficult. This is nice!

Memory

2GB Built-in
512 MB RAM
32 GB Standard SD

Wireless and Cellular

WiFi - 802.11 b/g/n
Bluetooth 2.1 +EDR

Software and Processor

Android Gingerbread 2.3
1 GHz Cortex A8

Preloaded Applications

Twitter
Facebook
Youtube
Angry Birds
Raging Thunder Lite
Frozen Bubble
Gmail
Google Search
Google Maps

Other popular applications can be downloaded in the Android Market. Includes Skype, Yahoo Mail, Yahoo Messenger and More.

For more info, you can visit the PLDT Telpad microsite here: www.pldttelpad.com
or visit their facebook page here: www.facebook.com/pldtlandline

So what are you waiting for?

Grab the new PDLT Telpad now and experience the Tomorrow's landline in Today's home!

How To Show Google Adsense Ads Below Post Title?

2011-10-31T11:37:00.000-07:00

Every Google Adsense publisher aims for a high CTR (click through rate) from the ads shown in their blogs. But how do we really increase the ads CTR shown in a certain blog? That will be answered in this tutorial so keep reading.

The “heat map” image above illustrates the ideal placing of ads on a sample page layout. The colors fade from dark orange (strongest performance) to light yellow (weakest performance). So it’s clear from the heat map that the Google Adsense ads below post title can bring high CTR.

Showing Google Adsense Ads Below Post Title

I. Preparing Adsense Ad Code

Log in to Google Adsense (opens in tab/window) to create a new ad unit.
For best results choose wide ad size -either 300x250 Medium Rectangle or 336x250 Large Rectangle format. Make sure you assign a new ad channel to it for performance monitoring purposes.
When the setup is complete, click get code and save below the ad setup.
Run the code through an HTML escape tool to escape special characters in the code. The ad won’t appear if you use the original unescaped ad code.
Copy the escaped code.

II. Adding The Ad Code In The Template

Go to Dashboard > Design > Edit HTML.
Click on the Expand Widget Templates check box on top right of the HTML window.
Look for the following line in your HTML code:

<div class='post-body entry-content'>

4. Paste the escaped ad code right below the line, like so:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
 PLACE AD CODE HERE
</b:if>

the conditional tag in lines 1 and 3 will make the ad appear only on post pages. If you want the ad to appear on all pages, just remove the lines.

5. Preview the blog, then SAVE it if the added code was implemented successfully.

III. Monitor Ad Performance

Make sure you monitor the ad performance. Don’t automatically assume it succeeds in increasing CTR without seeing the actual results.

No two blogs are the same, what works on most blogs may or may not work on yours. If you don’t see positive changes, test again with different ad types, formats, colors and/or placements.

Drop us a comment! ^^

How To Add Read More Function On Blogger Without Thumbnail?

2011-10-30T10:30:00.000-07:00

I had my post about adding Read More function on blogger with thumbnail recently. (You can check it here.) This Read More function is also known as Expandable Post or Display Summary Post hack. This is a display summary post hack without thumbnail. This trick on the blog html is for those who doesn't like posting images in their blog posts.

1. Go to Layout > Edit HTML in your Blogger dashboard and check the "expand widget templates" box.

2. Find the closing </head> tag in your blog template, and paste the following section of code immediately before it:

<script language='javascript' src='http://www.sigmirror.com/files/16723_kc9lz/jquery-1.2.3.pack.js' type='text/javascript'/>
<script language='javascript' src='http://www.sigmirror.com/files/16722_nbdvm/jquery.extractor.js' type='text/javascript'/>

<script type='text/javascript'>
$(document).ready(function() {

$('.excerpt').expander({
slicePoint: 450, // default is 100
expandEffect: 'fadeIn',
expandText: '[...]', // default is 'read more...'
userCollapseText: '[^]' // default is '[collapse expanded text]'
});

});
</script>

3. Now, find this section of code (or similar) in your template:

<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> 
</div>

4. Replace the above section of code in with the following instead:

<b:if cond='data:blog.pageType != "item"'>
<div class='excerpt post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> 
</div>
<a expr:href="data:post.url">Read More..</a>
<b:else/>
<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> 
</div>
</b:if>

5. Preview the template, if you can see the Read More... link then SAVE it.

Drop us a comment! ^^

How To Add Read More Function On Blogger With Thumbnail?

2011-10-30T10:06:00.000-07:00

Blog owners want their blog to look good to their visitors and making their blog look clean and presentable is the best thing to do. A lot of bloggers are searching for ways on how to add Read More function to their blog. Meaning , shortening their post on the main page. This will make the main page or homepage more presentable and good to look at. So here is a good trick to the blog html and enable Read More function with thumbnails (if you don't want any thumbnail in your post summary then go here). Some call this the blog post expandable hack.

Read More Function with Thumbnail Screenshot Image

Adding Automatic Read More Function with Thumbnails on Blogger

1. Now Login to Blogger Go to Layout > Edit HTML in your Blogger dashboard and check the "expand widget templates" box.

2. Find the closing </head> tag in your blog template, and paste the following section of code immediately before it:

<script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}

//]]>
</script>

Note: In above codes you can change the numeric numbers according to your needs.

summary_noimg = 430; is post cut height without image
summary_img = 340; is post cut height with image
img_thumb_height = 100; is thumbnail image height
img_thumb_width = 120; is thumbnail image width

3. Now find the code <data:post.body/> in your template and replace it with below codes.

<b:if cond='data:blog.pageType == "static_page"'><br/>
<data:post.body/>
<b:else/>

<b:if cond='data:blog.pageType != "item"'>

<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'> read more "<data:post.title/>"</a></span>

</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
</b:if>

4. Preview your template. If it's showing thumbnail with read more function on your blog posts then you can SAVE it.

Note: To show thumbnail, you should have at least one image in your blogger post and please upload the js file to your server and don't forget to change the link with yours in codes to make this hack work.

Drop a comment if you have something to say! ^^