10 Things Every Blogging Office Needs

Being a professional blogger isn’t as simple as waking up one morning and stating, “I am a blogger, look out world!” Like any other discipline or endeavour, being a successful blogger means that you have to take the job seriously. That means working with dedication, planning and forethought. Having the right tools is an essential part of being a blogger, as you need the right tools in order to get the job done.

1. Computer or Laptop: There is no doubt one of the key tools of the modern journalist and the pro blogger is the computer. After all, the computer has become the informational link to the world. Blogging is all about information and staying current with what is happening in the world around us. This means that your computer is an essential tool in your blogging toolkit. While it is not necessary to have a top of the line gaming computer, you should have one that can get the job done or you will lose hours and hours on productivity. Making sure that you have a quality anti-virus program and firewall might be savvy addition as well.
1. Computer or Laptop: There is no doubt one of the key tools of the modern journalist and the pro blogger is the computer. After all, the computer has become the informational link to the world. Blogging is all about information and staying current with what is happening in the world around us. This means that your computer is an essential tool in your blogging toolkit. While it is not necessary to have a top of the line gaming computer, you should have one that can get the job done or you will lose hours and hours on productivity. Making sure that you have a quality anti-virus program and firewall might be savvy addition as well.

2. Top-Notch Monitor: A reasonably large high quality monitor is an essential tool not just for bloggers, but also for anyone spending a lot of time at the computer. Eyestrain can greatly impair your productivity and make working nothing short of unpleasant. Spending a little extra money for a quality monitor is a savvy move.

3. Broadband Access: It should come as no surprise that access to a broadband connection is essential for blogging. While some people do still use dial-up Internet, you will experience major setbacks if you don’t have access to a fast connection. If you are using a laptop computer, be sure that you have a 3G dongle device for your mobile broadband access.
4. The Smartphone: A good smartphone is an absolute essential for the blogger. This is particularly true if you have one with a good deal of functionality and apps. A smartphone can function something like a modern Swiss army knife and may include GPS, recording capability, note taking capability, as well as essential features such as a camera and video capability. Also a smartphone allows you to connect to the Internet whenever you like from virtually wherever you like. This can prove invaluable for any number of important reasons. Of course, your trusted smartphone also functions as a phone too! All of these factors combine to make the smartphone a simply essential tool.

5. The Notebook or Notepad: Sure a notebook or notepad might be a bit “old school,” but you never have to worry about the battery on your notepad running out! This makes the time honoured, battled tested notepad something of a practical real world essential. It is something that you should not be without for quickly jotting down ideas on good old-fashioned paper.

6. Pens, Pens and More Pens: Pens are always a must for the blogger. Not all note taking is digital... at least not yet.

6. A Good Desk: Having a good desk might seem like a no-brainer, but if you are going to be spending hours upon hours writing, you need to keep the importance of a good desk in mind. A good desk will also help keep you organised and enhance your productivity.

7. The Chair: A comfortable chair, one that you can spend hours in, is probably even more important than having a good desk. After all, back problems will quickly end your workday.
9. A Bookcase: You never know when you might want to include a reference to a book in your blogging endeavours. A bookcase is important for staying organised. Don’t skip this inexpensive item that is essential for keeping books in order.

10. A Quality Keyboard: Lots of blogging means lots of typing. This makes an investment in a comfortable keyboard a must. Don’t just assume that the keyboard you received with your computer is adequate.

Add 125x125 Ad Slots To Your Blogger/BlogSpot Blog

Presently 125x125 ad-spots are the most famous ad dimensions in the blogosphere. For both publishers and advertisers these dimensions are perfect to display text & pictures attractively and at the same time these ads do not interfere much with the blog's content.
So if you are too planning to sell some place on your blog with these 125x125 ad spots, then follow these simple instructions:
Although many bloggers place and control these ad-spots through CSS but I am using simple HTML tables, so as to keep the process simple and so that you can easily customize it later.


STEP 1:
Log in to Blogger, go to "Layout", and click on "Add a Gadget" -> select it as "HTML/JavaScript".
Paste this code into the HTML box:

