Friday, 30 October 2009

Inserting a Counter on your Blog or Web Site


Whether your blogging or setting up a web page for fun or for generating wealth, you're going to want to know how many people are coming to your site regularly. If it's for fun, you'll get to know just how many people are enjoying your postings, your pictures, your insights and more. If it's for business, you may want to sell ad space or the like on your page. Advertisers are going to want to know how many "hits" you're getting. How many people are looking at your site every day, every week and every month. The more visitors, the greater your chances of being able to sell advertising space – and being able to generate real wealth.

Think of it this way: If thousands of people are reading your posts, it means that they're all interested in your content. If they're interested in your content, they're going to spend time looking at all the things you have to offer them. While they're doing that, they're going to also be looking at the adverts placed by others. People will click on those adverts, see the advertisers sites, and be tempted to now make a purchase on their site. So everyone wins! People come to your site. Advertisers are happy to pay you to advertise their goodies. And those reading your posts find themselves also wanting to purchase more things from the advertisers.

Once your posts are good enough, and they're generating visits, advertisers will be interested in paying you to help them. Then – everybody wins!

So, how do we get to prove (honestly) how many people are actually visiting and let others know about it?

There are many great web pages out there with a variety of counters you can choose from. I'm going to suggest just one. It's easy to get, it's fun to choose a counter that you'll enjoy using, and it's easy to implement the code on either your blog or webpage.

So follow me:

1. Go to
2. Register all your details, including your email address
3. Select a counter that suits your needs (a one line, two line, 3 or 4)
4. Go to your control panel at any time to see your stats and be able to change the look of your counter
5. Click on the Account button (with the tool button on it)
6. Select Get Counter Code and copy it
7. Go back to your blog
8. Go to Customize / Page Elements
9. Click to Add a Gadget
10. Choose HTML
11. Paste your new text in the box
12. DONE!

You're all set to go. You've realized the importance of what a counter can do for you and how it can add in letting you and your visitors know just how impressive your postings are. You've found a great site that lets you choose and customize a counter with a variety of choices. You've pasted the HTML text into your blog as a new gadget.

When you next view your site, you'll see just how many people are coming throughout the next few days and onwards.

NOTE: You are more than welcome to set your counter at any number to fool people as to how many people have actually already come. That's up to you. I like to be honest. That way, I myself actually know quite accurately just how many people are coming and where I stand. I find it better for my own personal knowledge of how well I'm doing.

Thursday, 29 October 2009

Change Your 2 Column Blog into 3 Columns


Blogging can really give one tremendous satisfaction. There's so much one can share with the world. I work using Blogger to set up my blogs and find it easy to work with. You'll get a variety of opinions as to which is the better blogging service to use, and many will be based upon the type of templates that come with that particular service.

When you blog, you have to decide what type of market you're blogging for. You might just one to share general information. If so, you may find that a two-column blog more than adequately covers your needs. You'll have one small column allowing you to set up a basic menu system. You might include previous posts, labels, and perhaps even an Adsense skyscraper or the like.

You might also want your blog to be fun. You must consider the purpose of your blog, because having a template – all pink with frilly flowers and the like surrounding your site won't do you any good if you're a "big man" wanting to share the latest technology news. Of course, if you're a young teenage girl, such a design will go down very well. You can also find templates with floating fairies surrounding the pages.

But what about those who are more serious? They want the formality of the general blog, BUT they want something more. When you join Blogger, you'll find a decent variety of two column templates available. But if you're like me, wanting to expand your bog out ever so slightly to include at least two main side bars and a middle section for the content, you'll want that third column – which you can't find anywhere on Blogger's choice of Templates.

Now, a warning is in order! You may start looking around at the various free template sites and notice 3-column templates which look terrific, and you'll want one of these. This is great, so long as you don't already have a blog running. Once your blog has been running for months and more – you must understand that everything – including all your fancy widgets (clocks, counters, lists and the like) have already been set up beautifully. You can certainly change your template at any time – using one of the free templates – but be warned, you may end up losing a lot of information you've already set up – most notably your linked-lists which may have taken you hours to set up! You simply don't want to lose those!

There are tutorials to help you through the process of restoring all the widgets – though this is not the subject of today's posting. The reason I'm not getting into it at this point, is because they can be quite time consuming and even then – if you should make one accidental mistake, you may find yourself having lost your hard work and having to re-set things up again. It won't be fun, and since blogging is about FUN – you don't want to find yourself in this snare.

So, having said that, let's turn our attention to the blog you're currently looking at. Actually, I love the Minima design. It's neat, simple and seems to do everything I want. It's got a business type look – professional and well-laid out. Only thing is – as mentioned before, you'll find that Blogger only gives you two columns.

