All Blogging Tips

Use Facebook Smileys and Emotions On Facebook Chat

There’s a stack of guides all over the net listing all the smileys you can send in Facebook and many forum posts discussing the formatting options. We’re yet to find one good one that lumps it all into one page, with the latest facebook smileys codes, in a nice easy to read format, so we’ve decided to oblige. If you know of any facebook smileys or emotions we are missing, let us know!

Use Facebook Smileys and Emotions : Complete List !

Here is the list of all Facebook Smileys Emoticons and their shortcuts:


Emoticons	Shortcut Key	Description
	`(y)` `(Y)`	Like / Thumb Up Facebook Chat Emoticons NEW!!
	`:42:`	42 Red Number FaceBook Chat Emoticon
	`O:) O:-)`	Angel FaceBook Chat Emoticon
	`o.O O.o`	Confused FaceBook Chat Emoticon
	`:'(`	Cry / Tears Eye FaceBook Chat Emoticon
	`:3`	Curly Lips Facebook Emoticon / cute / cat-like
	`3:) 3:-)`	Devil / Satan / Vampire FaceBook Chat Emoticon
	`:-( :( :[ =(`	Frown / Sad FaceBook Chat Emoticon
	`:-O :O :-o :o`	Gasp / Surprise FaceBook Chat Emoticon
	`8-) 8) B-) B)`	Glasses / Blue Glasses FaceBook Chat Emoticon
	`:-D :D =D`	Grin Facebook Chat Emoticon (Big Smile)
	`>:( >:-(`	Grumpy FaceBook Chat Emoticon
	`<3`	Heart / Love FaceBook Chat Emoticon
	`^_^`	Kiki FaceBook Chat Emoticon
	`:-* :*`	Kiss Facebook Chat Emoticon
	`:v`	Pacman Facebook Chat Emoticon
	`<(")`	Penguin Facebook Chat Emoticon
	`:putnam:`	Putnam (Chris Putnam) Facebook Chat Emoticon
	`:\|]`	Robot Facebook Chat Emoticon
	`(^^^)`	Shark FaceBook Chat Emoticon
	`:-) :) :] =)`	Smile Facebook Chat Emoticon
	`-_-`	Squint FaceBook Chat Emoticon
	`8-\| 8\| B-\| B\|`	Sun / Black Glasses FaceBook Chat Emoticon
	`:-P :P :-p :p =P`	Tongue FaceBook Chat Emoticon
	`:/ :-/ : :-`	Unsure Facebook Chat Emoticon
	`>:O >:-O >:o >:-o`	Upset FaceBook Chat Emoticon
	`;-) ;)`	Wink FaceBook Chat Emoticon

Facebook smileys and emoticons can add a hint of personality to the message you’re sending and maybe even some humor. If you happen to be at a loss for words, insert an emoticon. There are different variations the emoticons can be used for but they all generally follow the same rules. IF i miss any emotion in this tutorial Use Facebook Smileys and Emotions On Facebook Chat : Complete List !

How to Setup Free Domain co.cc with Blogger Blog

By Ammar Ali 13 Comments

Now a day Everyone Provides great Features free of cost to attract the Internet Users towards itself. Blogger is the Fastest Growing free Blog. Sometimes ago, You could not Installed Your own Domain with Blogger. But Now You can easily use Your Custom Domain with Blogger. This is one thing But Now You can also Use Free Custom Domain with Blogger. I am talking about Co.cc Free Domain. Where Co.cc Provides Domain free of cost also providing Custom Domain Feature for Blogger. Haven’t it fun?

Before Reading! You Must have an Co.cc Account. If You Don’t Have Then Create This at >> Get co.cc Domain

Lets me show How to Setup Free Domain co.cc with Blogger Blog!

How to setup Blogger for my domain?

Blogger

Co.cc

Here are steps in simple words

Login Your Co.cc Account and Goto Domain Settings.
Click on Manage Domain on Right side of Your User Panel.
Setup Your Respective Domain. (If You don’t have already a Registered Domain. Then First Register a Free Domain)
You will see Three Options. Select 2nd Option (Zone Records).
Enter the Following Information in the Visible Form:

In Host Field: Enter Co.cc Domain (www is Required)
TTL: 1D
Type: CName
Value: ghs.google.com
Click on Setup Button. After Fill the Form with the Above Information.

Now! Login Your Blogger Account:

