Blogging

Add a Chat Box

noreply@blogger.com (rashed) — Tue, 03 Mar 2009 20:33:00 +0000

Chat box is suitable for blogging site. It let the users to share their feelings and user can make funs. Sometimes they left some important informations about the site. So, blogger should add a chat box for the user. To add a chat box:

Go to :http://www.cbox.ws/

Then after completing youe sign up process, Log in the site with your Name and Password

Then Create your chat box. You may give a name your chatbox, change the lookings of the chatbox from "Publish! Look & Feel Options Users & Access Messages" options from the header part of the site. Make it suitable for your site and publish it.

Then Copy the Code

Go to your blog Dashboard or Sign in

Then Go to Layout > > Page Elements > > Add a Gadget > > HTML/JavaScript

Paste your ChatBox Code

Save

You Have Finished

If you like this article then post your comment and become a follower

Happy Blogging

Add Email Subscription in your Blog

noreply@blogger.com (rashed) — Fri, 09 Jan 2009 20:13:00 +0000

It is good to add an email subscription in your blog. Almost every popular bloggers' site has email subscription option and it is good for blogging. Your site may rich with a lot of good articles. User my like them. But within tons of site they may forget your site's url or not always like to visit your site regularly because you may not updated that regularly. So let them a choice. Put an email subscription option and let them subscribe. As a result whenever you post an article they will get it without visiting your site. It is also a way to get connected with your user.

Process of adding email subscription:

Go to FeedBurner

Then go to again FeedBurner and Put your sites's URL and click next

Click Next

Click Active Feed

Click Skip directly to feed management ( you may like to click next if you want to know about some other service)

Click Publicize

Click Email Subscriptions

Click Activate

Select Language As English and Use as a widget in Blogger (see image, please). Copy the code and save

To add email subscription in your blog; Go to Dashboard >> Layout >> Page Elements >> Add a Gadget >> HTML/JavaScript

Then Paste the Code and Save

Add Scrolling (marquee) Text-make a different look

noreply@blogger.com (rashed) — Thu, 08 Jan 2009 18:21:00 +0000

Simple Scrolling Text Code:

<marquee>code to simple scrolling text</marquee>

Example:

code to simple scrolling text

Change background color to the text:

<marquee bgcolor="#0000ff">code to simple scrolling text</marquee>

Example:

code to simple scrolling text

You Need More Color ! Here

350+ Color Code

You can change the direction of the scrolling text. The direction attributes are:

direction="left"

direction="right"

direction="up"

direction="down"

You can also change the scrolling style. The attribute is:

behavior="alternate"

behavior="scroll"

behavior="slide"

Write these code for direction and behavior:

<marquee behavior="alternate" direction="down" bgcolor="#0000ff">code to simple scrolling text</marquee>

Example of direction and behavior attribute:

code to simple scrolling text

Set the speed of the text. To do so, use this attribute:

scrollamount="2"

Example Code:

<marquee behavior="alternate" direction="left" bgcolor="#0000ff" scrollamount="2">code to simple scrolling text</marquee>

Example:

code to simple scrolling text

Another Example:

<marquee behavior="alternate" direction="left" bgcolor="#0000ff" scrollamount="8">code to simple scrolling text</marquee>

It will appear as:

code to simple scrolling text

Controll the text when mouse is over the text. The text will stop:

Example Code:

<marquee behavior="alternate" direction="left" bgcolor="#0000ff" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" scrolldelay="50"> code to simple scrolling text</marquee>

Example:

code to simple scrolling text

Changing the text colour:

Write these code:

<span style="#ffffff"> <marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="4" bgcolor="#0000ff"> <br /> <br />code to simple scrolling text<br /> <br /> </marquee>

Example:

code to simple scrolling text

Make hyperlinks (open in the same window):

Example Code:

NOTE:Replace the Link#1,Link#2,Link#3 with the text and url#1,url#2 and url#3 with the target

Example code:

<marquee behavior="scroll" align="middle" direction="left" bgcolor="#0000ff" scrollamount="4" onmouseover="this.stop()" onmouseout="this.start()">
<br /> <br />
<a href=" http://blogging-for-bloggers.blogspot.com">Blogging</a>
<a href=" http://shortmemory-shorttime.blogspot.com">short memory</a>
<a href=" http://makemoneyonliine.blogspot.com"> Make Money Online </a>
<br /> <br /> </marquee>

Example:

Blogging
short memory
Make Money Online

Open the links in new window,here is the code:

Example Code:

NOTE:Replace the Link#1,Link#2,Link#3 with the text and url#1,url#2 and url#3 with the target

Example code:

<marquee behavior="scroll" direction="left" bgcolor="#0000ff" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="4">
<a href=" http://blogging-for-bloggers.blogspot.com">Blogging</a>
<a href=" http://shortmemory-shorttime.blogspot.com">short memory</a>
<a href=" http://makemoneyonliine.blogspot.com"</a>
<br /> <br /> </marquee>

Example:

Blogging
short memory
Make Money Online

How to add scrolling text

Go to your Dashboard > > Layout > > Page Elements > > Add a Gadget > > HTML/JavaScript

Write your marquee code and save

It's all. Make a good look of your site. Happy Blogging.

Change Your Blog Template

noreply@blogger.com (rashed) — Wed, 07 Jan 2009 18:16:00 +0000

I think most of the bloggers of blogger platform are not satisfied with bloggers' template. Most of them are unprofessional and not good looking. So you can change your template. Here is the process.

Download template from internet. Search with "free blogger template". You may like to add "3 column blogger free template" or "3 column professional free blogger template". Download the template and save it in your hard drive

Go to your Dashboard or sign in

Go to Layout > > Edit HTML

Download your template

Then Click Choose File and choose your downloaded template and then click Upload

Then there you will see a message that you are going to delete all your widget. Click Confirm and Save to change your template

You have finished. Happy blogging.

Add a Comment Box with Name, Email,URL and more

noreply@blogger.com (rashed) — Tue, 06 Jan 2009 19:56:00 +0000