When I began blogging I used to always use this design, but found myself in the situation of having now blogged for so long – unable to spend the necessary time and patience fiddling with things that have the potential of being lost. So I did some serious research into learning more about that 'fancy' HTML Template and CSS, so that I could understand how better to set things up myself *without* losing my old template and information.

I'd like to share with you just how easy it is to change various settings to turn your 2-column template into a 3-column template. As before, I'm going to be using the 2 column Minima Right-Side Template to work with. If you have the Left Side Minima (Minima-left) ie with the main body post on the right side of the thinner column, then simply change it to the right-side template (Minima) and follow me. You won't lose any of your gadgets and widgets by doing that – just that your blog will look the opposite way around.

Let's work through the necessary steps now:

1. Log in to your blog
2. Go to the "Layout"
3. Choose the "Edit HTML" tab
4. Expand the widgets by inserting a tick in the box
5. Do a search – Ctrl-F (Control Find) for #header-wrapper
6. You'll see something like this:

#header-wrapper {
margin:0 auto 10px;
border:1px solid $bordercolor;

What this means is that your main heading element has a width of x pixels. In my case I have expanded my header width to be 980, though your number might still be something like 660 or the like. I have found 980 to expand things to be just right!

Also at the bottom of the header section, change the max-width to 980 as below:

#description {
margin:0 5px 5px;
padding:0 20px 20px;
border:1px solid #eee;
border-width:0 1px 1px;
font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;

Back to the tutorial:

7. Change the width to a width that suits you best. As I mentioned 980 works quite well.
8. Do a search for #Outer-Wrapper
9. You'll see something like this:

#outer-wrapper {
width: 980px;
margin:0 auto;
font: $bodyfont;

This tells you that the entire blog width from side to side is x pixels. Again, I have chosen 980 in order to make it equal to the header size. You can make it what you will, but start with this and then fiddle around afterwards

10. Your width may once again be something like 660. Change it to 980
11. Immediately after this block of code, insert the following:

#left-sidebar-wrapper {
width: 220px;
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */

What this does is to now add a column of 220 pixels on the left hand side of the main blog post area. You can make it any size you want of course – but keep it this way to start so that you'll get to see your blog in balance.

NOTE: If you are working with the Minima template which already has the smaller column on the left, you'll find yourself in trouble as this code inserts the column on the left side. For this reason – as mentioned above – make sure you are using the Minima with the smaller column on the right side before making these changes.

12. You've come a long way now. You're blog has now been increased in width size and you've added the additional column!
13. Just below the left-sidebar-wrapper, you'll see another piece of code which looks like this:

#main-wrapper {
width: 500px;
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */

Again – pay attention to the width. In your case, your code may indicate something like 410. I have chosen to increase the amount to 500. What this does is to increase the size of my main blog post article area. You can keep it at 410, but then you'll have a large empty space on both sides. The point is to maximize screen space. So by increasing it to 500 pixels, you'll be getting the most for your "money".

14. Make sure your width is 500 instead of the usually set 410. If you wish to fiddle with this amount, by all means, find something you're comfortable with.
15. You're DONE for now!

What you've now done is to increase the size of the entire blog space area to allow for the new column. You've then inserted the new 3rd column, and you've increased the size of the blog post area. You've now got a 3 column blog without having lost anything!

16. If you wish to make things symmetrical, you may wish to increase the size of your footer area to be the same as the header area. This can easily be done by searching for #footer and finding the following piece of text appearing at the bottom:

#footer {
margin:0 auto;
line-height: 1.6em;
text-align: center;

You'll probably find that the width is set at the usual 660 pixels or similar. I have changed mine to be 880 pixels. 970, 980 or 990 does a great job too. Experiment!

17. Make sure your width is now set at 880px
18. In the same section of the footer scroll to find this:

<div id='content-wrapper'>

19. Locate the "main wrapper" id which looks like this:

<div id='main-wrapper'>

20. Now paste the following code immediately above the main wrapper id:

<div id='left-sidebar-wrapper'>
<b:section class='sidebar' id='left-sidebar' preferred='yes'>
<b:widget id='BloggerButton1' locked='false' title='' type='BloggerButton'/>

18. Happy with your new template? SAVE YOUR TEMPLATE

When you view your blog for the first time it will still not look 100% correct. What you will now need to do is to rearrange all your page elements as you wish them ie. so that some of your widgets will appear on the left of the main blog post area, and some will appear on the right.

To rearrange:

1. Click on the Layout option
2. On the Page Elements page you will see how your blog will look after publishing. Here you must delete the newly created temporary widgets and move the remainder elements around so that your page will take on it's new appearance.

Wednesday, 28 October 2009

Tweet Me Me Me Me