Goto Settings > Publishing and Click on Custom Domain.
Click on Switch to Advanced settings.
In the Domain Field: Enter Your Co.cc Domain (www is Required)
After Word Verification. Click on Save Settings.
On the Next Screen! Enter Your Co.cc Domain again and Select the Check box Below (Redirect ..)
Again Word Verification and Save Settings.

And you have. Done Check your blog for new domain!

How to Add Three Column Footer Widget in Blogger

By Ammar Ali 11 Comments

You might have seen a three column footer at many professional or commercial blogs. Where you can add stuffs. Take my three column footer as example. Footer make visitors busy and give him a good impression at End of your blog. It contains 3 columns widgets where you can add your own choice of widgets. You can easily Three Column Footer Widget and customize it as you want. If you are using WordPress Thesis Theme than check out this tutorial to add Footer Widget in Thesis. See a screenshot.

Backup your template before adding following footer

How to Add Three Column Footer Widget in Blogger (updated)

Follow these steps, to add Three Column Footer Widget

Step 1:

Go to Blogger Dashboard > Design > Edit Html

Step 2:

Backup Your Template

Step 3:

Search for ]]></b:skin> now paste the following CSS code just above ]]></b:skin>

#lower {
border-top: #737373 6px solid;
margin:auto;
font-family: Georgia;
width: 960px;
padding: 0px 0px 10px 0px;
background:#1f1f1f;
}
#lower a {
color: #DBDBDB;
font-family: Georgia;
}
#lower-wrapper {
margin:auto;
font-family: Georgia;
padding: 20px 0px 20px 0px;
width: 960px;
}
#lowerbar-wrapper {
background:#1f1f1f;
float: left;
color: #ebedee;
font-family: Georgia;
margin: 0px 5px auto;
padding-bottom: 20px;
width: 32%;
text-align: justify;
font-size:100%;
line-height: 1.6em;
word-wrap: break-word;
overflow: hidden;
}
.lowerbar {margin: 0; padding: 0;}
.lowerbar .widget {margin: 0; padding: 10px 20px 0px 20px;}
.lowerbar h2 {
margin: 0px 0px 10px 0px;
padding: 3px 0px 3px 0px;
text-align: left;
color:#fff;
text-transform:uppercase;
font: bold 16px Arial, Tahoma, Verdana;
border-bottom:3px solid #666666;
}
.lowerbar ul {
list-style:none;
margin: 0;
padding: 0;
}.lowerbar li a {
width: 265px;
font-family: Georgia;
background: #3f3f3f;
border: 1px solid #111;
line-height: 1.4em;
-moz-border-radius: 5px;
padding: 0.5em;
margin-bottom: 11px;
margin-right: 3px;
-webkit-border-radius: 5px;
overflow: hidden;
color:#000000;
}.lowerbar li a:visited {
width: 265px;
font-family: Georgia;
background: #3f3f3f;
border: 1px solid #111;
line-height: 1.4em;
-moz-border-radius: 5px;
padding: 0.5em;
margin-bottom: 11px;
margin-right: 3px;
-webkit-border-radius: 5px;
overflow: hidden;
color:#000000;
}.lowerbar li a:hover {
background: #4f4f4f;
border: 1px solid #7a7a7a;
line-height: 1.4em;
-moz-border-radius: 5px;
padding: 0.5em; -webkit-border-radius: 5px;
overflow: hidden;
color:#000000;
}.lowerbar a {
font-family: Georgia;
background: #3f3f3f;
border: 1px solid #111;
line-height: 1.4em;
float:left;
-moz-border-radius: 5px;
padding: 0.5em;
margin-right: 3px;
margin-bottom: 11px;
-webkit-border-radius: 5px;
overflow: hidden;
color:#000000;
}.lowerbar a:hover {
background: #4f4f4f;
border: 1px solid #7a7a7a;
line-height: 1.4em;
-moz-border-radius: 5px;
padding: 0.5em; -webkit-border-radius: 5px;
overflow: hidden;
color:#000000;
}

Step 4:

Now search for </body> and paste following code just above </body>

<div id='lower'>
<div id='lower-wrapper'>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar1' preferred='yes'>
<b:widget id='HTML12' locked='false' title='Testing' type='HTML'/>
</b:section>
</div>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar2' preferred='yes'>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>
<b:widget id='HTML5' locked='false' title='Recent Comments' type='HTML'/>
</b:section>
</div>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar3' preferred='yes'>
<b:widget id='HTML3' locked='false' title='Top Commentators @ AmmarWeb.Tk' type='HTML'/>
<b:widget id='HTML9' locked='false' title='Our Partners' type='HTML'/>
</b:section>
</div>

