Interlinking Blog Posts For Better Search Engine Optimization

In the last post i talked about SEO (Search Engine Optimization) and more to the point the lack of SEO on many blogs.In this post we will look at how simply linking within your blog can have a very positive effect on how your blog performs in search.Once again we have to remember Google love links and like the little guy from Pac Man following the dots the Google bot crawls around following every link it finds.You will often hear people talk about the importance of links to your blog from other sites and in the same manner links within your blog have a positive effect.Another important factor in links to your blog is how those links are formatted.The anchor text of a link helps Google index the linked page.So when you write your posts you should be creating 2-3 links to pages from within your blog using relative anchor text.It's very easy and  adds one minute to the time it takes to write a post.

Interlinking Your Blog Posts

Anchor Text - Anchor text is the text that makes up a link, the actual words people click on.On many blogs i see people create links with the text Click Here.You should however be using Keywords that describe the destination of the link.If for example i wanted to link to the last post i mentioned above called "Best SEO Tips And 150 Free Backlinks Every Day" i would create the link with text like this, Best SEO And Backlink Tips not Click Here.By adding keywords and describing the page linked to we help Google index that page.There is a bit more to it than that but you get the idea.You can just pick one or two words in a sentence and turn them into a relevant link, remember the goal is not to get people clicking these links but to get Google following them.

As well as linking to posts you can link to labels pages, this is something i regularly do on Spice Up Your Blog.If you have a second blog you can link to that blog within your post.Once you have links throughout your blog you are sending 'Link Juice' right through the heart of your Blogs archive !

Lets imagine Google crawl you latest post and follow a link to a previous post, on that post they follow a link back to another post, there they follow a link to a labels page, they follow the most recent post using that label and so on.Be careful and don't stuff every post full of links as this can be seen as spam.

A Live Demo ? - Apart from the example link i created in the second paragraph  i have added 4 links to this post.Two links to labels pages and two links to posts, i didn't change the post in any way to accommodate the links but just used the natural relevant key words.Check out more of our Blogger SEO posts.

Drop Your Comments, Views And Questions Below.

Best SEO Tips And 150 Free Backlinks Every Day

You may be surprised to learn that i read a lot of blogs that are not tech or design related.I often find myself on personal blogs, cookery blogs, activity blogs and all sorts of general fun well written blogs.There are now millions of Blogs online and among the rubbish, spam and uncountable "Tried it for 3 months and quit" efforts are some real gems.I often follow a link from a comment on Spice Up Your Blog to see the blogs of people that leave a comment or if I'm really bored and have 10 minutes to spare i have found myself clicking the Blogger 'Next Blog' link in the navbar.As i adventure through these blogs the one thing that Screams Out is how poorly they are set up for SEO (Search Engine Optimization).Some of the best blogs i have found are so poorly set up for SEO that you could put Sherlock Holmes on the back of the Google Spider and he wouldn't find them.

I'm currently working on a Complete Blogger Ebook that i hope to release in 2011 and among the content will be lots of SEO advice.But i have already published many tips to help get your blog performing much much better on Google and the other search engines.In this post i will point you in the direction of these posts and also share you will a service i have been using for a few months that automatically generates back links to your blog Absolutely Free.

Backlinks are vital when it comes to SEO, every link to your blog is seen almost like a recommendation in the eyes of Google.I go deeper into this subject in possibly my most in dept post on SEO - Use Do Follow Blogs For Back Links And Page Rank.Other posts you Must check out to improve your blog in search include :

- Add Meta Tags And Description To Your Blog

- Submit Two Sitemaps Of Your Blog To Google

- Submit A Sitemap To Yahoo, Bing And Ask Search Engines


You can find more SEO tips in our SEO Tips Category Pages.I plan on focusing on more SEO tips in the upcoming posts.Now to creating a genuine 150 links to your blog every day.

Free Automatic Backlinks With ImAutomator

Note this site is no longer free, as of Janurary 2012 there is a minimum fee of $2.99.In my opinion this was a great free service but i personally would not pay for it.Thats just my opinion it's up to you.

IMautomator is a Bookmark submission tool that automatically submits your blog posts to various Bookmarking websites.With a free account you can add 10 Links every day, these ten links are submitted to 15 Bookmark directory's (10x15=150 easy math even for me).I have personally used the service and it works a treat.The sites it bookmarks on are not the most popular or highest PR but it takes seconds and is totally free.There is a paid option but you never need to avail of this.

-Follow this link (Not a referral link) to Imautomator and set up your free account.

-Once you have verified your account you can get to work.Log in and via the Bookmark submitter you can add links to be submitted (See Video Below).

What Should You Submit ?

First up there is the obvious links, your blogs home page and your posts with ten a day you could start adding your archive.Why not add you label pages ? Every label you have on your blog has it's own page.Basically you can add any URL connected to your blog including Bookmarking Bookmarks ! If you Bookmark your blog on Digg add the Digg URL.You should also take a look at the Top 20 Do Follow Bookmarking Websites.

That's it look out for more SEO tips and the Blogger Ebook (Don't Hold Your Breath Until About Mid Summer).Remember no matter how intelligent Google crawlers become you will always have to help them help you !

ImAutomation Intro Video



Check out more of our Blogger SEO posts.

Add Your Comments, Views And Questions Below.

Exclusive Share The Inspiration Bookmarking Gadget For Blogger