<center><table border="0"><tr>
<th width="126" height="126" align="center"><img src="http://i44.tinypic.com/2v97vv9.jpg"/></th>
<th width="126" height="126" align="center"><img src="http://i44.tinypic.com/2v97vv9.jpg"/></th>
</tr><tr>
<td width="126" height="126" align="center"><img src="http://i44.tinypic.com/2v97vv9.jpg"/></td>
<td width="126" height="126" align="center"><img src="http://i44.tinypic.com/2v97vv9.jpg"/></td>
</tr></table></center>

STEP 2:
Save the widget.


STEP 3:
As soon as an advertiser approaches you, replace the links in RED in the code above with the new ads.

TIP: Instead of showing all 4 banners as "Advertise Here", it is better to use 2 or 3 of them to show any affiliate ads and keep the last one as "Advertise Here" banner.

You may use any of these "Advertise Here" banners:

Add Google "Plus One" Button on Blogger

Google has released an alternative to the Facebook and Twitter Sharing buttons named +1.If you like something that you find on the web, you can hit the +1 button, and your +1's will help friends, contacts, and others on the web find the best stuff when they search. This tutorial will guide you on adding the same to your Blogger Blog.










 1. If you are already using the official Blogger Sharing buttons, you should  already be seeing the +1 buttons on your blog. If it is not, then  go to that tutorial, and you will get the answer to how you can fix it.


2. No I don’t want to add those Blogger Sharing buttons, but would love to add the +1 button somehow. If that’s the case, then read on..


3. Go to Blogger Dashboard > Design > Edit HTML and click on the button which says “Expand widget Templates”. Look for and immediately above that paste
 

<script type="text/javascript" src="http://apis.google.com/js/plusone.js">
{lang: 'en-US'}
</script>
 

4. Now look for and immediately below that paste

 &lt;div&gt;

&lt;g:plusone size=&quot;standard&quot; expr:href=&quot;data:post.url&quot;/&gt;
&lt;/div&gt; 

5. Save the template, and you should see the Google  +1 buttons on your blogger blog.



For webmasters, Google has added a link where you can directly go and grab the button in couple of seconds.
The reason why we mentioned the above code is for English version is, +1 button is available is 44 different languages. To get the particular language based +1 button Google has added small additional code to script like below,
For non-webmasters, Google started rolling out +1 button for English-language searches on Google.com. If you want to +1 search results and search ads earlier, you can opt in through Google’s experimental search site. To see recommendations from your friends and contacts in Google search, make sure you’re signed into your Google Account.
Google has added +1 button mainly to share the content you read will be suggested to your friend who is connected through Google Account. +1 is as simple on the rest of the web as it is on Google search.
With a single click you can recommend that anything you found interesting to friends, contacts and the rest of the world. The next time your connections search, they could see your +1’s directly in their search results, helping them find your recommendations when they’re most useful.
Ok! That’s it. You have a +1 button with you now. Help Google is social space as they have already failed with Orkut and Google Buzz!

Add The New Facebook Like This Share Icon To Your Blog Posts

Facebook have just made a simple Like Button available for bloggers and webmasters.The Like Button or Icon will be a great help in the effort to get readers sharing your posts on Facebook.Social networks and social bookmarking sites are constantly coming up with ways to make it easier for people to share the content they find online with their friends.From Twitter to Digg and Facebook to Stumble Upon there are lots of buttons and icons available on blogs, news sites and other websites allowing you to share their stuff with others.

While this is great for users to let their friends know what they find interesting as a blogger it's one of the best ways to get your blog content shared and attract new readers.We covered this subject in more dept a while back in a post titled What is social bookmarking /How does it work / How can it help my blog ?.Facebook have just released a new option for people to easily share your blog and in this post i will show you how to be one of the first to make this option available to your readers.

The new button just made available from Facebook make sharing blogs as easy as possible and this is great news for us bloggers.With the New Facebook Like Button Just one click is required in the very same way as you would click like on a friends picture or comment your own Facebook homepage.Unlike other sharing options you don't get a pop up or have to go to the website you just click like or recommend and your done...Nice Ehh ? 

How to add the facebook buttons to your Blog

First up i will give you the code for the button and then we will look at were you can add the buttons in your blog posts.

