How to Add a Floating Christmas Widget on Blogger



Christmas is around the corner and it is best that we develop a widget that will enable you to give your blog readers a warm Christmas welcome which will show how much welcomed are they in your blog. We have created this simple awesome floating Christmas widget for blogspot users and which I believe will work also on other blogging platforms as I created this widget using HTML which is acceptable in most blogging platforms and websites.



Widget Blog Installation

Installing this widget is very simple but to respect those that are new into blogging I will will show the steps that should be followed to successfully install this widget on their blogs.


  • Step 1 - Log into Blogger Dashboard and  select the blog you want to install the Christmas widget
  • Step 2 - Go Layout and select Add Widget on your blog layout page.
  • Step 3 - A window will pop up on your screen and in that window you will have to select JavaScript/HTML.
     
  • Step 4 - Upon selecting the JavaScript/html tab a window will open and you will have to paste the code below and save your widget.


<style>
#floatingbyAjaxsurf {position:fixed;bottom:10px;right:10px;z-index:999;}
#floatingbyAjaxsurf img {background:white;border:1px solid #ddd;padding:4px;width:100px;}
</style>
<div id="floatingbyAjaxsurf">
<img src="http://38.media.tumblr.com/2433f2f591186ac5aae8c891f60ba4ac/tumblr_mu04mbVocO1r9vyoko1_500.gif"/>
</div>

Editing The Widget

You might want to edit your widget in a way that suites your blog design then probably thats very simple as all you will have to do is to to follow the guide that is given below.


  • Widget backgroud

    You can alter the background of the widget simply by adding any colour of your choice, you don't need to hastle about which colour html code you will have to use as you will only be required to use real colour names such as blue,red, green etc.  You will only have to change the colour name.

    background:white;border:1px solid #ddd;padding:4px
  • Widget Width

    The current width used on the image is 100px which you can also alter on a way that suites you but I will recommend that you don't change it.
     
  • Widget Image

    I have decided to use a Christmas image with this link http://38.media.tumblr.com/2433f2f591186ac5aae8c891f60ba4ac/tumblr_mu04mbVocO1r9vyoko1_500.gif  but you can use the image of your choice depending on your choice of image or season, maybe Easter, Halloween and other holidays because this does not make this widget strictly for Christmas but you can adjust it by having your own image. 
Conclusion
well that is it, wish you the best blogging experience ever and the best blogging experience. suppose you face any difficulties with installing the the widget please feel free to let me know by leaving your comments in the box below.

How to remove the numbers in blogger post URL's

This article looks at the numbers that are in web-page addresses created by Blogger, what they mean and how you can influence them.


no symbol over digits section of blog-post website address
When you first publish a post, Blogger assigns a permanent web-address (aka an URL or a permalink) to the post.  I've previously explained how you can control the words used in this hyperlink.

A common question from people who are researching SEO for their blog is "how do I get rid of the numbers in the post-URL?".

Unfortunately the answer is not as straighforward as most people hope for.


Numbers near the start of Blogger URLS

As described in setting the content of your post's permalink, the URL given to posts published in Blogger shows the year and month of the original publication date for the post. I think this is because Blogger was originally set up as an on-line diary, with a lot of the features organised around the post-date.


numbers in the website address of a blog post, as show in Internet Explorer


Today, there are ways of giving your blog a home page, showing your posts in pages, and changing the order of the posts, which let your blog be a lot more than a date-ordered web-log.

Some blogging software (eg Wordpress) lets you choose the structure of the URLs which are used, eg leaving the date out totally, or puting it after the words.

However Blogger does not currently have any way to remove the date-part of the post URLs. And I could be wrong, but my best guess is that this will not change anytime soon.

So what options are available to remove the year and month numbers?

If you just don't want people to know the correct month and year of the post, then you can change the date before you publish the post for the the first time. Maybe make it something non-sensical (eg 1/1/1990). (However do remember that your RSS feed will show the actual date of publication, not the assigned date).