Back in November 2010 i published 5 unique Social Bookmarking gadgets using the 'Sexy Bookmarks' arrow message and some Very Cool Social Icons.The Bookmarking gadgets were created exclusively for Spice Up Your Blog readers and i have seen them on lots of blogs since.The first of these gadgets was 'Share The Knowledge' and the other four are listed in that post.Today i have another great social bookmarking gadget that i created especially for a Job i was hired to do on Two Great blogs.The two blogs have a Creative Theme so the message 'Share The Inspiration' requested by the author and was perfect.

The blogs i worked on and created this gadget for are by Creativity Coach and novelist Emily Hanlon - The Divine Imagination and Fiction Writing.You can see the gadget below the posts.I also have a separate demo and screenshot below.

Screenshot :



Live Demo - Click To See Demo : Share The Inspiration Bookmark Gadget.

Add The Share The Inspiration Bookmark Gadget To Blogger

Step 1. In Your Blogger Dashboard Click > Design > Edit Html > Tick The Expand Widget Templates Box







Step 2. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code - More Info)

<div class='post-footer'>

If you cant find that code look for <data:post.body/>

Step 3. Copy and paste the following code Directly Below / Under <div class='post-footer'>

<a href='http://www.spiceupyourblog.com'><img alt='Best Blogger Tips' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaYqm6xBxp5E1rd4O1aT12fj-dLN-q80OAJ6XqEuhA3xy8Z9sq5bB5SLPNsaP6BSHYZWCHG3fizpfJbCqFftz-1evmQcUCbupu_I-TekVKuOM7HEggqFjkT97zU6gkD78Cm0OcDAJuLX6K/s1600/best+blogger+tips.png'/></a><b:if cond='data:blog.pageType == &quot;item&quot;'>
<!--Start Share The Inspiration http://www.spiceupyourblog.com-->
<style>
img{border:0;}
#wrapper{width:488px; height:110px; background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjqKdVkOdxhaRA-ogYZFiIukTZZi8RsEQnP3F4uU-EEbmvYyHhfY3RcY9HLXmXB1PYKb3AywtRB3G3EbKrog4BuyUw81s7NAPGBIMzO5ESGtVUegPI3tzxsFmQUhyCVbSkxON4kAFf4OB9/s1600/shareinspirationtrans.png); position:relative; background-repeat:no-repeat; background-color:transparent;}
#wrapper ul{position:absolute; width:600px; top:42px; left:7px; list-style-type:none;}
#wrapper li{float:left;}
</style>

<div id='wrapper'>
<ul>
<li>
<!-- Facebook -->

<a expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Share On Facebook' border='0' height='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBvR6s2n9YUDH0qV30pyeumbsGvfi0fdai_DII8pTFzOjHWPOoQMl8UvGdAF9_ekA_wowpeMFEtPKGnu41B04pOx482DLJcEVP0Qb-XFxKHOjV616cfDes3yMJdd8qtGSU6eLN3tITV2A/s1600/facebook_48.png' width=''/></a>
</li>
<li>
<!-- Digg -->

<a expr:href='&quot;http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Digg This Post' border='0' height='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO5sWq-vDWmR5W-xPqLcMZvm_6a2tBsdxXYh__f5fKPdEuUioQ3xzzkBdRKIHpYBRRmx8E_mlemsQCYUgx2NFmCGDSzGz10An-Wk2aVXffAJ8mgEIkHfC7GIMwsGS27oaPGFtrnj8kwzs/s1600/digg_48.png' width=''/></a>
</li>
<li>

<!-- Stumbleupon -->

<a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Stumble This Post' border='0' height='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7yCFzdbspWhnsbQhgxaGDVVX8bqDHxgv_wZkV8NrtbNqRJ7rngTJ7iGtsmOXtyaKbzY2ZA5d_U5M1XNM7N8wnLBsLXhq4zDPpSx0D5x5gEjdP26HRXKMO68eJ-kLPyfg7Mi9BM4DrvdU/s1600/stumbleupon_48.png' width=''/></a>
</li>

<li>
<!-- Twitthis -->

<a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url' rel='nofollow' target='_blank'><img alt='Tweet This Post' border='0' height='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-pyz3J_AiKPdGfFV7io12rCIdgVthYZav8ERCB9fmOWNRrQ8bMNKM8faC1rSntbG5Si9Tmz4Ih-3OjJmSkeykfYKosjPEjc9jjk9ypeU45WQfOMd-NiljyxpSomM3sK_dMUGJXw8nihg/s1600/twitter_48.png' width=''/></a>
</li>

<li>
<!-- Delicious -->

<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Save Tis Post To Delicious' border='0' height='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghFdI_N_iMddJnxleilu6bXyqTFYygiTfni1g6d8MFNHPwC-CPQUF2bvXweb4Z8-RiF7cSyRRHktifgyZ6fp-eZgrJl2hJ-8dvdqF1S5ATULS9Uof9jYc_I7sXrdk9F5Rhw78kRd4xGSc/s1600/delicious_48.png' width=''/></a>
</li><li>
<!-- Reddit -->

<a expr:href='&quot;http://www.reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Share On Reddit' border='0' height='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXFGja65DuBxDrLMbey8VgQK0mcEN84zon5PCBct6RkB_6QeED9NzPqMYAqp1-91LkSDhl0y3iVVvn-eH3yqiaEA9cpV_KbI5X1K-JiLtp7-sX-Tma8vRF_e3RnZ-JaEs8DCpb4UyH_Ys/s1600/reddit.png' width=''/></a>
</li><li>
<!-- Technorati -->

