How To Easily Add 3D Social Bookmark Buttons To Your Blog Posts

In this post i will show you how to add a set of social bookmarking buttons to your posts that requires just adding a simple piece of code to your blog.

Social bookmarking is a vital resourse all bloggers must use.
In an earlyer post i went into detail on the power of social bookmarking Click here for that post.
If you aint got bookmarking buttons under your blog posts Get Them !

They can increase :

Your blogs rank in google,bing and other search engines

Visitor numbers to your blog

Return visitor numbers to your blog

These are the buttons we will be adding :

In three steps you will be clicking save and your Done :

1.Click Layout---> edit html for your blog
(Tick expand widget templates box)

2.Find this piece of code in your blogs html :
(Use ctrl f for a search box to find the code)

<data:post.body/>

3.Now copy the piece of code below and paste it Immediately AFTER the above code


<a href='http://okkomadewaltricks.blogspot.com/'><img alt='Best Blogger Tips' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwCGk9UlXMar6k_eruJGa8nOgD2J_3lsZrrjZaUznOXKQEZM8OB5-D1GliRXlsFxgUS259rZ3Bue6fukMOh9wBdy18VWt7ifsRU1OqoWuxowJDzdkOGhy8lwz_GF-xBTOmOxDnSpgK0GfY/s1600/best+blogger+tips.png'/></a><div style="clear:both; ">
<div style="width:60px; float:left;">
<script type="text/javascript">
digg_url = &#39;<data:post.url/>&#39;;
</script>
<script src="http://digg.com/tools/diggthis.js" type="text/javascript"/>
</div>
<div style="width:60px; float:left;">
<script badgetype="square" src="http://d.yimg.com/ds/badge2.js" type="text/javascript"><data:post.url/></script>
</div>
<div style="width:65px; float:left;">
<a expr:href="&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title" target="_blank" rel="external nofollow"><img alt="Stumble" style="padding:0;margin:0;border:none;" src="http://s310.photobucket.com/albums/kk426/magznetwork/socialbig/stumble.gif"/></a>
</div>
<div style="width:65px; float:left;">
<a expr:href="&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title" target="_blank" rel="external nofollow"><img alt="Delicious" style="padding:0;margin:0;border:none;" src="http://s310.photobucket.com/albums/kk426/magznetwork/socialbig/delicious.gif"/></a>
</div>
<div style="width:65px; float:left;">
<a expr:href="&quot;http://technorati.com/faves?add=&quot; + data:post.url" target="_blank" rel="external nofollow"><img alt="Technorati" style="padding:0;margin:0;border:none;" src="http://s310.photobucket.com/albums/kk426/magznetwork/socialbig/technorati.gif"/></a>
</div>
<div style="width:65px; float:left;">
<a expr:href="&quot;http://twitthis.com/twit?url=&quot; + data:post.url" target="_blank" rel="external nofollow"><img alt="Twitter" style="padding:0;margin:0;border:none;" src="http://s310.photobucket.com/albums/kk426/magznetwork/socialbig/twitter.gif"/></a>
</div>
<div style="width:65px; float:left;">
<a expr:href="&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title" target="_blank" rel="external nofollow"><img alt="Facebook" style="padding:0;margin:0;border:none;" src="http://s310.photobucket.com/albums/kk426/magznetwork/socialbig/facebook.gif"/></a>
</div>
</div>

Click save and your done !

I have lots more social bookmarking options Click Here To see a list.
Do you like these ones ?

Read More

Top 8 Ways To Get Readers To A New Blog

I suppose there is no point in spicing up your blog if you get no visitors.Getting your blog noticed is not an easy task but there are steps you can take to give your blog a push in the right direction.

Remember you need to keep posting to your blog, this is one of the most used phrases but 'content is king'.Try to publish a post once a day or at least five time a week if you are posting more than once a day try leave a gap between the posting times.

Here is the list of Eight ways to get started :