If you have some content where any month-and-year are particularly irrelevant, put it into a Page instead of a Post - because Page URLs don't contain a date.  But remember that you need to give users a way to get to these Pages, and that remember that they are not sent out in your RSS feed, so subscribers won't see the content.

The third - and least attractive - option: is to accept that this is how Blogger works and that you need to live with it or switch to another blogging tool.


Numbers near the end of Blogger URLS

Blogger puts digits at the end of post-URLs in order to make sure that each post ever published has a unique address.

Notice that I said "ever published": if you publish a post, then delete it, and then publish a second post with the same year, month and either title or customized-URL-words, then the second post's URL will have some digits put on the end, to stop it being the same as the first one.

Once a post is published, you cannot remove the digits and keep the same words and month/year.  The only way to avoid them is to make sure that your post-URLs are unique. So if you publish a post and notice that it has digits on the end of the URL, one option is to delete that post, and replace it with one which has a different publication date or customized-URL-words(don't forget to copy the post contents before you delete it!)   Or you could just set it back to draft status, and then publish it again with different and this time unique customized-URL-words.

For example, if you publish and find that you get
www.all-about-cats.com/2012-07/vegetarian-cat-food-recipes01.html
you may want to delete the post, and republish the content in a post with a different date like
www.all-about-cats.com/2012-06/vegetarian-cat-food-recipes.html


Does it really matter?

Crystal 128 karmPersonally I'm not convinced that having numbers in Blogger URL's is a problem.

If the content is so weak, and poorly linked to by other sites and social media that the presence of numbers in the URL is affecting visitor numbers, then it seems to me that there are more important things for you to be worrying about.

On the other hand, if your blog is already popular and well-optimized, and you're looking to get the last possible bit of SEO benefit - you'd be better off using your time to write even more good quanlity, unique, content so that your exisiting subscribers visit more often, instead of fussing over something that you cannot control.

Or am I mistaken?



Related Articles

Setting the custom-URL for a blog post

Giving your blog a home page

Putting Blogger posts into pages

How to set the date for a post

The difference between Posts and Pages

What is RSS and why it matters for bloggers

Removing a post from your blog

Copy the contents between blog posts - and keep all the formatting.

The Impact of Social Media on eCommerce -Infographic

Social Media on eCommerce

Well ecommerce has become the most trending way of which people use to buy and sell products online in which the owner of Amazon, the worlds leading online retailer has been able to increase his wealth from $33bn to over $50bn in over 6 months. as bloggers we got to anticipate such growth on on the ecommerce market as it is taking the world by storm.

I have received this awesome infographic from Vebology and I have found it suitable for as I have noticed recently that this blog has been known mostly for ecommerce due to the quality of material that we produce for our readers. Running an ecommerce site that makes money is very difficult for many bloggers including me at the start as I really faced a lot of difficulty with getting people into buying my products until I used Facebook and Twitter to get more clients to purchasing my products.

I do recommend many bloggers out there not to quite ecommerce but should look forward into social media marking because out there are many people that have been waiting for a product that you are selling but the problem with them is that they didn't bother to search for, As a blogger should always see an opportunity to profit on any market because generally the demand is much more that the supply.

Besides advertising social media is the best way in which one should use to drive traffic to their site, maybe advertising might be seem as the best but telling you the truth advertising cannot withstand the force of social media as big sites like Mashable, Techcruch  including Ajaxsurf have seen social media as the best way in which we can market ourselves. The world has been changed by social media and today I tell you that social media will change the way you work for the better.

                                                    ( Click on the Image to Read )



social-media-impact-on-ecommerce
please click on Image to read
I do recommend that you share that this post to as many people as possible because it is the best even though the credits are not to this blog but I believe that this infographic on the the impact of social media on ecommerce will boost the traffic that you get from your ecommerce site and more sales you will make. 

Using Labels to categorize your Blogger Posts

This article explains how to use Labels to categorise the Posts in your Blog, and how you can get around some of the limitations in Blogger's categorising tools.

Why categorise your Posts

watermelon salad recipe can be labelled / tagged as  fruit, salad, dessert and pink
Grouping your blog's contents makes it easier for people who have reached your blog via Search to find other posts that they may be interested in - provided you add tools to your blog that let them navigate using labels.

It's essential if you want to make it look like you have put your Posts into Pages.

And it helps you to find posts yourself.


Blogger's tools for working with categories

The only tool that Blogger provides for categorising or grouping Posts is Labels.

In short, Labels are tags that you apply to posts.

Each post can have as many Labels as you want (there is an upper limit of 5000 labels-per-blog, but most people don't get near it).

And you can use labels for different purposes.  For example, a post titled "Photographing Long-haired Black Cats" could have three different labels
  • Cats - the the animal it's about
  • Photography - for the functional category
  • Jane Smith - for the author
The Labels gadget lets readers choose which groups of posts to see:  when a visitor clicks an item on the labels gadget, they are shown a list of posts that have the selected label applied to them.

You can add the Labels gadget as many times as you like, selecting which specific label values to show each time.   In the example above, you might add it three times, once for ainmals (showing Cats, Dogs and Rabbits), once for function (showing feeding, grooming and photography), and once for author (showing Jane Smith and Joe Bloggs).

There are three steps that you need to follow to make effective use of Labels in Blogger.


How to add Labels to your blog

Step 1:    Label your Posts

For each post, add one or more labels.  You can add labels either:
  • In the post-editor, in the Labels section at the right side of the post-editor o
  • From the Posts tab, tick the posts you want to put the labels on, and then use the drop down arrow from the top icon that looks like a small luggage-tag:   choose the label or "New label ...").

Step 2:    Add the labels gadget

Add the Labels gadget to your blog - the same way you would add any other gadget .   You can add it as many times as you need, choosing which labels to show each time.
 
Warning:  If you choose to show only a certain selection of Labels in a gadget, then this is all that it will show even if you add new labels to your posts later on.  However if you don't restrict which labels are shown, then new ones are automatically shown in the gadget if they are associated with published posts.

Drag-and-drop the labels gadget to wherever you want it:  some people put it just underneath their header, to make readers think they've looking at a more traditional web-page.

Step 3:   Add Labels navigation

Another way for your readers access labels is from the display in the post header or footer of the list of labels assigned to each post.

This is turned on by default in most themes:  you can change the setting and move it around using post-templete settings found under  Layout > Blog Posts (edit).




What your visitors see


A List of Posts:

If a visitor to your blog clicks on an item in the labels gadget or in the labels-list that is show for apost, then the "labels-view screen" is used to show them the posts that have the selected label.

This screen is like the main screen: is only shows a certain number of posts and visitors need to use the newer-posts and older-posts links to move back through the list.

Like the main screen, if you have used jump-breaks in your posts, then the list only shows the first part of each post.  If you haven't used jump-breaks, then the whole posts are shown.



A summary message:

Unlike the main screen, in most themes there is a message at the top of the page saying:
"Showing newest posts with label WHAT-EVER-YOU-CHOSE. Show older posts"

Or if there are no published posts with the selected Label, the message is slightly different.  Some people change their theme to customise or remove this message:  Chuck in The Real Blogger Status has written an excellent description of  how to do this.


What Labels aren't - but appear to be

Many people think that Labels are a way of actually putting Posts into pages.  However the Posts aren't actually moved around.  The labels-screen is just a way of viewing a smaller-than-usual group of Posts, and can make it look like you have put your posts into sub-pages.


Making multi-level categories

Currently, Blogger only supports one level of grouping.  The only way you can make sub-groups of Labels is to add two categories to each post - one for the "major" category, and one for the "minor" category

For example you might use labels like these
Major category:  Minor categories:
Recipes: Sweet, Savory, Wheat-free
Party-games: ice-breaker, run-around, silent, outdoor
Music: lively, soft & gentle, traditional, instrumental
Each post would need to have at least one label from the major category, and one from the minor categories.

If you do this, you need to be clever about adding two levels of gadget, with only a selected group of labels shown in each gadget.   You might even need to edit your theme, to only show certain gadgets in certain situations.



Related Articles

Posts, Pages and Navigation

Setting what goes on the Home Page

Editing your blog's theme:  advantages and disadvantages

Making it look like you have put your posts into pages.

Copying all the posts from one blog to another

This article is about how to copy all the posts from one blog to another, using Blogger.  There is a separate article about copying individual posts, or pages, from one blog to another.

To copy all the Posts from one blog to another, you need to export them from the first blog, and import the file that was created into the second file.

Any Pages (see The Difference between Posts and Pages) in the first blog, need to be moved individually, because pages aren't currently included in the export file.
If you want to totally replace the contents of the destination blog with the contents of the source blog, then you should delete the existing posts from the destination blog before you import the file.  (NB   Delete posts by going to the Posting / Edit Posts screen, and pressing the Delete button that is beside the post.   Don't delete the entire blog, or you will lose access to the URL).


Follow these steps to copy all posts from one blog to another

1  Log in to Blogger.

2  Go to the export tab from the  Settings / Other tab.

3  Click on Export Blog.

Export-blog window on the old Blogger interface:
the new interface looks a little different, but has the same links

3a  If you are using the new interface, click Download Blog on the confirmation message window:



4  Your computer will download a file.   For Windows users, it will probably be put in the My Documents / Downloads file.  Or you system may use another place, or it may ask you where to put it.   Whatever happens, you will need to know where this file is saved to.

5  Open the blog that you want to move the posts to
(You may need to log out and in again, or perhaps just switch to different browser or tab)

Delete (using Posting / Edit Posts) any Posts that are already there, but which you don't want in the refreshed blog.

6  Go to Settings > Other and click Import Blog.  When the box opens, choose the exported file that you made earlier, and enter the security-text.
Import file selection screen in the new interface:
the old version of Blogger is very similar.

7  Choose whether or not to automatically publish all imported posts.  
Only tick the box if you DO want the posts automatically imported.   If you don't tick it, the posts will be loaded, but with have status of Draft, so won't be visible by readers until you publish them.

8  Click Import Blog.

Check that the import worked successfully, by looking at the blog, and also at the list of posts under Edit Posts:  are the right number of posts there, do they have the right labels etc.


Results

IMG redCowRoadworks4586All the posts from the source blog will be copied to the destination blog.

Many of the post characteristics will be the same as in the original blog.  This includes:
  • title
  • post contents
  • published-date and time
  • label(s)
  • post-author.


Any comments from the source blog will also be copied over - sometimes it takes a few hours for the links for them to be re-establshed properly.

The URL for each post will be based on the URL of the blog you have imported them into and the publication-date that the posts had in the source blog - for example:
www.YourNewBlogName.blogspot.com /2009/05/name-based-on-post-title.html

Any internal links in the blog will still point to the post in the old blog
For example this link points to a popular article in Blogger-HAT.  
If I export-and-imported this post into a new blog, the link would still point to the same place, ie the post in Blogger-HAT - not to the post in the new blog.

Any pictures, videos etc in the old blog will still be in the same place that they were in (Picasa-web-albums, YouTube, Google Videos etc).

If you have imported more than the number of posts that Blogger allows per day (currently 50 I think) then to make any more posts today you will need to complete the captcha-test (ie entering the letters in the funny-shaped word).   This will go away approximately 24 hours after you last enter more that the maximum-posts-per-day.


Importing to the same blog

If you try to import posts into the same blog that you exported them from, Blogger will not import any posts, and give you an error message.

If you do want to do this (eg to create a duplicate set of posts), then do the export, change some small detail of the original posts title or date/time, and then do the import.



Related Articles

The Difference between Posts and Pages

Moving individual posts, or pages, from one blog to another

Converting Posts into Pages

Moving some posts form one blog to another 

Deleting blogs and blog-posts