<a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url' rel='nofollow' target='_blank'><img alt='Bookmark On Technorati' border='0' height='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8yDZ8WXf1aZyP_-C3jdGF_a4heQFV7jZsXb8xYVmwY8VQN1LVIU6zDSWh2G1as9qqMRg8ASHOKMg5lJvUPIdv_iLyYrppdEZ-QI-Ph5r0mBSqH_AQVuLswt9cAY20TjKGCZTVIB_SCZ0/s1600/technorati_48.png' width=''/></a>
</li></ul></div></b:if><a href='http://www.spiceupyourblog.com' target='_blank'><small>Get Blogger Bookmark Gadget</small></a><!--End Share The Inspiration http://www.spiceupyourblog.com--><a href='http://www.bestbloggertemplates.net'><img alt='Best Blogger Templates' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaYqm6xBxp5E1rd4O1aT12fj-dLN-q80OAJ6XqEuhA3xy8Z9sq5bB5SLPNsaP6BSHYZWCHG3fizpfJbCqFftz-1evmQcUCbupu_I-TekVKuOM7HEggqFjkT97zU6gkD78Cm0OcDAJuLX6K/s1600/best+blogger+tips.png'/></a>

Step 4. Save your template and you Share The Inspiration Bookmark Gadget will be below all your posts for readers to share your content.Why Not Check out more of our Social Bookmark Gadgets and Social Media Tips.

Post Your Comments, Views And Questions Below.

Awesome New Fixed Scroll Follow Us On Twitter Badge For Blogger

It's unlikely you will find a blog that does not have a link to their Twitter page.In fact many blogs i now visit have a Follow on Twitter image fixed to the side of the page that stays fixed as the reader scrolls.The image most blogs have fixed on the edge of the page has become standard and i actually published a post back in January 2010 with that Fixed Follow On Twitter Image.But with every blog using the same image it becomes invisible to readers.So in this post i have an awesome fully transparent Follow on Twitter image i know you will love.The image has the Twitter bird on a branch with a small Follow Us On Twitter board Below.The image will really catch the eye of visitors to your blog and get more people following your blogs updates on Twitter.We will add the image to the right side of your blog and as i said it will stay fixed in position as the reader scrolls.Lets look at the screenshot and Live demo.

Screenshot :



Live Demo - Click To See The Demo : Fixed Follow On Twitter Badge

Add The New Transparent Fixed Follow On Twitter Image

Step 1. In Your Blogger Dashboard Click > Design > Add A Gadget > Choose Html/Javascript.







Step 2. Copy and paste the code below into the html/javascript gadget

<a href='http://www.spiceupyourblog.com'><img alt='Best Blogger Tips' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaYqm6xBxp5E1rd4O1aT12fj-dLN-q80OAJ6XqEuhA3xy8Z9sq5bB5SLPNsaP6BSHYZWCHG3fizpfJbCqFftz-1evmQcUCbupu_I-TekVKuOM7HEggqFjkT97zU6gkD78Cm0OcDAJuLX6K/s1600/best+blogger+tips.png'/></a><div style='position: fixed; bottom: 20%; right: 0%;'/><a href="http://www.twitter.com/paulcrowepro" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1FO23EbJrxGFrUCqhlPaXajxyLUJcLNZ47xyacP0N3Zy-eYhuw-KBj-t3DSSQBQxN3fnEiHL6ZK1VD2WKk9mCdhK6ykuK21RYD3LeBGhzKRI5Evh0ngj-_L0RjikOp8AfZJoXX08UpuZ6/s1600/follow+on+twitter+float.png" /></a></div><a href="http://www.spiceupyourblog.com" target="_blank">Fixed Twitter Gadget</a>

Important - Change the twitter Username in red To Your Twitter Username.

With the code in place save the gadget and your Follow us on twitter image will be fixed on the side of your blog.I'm sure this will help you get more Twitter followers following your Blogs updates.Make sure to Follow Us On Twitter and check out more of our Twitter Tips and Tricks.

Drop Your Comments, Views And Opinions Below.

Survey Competition - Win A Cool Blogger Tee Shirt

The Blogger team are once again looking for your help to improve the Blogger Service.This time Blogger want you to take a quick survey (10-15 questions, Takes 3 Minutes) on Monetization options within Blogger and general making money from your blog.You don't need to be currently making money or trying to make money from your blog to take the survey.Everyone that takes the survey is entered into a draw with a 'Bunch' of blogger tee shirts for the winners.So why not take the survey, you will be helping Blogger which helps your blog and you could be proudly sporting a Blogger shirt.



To take the survey and be entered in the draw follow this link - Blogger Monetization Survey.For more information check out the official Blogger Buzz Post.

New Blogger Related Posts With Thumbnails Below All Posts

We all know the importance of Displaying Related Posts below each post on your blog.Displaying a list of Related Posts not only keeps readers on your blog clicking through your archive but they are also crawled by search engines.But to get readers clicking through the related posts you need them to be eye catching and that's where the related posts with thumbnails works so well.The related posts with thumbnails lists a selected number of posts and also grabs an image from each posts to display.The gadget we have in this post is similar to the popular Link Within Related posts but with some great extra features and options.

I have re sized the thumbnail and title so you can display more posts.Link Within Limits you to 5 posts with this gadget you can show as many as you like.This related posts gadget displays related posts using the labels, so it will list posts with the same labels as the posts it is below.You can add some extra customizations to this gadget and i will list them below the tutorial.