You may see it in many professional website or blog. A comment box with name, email, URL etc below the article. It is good for your user to make a user friendly good looking comment box. It will increase your traffic and good practice for SEO. (See SEO Tips). Here is the process through which you can make one.

Process Of Creating an Embeded Comment Box With Email, URL, Name field

Go to creator.zoho

Click Sign Up For Free

Then in next page Click on Sign up again under Personal Free Edition

Fill up the form and click Sign Up

To activate your account you need to verify the link that is in your email account. Go to your email account and click the link to complete your account.

Enter your password (that you used to sign up) and click Confirm

Click Continue Signing In

Then Sign In With your user name and password

Then Click Zoho Creater from the list of services

Create New Application

Write "Specify Application Name:" and "Specify Form Name:" and click Create now

We will use the Red selected items to create our comment box

Drag Single Line in the box in right sight field and drop there. Then change the lebel name and write Name. Click Options to see more option. If you want it as a required field then Tick in the box. Otherwise left it and click Done.

Then Drag and Drop Email and from the option Tick the Tick Box of "This is required field" and change the lebel name as Email and click Done

Drag and Drop Multi line and change the lebel name as Comment and click done

Then Click on More Actions and Form properties

Change the success message, tick the verification code if you want and click Done

Then Click Email Notification From the More Actions Dropdown Menu

Enter your email account in To, Add a Subjects, Tick the Include user submitted data, Tick the Enabled radio button and click done.

Click Access This Application

Then Click Embed in Your Website from More Actions dropdown menu.

From the header portion Click "Click here" to disable user login to Zoho and then copy the code

You can paste this code in your website. If you want to paste in your blogger blog then go to Dashboard > > Layout > > Page elements > > Add Gadget > > HTML/JavaScript > > paste your code and Save. You can also paste it within your template.

It Will look like:

If you like this article then subscribe with your email and get new article without visiting this site.

Add Navigation Button In Your Blog-2

noreply@blogger.com (rashed) — Sat, 03 Jan 2009 19:00:00 +0000

I have already Post an article on this topic. That was the simple process and a Link widget for navigation. But if you want a colorful navigation Button then follow this Article. It is a little difficult than 1st article but it is very easy. You can do it.

Follow this process:

Go to your Dashboard > > Layout > > Edit HTML

Find Out this word <b:skin> <![CDATA[/* and ]]> </b:skin> . Paste the codes within these. If it doesn't work then paste the codes just before body {

Here is These code.


/* Menu */

#foxmenucontainer{
height:35px;
background:url(http://i522.photobucket.com/albums/w346/charcoal2-template/charcoal2/charcoal1/menu.jpg) ;
display:block;
padding:0px 0 0px 14px;
}
#foxmenu{
position:relative;
display:block;
height:25px;
font-size:11px;
font-weight:bold;
font-family:Arial,Verdana,Helvitica,sans-serif;
}
#foxmenu ul{
margin:0px;
padding:10px 20px 0 0;
list-style-type:none;
width:auto;
float:left;
}
#foxmenu ul li{
display:block;
float:left;
margin:0 1px 0 0;
width:105px;
}
#foxmenu ul li a{
display:block;
float:left;
color:#dfdcd6;
text-align: center;
text-decoration:none;
padding:6px 0px 0 0px;
width: 105px;
height: 19px;
background:transparent url(http://i522.photobucket.com/albums/w346/charcoal2-template/charcoal2/charcoal1/li2.gif) no-repeat top right;
}
#foxmenu ul li a:hover{
color:#ffc35a;
background:transparent url(http://i522.photobucket.com/albums/w346/charcoal2-template/charcoal2/charcoal1/li2.gif) no-repeat top left;
width: 105px; height: 19px;
text-align: center;
}
#foxmenu ul li a.current,#foxmenu ul li a.current:hover{
color:#ff9600;
width: 105px; height: 19px;
background:transparent url(http://i522.photobucket.com/albums/w346/charcoal2-template/charcoal2/charcoal1/li2.gif) no-repeat top right;
}

.post a:link,
.post a:visited {
color: #ad4100;
background-color: transparent;
}

.post a:hover {
color: #fff;
background-color: transparent;
text-decoration: none;
}

You have added the attributes for menu in your template. You can change these attributes if you want to make a unique one. You van change the image, hover color etc.

Then you need the Button Code. Copy and paste these code within your <body>......</body>.
(NB: Please remember: You will see a lot of codes within body. You should paste the codes where you want to see your menu. You may want it in Head portion, Sidebar or Footer Portion. So paste your codes and preview it to make sure it is in right position)

Button code. Copy and paste these.


<div id="foxmenucontainer">
<div id="foxmenu">
<ul>
<li class="current"> <a href="http://your site url">HOME</a> </li>
<li class="current"> <a href="http://your site url">FREE SOFTWARE</a> </li>
<li class="current"> <a href="http://your site url">TUTORIAL</a> </li>
<li class="current"> <a href="http://your site url">BLOGGING</a> </li>

</ul>
</div>
</div>

Change your site url with your url

And change HOME, FREE SOFTWARE, TUTORIAL, BLOGGING with your desired name. You can also add more button. To add more button copy <li class="current"> <a href="http://your site url">BLOGGING</a> </li> and paste before </ul>

Disable Right Click on Blog

noreply@blogger.com (rashed) — Sat, 03 Jan 2009 18:19:00 +0000

Why someone is looking for disable right click? If you write a basic article and if you want to protect it from copying, then you may also try to disable right click. Through disable right click, you may save your content from copying.

Here is my personal view. Please read this part. Your article is helpful for your user. Most of the internet user copy article for personal use, not for publishing your article in their page. So think again before you do it. Your most of the user may suffer for it.

Process of Disable Right Click:

Go to Dashboard > > Layout > > Page Elements > > Add Gadget > > HTML/JavaScript.

Copy the following Codes and Paste it.

<script language='JavaScript'>

</script>

Then save

You have done this.

Create a Blogger Sitemap

noreply@blogger.com (rashed) — Thu, 01 Jan 2009 20:14:00 +0000

What is Sitemap

Why we will create a Sitemap