1. Submit your blog to search engines
Click here to add your blog to Google Click here to add your blog to Bing
2. Get a feedburner for your blog :
Click here to see how
3. Join and submit you blog to Blog Directories :
I will cover Blog Directories in a later post for now here's a great post by Loren Baker on the subject :20 Essential Blog Directories to Submit Your Blog To
4. Leave your link :
Were ever you go on the Internet leave your link. When you Comment on other blogs,Forums etc.. leave a link to your blog. Don't spam when commenting if you don't leave proper relevant comments most will be deleted.
5. Traffic Exchange
If your willing to go the extra mile a resource rarely taken advantage of by bloggers is Traffic exchanges. This will automatically drive traffic to your blog. (Don't use traffic exchanges if your blog has AdSense it is against their T.O.S. and could get you banned)
6. Press Release
Why not create a free press Release. A Press release can get you a good result but only when you do it the right way. If you want to try press release, Click Here for an article on how to write a quality Press Release Here's a list of free press release Distribution Sites
7. Tell your friends online on offline !
Twitter-Facebook-Myspace-Bebo-Friendster there are so many social networks were you can connect with friends and let them know about your blog.Check these two posts to have your blog automatically connect with social networks : Feedburner ConnectTwitterfeed Connect
8. Leave your blog link at the foot of all your Emails.
If you like me send lots of funny Emails you can add your blog URL at the bottom of the Email.Most of these emails get sent on again and again and now a link to your blog is been sent with them. Most Email providers like Gmail have a setting to automatically leave a link at the bottom of all your Emails just check out your Email settings.

These are just a short list of ideas and suggestions try to cover as many as you can.I have are more tips to help get visitors to your blog Search Engine Blog Tips.And keep posting make sure there is content there for people to see and remember only good content will bring them back.

Read More

How To Add A Random Post Link To Your Blog.

There are many different random post widgets available but i quiet like this one.This is a simple text random post link that can be added to any part of your blog.

You will have this link up in a few seconds.

1.In the Layout section of your blog click "Add a gadget"

2.Select HTML/Javascript

3.Paste in the code below:

<div id="myLuckyPost"></div> <script type="text/javascript"> function showLucky(root){ var feed = root.feed; var entries = feed.entry || []; var entry = feed.entry[0]; for (var j = 0; j < entry.link.length; ++j){if (entry.link[j].rel == 'alternate'){window.location = entry.link[j].href;}}} function fetchLuck(luck){ script = document.createElement('script'); script.src = '/feeds/posts/summary?start-index='+luck+'&max-results=1&alt=json-in-script&callback=showLucky'; script.type = 'text/javascript'; document.getElementsByTagName('head')[0].appendChild(script); } function feelingLucky(root){ var feed = root.feed; var total = parseInt(feed.openSearch$totalResults.$t,10); var luckyNumber = Math.floor(Math.random()*total);luckyNumber++; a = document.createElement('a'); a.href = '#random'; a.rel = luckyNumber; a.onclick = function(){fetchLuck(this.rel);}; a.innerHTML = 'Feeling Lucky? Click Here For A Random Post'; document.getElementById('myLuckyPost').appendChild(a); } </script> <script src="/feeds/posts/summary?max-results=0&alt=json-in-script&callback=feelingLucky"></script>

Click Save You Done !

The text "Feeling Lucky? Click Here For A Random Post" can be changed to whatever you want displayed.

Easy Huh...

Read More

How To Add A Digg Button To The Bottom Of All Your Blog Posts

Adding a Digg this button to all your blog posts is easily achieved.One simple piece of code will put the button below all your posts including your previous posts.

What is Digg? - Digg is one of the coolest websites known to man. Digg is a way for the public to filter through blog posts/images/videos/articles/websites/whatever and determine which ones are cool or not. Digg is also completely free to use. Can u dig it?

How does Digg work? - Digg is like a ginormous voting system for web information. The more people who vote or “Digg” any specific item… the higher it will rise in the Digg rankings.

You can have a digg button in your blog posts in three quick steps :


1.Click Layout-->Edit html for your blog

2.Click the box next to Expand Widget Templates and Find the following piece of code in your html :

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

(To quickly find code click "CTRL and F" on your keyboard a search box will appear use it to search for the code)

3.This is the code to be added:

<div style='float:right; margin-left:10px;'> <script type='text/javascript'> digg_url=&quot;<data:post.url/>&quot;; </script> <script src='http://digg.com/tools/diggthis.js' type='text/javascript'/> </div>

Placement Options:

Place the code ABOVE <p><data:post.body/></p> for the digg button to appear at the top of your posts.

Place the code BELOW<p><data:post.body/></p> for the digg button to appear at the bottom of your posts.

Move The button across your blog?
To move your button across blog simply change the part of code in blue to "right" "left" or "center"

I use the button and You can see it at the bottom right of this post.

More info on Digg:

We Are Nearly Finished - First A Quick Reminder: If you need more help or have an opinion or suggestion, Please leave a comment Below.It also really helps with future posts if you let me know if a tip has worked on your blog. This is a Do-Follow Blog so leaving a comment will also help Your blogs Google rank. OK Back to business....

What is Digg? - Digg is one of the coolest websites known to man. Digg is a way for the public to filter through blog posts/images/videos/articles/websites/whatever and determine which ones are cool or not. Digg is also completely free to use. Can u dig it?

How does Digg work? - Digg is like a ginormous voting system for web information. The more people who vote or “Digg” any specific item… the higher it will rise in the Digg rankings. Sounds rather simple, huh?

Who uses Digg? - Anyone and Everyone. Digg is a system which is powered by the people. We choose what gets submitted and ultimately we choose which submissions are cool or not. This means that no website is too big or small, even your lame website about windows vista can make it into the Digg rankings.

How can I make money using Digg? - Here is the really cool part, so pay attention my friend… Submissions that make it to the front page of Digg get massive amounts of traffic. So much traffic in fact, that there is actually a new term called the “Digg Effect” - Digg effect is “the term given to the phenomenon of a popular website linking to a smaller site, causing the smaller site to slow down or even temporarily close due to the increased traffic.

Read More

Change The Blogger Navbar To Hover Effect / Peek A Boo Effect

In an earlier post i covered Removing the blogger navbar completely.This is quiet a popular post as many dont like the navbar, but it can be useful.The navbar has progressed over the years to include extra options such as bookmarking and of course has the quick links into your account.So how about a hover effect navbar ?.Basically the navbar will only appear when you place your cursor over the space were it sits.Take a look at the demo below and place your cursor over the area were the navbar should be.



Removing navbar and setting peek-a-boo effect are not against blogger T.O.S.We set navbar to hover effect in three easy steps.

Have Hover Effect Blogger Navbar

1.Select 'Design' then 'Edit Html' for your blog.

2.Find this piece of code in your blogs html :

]]></b:skin>