Screenshot 



Live Demo - You can see this gadget below all posts on this blog.

Add The new Blogger Related Posts To Your Blog

Step 1. In your Blogger Dashboard Click > Design > Edit Html > Tick The Expand Widget Templates Box







Step 2. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code - More Info)

</head>

Step 3. Copy And Paste The Following Code Directly Above / Before </head>

<!--Start Related Posts Script From http://www.spiceupyourblog.com-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}

#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}

#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script type='text/javascript'>
var defaultnoimage=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhl231ntk7T4ZHwCUeBc5GijAFxL3_Opgod2Z53qkuwj5iFdz_sK-BQuxou7cP9bgJQxmhyphenhyphen6bwmPGHfL1jiDm30TQeP4KxMzEN8FFneHSNS-5AxZ3HktvJS3LU_vzmV2rtlBG2KTJ-xIhsj/s1600/No+Image.jpg&quot;;

var maxresults=7;

var splittercolor=&quot;#d4eaf2&quot;;
var relatedpoststitle=&quot;Related Posts&quot;;
</script>
<script src='http://yourjavascript.com/22811210832/RelatedPoststhumb3.txt.js' type='text/javascript'/>
</b:if>
<!--End Related Post From http://www.spiceupyourblog.com-->

Note - Change maxresults=7 in red above to the number of posts you want displayed.If the script can not find enough posts with the same label it will display as many as it finds.If you are comfortable making changes you can change the colors using a Hex Color Chart.

 Note 2 - You can change the title above the gadget, it is currently Related Posts.Simply Change the text In blue above.

Step 4. Now Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code - More Info)

<div class='post-footer'>

Note - If you cant find that find and use <data:post.body/>

Step 5. Copy And Paste The Following Code Directly Below Under <div class='post-footer'>

<!-- start related posts-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div><br/><a href='http://www.spiceupyourblog.com/2010/12/related-posts-thumbnails-below-posts.html' target='_blank'><font color='#ccc' size='small'>Best Blogger Gadgets</font></a><div style='clear:both'/>
</b:if>
<!-- end related posts-->

Everything in the right place ? Cool save your template and check out your Blogger Related Posts With Thumbnails.Make sure to check out more of our Blogger Gadgets and Design Tips.

Leave Your Comments, Views And Questions Below.

Make Your Blogger Blog Fully Interactive For Mobile Users

Did you know more people use the Mobile Internet than the Standard Internet ? In a survey by the IDC (Interactive Data Corp) it was revealed there will be over 1 Billion people using the mobile Internet by 2013.The number of mobile Internet users passed the number of 'Desk Top' computer users in 2008.And now with a fantastic new Blogger feature you can take full advantage of this and make your blog fully interactive for these users.Until now you had some options to make your blog "Mobile Friendly" but with Blogger Mobile Templates your blog will be fully functional on Mobile Devices.This will include the ability for visitors to your blog on Mobile Devices to Leave Comments, Some Gadgets are supported, AdSense can be displayed to help your earnings, Videos Can Be Viewed and more.

"...We know many of you like to view blog posts on your smart phones. However, it can be difficult at times because of the small screen size. This is why we are excited to announce our first launch of mobile templates! Initially available as opt-in functionality on Blogger in Draft, mobile templates will re-format your blogs for smart phones to enhance your readers’ viewing experience. In order to activate mobile templates, simply go to Dashboard > Settings > Email & Mobile tab, enable the mobile template option and then save settings..." - Blogger In Draft

How To Add Mobile Template Option To Your Blog

Like all new features Mobile Blogger Template are at first only available in Blogger In Draft.Follow this link and log in to your Blogger Account in Blogger In Draft.

Go To Your Settings > Email & Mobile > Mobile Template.

Tick the "Yes, On mobile devices, show the mobile version of my template." option and don't forget to scroll to the bottom of the page and Save.

That's it, Blogger will detect Mobile users and automatically display your blog with a mobile template to those users.This in my opinion is one of the best features added to blogger making blogger a leader in Mobile Blogging and giving you a Huge advantage over rival blogs using other Blog platforms.

Comments, Views And Questions Can Be Left Below.

New Script Add Images And Colored Text To Blogger Comments

In this post Macro Raman shares a fantastic script he created that allows people for the first time to add images, different color text and scrolling text to comments on Blogger.Here on Spice Up Your Blog we have made great strides in improving the Blogger comments with tricks like Adding Replies To Blogger Comments and Adding Smileys and Emoticons to Blogger Comments.This script will bring the comments on your blog to another level allowing readers to use different colors, share images and just for fun use Marquee scrolling text when they comment.

Live Demo - Click To See The Demo : Blogger Comment Images And Colors

Macro writes his blog in Tamil but has done a great job in Writing this post in English to share his new script with Spice Up Your Blog Readers.I will summarise the steps and show you how to add a message above the comment form to let readers know of the options below Macro's post.

Note - This post and script can not be republished on other blogs by request of Author, if you want to share this you may link to this post.

New Blogger Scrip Display Images And Colors In Comments

Guest Post - By Macro Raman

We do see many of them chats with shorten words, symbols, smileys and more to tell in short form. Now its a time of zero typing where image speaks a lot more than words. Let us imagine there is a colorful animated new year greeting post where you like to greet the author the same way.You know greeting pictures speak Louder than words,so you too created a splendor greeting picture for the blog author but the blog restrict you to post images. Then?

