mardi 22 février 2011

Recent Posts By Label Gadget For Blogger

recent posts blogspot gadgetIn this post i want to show you another way to display your recent posts in your blogs sidebar or other gadget sections.We previously covered a number of recent posts gadgets you can use on your blog, and the recent posts gadget is probably the most used type of gadget by bloggers.We also covered a simple featured posts gadget and Blogger have a one click Popular posts gadget in the gadget gallery.So how about displaying your posts from a specific category on your blog.With this gadget you can display a list of posts that you have added the same label to, the gadget will have the title of the post, thumbnail from the post and an optional summery.

I think this is a neat option to get some of your favorite posts displayed or you could feature a different category daily, weekly or monthly.If used with my Tabbed Sidebar Section you could display three or more categories in your sidebar without using too much room.While there are a number of codes for this gadget credit for the code in this post goes to Blogspottutorial.We have a few pieces of code you will need to add to your blog so make sure to Save your template before making changes.


Live Demo - Recent Posts By Label Gadget

Recent Posts By Label Gadget


Step 1. In your Blogger Dashboard 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)

]]>

Step 3. Copy and paste the following code Directly Above / Before ]]>

/*** Recent Labels Gadget Css ***/
img.label_thumb{
float:left;
padding:5px;
border:1px solid #8f8f8f;
background:#D2D0D0;
margin-right:10px;
height:55px;
width:55px;
}
img.label_thumb:hover{
background:#f7f6f6;
}
.label_with_thumbs {
float: left;
width: 100%;
min-height: 70px;
margin: 0px 10px 2px 0px;
adding: 0;
}
ul.label_with_thumbs li {
padding:8px 0;
min-height:65px;
margin-bottom:10px;
}
.label_with_thumbs a {}
.label_with_thumbs strong {}

Step 4. 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)


Step 5. Copy and paste the following code Directly Above / Before


Step 6. Save your template, we have added the Css to style the gadget and the script to make the gadget work.Now we just have to add the gadget code to your sidebar in a Html/Javascript gadget.

Step 7. Click back to your Design Page > Click Add A Gadget > Choose Html/Javascript from the pop up menu :





Step 8. Copy and paste the code below into the Html/Javascript gadget.



Important - You must add the name of the label you want to to the above code.Replace LABEL in red with the label name.

