Saturday, March 6, 2010

Flash Animated Label Tags Cloud Widget For Blogger

flash_tags

Blogger blogging platform by default gives you the ability to add Labels for your post, so you can add and display your blog Labels at your sidebar.

But because we all want our blogs look great for our visitors, we need to give this labels good style,

So now, we’ll learn how to add amazing tag/labels cloud widget to our sidebar instate of the normal one that presented by blogger.

We’ll do it in few steps:

1. Log into your blogger account.

2. Go to dashboard >> layout >> Edit HTML

3. Find the next code

&ampamp;ampampampampltbr /&ampgt;

You can find it by clicking ctrl+f in your browser.

And past the next code just after the above code.

&ampamp;ampampampampltbr /&ampgt;

4. Click save template and now check your Blog. And enjoy.

Hints.
- You can change it’s location at your side bar by going to dashboard >> layout
and move it up or down.

- You can change the widget width and height by editing this part in the code.

width="250" height="200"

Friday, March 5, 2010

How to add Big Xmas Social Buttons to your Wordpress Blog

As the Christmas comes ,many bloggers may want to add  Big Xmas Social Bookmarking Buttons into their blog posts.At the same time,with eye catching big social buttons,you visitors much likely will bookmark your posts. In this short tutorial,I will show you how you can do it within five minutes.

social-buttons

First download this plugin from Wordpress Plugin Directory

Download

Then upload this plugin to your blog’s plugin directory and activate the plugin.

Next,download Big Xmas Social Button,these are 256×256 px Digg,Delicious,Facebook,Blinklist,Reddit, Stumbleupon and Technorati buttons

Download

Then,extract files from Icons.rar folder.The next this you must do is to login Cpanel/File Manager,find the site that you want to add button, then wp-content/plugins/socialfluid/images . Then,just upload the files from icons.rar in to the images folder of socialfluid plugin. It will ask you the files already exist in images folder,overwrite it,click Yes

Then,return to Wordpress Dashboard,click SocialFluid under Settings tab,check the social sites of uploaded files,set the size of icons to 48×48 px.

Now,you have Xmas Social Buttons.Happy Blogging!

Thursday, March 4, 2010

Recent Comments and Recent Posts in Blogger

Here we are are making use of the default blogger post and comment feeds.So this his Recent comments /Recent post widget can incorporate only the latest 5 results.
To start with ,Go to Layout and select page element.

Choose suitable location for your widget and click on add a gadget/element. Now select feeds and as shown below and enter your feed URL . If you are using Blogger , then most probably it would be like this : http://www.yoururl.blogspot.com/atom.xml.

add recent posts 
blogger

Change the URL with yours and continue . You can alter the default title with Recent comments and select the number of posts required to be displayed .

Recent Comments in blogger

For recent comment widget , the same procedure goes but with a slight difference. Instead of atom feed , we are using comments feed . That is, http://www.yoururl.blogspot.com/feeds/comments/default . Select the number of comments to be displayed and save the widget.

Wednesday, March 3, 2010

Add Meta Tag in Blogger

How-to-Create-Meta-Tags

Meta tags are Simple HTML codes that can describe various factors of your site to the search engine spiders .These factors include web page title ,Description,keywords , language and many others . Though many blogs says that the meta tags don't have any value now , i strongly believe that they can affect SERPS in Google ,Yahoo and Bing . In this case i will help you to add meta tag in a Blogger blog.

Go to your Blogger template Layout and Edit HTML .

Fill the following example meta tag with your details

<meta name="Title" content="Your blog title" />
<meta name="Description" content="this is the description of your Blogger blog" />
<meta name="Keywords" content="Your keywords separated by comma" />
<meta name="Author" content="Author Name" />
<meta name="Language" content="Language of Website" />
<meta name="Copyright" content="© Copyright information" />
<meta name="Revisit-After" content="1 Days" />
<meta name="Robots" content="All" />




Now we are about to add meta tag in Blogger.



Find out the <head> tag and paste your details exactly after that selection.

Tuesday, March 2, 2010

Create Go to Top of Page Link in Blogger

If you have lot of posts in a label or achieve page , its essential that you provide an easy navigation to the top portion of the page without making your visitors to scroll a lot .

Here's how you can do that.

Open your Blogger template's layout section and select edit HTML .

Move on to the bottom portion of your template and find out </body> .

Copy and paste the following HTML code above that section.

a href='#' style='display:scroll;position:fixed;bottom:5px;right:1px;' title='move on to top of page'><img src='http://img401.imageshack.us/img401/710/homepa2.gif'/></a>




Now save your template and preview the top of page link . Make necessary changes by editing the HTML code .



 

Blogging Arena Copyright © 2009 Powred by Tintin