Of course, Blogger.com restrict the readers to post images in their comments column.We know It is possible to posts picture comment in wordpress blogs by adding just <img> tags. then what is the solution for the blogger's blogspot? Here I introduce new javascript which try to minimize the maximum extend of this restriction. and be aware of it that it doesn't work in script disabled browsers.

How to add image?

This is just simple, you need to start with [im] and end with [/im] place your image address in between of it.Like This :

[im]http://domain.com/folder/sample.jpg[/im]


How to install?

This is the code

<a href='http://www.spiceupyourblog.com'><img alt='Best Blogger Tips' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaYqm6xBxp5E1rd4O1aT12fj-dLN-q80OAJ6XqEuhA3xy8Z9sq5bB5SLPNsaP6BSHYZWCHG3fizpfJbCqFftz-1evmQcUCbupu_I-TekVKuOM7HEggqFjkT97zU6gkD78Cm0OcDAJuLX6K/s1600/best+blogger+tips.png'/></a><script src='http://hosting.gmodules.com/ig/gadgets/file/105066904960012479556/nccode.js' type='text/javascript'/><a href="http://www.spiceupyourblog.com">Best Blogger Tips</a>

which you need to paste it before </body> in the source code of blogspot or any blogger's website.

That's it The Script take care of it, and don't forget to tell to your readers about picture comments.

What more ?

Do you need more colorful comments? then use :

[ma]....your text...[/ma]
for marquee effect i.e. running letters.

[co="red"]...your text...[/co]
for red colored text. you can change the color as your wish.You can try this code and add what you feel, if you agree.

Summary And Message Above Comments

Add The Script To Your Blog

Step 1. Click Design > Edit Html





Step 2. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code - More Info)

</body>

Step 3. Copy And Paste The Following Code Directly Below / Under </body>

<script src='http://hosting.gmodules.com/ig/gadgets/file/105066904960012479556/nccode.js' type='text/javascript'/><a href="http://www.spiceupyourblog.com">Best Blogger Tips</a>

-To add an image to a comment wrap it in [im][/im] like this :

[im]Image URL Here[/im]

-To Change Color Of Text In Comment Wrap It In [co="color"][/co] Like This :

[co="red"]Comment Text Here[/co] - Change Red To The Color You Want.

-To Add Marquee Text Wrap It In [ma][/ma] Like This :

[ma]Comment Text[/ma]

Add Message Above Comment Form

You will want to let your readers know the options so below i will show you how to add a message above the comment form.You can see the message we are adding on the demo.

Step 1. In your Blogger Dashboard click > Design > Edit Html > Expand Widget Templates :







Step 2. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code - More Info)

<p><data:blogCommentMessage/></p>

Step 3. Copy And Paste The Code Below Directly After <p><data:blogCommentMessage/></p>

<a href='http://www.spiceupyourblog.com'><img alt='Best Blogger Tips' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaYqm6xBxp5E1rd4O1aT12fj-dLN-q80OAJ6XqEuhA3xy8Z9sq5bB5SLPNsaP6BSHYZWCHG3fizpfJbCqFftz-1evmQcUCbupu_I-TekVKuOM7HEggqFjkT97zU6gkD78Cm0OcDAJuLX6K/s1600/best+blogger+tips.png'/></a><b>Comment Options -</b> You Can Add Images, Colored Text And Marquee Text To Your Comment.<br/><br/><b>Image -</b> [im]Image URL Here[/im]<br/><b>Colors - </b>[co="red"]Comment Text Here[/co] - Change Red To The Color You Want.<br/><b>Marquee -</b> [ma]Comment Text[/ma]<br/><b>Get This -</b> <a href="http://www.spiceupyourblog.com/2010/12/images-colored-text-blogger-comments.html" target="_blank">Blogger Comment Script</a><br/>

Save Your Template and your readers will now know all the options they have.

---

Author - Macro is a Blogger And Designer, he created this script and wanted to share with Spice Up Your Blog Readers.You can find Macro on his Blog.

---

New - Search And Add YouTube Videos From Your Blogger Post Editor

If your a Blogger that likes to add Videos to their posts on Blogger a brand new option has been added to the Blogger In Draft post editor to make the process much easier.Blogger have just added a new feature that will allow you to search YouTube for videos and add them to a post without leaving the post editor.Like most new features the button has been added to Blogger In Draft at first and it usually takes a week or two before it is added to the main Blogger site.

How It Works

First you must be logged into your Blogger Account via Blogger In Draft

When you click the Video icon in your post editor you will now see two new options "From YouTube" and "My YouTube Videos".From YouTube with generate a search bar for you to find a video you want to use and My You Tube Videos will show a list of videos you have uploaded to YouTube.



From YouTube Search Results :



Once you see the video you want to use click select and you can drag and drop the video into position in the same way you would with an image.

Drag And Drop :



I Think it's another great new Blogger Feature and once again shows Blogger is getting better all the time, You can get more info in the official Blogger In Draft.Post.Check out more of the latest Blogger News.

Drop Your Comments, Views And Questions Below.

Write For Spice Up Your Blog

Spice Up Your Blog is now one of the leading blogs is the Blog Tips, Help, Design And Gadgets Category.With a loyal following and over 200,000 monthly impressions we are still growing and publishing quality helpful content.Among the over 300 posts we have published a number of guest posts on a variety of subjects.Going forward i want to add even more voices to Spice Up Your Blog and publish more Guest submissions.