XML Sitemap

Process of creating a Blogger Sitemap

What is Sitemap

According to wikipedia:

A site map (or sitemap) is a representation of the architecture of a web site. It can be either a document in any form used as a planning tool for web design, or a web page that lists the pages on a web site, typically organized in hierarchical fashion. This helps visitors and search engine bots find pages on the site.

Google Sitemap

Why we will create a Sitemap

According to wikipedia:

Site maps can improve search engine optimization of a site by making sure that all the pages can be found. This is especially important if a site uses Adobe Flash or JavaScript menus that do not include HTML links.
Most search engines will only follow a finite number of links from a page, so if a site is very large, the site map may be required so that search engines and visitors can access all content on the site.

XML Sitemap

According to wikipedia:

Google introduced Google Sitemaps so web developers can publish lists of links from across their sites. The basic premise is that some sites have a large number of dynamic pages that are only available through the use of forms and user entries. The sitemap files can then be used to indicate to a web crawler how such pages can be found.
Google, MSN, Yahoo and Ask now jointly support the Sitemaps protocol.
Since MSN, Yahoo, Ask, and Google use the same protocol, having a sitemap lets the four biggest search engines have the updated page information. Sitemaps do not guarantee all links will be crawled, and being crawled does not guarantee indexing. However, a sitemap is still the best insurance for getting a search engine to learn about your entire site.
XML sitemaps have replaced the older method of "submitting to search engines" by filling out a form on the search engine's submission page. Now web developers submit a sitemap directly, or wait for search engines to find it.

Process of creating a Blogger Sitemap

Click Webmaster Tools from the lower part of your dashboard.

Click "Add" under "Sitemap"

Click Tools

Click Analyze robots.txt

Here you will see your sitemap. Your sitemap contains your site URL. Copy the remaining part of yor sitemap. (red colored)

Click Sitemaps

Paste your sitemap URL (1) and click Submit Sitemap button (2)

You have finished.

You may also interested to see Great SEO Tips

Add META Tag-Increase SEO

noreply@blogger.com (rashed) — Thu, 01 Jan 2009 19:22:00 +0000

META tag is generally hidden from your screen, you will not able to see this. It stays between <head>....</head> tags of your template code. When search engine crawler crawls your page then it generally count this tag. So you should put best words to write here. It is the most important part to increase your traffic or SEO. The Syntax of meta tag is:

<META name="......." content="......."/>
There are two types of META tag generally used. These are:

<META name="keywords" content="META TAG,SEO,Process of adding meta tag etc"/>

<META name="Description" content="Add meta tag in your site and it will increase your traffic, here you will get the process of adding meta tag"/>

Keep in mind that in case of keywords you should use words and in case of description you should use Sentence. Change the colored keywords or Sentence and make your own META tag.

Process of Adding META tag:

Go to your Dashboard or sign in

Go to Layout > > Edit HTML

Find out these code:<title><data:blog.pageTitle/></title>

Just below <title><data:blog.pageTitle/></title> these code

ADD
<META name="keywords" content="META TAG,SEO,Process of adding meta tag etc"/>

OR

<META name="Description" content="Add meta tag in your site and it will increase your traffic, here you will get the process of adding meta tag"/>

Don't forget to change the colored keywords or sentences.

And Save your Template.

You can use Some Great SEO Tips to increase your traffic.

Add a BOOKMARK Button to increase your SEO

noreply@blogger.com (rashed) — Thu, 01 Jan 2009 18:27:00 +0000

Go To: AddThis

Select Sharing/Bookmarking button in "Which Kind of Button?"(2)

Select the Radio Button of Bookmark or the Button You want (3)

Select on a blog in Where? text box (4)

Select Blogger in Blogging Platform (5)

Click on GeT Your Button Code (6)

If you want you can customize your button (7)

Then you will see a preview. Click "Add the menu to my blog"

Here is the button

Add Signature to your Blogger Post

noreply@blogger.com (rashed) — Sun, 28 Dec 2008 18:48:00 +0000

If you want to see your signature after each posts of your blog then follow the process:

Create a signature, signature should be an image. You can make an image signature with GIMP

upload it in a server. Here you can upload it ripway or photobucket
Go to Dashboard > > Settings > > Formatting > > Post Template
Write this code in Post Template box: <p> <image class="centered"alt="post signature" src="SIGNATURE URL" /> </p>
Change "SIGNATURE URL" with your signature URL

Add a Headline Animator

noreply@blogger.com (rashed) — Sat, 27 Dec 2008 20:15:00 +0000

Why you will add a headline animator? If you are a blogger then you will find that after a time you have posted a lot of article. If you add a lebel from add a gadget then it show your article's lebel, Not the real head line. If your head line and lebel are same then you can all your posts in lebel gadget. If you you recent posts gadget then your user will sea a fixed number of posts or headline. But if you use a Headline Animator then your user can see all the Headline. It is animated and it looks good. I'm using a Headline Animator below my Template. You can also use TOC (Table Of Contents). Here your user will get all the contents headline within a Table. (I think TOC is better than Headline Animator).

Here is the Process of Adding Headline Animator:

Go to FeedBurner and sign in

Insert your blog url

Clock publicize

Click Headline Animator

Cutomize your Headline animator and click activate

Select Blogger blog from the dropdown menu and click next

Here you will get a new window showing Add Headline Animator To blogger. Click Add To Blogger.

Then a new window or tab will open. Click ADD WIDGET

Go to your Dashboard or sign in

Then go to page element

You can see your Headline Animator here. If you want to see your headline animator in another place of your template then click Edit

Copy the code and paste where you want it

You have finished. Enjoy with your Headline Animator.

Add All Posts Widget or Table Of Content Widget

noreply@blogger.com (rashed) — Fri, 26 Dec 2008 10:06:00 +0000

If you are a blogger and you are blogging for a long time then you will find that your site is carrying a lot of pages with a lot of title. The lebel gadget or recent posts are not displaying all the articles name. It will be better for your user if they can see your all posts. You can sort the TOC by Post Title by clicking the column header. Click it again, and it is sorted in reversed order. The same way if you want to sort the posts by date: newest first, or oldest first. And by clicking on one of the labels in the TOC filters all posts with that label. Click the column header to return to the full TOC. I think it is good for SEO and it will increase your traffic because it will make your site user friendly.