<div style='clear: both;'/></div></div>

Step 5:

Save your template .Now visit the page Layout > Page Elements and start adding widgets! :>>

Customization

You can easily customize the look and colours of the this footer widget. I have bolded the important parts in the CSS code above. Read the descriptions below carefully to better stylize your Three Column Footer Widget.

background:#1f1f1f; Changing the six digit colour code will change the background colour of this widget.
width: 960px; This is the width of the widget. If you want you can adjust this width value in accordance with the width of your blog.
background:#fff; and width: 32%; is the background colour and width of the three columns where the widgets are added.
color:#0084ce; This is the Colour of Title Headings
font: bold 14px Arial, Tahoma, Verdana; Edit this to change the font size and family.
border-bottom:3px solid #0084ce; Edit this to change the thickness, style and colour of the border that appears at the bottom of Title Heading

That’s All

A new tutorial on four column footer will be soon posted till than enjoy this one. Now Three Column Footer Widget is added!

Add Meta Tag to Blogger : Make Blogger Blog Fully Search Engine Optimize!

By Ammar Ali 23 Comments

Most of us use Blogger.com to start their free blog which may be for making money or sharing your knowledge, voice through blogging. But if your blog is not Search Engine Friendly than you can not archive your goal. For this purpose you need to make your blog fully Search Engine Optimized and add meta tag to blogger so that people searching their keywords will easily knows your site. Just follow following simple steps to add meta tag to blogger.

Backup Your Template before add meta tag to blogger

How to add Add Meta Tag to Blogger? (Updated)

Step 1:

Go to Blogger Dashboard > Design > Edit Html and search for <head>

Step 2:

Delete Every Thing From <head> to <b:skin><![CDATA[

Step 3:

Place following code just after <head>

<b:include data='blog' name='all-head-content'/>
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
    <title><data:blog.pageTitle/></title>
    <b:else/>
    <title><data:blog.pageName/> - <data:blog.title/></title>
    </b:if>
    <meta content='Your Blog Description here!' name='description'/>
    <meta content='Your Keywords here!' name='keywords'/>
    <meta content='Author Name here!' name='Author'/>
    <meta content='Author Email Address here!' name='Email'/>
    <meta content='document' name='resource-type'/>
    <meta content='all' name='audience'/>
    <meta content='general' name='rating'/>
    <meta content='all' name='robots'/>
    <meta content='index, follow' name='robots'/>
    <meta content='id' name='language'/>
    <meta content='id' name='geo.country'/>
    <meta content='global' name='distribution'/>
    <meta content='1 days' name='revisit-after'/>
    <meta content='Indonesia' name='geo.placename'/>

Replace:-

To add your own description, title, keywords. Please replace all above words with your desire words! as shown below.

Blog Description : Write your blog description
Blog Keywords : Write the keywords of your blog
Blog Author : Write the author’s name(Your name)
Email Address : Write your Email address

Step 4:

Click on Save Template.

That’s it. Now your blog is full Search Engine Friendly. If you face any problem. Just Drop your comment. I will be able to help you about blogger Search engine optimization

Make a Blogger Blog Dofollow to get lots of Comments

By Ammar Ali 16 Comments

This post is related to my previous post about How to Remove Blogger Navbar Making a Blogger blog Dofollow is a nessecary thing if you want to get lots of comments. Peoples only comments on those blogs who are Dofollow like our’s. Because they need Backlinks for their blog which improve their Rankings. If your blog is Nofollow than these are only comments not back links so people will not comment on your blog. Making a blog Dofollow will increase SPAM in your comments so you need to check all comments before publishing. Well, To make a blogger blog Dofollow is not a difficult just follow following steps..

To Make Blogger Blog DoFollow

Just follow following simple steps

Step 1:

Go to blogger Dashboard > Edit Html > Expand Widget templates and search for

<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>

or just

rel='nofollow'

Step 2:

Remove

rel='nofollow'

from step 1
Step 3:

Click on SAVE TEMPLATE and that’s all. Now your blog is Dofollow and will get lots of comments with SPAM

How to Setup Free Domain co.cc with Blogger Blog

Lets me show How to Setup Free Domain co.cc with Blogger Blog!

Add Meta Tag to Blogger : Make Blogger Blog Fully Search Engine Optimize!

How to add Add Meta Tag to Blogger? (Updated)

Make a Blogger Blog Dofollow to get lots of Comments

To Make Blogger Blog DoFollow

About This Site

Site & Resources

Start & Grow Your Blog