As a guest author you already get to speak to a new audience, build your online credentials and of course get quality links and traffic to your Blogs and Websites.

Post And Get Traffic & Backlinks

There will be 2 links to your blog, website or anywhere you choose (With some exceptions) added to the post so you really are reaching a new audience and as the primary readership of this Blog is people who keep their own Blogs you are connecting with like minded readers.The links are added as do-follow in an about the author section below post.

What Type Of Posts We Are Looking For ?

Anything that is useful for our readers is good content for a guest post here. It can be related to:

Blogging
Bloggers
Design
Social Networking / Bookmarking Tips
Tools or Gadgets for Blogging
Tips and tricks on writing
How to write posts effectively
Topics and niches
Blog Promotion

Not An Expert ?  I want this opportunity to be available to everyone so if your not 'Tech Savy' why not write about your experience blogging.

I think you get the idea - if it can help a Blogger in any way i would love to have you write a post or posts.It can also be derived from your own personal experiences within Blogging. There is no minimum length for your post, but usually the guest posts have over 400 words.

Examples - List Of Published Guest Posts.

Guidelines

* Your post must be original and must have never been published before on the Internet.
* You agree to not publish the post anywhere else (i.e., in your own blog or as a guest post in other blogs).
* Links are Do-follow to give your blog or website full 'link juice'.
* You must enjoy writing the post and not feel any pressure - Only kidding just don't mind the rules and get writing I'm sure your post will rock !

Submit Your Post, Idea or Ask For More Info

OK To Get Started You Can Contact Me By Email.

If you have a post ready Great, send it in the format you are most comfortable with (Text, Document, Zip, etc) and i will get back to you.If you have an idea or title you want to run past me let me know.If you want more info on the process just ask.

paul@spiceupyourblog.com

Thanks again for your interest and i look forward to hearing from you.

Paul Crowe - Founder Of Spice Up Your Blog.

Add Different Color Falling Snow Flakes To Blogger

A comment on the post Christmas Snow Fall Effect For Blogger by 'ம.தி.சுதா' asked "how to change the snow color because my template background color is a white" so i got to work to see if i could make the snow effect with different colors.The result is awesome and i have a new code that will allow you to add any color snow fall to your blog.When you add this code you can simply add the color you would like and that's it.So lets look at the live demo then add colored snow fall to your blog.

Live Demo - Click Here To See The Demo with red snow - Color Snow Fall Effect

Add Color Snow Fall To Blogger

Step 1. In your dashboard Click Design > Add A Gadget > Choose Html/Javascript








Step 2. Copy And Paste The Code Below Into The Html/Javascript Gadget :

<a href='http://www.spiceupyourblog.com'><img alt='Best Blogger Tips' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaYqm6xBxp5E1rd4O1aT12fj-dLN-q80OAJ6XqEuhA3xy8Z9sq5bB5SLPNsaP6BSHYZWCHG3fizpfJbCqFftz-1evmQcUCbupu_I-TekVKuOM7HEggqFjkT97zU6gkD78Cm0OcDAJuLX6K/s1600/best+blogger+tips.png'/></a><script type='text/javascript'>
//Snow - http://www.btinternet.com/~kurt.grigg/javascript

if ((document.getElementById) &&
window.addEventListener || window.attachEvent){

(function(){

//Configure here.

var num = 40; //Number of flakes
var timer = 30; //setTimeout speed. Varies on different comps
var enableinNS6 = 1 //Enable script in NS6/Mozilla? Snow animation could be slow in those browsers. (1=yes, 0=no).

//End.

var y = [];
var x = [];
var fall = [];
var theFlakes = [];
var sfs = [];
var step = [];
var currStep = [];
var h,w,r;
var d = document;
var pix = "px";
var domWw = (typeof window.innerWidth == "number");
var domSy = (typeof window.pageYOffset == "number");
var idx = d.getElementsByTagName('div').length;

if (d.documentElement.style &&
typeof d.documentElement.style.MozOpacity == "string")
num = 12;

for (i = 0; i < num; i++){
sfs[i] = Math.round(1 + Math.random() * 1);

document.write('<div id="flake'+(idx+i)+'" style="position:absolute;top:0px;left:0px;width:'
+sfs[i]+'px;height:'+sfs[2]+'px;background-color:red;font-size:'+sfs[2]+'px"><\/div>');

currStep[i] = 0;
fall[i] = (sfs[i] == 1)?
Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2);
step[i] = (sfs[i] == 1)?
0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ;
}


if (domWw) r = window;
else{
if (d.documentElement &&
typeof d.documentElement.clientWidth == "number" &&
d.documentElement.clientWidth != 0)
r = d.documentElement;
else{
if (d.body &&
typeof d.body.clientWidth == "number")
r = d.body;
}
}


function winsize(){
var oh,sy,ow,sx,rh,rw;
if (domWw){
if (d.documentElement && d.defaultView &&
typeof d.defaultView.scrollMaxY == "number"){
oh = d.documentElement.offsetHeight;
sy = d.defaultView.scrollMaxY;
ow = d.documentElement.offsetWidth;
sx = d.defaultView.scrollMaxX;
rh = oh-sy;
rw = ow-sx;
}
else{
rh = r.innerHeight;
rw = r.innerWidth;
}
h = rh - 2;
w = rw - 2;
}
else{
h = r.clientHeight - 2;
w = r.clientWidth - 2;
}
}


function scrl(yx){
var y,x;
if (domSy){
y = r.pageYOffset;
x = r.pageXOffset;
}
else{
y = r.scrollTop;
x = r.scrollLeft;
}
return (yx == 0)?y:x;
}


function snow(){
var dy,dx;

for (i = 0; i < num; i++){
dy = fall[i];
dx = fall[i] * Math.cos(currStep[i]);

y[i]+=dy;
x[i]+=dx;

if (x[i] >= w || y[i] >= h){
y[i] = -10;
x[i] = Math.round(Math.random() * w);
fall[i] = (sfs[i] == 1)?
Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2);
step[i] = (sfs[i] == 1)?
0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ;
}

theFlakes[i].top = y[i] + scrl(0) + pix;
theFlakes[i].left = x[i] + scrl(1) + pix;

currStep[i]+=step[i];
}
setTimeout(snow,timer);
}


function init(){
winsize();
for (i = 0; i < num; i++){
theFlakes[i] = document.getElementById("flake"+(idx+i)).style;
y[i] = Math.round(Math.random()*h);
x[i] = Math.round(Math.random()*w);
}
snow();
}


if (window.addEventListener){
window.addEventListener("resize",winsize,false);
window.addEventListener("load",init,false);
}
else if (window.attachEvent){
window.attachEvent("onresize",winsize);
window.attachEvent("onload",init);
}

})();
}//End.
</script><a href="http://www.spiceupyourblog.com" target="_blank">Snow Fall Blog Gadget</a>