3.Add the code below just BEFORE ]]></b:skin>

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

Click save template and that's it check out your blog with its new hover navbar.

Just remove the code to set the navbar back to standard or to see how to remove it completely -Remove Blogger Navbar

Read More

How To Make An Easy Email Me Or Mailto Link Or Picture Link For Your Blog

If you would like to give your blog readers the option to email you, a quick and safe why to do this is with a email me or mailto link.In this post i will show you how to make a mailto link, mailto picture link or mailto button and add it to your blog.It's easier than you may think.

All three are made up of just a short piece of code and are very easy to add to your blog.You could place one in your sidebar of footer or even in a post if required.

How To Make A Mail To Link

1.Mailto Link

Here's a preview of a mailto link :

Click Here To Contact Me By Email

And here's the code:

<a href="mailto:spiceyourblog@gmail.com.com">
Click Here To Contact Me By Email</a>

Note

Simply change my email in Bold above to your email address.

change the text 'Click Here To Contact Me By Email' in Bold above to the text you want displayed.

2.Mailto Picture Link

Here's a preview of a mailto Picture link:



And here's the code:

<a href="mailto:spiceyourblog@gmail.com"
><img src="http://i631.photobucket.com
/albums/uu40/paulcrowe/email-3.png" alt="Click to email me" /></a>

Note: change my email in bold to your email address.

You can change the picture link in bold to another picture if you want.

3.Mailto Button Link

Here's a preview of a mailto button link:

Here's the code:

<form>
<input value="Email Me"
onclick="location.href='mailto:spiceyourblog@gmail.com'"
type="button">
</form>

Note: - Simply change my email in bold to your email address.

You can change the Text 'Email Me' in bold to the text you want displayed on your button.

To add one to your blog copy the code add your Email and paste the code were you want it.The code can be placed anywere Html is accepted.
To add one to your sidebars in your dashboard click 'Layout' > 'Add a gadget' > Choose 'Html/Javascript' from the pop up menu > paste in the code and save.

Read More

How To Create Two Types Of Easy Drop Down Menus For Your Blog

Drop Down menus can be used in so many ways in your blog from creating a menu for your visitors to linking to past posts.Their popularity is mainly down to how tidy they are taking up little room yet displaying an infinite amount of links that would otherwise fill your blog.Here i will cover two types of html drop down menu
.Both these menus can be added in your posts/sidebar are anywhere you want them.

1.A drop and click menu.

2.A drop down menu with a go button.

Drop and click :

Here is how the menu looks:

Change This To Title You Want This is the title of your first link This is the title of your second link This is the title of your third link This is the title of your forth link This is the title of your fifth link