Facebook Like Button Code :

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/><a href='http://www.spiceupyourblog.com'><img alt='Best Blogger Tips' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaGkd1QpA2X6M5C-aQHboVwtIsJUIVX7xkuvtSk2LVr4uCgaQ9bhLobYRhL2kX2An7wB4g62MPtDNNE__GXL9hmes6GNMACG3n6F6q5fl30TE0DlIvABvMYvU-xoYdLfEcvppQdFHRM0SR/s1600/best+blogger+tips.png'/></a>

 

Were To Place The Button

 In this post we will look at three places you can add the button

*Below the post title
*At the top of the post
*Below the entire post

First go to your blogs html by following these three steps - In your dashboard click 'Layout' > 'Edit Html' > Tick the 'Expand Widget Templates' box.

To add the button directly below the post titles Find the following code in your blogs Html :
(Click Ctrl and F for a search bar to help find the code)

 <div class='post-header-line-1'>

Now paste the facebook button code Directly Below / Under  <div class='post-header-line-1'>


To add the button at the top of the posts Find the following code in your blogs Html
(Click Ctrl and F for a search bar to help find the code)

<data:post.body/>

Now paste the Facebook button code Directly Before / Above <data:post.body/>

To add the button directly below the posts Find the following code in your blogs Html :

(Click Ctrl and F for a search bar to help find the code  )

<data:post.body/>

Now paste the Facebook code Directly Below / Under  <data:post.body/>

Once you have the Facebook code pasted were you want the button to appear and your template saved go check out your new share option.


This is a great new way to get people sharing your blog and to get more new readers, what do you think ?

If you need any extra help just ask...

If You Enjoyed This Post Please Take 5 Seconds To Share It.

Why Alexa Rank Is Important How To Increase Your Blogs Rank

Alexa has been around for 14 years checking and ranking the traffic levels for every site online.Alexa use toolbars installed on millions of users browsers to track the hits sites are getting.Every time someone with the Alexa Toolbar installed lands on your Blog it increases your Ranking.That's all interesting and it's fun to check out the top 10 sites online or the top 100 in your country but why is it important to have a high Alexa Rank and what can you do to improve your blogs Alexa rank ?

Why Alexa Rank Is important

The major advantage of a high Alexa rank comes into play when you look to sell ad spots on your blog.Ad Networks and Advertisers take Alexa rank very seriously when it comes to buying advertising on your site.Webmasters and Blogger also take Alex rank into consideration when it comes to linking to your site, exchanging links, submitting posts and connecting in other ways with you.Even if you don't currently sell direct Advertising on your Blog you will more than likely want to in the future so working on improving your rank now will be of great benefit.

How To Increase Your Alexa Rank

When i researched for this post i found lots of articles with huge lists of Alexa Tips And Tricks.However as i looked deeper and even in the comments for these posts a lot of these tips were shown to be bull....The first ting to do and a guaranteed way to increase your Blogs Alexa rank is Install the toolbar.

Install The Alexa Toolbar

Chances are nobody visits your blog more than you, once you install the toolbar all those visits will be ranked on Alexa.The toolbar is quiet compact and on the Chrome browser you wouldn't even know it's there.Once installed it's actually quiet interesting to have an instant ranking on every site you visit - Get the Alexa Toolbar here.

Make Your Blog Your Homepage

Once you install the toolbar set your blog to your homepage to ensure even more hits.If your family or friends didn't mind you could install the toolbar on their browser and set your blog to the homepage also.

 

Write A Post About Alexa

By writing a post about Alexa you may convince some of your regular readers to install the toolbar.Now when they visit your blog it's helping your blogs rank.

Others - Most of the people using the Alexa Toolbar are experienced Internet users,Webmasters and fellow Bloggers, Submit your blog to Digg, Stumble, Design Float, Reddit and other bookmarking sites these guys hang out.It's suggested adding the Alexa gadget to your blog will help but i have seen this refuted.It's suggested getting people to write a review of your blog will help, i have also seen this refuted.

That's it,
If You Enjoyed This Post Please Take 5 Seconds To Share It.

For Bloggers - Add Digg Vote Button Counter Widget to Blogger