Note - To change the color of the snow fall just edit the color highlighted in red within the code.You can change it to basic colors (blue, green, black etc) or Html hex colors.

That's it save the gadget and your color snow effect is on your blog for a great Christmas feel. More Christmas design for your blog ? We have a transparent Christmas Corner Banner and 10 Spectacular Falling Christmas Objects For Blogger.

Drop Your Comments, views And Questions Below.

New - Use Read More Summary's In Blogger Rss Feed

Blogger today added a very interesting new feature to the Rss Feed settings on all blogs.Since the Blogger team added the Read More Jump Break in September 2009 many blogs has used the option to display the latest posts as a summary on the home page with a read more link.Now you can also add a summary and read more link to your Blogs Rss Feed.Until now you could display a full or short version of your posts in your feed but you had no control over the size of the short feed.With this new setting you can choose to display exactly the same summary in the feed as on the home page with the read more link.

"...The challenge with feeds is that it’s never been possible to control exactly how much content is delivered. Up until now, the options have been “Short” and “Full”. Short produces a feed that contains around the first 400 characters of the post, with HTML and images removed. Full produces a feed that contains everything in the post, including HTML and images. But what about those instances where you want to give your users a taste—an image or two with some introductory text—and then have them visit your blog to see the full post? Well today we’ve launched a third option that lets you do just that using Jump Breaks..."

You can enable this feature via your blogs Feed Settings.

Read More Rss Feeds On Blogger

1. In your Blogger Dashboard Click > Settings > Site Feed > Allow Blog Feeds Drop Down.


2. Choose 'Until Jump Break' and save.

Your Blogs Rss Feed will now only display a summary and any images used until the jump break.If your thinking "Paul Whats A Jump Break ?" you can get all the details here - Blogger Jump Break Read More.

A very interesting option and as far as i know Totally unique to Blogger, you can see the official post by Blogger here - Take Control of Your Site Feed.Check out more Of  The Latest Blogger News And Rss Feed Tips Here On Spice Up Your Blog.

Drop Your Comments Views And Questions Below.

Awesome New Blogger Numbered Page Navigation Gadget

Back in July i published a popular post showing you how to add a numbered page navigation gadget below your posts on Blogger.The Numbered page navigation is a must have gadget, making you blog much easier for readers to navigate and keeping them on your blog longer looking at more of your content.I'm sure you have seen page nav on many blogs, basically it's below all posts with 'Next Page' Previous Page' and numbered pages for the reader to choose from.

The script for the page navigation i published in July has since caused a lot of trouble often only working some of the time and in some cases not working at all.So i have worked at getting a new script with a much easier format that will work on all blogs all the time.I have also hosted this script myself to guarantee it wont let you down.

Adding the navigation gadget to your blog is also easier with this new script as you don't need to add a huge chunk of Css to your Blogger template.Just a small piece of code added to a html/javascript gadget and your done.So lets look at the screenshot and demo then add this great new gadget to your blog.

Screenshot



Live Demo - You can see The New Page Nav On Our Blogger Templates Site : Blogger Page Navigation Gadget

Add The New Blogger Page Navigation To Your Blog

Step 1. In your Blogger Dashboard Click > Design > Add A Gadget > Choose 'Html/Javascript' From The Pop Up Menu :







Step 2. Copy The Code Below And Paste It Into The Html/Javascript Gadget :

<a href='http://www.spiceupyourblog.com'><img alt='Best Blogger Tips' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaYqm6xBxp5E1rd4O1aT12fj-dLN-q80OAJ6XqEuhA3xy8Z9sq5bB5SLPNsaP6BSHYZWCHG3fizpfJbCqFftz-1evmQcUCbupu_I-TekVKuOM7HEggqFjkT97zU6gkD78Cm0OcDAJuLX6K/s1600/best+blogger+tips.png'/></a><style type='text/css'>.showpageArea a {text-decoration:underline;}.showpageNum a {text-decoration:none;border: 1px solid #cccccc;margin:0 3px;padding:3px;}.showpageNum a:hover {border: 1px solid #cccccc;background-color:#cccccc;}.showpagePoint {color:#333;text-decoration:none;border: 1px solid #cccccc;background: #cccccc;margin:0 3px;padding:3px;}.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}.showpage a {text-decoration:none;border: 1px solid #cccccc;padding:3px;}.showpage a:hover {text-decoration:none;}.showpageNum a:link,.showpage a:link {text-decoration:none;color:#333333;}</style><script style='text/javascript'>var pageCount=10;var displayPageNum=5;var upPageWord="Previous";var downPageWord="Next";</script><script style='text/javascript' src='http://spiceupyourblogextras.googlecode.com/files/newbloggerpagenav.js'></script>