Here is how to install it to your Blog.

Back Up your Template.

Add a HTML Page Element

<b:section>

id=main

<b:section class='main' id='main' maxwidgets='2' showaddelement='yes'>

Go to Layout < < Add a gadget and then Add a HTML page element above your Blog Posts element.
Leave the title blank. Add the following html:

Save your template.

Add a Sidebar HTML-element

YOURBLOG

Your Site's URL......

Add custom styles to the skin of your template.

For your convenience: Beautiful Beta uses the following styling:

You can add this code to the <b:skin>-part of the template, or insert it in the sidebar widget.

Add Label Cloud

noreply@blogger.com (rashed) — Fri, 26 Dec 2008 09:26:00 +0000

To add a lebel cloud flow this process:

Go to your Dashboard

Select Layout

G to Edit HTML

Find out this code:

]]></b:skin> And Place Below Code In place of ]]></b:skin>(By Removing ]]></b:skin>)

/* Label Cloud Styles
----------------------------------------------- */
#labelCloud {text-align:center;font-family:arial,sans-serif;}
#labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}
#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}
#labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}
#labelCloud a{text-decoration:none}
#labelCloud a:hover{text-decoration:underline}
#labelCloud li a{}
#labelCloud .label-cloud {}
#labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}
#labelCloud .label-cloud li:before{content:"" !important}

]]></b:skin>
<script type='text/javascript'>
// Label Cloud User Variables
var cloudMin = 1;
var maxFontSize = 20;
var maxColor = [0,0,255];
var minFontSize = 10;
var minColor = [0,0,0];
var lcShowCount = false;
</script>

Save your template

Go to Edit HTML and Find these code:

<b:widget id=’Label1′ locked=’false’ title=’Labels’ type=’Label’/>

Atlast replace the above mention Label1 widget code with below code:

<b:widget id='Label1' locked='false' title='Label Cloud' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>

<div class='widget-content'>
<div id='labelCloud'/>
<script type='text/javascript'>

// Don't change anything past this point -----------------
// Cloud function s() ripped from del.icio.us
function s(a,b,i,x){
if(a>b){
var m=(a-b)/Math.log(x),v=a-Math.floor(Math.log(i)*m)
}
else{
var m=(b-a)/Math.log(x),v=Math.floor(Math.log(i)*m+a)
}
return v
}

var c=[];
var labelCount = new Array();
var ts = new Object;
<b:loop values='data:labels' var='label'>
var theName = "<data:label.name/>";
ts[theName] = <data:label.count/>
</b:loop>

for (t in ts){
if (!labelCount[ts[t]]){
labelCount[ts[t]] = new Array(ts[t])
}
}
var ta=cloudMin-1;
tz = labelCount.length - cloudMin;
lc2 = document.getElementById('labelCloud');
ul = document.createElement('ul');
ul.className = 'label-cloud';
for(var t in ts){
if(ts[t] < cloudMin){
continue;
}
for (var i=0;3 > i;i++) {
c[i]=s(minColor[i],maxColor[i],ts[t]-ta,tz)
}
var fs = s(minFontSize,maxFontSize,ts[t]-ta,tz);
li = document.createElement('li');
li.style.fontSize = fs+'px';
li.style.lineHeight = '1';
a = document.createElement('a');
a.title = ts[t]+' Posts in '+t;
a.style.color = 'rgb('+c[0]+','+c[1]+','+c[2]+')';
a.href = '/search/label/'+encodeURIComponent(t);
if (lcShowCount){
span = document.createElement('span');
span.innerHTML = '('+ts[t]+') ';
span.className = 'label-count';
a.appendChild(document.createTextNode(t));
li.appendChild(a);
li.appendChild(span);
}
else {
a.appendChild(document.createTextNode(t));
li.appendChild(a);
}
ul.appendChild(li);
abnk = document.createTextNode(' ');
ul.appendChild(abnk);
}
lc2.appendChild(ul);
</script>

<noscript>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>
</noscript>
<b:include name='quickedit'/>
</div>

</b:includable>
</b:widget>

You have finished

Change Title of Your Each Post

noreply@blogger.com (rashed) — Fri, 26 Dec 2008 06:57:00 +0000

Be ready to change your title accordingly to your posts.It means you can now have a unique title for each and every post now.This will really help your blogs ranking and it will help you for your blogs Search Engine Optimization. You should be creative so that you will get best result out of it.

Process

Goto Blogger Dashboard>>Layout>>Edit Html

Backup your template

Follow the instructions

Find these codein your XML template{in header part}:
<title><data:blog.pagetitle/></title>

Replace the Code With these Codes:

<b:if cond='data:blog.pageType == "item"'>
<b:section id='titleTag'>
<b:widget id='Blog2' locked='false' title='Blog Posts' type='Blog'>
<b:includable id='comments' var='post'/>
<b:includable id='postQuickEdit' var='post'/>
<b:includable id='main' var='top'><title><b:loop values='data:posts' var='post'><b:include data='post' name='post'/></b:loop> ~ <data:blog.title/></title></b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'/>
<b:includable id='feedLinksBody' var='links'/>
<b:includable id='backlinks' var='post'/>
<b:includable id='status-message'/>
<b:includable id='feedLinks'/>
<b:includable id='nextprev'/>
<b:includable id='commentDeleteIcon' var='comment'/>
<b:includable id='post' var='post'><data:post.title/></b:includable>
</b:widget>
</b:section>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>

You can also add a very good keyword in homepage's title by just adding Keyword + Blog Title by finding this line in the above code(3rd last)-

<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>

and adding keyword here

<b:else/>
<title> <data:blog.pageTitle/>Keyword</title>
</b:if>

Ok....You have now done this

Add Recent Posts Widget

noreply@blogger.com (rashed) — Thu, 25 Dec 2008 23:30:00 +0000