This tutorial explains how to integrate a Digg Button into your blogger template, which will be displayed in each of your blogger posts. The button displays the amount of times each post has been dugg and lets users digg directly from your blog.

Here are the Steps:

1.  Make sure to Backup your Template! 

2. Open your blogger template, click Expand Widget Templates, and search for the code below:

      <data:post.body/>


3.  Add this code below directly above the searched code above:

      <!-- DIGG --><div style="'float:right;"><script type="'text/javascript'">digg_url = '<data:post.url/>';</script><script src="'http://digg.com/tools/diggthis.js'" type="'text/javascript'/"></div>




4.  Now Preview and Save your Template!

Add Sexy Auto Hide Social Bookmarking Widget for Blogger

How to add sexy auto hide Social bookmarking widget, using this widget your readers share 
or bookmark

the post on several social networking sites. This is also increases SEO by sharing. it is embedded bellow on each and every post page so that ease in using

Note:- BackUp your template First

1. Login to Blogger account
2. Go to Design > Edit HTML
3. Check Expand Widgets (i.e, Tick Expand Widgets)
4. Search this ]]> tag
5. Add bellow CSS code before it

div.sexy-bookmarks { height:54px; background:url(&amp;#039;http://3.bp.blogspot.com/_nDNgmK8FIyI    /TRrBBijh2MI/AAAAAAAAAP0/H6KzriF-Vi4/w2b_sexy-bg.png&amp;#039;) no-repeat left bottom;          position:relative; width:540px; }                                                                                                                                                      

div.sexy-bookmarks span.sexy-rightside { width:17px; height:54px;                                                           background:url(&amp;#039;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEianXhi3y9qDPE-vhOJZA15-JcryC9Czb3ku1j9lVZJPwCn_SCP_cvhdel3Pqu8xSvm94ec7ApRe3rPWAZaisSDM4P1xbHVrRCo2F9fgTxeFInpUh21PX0RuXmzijBgNkBDA2j536vahEzH/&amp;#039;) no-repeat right bottom; position:absolute; right:-17px; }     

div.sexy-bookmarks ul.socials { margin:0 !important; padding:0 !important; position:absolute; bottom:0;        left:10px; }

div.sexy-bookmarks ul.socials li { display:inline-block !important; float:left !important; list-style-type:none !important; margin:0 !important; height:29px !important; width:48px !important; cursor:pointer !important; padding:0 !important; }

div.sexy-bookmarks ul.socials a { display:block !important; width:48px !important; height:29px !important; font-size:0 !important; color:transparent !important; }

.sexy-furl, .sexy-furl:hover,

.sexy-digg, .sexy-digg:hover,

.sexy-reddit, .sexy-reddit:hover,

.sexy-stumble, .sexy-stumble:hover,

.sexy-delicious, .sexy-delicious:hover,

.sexy-yahoo, .sexy-yahoo:hover,

.sexy-blinklist, .sexy-blinklist:hover,

.sexy-technorati, .sexy-technorati:hover,

.sexy-facebook, .sexy-facebook:hover,

.sexy-twitter, .sexy-twitter:hover,

.sexy-myspace, .sexy-myspace:hover,

.sexy-mixx, .sexy-mixx:hover,

.sexy-script-style, .sexy-script-style:hover,

.sexy-designfloat, .sexy-designfloat:hover,

.sexy-syndicate, .sexy-syndicate:hover,

.sexy-email, .sexy-email:hover { background:url(&#039;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisVc949nQQcIdZAao0gRBCRLaoI2qKkYe-ST9iDF7FbOzrfHlN_q6GKnWqhK8KryJ7ZeNOmL8DPLmsivX2-eA3hDjBzgkVfoxXXHO6ef219igNjmi2soFDxtpZkOjc3xsc4OkpstD1CtK3/&#039;) no-repeat !important; }

.sexy-furl { background-position:-300px top !important; }

.sexy-furl:hover { background-position:-300px bottom !important; }

.sexy-digg { background-position:-500px top !important; }

.sexy-digg:hover { background-position:-500px bottom !important; }

.sexy-reddit { background-position:-100px top !important; }

.sexy-reddit:hover { background-position:-100px bottom !important; }

.sexy-stumble { background-position:-50px top !important; }

.sexy-stumble:hover { background-position:-50px bottom !important; }

.sexy-delicious { background-position:left top !important; }

.sexy-delicious:hover { background-position:left bottom !important; }

.sexy-yahoo { background-position:-650px top !important; }

.sexy-yahoo:hover { background-position:-650px bottom !important; }

.sexy-blinklist { background-position:-600px top !important; }

.sexy-blinklist:hover { background-position:-600px bottom !important; }

.sexy-technorati { background-position:-700px top !important; }

.sexy-technorati:hover { background-position:-700px bottom !important; }

.sexy-myspace { background-position:-200px top !important; }

.sexy-myspace:hover { background-position:-200px bottom !important; }

.sexy-twitter { background-position:-350px top !important; }

.sexy-twitter:hover { background-position:-350px bottom !important; }

.sexy-facebook { background-position:-450px top !important; }

.sexy-facebook:hover { background-position:-450px bottom !important; }

.sexy-mixx { background-position:-250px top !important; }

.sexy-mixx:hover { background-position:-250px bottom !important; }

.sexy-script-style { background-position:-400px top !important; }

.sexy-script-style:hover { background-position:-400px bottom !important; }

.sexy-designfloat { background-position:-550px top !important; }

.sexy-designfloat:hover { background-position:-550px bottom !important; }

.sexy-syndicate { background-position:-150px top !important; }

.sexy-syndicate:hover { background-position:-150px bottom !important; }

.sexy-email { background-position:-753px top !important; }

.sexy-email:hover { background-position:-753px bottom !important; } 

Now Put the below Widget code after tag

 &lt;div class='sexy-bookmarks'&gt;

&lt;ul class='socials'&gt;

&lt;li class='sexy-delicious'&gt;&lt;a expr:href='&amp;quot;http://del.icio.us                /post?url=&amp;quot; + data:post.url + &amp;quot;&amp;amp;title=&amp;quot; + data:post.title' target='_blank' title='Add to Delicious' rel='nofollow'/&gt;&lt;/li&gt;

&lt;li class='sexy-digg'&gt;&lt;a expr:href='&amp;quot; http://digg.com/submit?url=&amp;quot; + data:post.url + &amp;quot;&amp;amp;title=&amp;quot; + data:post.title' target='_blank' title='Digg This Post' rel='nofollow'/&gt;&lt;/li&gt;
&lt;li class='sexy-technorati'&gt;&lt;a expr:href='&amp;quot; http://technorati.com/faves?add=&amp;quot; + data:post.url + &amp;quot;&amp;amp;title=&amp;quot; + data:post.title' target='_blank' title='Add to Technorati' rel='nofollow'/&gt;&lt;/li&gt;
&lt;li class='sexy-reddit'&gt;&lt;a expr:href='&amp;quot; http://www.reddit.com/submit?url=&amp;quot; + data:post.url + &amp;quot;&amp;amp;title=&amp;quot; + data:post.title' target='_blank' title='Add to Reddit' rel='nofollow'/&gt;&lt;/li&gt;
&lt;li class='sexy-stumble'&gt;&lt;a expr:href='&amp;quot; http://www.stumbleupon.com/submit?url=&amp;quot; + data:post.url + &amp;quot;&amp;amp;title=&amp;quot; + data:post.title' target='_blank' title='Stumble This Post' rel='nofollow'/&gt;&lt;/li&gt;
&lt;li class='sexy-designfloat'&gt;&lt;a expr:href='&amp;quot;http://www.designfloat.com/submit.php?url=&amp;quot; + data:post.url + &amp;quot;&amp;amp;title=&amp;quot; + data:post.title' target='_blank' title='Share on DesignFloat' rel='nofollow'/&gt;&lt;/li&gt;

&lt;li class='sexy-facebook'&gt;&lt;a expr:href='&amp;quot; http://www.facebook.com/sharer.php?u=&amp;quot; + data:post.url + &amp;quot;&amp;amp;title=&amp;quot; + data:post.title' target='_blank' title='Share on Facebook' rel='nofollow'/&gt;&lt;/li&gt;

&lt;li class='sexy-twitter'&gt;&lt;a expr:href='&amp;quot; http://twitthis.com/twit?url=&amp;quot; + data:post.url + &amp;quot;&amp;amp;title=&amp;quot; + data:post.title' target='_blank' title='Share on Twitter' rel='nofollow'/&gt;&lt;/li&gt;

&lt;li class='sexy-furl'&gt;&lt;a expr:href='&amp;quot; http://www.furl.net/storeIt.jsp?u=&amp;quot; + data:post.url + &amp;quot;&amp;amp;title=&amp;quot; + data:post.title' target='_blank' title='Share on Furl' rel='nofollow'/&gt;&lt;/li&gt;

&lt;li class='sexy-syndicate'&gt;&lt;a href='http://feeds2.feedburner.com/WAY2BLOGGING' title='Subscribe to RSS' rel='nofollow'/&gt;&lt;/li&gt;

&lt;li class='sexy-email'&gt;&lt;a expr:href='&amp;quot; mailto:?subject=&amp;quot; + data:post.url + &amp;quot;&amp;amp;title=&amp;quot; + data:post.title' target='_blank' title='Share on Email' rel='nofollow'/&gt;&lt;/li&gt;

&lt;/ul&gt;

&lt;span class='sexy-rightside'/&gt;

&lt;/div&gt;

*Note:- Change your Feedburner URL(http://feeds2.feedburner.com/yours URL)

Save your template

Further Changes: If you want to show this widget only on post page then add bellow code

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<!-- Put Above Widget Code here -->
</b:if >

These Conditional tag will allow this widget only on post page to show.


Now You are Done!

Translate Blog Widget

Let your readers easily translate your blog with this highly compact widget. This blog translator is powered by Google Translate. The languages available at the click of a flag are Chinese, German, French, Japanese, Korean, Russian, and Spanish.

It can easily be added to any blog platform or website! Just click "get this translation widget" below to get yourself started.
HTML CODE:

<div style="padding: 3px 3px 3px 3px; text-align: center;"><div align="left"><a style="cursor: pointer;" target="_blank" rel="nofollow" title="Google-Translate-English to French " onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Czh-CN&hl=en&ie=UTF8'); return false;"><img alt="Chinese" border="0" align="absbottom" title="Google-Translate-Chinese (Simplified) BETA" height="24" src="http://imgcash4.imageshack.us/img518/261/chineeseoq9.png" style="cursor: pointer;" width="24" /> <img alt="French" border="0" align="absbottom" title="Google-Translate-English to French " height="24" src="http://img296.imageshack.us/img296/1476/frenchflagkf9.png" style="cursor: pointer;" width="24" /></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Google-Translate-English to German" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cde&hl=en&ie=UTF8'); return false;"> <img alt="German" border="0" align="absbottom" title="Google-Translate-English to German" height="24" src="http://img242.imageshack.us/img242/3466/germanke6.png" style="cursor: pointer;" width="24" /></a> <!--&#8211; to beta &#8211; add english japanese--> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Google-Translate-English to Japanese BETA" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cja&hl=en&ie=UTF8'); return false;"> <img alt="Japanese" border="0" align="absbottom" title="Google-Translate-English to Japanese BETA" height="24" src="http://img242.imageshack.us/img242/8905/japaneseyq6.png" style="cursor: pointer;" width="24" /> </a> <!--&#8211; to beta &#8211; english end japanese--><a style="cursor: pointer;" target="_blank" rel="nofollow" title="Google-Translate-English to Korean BETA" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cko&hl=en&ie=UTF8'); return false;"> <img alt="Korean" border="0" align="absbottom" title="Google-Translate-English to Korean BETA" height="24" src="http://img510.imageshack.us/img510/6545/koreanfa6.png" style="cursor: pointer;" width="24" /> </a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Google-Translate-English to Russian BETA " onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cru&hl=en&ie=UTF8'); return false;"> <img alt="Russian" border="0" align="absbottom" title="Google-Translate-English to Russian BETA " height="24" src="http://img525.imageshack.us/img525/3699/russianvr7.png" style="cursor: pointer;" width="24" /> </a> <!--&#8211; to beta &#8211; russian english end--> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Google-Translate-English to Spanish " onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Ces&hl=en&ie=UTF8'); return false;"> <img alt="Spanish" border="0" align="absbottom" title="Google-Translate-English to Spanish " height="24" src="http://img530.imageshack.us/img530/3777/spanishvq3.png" style="cursor: pointer;" width="24" /> </a> <!--&#8211; to &#8211; spanish english end--> <!--!&#8211;--> <!--!&#8211;--> <!--!&#8211;--> <!--!&#8211;--> <!--!&#8211;--> <!--!&#8211;--> <!--!&#8211;--> <!--!&#8211;--> <!--!&#8211;--> <!--!&#8211;--> <!--!&#8211;--> <!--!&#8211;--> <!--!&#8211;--> <!--!&#8211;--> <!--!&#8211;--> <!--!&#8211;--> </div><div style="float: left;">^{Powered By}<a href="http://widgetsforfree.blogspot.com/2008/09/translate-blog-widget-using-flags.html"><img style="border:none;" alt="google" src="http://img301.imageshack.us/img301/7661/googlelogode0kn0.png" class="gsc-branding-img-noclear" title="Google Translation Widget" /></a></div></div>

Floating " Top of Page" Icon Widget

Some blogs and webpages have obnoxiously long pages that go on forever... and that's where this widget comes in handy. As you can see, there is a small floating arrow at the bottom-right of this page. It always maintains the same position. Scroll down a little in your template, then if you click on it, it will take you to the very top of the page.

Why it's a good thing?

• Saves your visitors from an unnecessary hassle of scrolling up.
• The icon does not interfere with your content.
• You can use your own image in order to blend in with your own blog.

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="http://img119.imageshack.us/img119/8589/arrowupcx2.gif" /></a>

Change the Title Tags in Blogger for More Search Engine Traffic

  

LEARN HOW !!!

By default Blogger displays the blog title first, followed by the name of the post. As you might notice this is not good when it comes to SEO . It's important for the name of the post to come before the name of your blog, especially when it comes to google search results. Learn how to make your post title show up first so that you can reel in more traffic from the search engines. 

Why Change the Titles?

It's quite important to have the Post Title + Blog Title arranged accordingly because this is how you would want your blog to be displayed on google's search results. This way more people will click on your link when searching google because the post title is more relevant than your post name.
Example Google Search Results:
You are most likely to click on the bottom image when searching google for the keywords "image reflection generator". The reason being is that your mind reads text from left to right. So it makes sense to have the more important title on the left.

 

How to Change the Titles:

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

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

1. Save your template and you should see the results in your web browser as depicted in the images below.
2. It may take a few days for the changes to show up on the google search results. I guarantee you that you will start receiving more traffic from google once you are re-indexed!

Blogger Tag Cloud Widget by Categories / Labels

Blogger Tag Cloud Widget by Categories / Labels

This widget is perfect for blogspot users who desire a simple tag cloud for their Categories. The Labels Cloud can easily be implemented within the sidebar of your blog and will match your template wonderfully.

Steps for Implementation

Step 1: Back it Up
Always make sure to back up your Blogger Template before doing anything else!

Step 2: The Labels Gadget

Make sure that you have the Labels Page Element installed. If you haven't already...

1. Go to Layout >Page Elements .
2. Click "Add a Gadget" and then add the "Labels" gadget.

Step 3: Locating the "Old Code"

1. Now go to Layout >Edit HTML
2. Make sure that the "Expand Widgets Template" box is unchecked.
3. Now we need to search for the code that looks like this.

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

 

Your code may look a little different. So try using your browser's search tool to find type='Label'.

Step 4: Replacing the "Old Code" with the "New Code"

1. Once you've located type='Label', remove the whole line of code that looks just like the code mentioned in part 3 of step 3.
2. Replace this code that you've just deleted with the code below:

/*
Distributed by John Smith at WidgetsForFree.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.widgetsforfree.blogspot.com">Blogger Widgets</a></span>
</div>
</b:includable>
</b:widget>

Step 5: Previewing the New Tag Cloud

Before saving the template make sure to click preview. The new tag cloud should now be visible. If not, make sure that you've completed all the steps correctly.