Important - I have set the posts per page at 10 (In Red Above), you can increase or decrease this however you must match this in your Blogger settings.So once you save the gadget go to your Blogger settings > Formatting > Set the posts per page to the same as the number in your page navigation code (See Image Below).Basically if you leave the number at 10 make sure your posts per page setting is 10, if you change to 8 make sure your posts per page is 8 and so on..



Step 3. OK just to keep your design page in proper order i recommend you drag and drop the gadget below the posts section.

That's your new numbered page navigation widget in place below your posts, if your comfortable with changing the code you can change the colors used.We have lots more Blogger Widgets and Blog Design Posts for you to check out.

Drop Your Comments, Views And Questions Below.

Fixed Merry Christmas Corner Banner For Blogger

We are nicely into December now and it's time for another gadget to add some Christmas Cheer to your blog.In this post i have a stylish Merry Christmas Banner you can fix in the top right corner of your blog to greet your readers.The banner is transparent so it wont block your content and as the reader scrolls the banner followers them.A great simple way to wish your readers a Happy Christmas lets look at the demo and then add it to your blog.

Live Demo - Click to see the demo (Scroll The Page): Fixed Christmas Banner Demo

The tutorial is simple and as you just add the code to a gadget you can easily remove it after Christmas.

Add Christmas Banner To Your Blog

Step 1. In your Blogger dashboard click > Design > Add A Gadget > Choose 'Html/Javascript' :

Step 2. Copy and paste the following code into the Html/Javascript gadget :

<div style='position: fixed; top: 0%; right: 0%;'/>
<a href="http://www.spiceupyourblog.com" target="_blank"><img alt="Blog Tips" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp8kE9ex627JIJfysbt8S-LBR3pDVRY60hIh0WUGBlHtjEt4nGkMdH9nBLDyvf9adUHmlPFT-6yxhSErhMzapANL6Qu2bi5Ea5AUX92k2BYpncPBmOleABu32Mn_ouoWxrhzn3mFVdLbwm/s1600/merry+christmas+blogger+banner.gif"/></a>
</div>

Step 3. Save the gadget and you gadget is in place, Easy.

Check out our Original Blogger Snow Effect, Our Falling Christmas Objects and More Blog Gadgets.

Drop Your Comments, Views, And Questions Below.

Add Facebook Like Button To Blogger Comments

One of the features i have seen added to comments on Wordpress blogs recently is the Facebook like button.This is a quiet clever addition to the comments as the like button only takes a second to click and if a reader is leaving a comment they obviously do like or have an opinion on the post making them more likely to share your post with their facebook friends.So in this post i will show you how to add a Facebook like icon to the Comments on your Blogger Blog.Adding the Like Button to let readers Share On Facebook is easy and it actually fits perfectly above the comment form.So lets look at the Screenshot and Live demo.

Screenshot :



Live Demo - Click To See The Live Demo : Facebook Like In Comments

OK lets add this cool feature to your blog.

Add Facebook Like Button To Blogger Comments

Step 1. In your Blogger Dashboard click > Design > Edit Html > Expand Widget Templates :







Step 2. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code - More Info)

<data:postCommentMsg/>

Important - This code will be in your template more than once, you need to find the code wrapped in heading tags (Example - h2, h3, h4).So it will look similar to this :

<h4 id='comment-post-message'><data:postCommentMsg/></h4>

Step 3. Copy And Paste The Code Below Directly After <data:postCommentMsg/>

<a href='http://www.spiceupyourblog.com'><img alt='Best Blogger Tips' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaYqm6xBxp5E1rd4O1aT12fj-dLN-q80OAJ6XqEuhA3xy8Z9sq5bB5SLPNsaP6BSHYZWCHG3fizpfJbCqFftz-1evmQcUCbupu_I-TekVKuOM7HEggqFjkT97zU6gkD78Cm0OcDAJuLX6K/s1600/best+blogger+tips.png'/></a><br/><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;'/>

It will now look like this :

<h4 id='comment-post-message'><data:postCommentMsg/></h4><br/><a href='http://www.spiceupyourblog.com'><img alt='Best Blogger Tips' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaYqm6xBxp5E1rd4O1aT12fj-dLN-q80OAJ6XqEuhA3xy8Z9sq5bB5SLPNsaP6BSHYZWCHG3fizpfJbCqFftz-1evmQcUCbupu_I-TekVKuOM7HEggqFjkT97zU6gkD78Cm0OcDAJuLX6K/s1600/best+blogger+tips.png'/></a><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;'/>

Step 4. OK with the code in place you can save your Blogger Template and check out your comments with Facebook Like Icon Button.

You can also add a nice image in that section instead of the post a comment test - Replace post a comment with an image.Make sure to check out more of our Social Media Tips and Blog Design Posts.

Drop Your Comments, Views And Questions Below.