And here is the code that makes the menu:

<select id="Select1" onchange="window.open(this.options[this.selectedIndex].value,'_blank');this.options[0].selected=true" class="text_noresize" name="select">
<option selected="selected">Change This To Title You Want</option>
<option value="http://okkomadewaltricks.blogspot.com/"> This is the title of your first link</option>
<option value="http://okkomadewaltricks.blogspot.com/"> This is the title of your second link</option>
<option value="http://okkomadewaltricks.blogspot.com/"> This is the title of your third link</option>
<option value="http://okkomadewaltricks.blogspot.com/"> This is the title of your forth link</option>
<option value="http://okkomadewaltricks.blogspot.com/"> This is the title of your fifth link</option>
</select>

Just copy the code above paste it were you want your menu and you just have to make a few quick changes.

1.The text in red is displayed on the front of your menu just change to suit.
2.Change each of the URLs in green and their corresponding titles in blue to suit.
3.You can of course add more links or remove links.


This is a drop down menu with a GO button:

 title 1 title 2 title 3 title 4 title 5 title 6

And this is the code:

<form title="jump"> <select name="menu"> <option value='URL ------- 1 here' > title 1</option> <option value='URL ------- 2 here' > title 2</option> <option value='URL ------- 3 here' > title 3</option> <option value='URL ------- 4 here' > title 4</option> <option value='URL ------- 5 here' > title 5</option> <option value='URL ------- 6 here' > title 6</option> </select> <input type="button" onClick=" location=document.jump.menu.options [document.jump.menu.selectedIndex].value;" value="GO"> </form>

This menu has two differences,
First it has a go button
Second the title of the first link is the title displayed on the front of the menu.

If you need more help or have an opinion or suggestion, Please leave a comment Below.

You an change GO in red to select/advance etc....
Add your UR L's and Ti tiles as shown with the first menu.
You don't change name="menu"

Job Done !

Both very effective and both very simple.

Read More

Change The Blogger Title Format For Improved Search Rank

In this post i will show you how to get more visitors to your blog from search engines by changing how you blog is seen.Improving your blog and working on getting more traffic from search engines is called 'Search Engine Optimization'(S.E.O.).This is a very easy yet extremely effective way to improve your blogs search engine ranking and move you towards the top of search results.

To change how search engines see your blog you must change the default setting in your blog template.

What we are doing is making your post titles appear ahead of your blog title in search results, as people will be searching for keywords and phrases in your posts rather than on your home page this is almost a Must change.

I am constantly looking for ways to improve your title tags for improved S.E.O. and this is the forth edit i have made to this code :Latest Change:05 DECEMBER 2009

We do this in four simple steps.

1.Click the layout and then edit html options for the blog you wish to change.

If you need more help or have an opinion or suggestion, Please leave a comment Below.

2.Near the top of your blogs html you will find this piece of code :


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

3.Replace that piece of code with the following piece of 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>

4.Click save template and your finished !

You have now changed Blogger's default title tag to help focus relevant keywords to your blog which improve the search engine ranking of your blog.

Read More

How To Have A Private Or Invitation Only Blog On Blogger

When you set up your blog on Blogger the default setting is to display your blog to the world and be displayed in search engine results and most people are looking to build a following so they leave the settings as they are.But a blog can be a great tool for community's, groups and family to stay connected online and these are blogs you may not want shared with the entire Internet.Not a problem a few quick changes in the settings can block search engines from crawling your Blog and stop anyone you have not personally invited by Email from seeing your blog.

Making Your Blog Private

Step 1. When in your blogger dashboard click the "settings" option for the blog you wish to make private.

Step 2. Now Click Permissions.

You have two options here :

1. You can choose who you want allow to view your blog by clicking "only people i choose"
Then just add the email addresses of who you permit, no one else will be able to view the blog.

2.You also have the option to allow others to write posts in your blog, just add the emails as above and they can log in and write to your blog.

Once you invite an author and they accept you can also grant them 'Admin Privelages' by following the 'Settings' > 'Permissions' route - The invite must be accepted before you grant Admin Privileges.

Now that author can also invite people to your blog, this is a great way to make your blog a community.

Block Search Engines And Blog Lists

In your basic settings you have the option to stop search engines crawling your blog and stop Blogger from adding your blog to their listings - just click settings and scroll to :

'Add your blog to our listings ? ' Select No
'Let search engines find your blog ?' Select No

Make sure to scroll to the foot of the page and save your settings.

Read More