You've probably set your blog up and done some really good posts. As you start blogging you may find that you'd really like to get your message out to the world faster than ever. Your blog post is worth at least a million dollars – but will you get it if nobody knows about it?!

Today, Twitter is taking the world by storm. Imagine the idea of having 20 000 followers (at least!) and sending a message to all of them about your terrific blog post? That's of course Step 1! Step 2 is to make sure that everyone else who is also connected with Twitter see to it that they too advertise your blog post to their 20 000 followers. That's called re-tweeting and we may talk about it's value in a later post.

Today, I'd like to share with you a quickie on how to encourage others to re-tweet your post from within the blog post itself. If you look at the top right side of every post I've done, you'll see a "Retweet" button. Give it a try on this very post. Simply click on it and when logged in to your Twitter account, hit the enter button. Voila – there you go, my post just got advertised to all your followers. Terrific. It's exactly what we want, and one of the fastest ways of getting others attracted to our post in seconds!

You're going to get hundreds and thousands of people looking at your blog posts. But without the "Retweet" button installed on your blog template, it's going to make matters difficult for the average user to want to let others know about your post. But WITH the "Reweet" button they'll feel far more relaxed with the idea of letting others know fast about the wonderful post they've just done. Go ahead and retweet this very post to all your friends. You'll soon see how fast others will catch on to it!

Now we need to help to set up YOUR blog with this terrific feature. It does take a bit of technical know-how, but you can do it! Just follow me:

1. Log in to your blog (For more info about blogs see Lesson 5)
2. Choose the Layout tab
3. Choose the Edit Html option
4. Click "Expand Widgets"
5. Do a search using the Ctrl-F option (Control Find) and look for:


6. Just above this, paste the following text:

<div style='float:right;padding:4px;'>
<script type='text/javascript'>
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = 'yourtweetusername';
<script src='' type='text/javascript'/>

7. Change the word "yourtwitterusername" with your actual Twitter username eg. in my case – rebeliyahu
8. Click "Save Template"

You'll now see the Retweet button as it appears on my blog in your own blog posts.

Good luck and get others Twittering all about you today!

If you don't come right, be in touch. There are other versions of Retweet buttons available too. If you see something that interests you, let me know, I may well have the code for it!

Sunday, 18 October 2009

Becoming a Success - With Video Clip

Becoming a millionaire, or simply becoming wealthy is all about using all our talents correctly. We have countless outlets available to making this happen for us. The Internet in today's times is just one of them. It's a substantial one at that. It is probably safe to say that those who do not use the Internet today to market and advertise themselves, are losing out on their biggest available asset of letting others out there know about themselves. More than this, they lose out on the immediate opportunity of bringing in income while sleeping (literally) – by simply already having a web page or blog with things to sell on it – or even Adsense adverts that people will click on – while they sleep – bringing them extra income by the time they've woken up. Great – isn't it?!

We all have talents though – and it's those that must ultimately be exploited in order to meet with success. But – so many of us continue ask – "when will it happen to me?!" When will all that glorious wealth moving about in the world, come to me?! When will others get to know the real me, the person I'd like to introduce to the world?! When will I be able to become the person I really am? Abraham Maslow provided us already with a hierarchy of needs with self-actualisation being set right up at the very top. How many of us actually reach it?! Yet we continue, and the biggest lesson in life that we must take with us is indeed to continue onwards, no matter how many times we fail. Failure – if we can call it that, is merely a stepping stone to success. Those who think they are failing must realise that they have chosen for themselves the path of failure. Those people – on the other hand, who recognise the greatness in themselves, who see themselves as continually growing – even with the falls in life – are destined for success. Success of course comes about in many ways, and does not only have to be money-based, though of course being blessed with wealth does make one think one has achieved much!

For today's post, an inspirational video for all to watch. To make us realise that there have been many other "ordinary people" who've gone through the same things we go through daily. Yet with all this, they have stood firm, and moved forwards too – in order to make themselves into the success they became. As for you – you're no different. You too can become that success. There is no such thing as despair, no such thing as failure, just the continual life-journey of growth and success. This blog has already provided a number of tools to work with. We might be taking a slight variation in our financial growth ideas from here, having already explored many areas of the Internet. We'll continue with the Internet and the web as a basis for generating wealth, but will also work on other areas of growth that we all need to work through in order to see how we can attract money towards ourselves through other means. It's really all about using the tools we have available to us – as well as becoming positive in ourselves through motivating ourselves correctly, so that indeed – all that glorious wealth making it's rounds, can find it's way into our own lives too.

As always – wishing you much success. Keep in touch, let me know how you are doing, and how these lessons and ideas may be helping to shape your life. Enjoy the video clip.


Related Posts with Thumbnails