Example - If i wanted to display posts from the gadgets label i would replace LABEL with Gadgets.
(http://www.spiceupyourblog.com/search/label/Gadgets/)

If your label is made up of more than one word it can get confusing as the space between the words will be filled automatically as shown below :

http://www.spiceupyourblog.com/search/label/Social%20Media

If you are going to use a label with more than one word make sure to first see how the label appears.

Step 9. Save the gadget and you can drag and drop it into the position you want it displayed on your blog.

Drop Your Comments, Views And Opinions Below.

Libellés : ,

mardi 15 février 2011

6 Great Tools For Better Blogging

blog toolsBlogging for the most part is fun and rewarding but it can also be time consuming and frustrating.From researching the topic for your next post, Formatting the post and the very important promotion of your posts once published.Over the years i have picked up a few tools that have made life a lot easier.In this post i will share 6 of these tools and gadgets that can speed up the process of blogging and blog promotion.All are totally free or have a more than adequate free version.
Click Here To View Full Post >>

Libellés : , ,

mardi 8 février 2011

Important Tips For Using Labels On Your Blog

Best Label Tips BloggerEvery time you write a post on your blog you have the option to add some Labels to that post.While most Bloggers don't give much thought to the labels they use and some don't add any labels at all they can be very beneficial to your blog in a number of ways, but only if used correctly.Using labels in the correct manner can help your blogs performance in Search, leading to more traffic and labels can be a great way for visitors to navigate your blog keeping them browsing through your archive.So by simply following a few rules and putting some thought into the labels you select you can get more traffic to your blog and increased page views from that traffic.

Lets look at some of the mistakes i see made all the time.

Using Long Labels - Your labels should be short using the minimum number of words possible.Examples i have seen such as "Going To The Shop" Should Be simply "Shopping" then that label can be added to a more wide range of future posts.


Non Specific Labels - Above we changed "Going To The Shop" to "Shopping" and not only did this make it shorter it also made it more specific.A label i seen on a Great art blog recently was "Stuff I Drew This Week" ...Hmmm... Would "Latest" Or "Latest Work" Or "Latest Drawings" not work better ?.

Too Many Labels - A huge percentage of Bloggers are guilty of this, basically thinking More is Better.Are you one of those that think if i add Tons of labels to every post it will help ? I know i was when i started Blogging in the dark old days.In fact lots of labels are just messy and of no benefit whatsoever.

No Labels - Yes from one extreme to another while some people think they should keep adding labels until they are told to stop others just don't bother or don't understand.Labels are important and as i said when used properly can be a great benefit to your blog.

So how should you use your labels ? - A great example of how helpful Labels can be and how it works is my Blogger Templates Site called BestBloggerTemplates.Net.On BestBloggerTemplates.Net i have hundreds of Templates in lots of different styles.While some visitors like to browse through all the templates most have a specific type of template in mind.To accommodate this i have broke all the templates into Categories simply using Labels.

Here are some examples -  I add the label Two-Column to any template with Two Columns, Left-Sidebar to any template with a left sidebar, Black to any Black colored templates, Simple to all the plain and simple templates, Magazine to templates with a Magazine layout, Featured-Slider to templates that have a Featured Posts Slider added.In all i use 63 different labels on the template site and every time i publish a new template i pick 5-6 labels from that 63.

labels
BestBloggerTemplates.Net Labels

Now if you visit BestBloggerTemplates.Net looking for a template that would be good to display your Photographs you can click on the label 'Photography' and be presented with a list of templates.

So lets quickly step away from Templates and look at some other examples, On a cookery blog you can use labels like Breakfast, Dinner, Supper and Snacks for people looking to cook a specific meal.Use Italian, Chinese, American to find recipes by country.If your latest recipe was a Hot Curry Dish you would add Chinese and Dinner and all future Chinese Recipes and Dinner recipes will be categorized with it.

By now you should be seeing how specific labels can help visitors navigate your blog.You can also see how a label such as "Going To The Shop" would be of no help.


So how can the use of proper labels help your blog in search ? - There are a number of ways not least the labels pages.When you click on a label and are presented with a list of posts using that label the list of posts are on a 'Label Page'.This page of course has it's own URL and so is another page of your blog.Another page for readers to view and increase page views but also another page for Search Engines to crawl.Each label page will be crawled and indexed by Google and the other main search engines and in some cases a popular label page can rank quiet high in search results.

Linking To Labels - Do you Bookmark or build links to your blog posts ? As i often mention here on Spice Up Your Blog you should be Building Links to your content.Building links to your Labels Pages is also a great idea.This can be a unique way for people to Land On and Discover your blog and of course the search engines will follow the links you create to those pages.


Formatting - You may have noticed when i gave examples of the Labels from BestBloggerTemplates.net the labels with two words were separated by a Hyphen or Dash.Why ? Well it's really a personal thing and i use it on all my blogs.By using the Hyphen you are making the URL much tidier as a space between the words will be automatically filled up.

With Hyphen : http://www.spiceupyourblog.com/search/label/Social-Media


Without Hyphen : http://www.spiceupyourblog.com/search/label/Social%20Media

I do hope this post helps you understand just how beneficial the labels you use on your blog can be when used correctly.If your labels are a mess or you just didn't use them get to work on it straight away and you will soon see the benefits.To make your task easier here is a link showing how to Edit Multiple Labels At Once On Blogger.

Add Your Comments, Views And Questions Below.

Libellés : ,

samedi 5 février 2011

Updated Simple Search Bar For Blogger

Simple Blog Search Bar
I have been contacted a few times lately by readers looking for the code for a search bar.To be honest there are hundeads of tutorials available on creating a search box including one i posted in 2009, but i decided to post an updated version of that simple search bar.So i have in this post a simple search bar you can place anywhere in your blog but this time with code thats called Onfocus and Onblur effects.With these effects you can have text inside the search bar, when a user clicks inside the bar the text disappears, when you click back outside the bar the text appears again.You can also change the text on the search button and change the width to suit your blog.

Demo - Below is a working demo:


Simple Onfocus Onblur Search Bar


Code


20" type="text" value="Search This Blog...." onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;"/> Search" type="submit"/>

Note - To change the width of the search bar increase or decrease '20' in red.Change 'Search' in red to the text you want on the button.

Add Search Bar To Blogger Sidebar


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







Step 2. Paste the Search Bar code into the html/Javascript gadget and save.

So that's a neat simple search bar for your blogs, Check out more of our Best Blog Gadgets.

Add Your Comments, Views And Questions Below.

Libellés : ,

vendredi 4 février 2011

New Blogger App For Blogging On Your Android Phone

there's an app for that bloggerOne of the things Blogger have been working on over the last few years is making posting to your blog more Versatile.This was evident with the introduction of Phone And Email Posting To Blogger launched in 2009.That update allowed you to post from your phone via SMS, MMS And Email.Today Blogger Launched it's very own app for your android phone that will make it even easier to post to your blog wherever you are.

I think the idea behind making it as easy as possible to post from your Mobile Phone is more about what you can post in real time rather than being an alternative to using your laptop.With The option to publish a post with a text message, Email and now via an app you can take a picture or short video and have it on your blog instantly.




There's An App For That

To get the new Blogger App you can find the Free Download Here - Blogger App Download

You can get more information on the official Blogger Blog here - Blogger Buzz Android App.

Drop Your Comments, Views And Questions Below.

Libellés : ,

mercredi 2 février 2011

15 Extremely Unique And Odd Free Blogger Templates

Blogger Posts Logo IconThe quality of Blogger templates has come a long way since i started using Blogger almost 5 years ago.Recently i have noticed a trend towards more professional themes by many of the template designers.It seems over half the new templates i add to our Templates Blog, while of a great standard have the same basic layout.The layout i refer to is whats often called Magazine Templates and in most cases they have neutral colors, Split header with one or two menus, Featured Posts Slider, Fixed Read More with thumbnails on home page etc.Don't get me wrong i love these templates and am guilty of being boring and using a Magazine template on all my blogs.But in this post i want to list some more Creative, Colorful, Artistic and Plain Odd templates you can use on your Blogger blog.

Also See - You can't miss our list of the Top 20 Best Premium Blogger Templates.
Click Here To View Full Post >>

Libellés : , ,

mardi 1 février 2011

Stay Connected Stylish Rss Feed And Social Gadget For Blogger


In a previous post i published 5 Full Subscribe Sections with Email Rss Form, Social Icons and Feedburner Subscriber count.In this post i will show you a much more simple way to display the Subscription options for your blog.The gadget has Three icons for your Rss Feed, Twitter Profile and Facebook Page proceeded by a handwriting Follow message with arrow.The icons are the standard design but with a caption, so along with the follow arrow this will be an eye catching addition to your blog.

Adding the gadget is easy and i will show you how to add it to your blogs sidebar or footer.I will also show you how to add it below all your posts, when someone reaches the end of a post if they like it they will often subscribe.The icons along with thousands more can be found on Social Icon Studio.
Click Here To View Full Post >>

Libellés : , ,