Create Recent Posts Widget. It will help your reader. They will able to know the recent posts. Follow the process to Get the Recent Posts widget.

Select HTML/Javascript

Copy and paste these codes:

Change the url ("http://shortmemory-shorttime.blogspot.com/) and write your site's URL

Save the gadget.

SEO Tips-Great Tips for Bloggers

noreply@blogger.com (rashed) — Thu, 25 Dec 2008 20:06:00 +0000

What is SEO?

SEO TIPS

What is SEO?

According to wikipaedia

Search engine optimization (SEO) is the process of improving the volume and quality of traffic to a web site from search engines via "natural" ("organic" or "algorithmic") search results. Usually, the earlier a site is presented in the search results, or the higher it "ranks," the more searchers will visit that site. SEO can also target different kinds of search, including image search, local search, and industry-specific vertical search engines.

SEO Tips

Here are some great SEO tips:

Find The Best Keywords:

Keywords are those that a user use to search a topic. Use the best keywords otherwise
it would be a waste of your time to optimize your website. To find out the best keywords you should spend some time. There are many SEO tools available on the Internet to help you find the best keywords. You can use these two popular Software from here.
- WordTracker
- KeywordDiscovery.com.

Make Title With Keywords:

Insert keywords that is used in your meta tag within the title tag so that search engine robots will know what your page is about. The title tag is located right at the top of your document within the head tags. If you are a blogger then you will see it while you are writing your article. Inserting a keyword or key phrase will greatly improve your chances of bringing targeted traffic to your site. It is a good practice for bloggers.

Link With Your Keywords:

If your site contains a lot of pages then use the same keywords as anchor text to link to the page from other pages on your site.The more linked keywords the more better.

Use Title Text Within The Body:

You should use the title text within the body of the page. It will let your users to know that they are in the right page. It is good for bloggers to make the keywords bold. A good blogging site should not contain more than 5 same keywords within the same topics.

Make Different Title for Different Page:

Do not use the exact same title tag on every page on your website. You should know that search engine robots are crawling your site continuesly and it might determine that all your pages are the same. As a result your pages might not get indexed.

Create meta Tags

meta tags are hidden code. It is written within the <head>....</head> tags. search engine read the meta tags. It is very much important for webmasters to increase their site rank.

See how to add META TAG

Create a Site Map:

PageRank is relative and shared throughout a website by a unique voting system created by Google. I could spend two days trying to explain how PageRank works, but what it comes down to is having efficient navigation throughout your site. That where a site map page comes in. Since every page on the website will be linked to the sitemap, it allows webcrawlers (and users) to quickly and easily find content. This SEO tip is one of my favorite of top 10 SEO tips.

See how to create a SITEMAP

Use alt tag for Image:

Use alt tag for your site's images. This will help search engines that index images to find your pages and will also help readers who use text only web browsers. You should keep in mind that not everyone is searching text, a lot of people are seeing images. alt tag will help you to let them find your images.

Submit Your Site in Different Search Engine:

Submit your site in different search engines by yourself. Do not use a submission service or submission software. Doing so could get your site penalized or even banned.
Submit your site in:
1. Google Search Engine
2. Yahoo Search Engine
3. Altavista
4. Excite
5. HotBot
6. Infoseek
7. Lycos
8. Snap
Submit your Site in Different Directories:

Through submitting your site in different directories you can get traffic and it is a good SEO trics. Here are a list of directories. You can more through searching the internet.
Some Web Directories:
Some Blog Directories:

Create a Blog

noreply@blogger.com (rashed) — Tue, 23 Dec 2008 18:30:00 +0000

What is Blog?

Process of Creating a Blog

Types of Blog

What Can You do With a Blog?

What is Blog?

According to wikipedia

A blog (a contraction of the term "Web log") is a Web site, usually maintained by an individual with regular entries of commentary, descriptions of events, or other material such as graphics or video. Entries are commonly displayed in reverse-chronological order. "Blog" can also be used as a verb, meaning to maintain or add content to a blog.

Process of Creating a Blog

If you want to create a blog then the 1st thing is that where you want to create it. There are a lot of free blog site where you can start blogging.Blogger and WordPress are two popular Blog site. Here I will describe how to start Blogging with Blogger Site. The process is going here:

Create an email account if you have not one. Click gmail to create a account. (gmail is best for Blogger's Blog)

Go to http://www.blogger.com

Put your email account under username textfield (1), password under password textfield (2) and then click SIGN IN (3)

Enter your Blog title in Blog title textfield (1), then enter blog address (your sites URL) and Check Availability (2). Then enter the words that is provided by the sites (3) and click CONTINUE (4).

Choose a template (1) and click CONTINUE (2)

Click START BLOGGING to start your blog. You have done it.

Types of Blog

According to wikipedia

There are many different types of blogs, differing not only in the type of content, but also in the way that content is delivered or written.

Personal Blogs:

The personal blog, an ongoing diary or commentary by an individual, is the traditional, most common blog. Personal bloggers usually take pride in their blog posts, even if their blog is never read by anyone but them. Blogs often become more than a way to just communicate; they become a way to reflect on life or works of art. Blogging can have a sentimental quality. Few personal blogs rise to fame and the mainstream, but some personal blogs quickly garner an extensive following. A type of personal blog is referred to as "microblogging," which is extremely detailed blogging as it seeks to capture a moment in time. Sites, such as Twitter, allow bloggers to share thoughts and feelings instantaneously with friends and family and is much faster than e-mailing or writing. This form of social media lends to an online generation already too busy to keep in touch.

Corporate Blogs:

A blog can be private, as in most cases, or it can be for business purposes. Blogs, either used internally to enhance the communication and culture in a corporation or externally for marketing, branding or public relations purposes are called corporate blogs.

Question Blogging:

Question Blogging is a type of blog that answers questions. Questions can be submitted in the form of a submittal form, or through email or other means such as telephone or VOIP. Qlogs can be used to display shownotes from podcasts or the means of conveying information through the internet. Many question logs use syndication such as RSS as a means of conveying answers to questions.

By Media Type:

A blog comprising videos is called a vlog, one comprising links is called a linklog, a site containing a portfolio of sketches is called a sketchblog or one comprising photos is called a photoblog. Blogs with shorter posts and mixed media types are called tumblelogs.
A rare type of blog hosted on the Gopher Protocol is known as a Phlog.

By Device:

Blogs can also be defined by which type of device is used to compose it. A blog written by a mobile device like a mobile phone or PDA could be called a moblog. One early blog was Wearable Wireless Webcam, an online shared diary of a person's personal life combining text, video, and pictures transmitted live from a wearable computer and EyeTap device to a web site. This practice of semi-automated blogging with live video together with text was referred to as sousveillance. Such journals have been used as evidence in legal matters.

By Genre:

Some blogs focus on a particular subject, such as political blogs, travel blogs, house blogs, fashion blogs, project blogs, education blogs, niche blogs, classical music blogs, quizzing blogs and legal blogs (often referred to as a blawgs) or dreamlogs. While not a legitimate type of blog, one used for the sole purpose of spamming is known as a Splog.

What Can You do With a Blog?

We can do a lot of things through our blog. It depends on who is blogging. We can express our thoughts, our opinion. We can use it for our company's publishing activity. We can also earn from our blog. In a word we can do what a website can do with a blog.

Add your URL to Yahoo

noreply@blogger.com (rashed) — Sun, 21 Dec 2008 22:22:00 +0000

Yahoo is one of the most popular search engine. You should Add your site's URL here. It will help you to increase your traffic as well as your SEO rank. To add your site's URL, follow this process:

Go to http://search.yahoo.com/info/submit.html

You will see here alot of services that yahoo provides. Click Submit Your Site for Free:

Click Submit a Website or Webpage

Then write your site's URL in the text field (1) and click Submit URL button(2)

You will get a Thank you confirmation after successfully adding your site's URL and that will look like this:

Add your URL to Google

noreply@blogger.com (rashed) — Sun, 21 Dec 2008 21:29:00 +0000

Add your site's URL to Google search engine. It will help you to increase your traffic. To add your site just follow the process below:

Go to http://www.google.com/addurl/?continue=/addurl

Write your URL in URL text field (1)

Please enter your full URL, including the http:// prefix. For example: http://blogging-for-bloggers.blogspot.com/

Write comments in Comments text field (2)

Add your comments or keywords that describe the content of your page. These are used only for Google's information and do not affect how your page is indexed or used by Google.

Enter the squiggly letters those are shown in the page. It will help Google to identify in which way your site is added (automatically entered by software robots or submitted by individuals).(3)

Then click Add URL button (4)

Please note: Only the top-level page from a host is necessary; you do not need to submit each individual page. Our crawler, Googlebot, will be able to find the rest. Google updates its index on a regular basis, so updated or outdated link submissions are not necessary. Dead links will 'fade out' of our index on our next crawl when we update our entire index.

After your site submission you will get a thank you confirmation like this:

Add Navigation Button in Your Blog

noreply@blogger.com (rashed) — Sun, 21 Dec 2008 11:46:00 +0000

Why You Need Button?

Button Code

Process Of Adding Button

Why You Need Button?

You should create button if you have a site that contains a lot of data on various topics.
It will help your user to navigate your site easily. But most of the bloggers face problems while they use template
from other source. Some templates contain navigation button but most good looking templates do not contain it.
So I was trying to make it possible for bloggers and atlast I found it. It is so easy. You can change the codes and
make it as you like. Here no background image is used. If you want button with background image then wait a few days and
I will deliver you the process.

Button Code

Style code used for Button:

a.navigation {
background: #000000;
color: #ffffff;
margin: 1px;
padding: 5px 35px 5px 5px;
border-width: 0;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
}
a.navigation:hover {
background: #5d5d54;
text-decoration: none;
}

Button link codes:

<a class="navigation" href="http://your-link-url.blogspot.com">HOME</a>
<a class="navigation" href="http://your-link-url.blogspot.com">PICTURE</a>
<a class="navigation" href="http://your-link-url.blogspot.com">ABOUT ME</a>

Process Of Adding Button

Here is the detail process:

Process of Adding Style code used for Button

Go to your Dashboard
Go to Layout and then Edit HTML

Find <b:skin> and </b:skin> tags in your template. You will find it in your Templates Style section or just use Ctrl+F to find out it.

<b:skin>

</b:skin>

Then copy and paste these codes within these <b:skin> and </b:skin> (1) tags and save template (2):

a.navigation {
background: #000000;
color: #ffffff;
margin: 1px;
padding: 5px 35px 5px 5px;
border-width: 0;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
}
a.navigation:hover {
background: #5d5d54;
text-decoration: none;
}

You will see that there are two statements in this styling: the first statement defines (a.navigation) what the buttons will look
like as they appear in your blog and the second (a.navigation:hover) statement defines the background color of
the button when you place your cursor over the button (the "mouseover" effect).
If you you want to change button style then you can change the color code of the backgrounds to colors which you
prefer for your blog. You can easily find and see 350+ color codes from here.

Process of Adding Button link codes:

Create your links in an HTML/Javascript widget

After saving your template Go to Page Elements >Add a Gadget

Select HTML/JavaScript

Copy and paste these code (1) and then click save (2):

<a class="navigation" href="http://your-link-url.blogspot.com">HOME</a>
<a class="navigation" href="http://your-link-url.blogspot.com">PICTURE</a>
<a class="navigation" href="http://your-link-url.blogspot.com">ABOUT ME</a>

Make sure to replace "http://your-link-url.blogspot.com"
with the URL of the post page (or link) and replace the link text (eg: HOME) with the text you would like to display.

It will look like:

Add Search Box in your Site

noreply@blogger.com (rashed) — Wed, 17 Dec 2008 20:19:00 +0000

Search Box Code

Process of Adding Site Search

Search Box Code

It is very much necessary to let your users search your site when your site carries a lot of pages. Use this code and make the search box. You can change the code to look it different. The code goes here:

<form id="searchThis" action="/search" style="display:inline;" method="get"><input id="searchBox" name="q" type="text"/> <input id="searchButton" value="Go" type="submit"/></form>

Process of Adding Site Search

Here is the process of adding site search in your blog:

Go to your Dashboard or sign in your site

Click Layout and then Page Elements

Click Add Gadget

Select HTML/Javascript

Copy this code and paste it within Page Elements

Then Click Save

It looks Like:

Change Blogger's Header Picture

noreply@blogger.com (rashed) — Sun, 14 Dec 2008 18:37:00 +0000

Make your blogsite's header picture as you like. To change your header picture:

Go to Dashboard or Sign in your site
Click Layout from your Dashboard

Select Page Elements (it is remain as default).
Click "Edit" of your site's Header element

Browse a picture from your computer or paste your picture's URL
Select Radio button of Placement. (default is Behind title and description)
Then click Save

350+ Color Code

noreply@blogger.com (rashed) — Sun, 14 Dec 2008 18:19:00 +0000

What is Color Code?

Use of Color Code

103 Color Code

More 250+ popular Color Codes For Blogger

What is Color Code?

We see a lot of colors. We see Green, Yellow, Red, White and a lot of colors around here. But when we want to work with color
then how many name we can recall. There is also a problem with color mixer. You can not always give them a name. So, what can
you do. You can use Color Code. Color Code is used instead of Color name. As example: we can use #ffffff for white, #00ffff for aqua or #oooooo
for black. These codes are hexadecimal code and used for Color.

Use of Color Code

You can use color code for:

Change your templates Color as
- Background color
- Font color
- Link color

Use color to make template

103 Color Code

aliceblue Code: #f0f8ff	antiquewhite Code: #faebd7	aqua Code: #00ffff	aquamarine Code: #7fffd7
azure Code: #f0ffff	beige Code: #f5f5dc	bisque Code: #ffe4c4	black Code: #000000
blanchedalmond Code: #ffabcd	blue Code: #0000ff	blueviolet Code: #8a2be2	brown Code: #a52a2a
burlywood Code: #deb887	cadetblue Code: #5f9ea0	chartreuse Code: #7fff00	cholocate Code: #d2691e
coral Code: #ff7f50	cornflowerblue Code: #6495ed	cornsilk Code: #fff8dc	crimson Code: #dc143c
cyan Code: #00ffff	darkblue Code: #00008b	darkcyan Code: #008b8b	darkgoldenrod Code: #b8860b
darkgray Code: #a9a9a9	darkgreen Code: #006400	darkkhaki Code: #bdb76b	darkmagenta Code: #8b008b
darkolivegreen Code: #556b2f	darkorange Code: #ff8c00	darkorchid Code: #9932cc	darkred Code: #8b0000
darksalmon Code: #e9967a	darkseagreen Code: #8fbc8f	darkslateblue Code: #483D8b	darkslategray Code: #2f4f4f
darkturquoise Code: #00ced1	darkviolet Code: #9400d3	deeppink Code: #ff1493	deepskyblue Code: #00bfff
dimgray Code: #696969	dodgerblue Code: #1e90ff	firebrick Code: #b22222	floralwhite Code: #fffaf0
forestgreen Code: #228b22	fuchsia Code: #ff00ff	gainsboro Code: #dcdcdc	ghostwhite Code: #f8f8ff
gold Code: #ffd700	goldenrod Code: #daa520	gray Code: #808080	green Code: #008000
greenyellow Code: #adff2f	honeydew Code: #f0fff0	hotpink Code: #ff69b4	indianred Code: #cd5c5c
indigo Code: #4b0082	ivory Code: #fffff0	khaki Code: #f0e68c	lavender Code: #e6e6fa
lavenderblush Code: #fff0f5	lemonchiffon Code: #fffacd	lightblue Code: #add8e6	lightcoral Code: #f08080
lightcyan Code: #e0ffff	lightgoldenrodyellow Code: #fafad2	lightgreen Code: #90ee90	lightgrey Code: #d3d3d3
lightpink Code: #ffb6c1	lightsalmon Code: #ffa07a	lightseagreen Code: #20b2aa	lightskyblue Code: #87cefa
lightslategrey Code: #778899	lightsteelblue Code: #b0c4de	lightyellow Code: #ffffe0	lime Code: #00ff00
limegreen Code: #32cd32	linen Code: #faf0e6	magenta Code: #ff00ff	maroon Code: #800000
mediumaquamarine Code: #66cdaa	mediumblue Code: #0000cd	mediumorchid Code: #ba55d3	mediumpurple Code: #9370db
mediumseagreen Code: #3cb371	mediumslateblue Code: #7b68ee	mediumspringgreen Code: #00fa9a	mediumturquoise Code: #48d1cc
mediumvioletred Code: #c71585	midnightblue Code: #191970	mintcream Code: #f5fffa	mistyrose Code: #ffe4e1
navajowhite Code: #ffdead	navy Code: #000080	oldlace Code: #fdf5e6	olive Code: #800080
olivedred Code: #6b8e23	orange Code: #ffa500	orangered Code: #ff4500	orchid Code: #da70d6
palegoldenrod Code: #eee8a4	plateurquoise Code: #afeeee	palevioletred Code: #db7093	papayawhip Code: #ffefd5
aqua Code: #00ffff	peachpuff Code: #ffdab9	peru Code: #cd853f	pink Code: #ffc0cb
plum Code: #dda0dd	powderblue Code: #b0e0e6	purple Code: #800080	red Code: #ff0000
rosybrown Code: #bc8f8f	royalblue Code: #4169e1	saddlebrown Code: #8b4513	salmon Code: #fa8072
sandybrown Code: #f4a460	seagreen Code: #2e8b57/td>	seashell Code: #fff5ee	sienna Code: #a0522d
silver Code: #c0c0c0	skyblue Code: #87ceeb	slateblue Code: #6a5acd	slategray Code: #708090
snow Code: #fffafa	springgreen Code: #00ff7f	steelblue Code: #4682b4	tan Code: #d2b48c
teal Code: #008080	thistle Code: #d8bfd8	tomato Code: #ff6347	turqoise Code: #40e0d0
violet Code: #ee82ee	Wheat Code: #f5deb3	white Code: #ffffff	whitesmoke Code: #f5f5f5
yellow Code: #ffff00	yellowgreen Code: #9acd32

More 250+ popular Color Codes For Blogger

#000000	#000033	#000066	#000099
#0000cc	#0000ff	#003300	#003366
#003399	#0033cc	#0033ff	#006600
#006633	#006666	#006699	#0066cc
#0066ff	#009900	#009933	#009966
#009999	#0099cc	#0099ff	#330000
#330033	#330066	#330099	#3300cc
#3300ff	#333300	#333333	#333366
#333399	#3333cc	#3333ff	#336600
#336633	#336666	#336699	#3366cc
#3366ff	#339900	#339933	#339966
#339999	#3399cc	#3399ff	#33cc00
#33cc33	#33cc66	#33cc99	#33cccc
#33ccff	#33ff00	#33ff33	#33ff66
#33ff99	#33ffcc	#33ffff	#660000
#660033	#660066	#660099	#6600cc
#6600ff	#663300	#663333	#663366
#663399	#6633cc	#6633ff	#666600
#666633	#666666	#666699	#6666cc
#6666ff	#669900	#669933	#669966
#669999	#6699cc	#6699ff	#66cc00
#66cc33	#66cc66	#66cc99	#66cccc
#66ccff	#66ff00	#66ff33	#66ff66
#66ff99	#66ffcc	#66ffff	#990000
#990033	#990066	#990099	#9900cc
#9900ff	#993300	#993333	#993366
#993399	#9933cc	#9933ff	#996600
#996633	#996666	#996699	#9966cc
#9966ff	#999900	#999933	#999966
#999999	#9999cc	#9999ff	#99cc00
#99cc33	#99cc66	#99cc99	#99cccc
#99ccff	#99ff00	#99ff33	#99ff66
#99ff99	#99ffcc	#99ffff	#cc0000
#cc0033	#cc0066	#cc0099	#cc00cc
#cc00ff	#cc3300	#cc3333	#cc3366
#cc3399	#cc3399	#cc33ff	#cc6600
#cc6633	#cc6666	#cc6699	#cc66cc
#cc66ff	#cc9900	#cc9933	#cc9966
#cc9999	#cc99cc	#cc99ff	#cccc00
#cccc33	#cccc66	#cccc99	#cccccc
#ccccff	#ccff00	#ccff33	#ccff66
#ccff99	#ccffcc	#ccffff	#ff0000
#ff0033	#ff0066	#ff0099	#ff0099
#ff00ff	#ff3300	#ff3333	#ff3366
#ff3399	#ff33cc	#ff33ff	#ff6600
#ff6633	#ff6666	#ff6699	#ff66cc
#ff66ff	#ff9900	#ff9933	#ff9966
#ff9999	#ff99cc	#ff99ff	#ffcc00
#ffcc00	#ffcc66	#ffcc99	#ffcccc
#ffccff	#ffff00	#ffff33	#ffff66
#ffff99	#ffffcc	#ffffff	Thanks

Add Icon Before Your Post Title

noreply@blogger.com (rashed) — Fri, 12 Dec 2008 19:54:00 +0000

You can Add Icon before or After your posts. If you want then follow the instruction.

Step 1:

Create your Icon or Download it from Internet

Upload it in any server. You can find a lot of free server like Photobucket
copy the icon URL

Copy your icon url:

Step 2:

Go to your Dashboard or Sign in your blog

Click Layout and then Edit HTML

Tick Expand Widget Templates

Find out this code: <b:if cond='data:post.url'> or Find out: <a expr:href='data:post.url'> <data:post.title/</a>

Write: <img src=" your Image Url " /> after <b:if cond='data:post.url'> (if you want to add icon before your post)
Or Write: <img src=" your Image Url " /> after <a expr:href='data:post.url'> <data:post.title/</a> (if you want to add icon after your post)

Then SAVE TEMPLATE

It will look like this:

Blogging

Add a Chat Box

If you like this article then post your comment and become a follower

Add Email Subscription in your Blog

Add Scrolling (marquee) Text-make a different look

350+ Color Code

How to add scrolling text

Change Your Blog Template

Add a Comment Box with Name, Email,URL and more

Process Of Creating an Embeded Comment Box With Email, URL, Name field

Add Navigation Button In Your Blog-2

(NB: Please remember: You will see a lot of codes within body. You should paste the codes where you want to see your menu. You may want it in Head portion, Sidebar or Footer Portion. So paste your codes and preview it to make sure it is in right position)

Disable Right Click on Blog

Create a Blogger Sitemap

Add META Tag-Increase SEO

ADD

And Save your Template.

Add a BOOKMARK Button to increase your SEO

Add Signature to your Blogger Post

Add a Headline Animator

Add All Posts Widget or Table Of Content Widget

Add Label Cloud

Change Title of Your Each Post

Process

Add Recent Posts Widget

SEO Tips-Great Tips for Bloggers

What is SEO?

SEO Tips

Find The Best Keywords:

Make Title With Keywords:

Link With Your Keywords:

Use Title Text Within The Body:

Make Different Title for Different Page:

Create meta Tags

Create a Site Map:

Use alt tag for Image:

Submit Your Site in Different Search Engine:

Submit your site in:

Submit your Site in Different Directories:

Some Web Directories:

Create a Blog

Add your URL to Yahoo

Add your URL to Google

After your site submission you will get a thank you confirmation like this:

Add Navigation Button in Your Blog

Why You Need Button?

Button Code

Style code used for Button:

Button link codes:

Process Of Adding Button

Process of Adding Style code used for Button

Process of Adding Button link codes:

Create your links in an HTML/Javascript widget

Add Search Box in your Site

Search Box Code

Process of Adding Site Search

Change Blogger's Header Picture

350+ Color Code

What is Color Code?

Use of Color Code

103 Color Code

More 250+ popular Color Codes For Blogger

Add Icon Before Your Post Title

Step 1:

Copy your icon url:

Step 2: