Blogger Tips and Style: making blog

Showing posts with label making blog. Show all posts

Saturday, December 31, 2011

Fancy Comment form for blog

by Syarhan | Posted at: 9:16 AM | Tag: making blog |

Hey... it is a nice day today. Maybe some of you wondering where did I go yesterday. I have some work to do yesterday, that why I haven't made some updates in for my house(blog). But today I have something to tell all of you.
We always wanted to have a great looking comment area below our post isn't it?
So, today I will show you how to make it comes true...

You can choose any type of comment form that you like and I will tell you the advantage of each style.

Type 1: Disqus

- Free sign up

-Seek out social comments and mentions from places such as Twitter, FriendFeed, Digg, and YouTube, then display them with your comments.

- Disqus Comments also lets your readers choose their identity, with Facebook Connect, OpenID, or Twitter Sign-in, when they leave a comment.
- Bring lively, real-time chatter onto your page with real-time posting and updating
- Every time someone leaves a comment, they can easily share the discussion happening on your site to friends and followers
- Features such as multi-site moderation, multiple moderators, bulk actions, and automated decisions
- features cutting-edge semantic technology that helps you automatically recognize offensive posts and keep the discussion civilized.
- can encourage verified commenter profiles — real comments from real people

Type 2: IntenseDebate

- You can reply directly to a specific comment and receive alert for replies and new comments.
- Furthemore, you can also give respond and moderate comment via email service...
- Moreover, it enable your users to see with whom they are debating and give your readers an identity.
- the best comment will be shown at the front
- The auto filter comment by keyword, email and IP addresses, help you to prevent unwanted keywords, ban user who are using the specific email and IP addresses, from posting in your comment posts
- It is also allow you to assign admins to manage the same blog or website.
- The IntenseDebate allow your readers to post comments using services like OpenID, Facebook, and Twitter.
- If the readers doesn't have any user account, they can choose to sign up for an IntenseDebate profile or simply comment without one as a Guest.

Hope you like it. Please leave me a respond below...

Monday, February 15, 2010

Easy Tooltip Style Effects

by Syarhan | Posted at: 5:19 AM | Tag: making blog |

DEMOhttp://syarhanz-demo.blogspot.com/

1. First, paste this code link in the <head> area or above the </head> tag

2. Finally, click the save button. Finished !

Wednesday, January 27, 2010

Elegant pop up title for your link

by Syarhan | Posted at: 12:44 AM | Tag: making blog |

Elegant link pop up title for your links in your blog...

------------- STEPS -------------

Step 1
- As usual, go to Layout > Edit HTML

Step 2
- Then use Ctrl+F shortcut key to find this ]]></b:skin> code tag

Step 3
- Paste this below code above the ]]></b:skin> code tag:

/* Titlepopup by syafzpic.com */

#titlepopup{
background:#323232;/*titlepopup background color*/
color:#f1f1f1;/*titlepopup font color*/

    padding:2px 5px;
    z-index: 20;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 5px;
    -moz-opacity: .87;

border:none;
display:none;

position:absolute;

}

Step 4
- Paste this script code link in your <head> area or just paste it above the </head>

Step 5
- Save your template

Step 6
- Just use this code in any link that you wanted the popup title to be appear

<a href="PUT URL HERE" class="titlepopup" title="PUT THE URL TITLE HERE ">URL Name Here</a>

PUT URL HERE = Replace this with URL link, for example: http://blogging-style.blogspot.com
PUT THE URL TITLE HERE = Replace this with the pop up title, for example: Visit me again.
URL Name Here = Replace this with the name of your URL, for example: Blogger Tips and Style

----------------------- Finished ------------------------

Example link with title pop up code:
<a href="http://www.syafzpic.com" class="titlepopup" title="Visit me at syafzpic.com ">SyafzPic</a>

Result = mouse-over to this word, SyafzPic

Friday, January 22, 2010

Printer friendly

by Syarhan | Posted at: 5:16 AM | Tag: making blog |

Just paste this code in your post HTML:

<a href="javascript:window.print()">Print</a>

Thursday, January 21, 2010

Browser safe font for web designers

by Syarhan | Posted at: 6:37 AM | Tag: making blog |

Fonts make a big difference to the look and experience of the website. Usage of fonts requires sense of aesthetics and discretion. We have the liberty to use any font we want in an image but when we specify the fonts for the text on a web page, we need to ensure that we use only "browser safe" fonts.

Browsers support TrueType fonts and all operating systems come with sets of standard TrueType fonts that have been preinstalled. These preinstalled TrueType fonts are what we can say are "browser safe" fonts.

My recommendation is to specify at least three fonts from the following list in the style-sheet. Out of the three fonts specified, make sure that at least one of them is available in Macintosh and one for Windows. Please remember that multiword font names should be in quotes (example "Times New Roman").

So, here is a list of fonts that are preinstalled in Macintosh and Windows computers as they come out of the box.

Windows OS

Arial (Bold, Italic, Bold Italic)
Arial Black
Comic Sans (Bold)
Courier New (Bold, Italic, Bold Italic)
Franklin Gothic Medium (Italic) - as of Windows XP
Georgia (Bold, Italic, Bold Italic)
Impact
Lucida Console
Lucida Sans Unicode
Marlett
MS Sans Serif - as of Windows XP
Palatino Linotype (Bold, Italic, Bold Italic)
Symbol
Tahoma (Bold)
Times New Roman (Bold, Italic, Bold Italic)
Trebuchet (Bold, Italic, Bold Italic)
Verdana (Bold, Italic, Bold Italic)
Webdings

Mac OS

American Typewriter (Bold)
Andale Mono - Only installed in OS X if Classic is installed
Apple Chancery
Apple Symbols
Arial (Bold, Italic, Bold Italic)
Arial Black
Arial Narrow (Bold, Italic, Bold Italic)
Arial Rounded MT Bold
Baskerville (Bold, Italic, Bold Italic)
Big Caslon
Brush Script MT
Capitals - Only installed in OS X if Classic is installed
Charcoal - Only installed in OS X if Classic is installed
Chicago - Only installed in OS X if Classic is installed
Cochin (Bold, Italic, Bold Italic)
Comic Sans MS (Bold)
Copperplate (Bold)
Courier (Bold, Oblique, Bold Oblique) - Only installed in OS X if Classic is installed
Courier New (Bold, Italic, Bold Italic)
Didot (Bold, Italic)
Futura (Sans-serif)
Gadget - Only installed in OS X if Classic is installed
Geneva
Georgia (Bold, Italic, Bold Italic)
Gill Sans (Bold, Italic, Bold Italic)
Helvetica (Bold, Oblique, Bold Oblique)
Helvetica Neue (Bold, Italic, Bold Italic)
Herculanum
Hoefler Text (Bold, Italic, Bold Italic)
Impact
Marker Felt
Monaco
New York - Only installed in OS X if Classic is installed
Optima (Bold, Italic, Bold Italic)
Palatino (Bold, Italic, Bold Italic) - Only installed in OS X if Classic is installed
Papyrus
Sand - Only installed in OS X if Classic is installed
Skia
Symbol
Techno - Only installed in OS X if Classic is installed
Textile - Only installed in OS X if Classic is installed
Times (Bold, Italic, Bold Italic)
Times New Roman (Bold, Italic, Bold Italic)
Trebuchet (Bold, Italic, Bold Italic)
Verdana (Bold, Italic, Bold Italic)
Webdings - Only installed in OS X if Classic is installed
Zapf Dingbats
Zapfino

Nice font for web design

by Syarhan | Posted at: 5:26 AM | Tag: making blog |

Hey check this out!

Nice fonts for web designer:

1. Sketch Rockwell

Download

2. Grey Magus

Download

3. Kelly Script

Download

4. Bubbly Frog

Download

5. AB Exp

Download

6. Bleeding Cowboys

Download

7. Bauhaus

Download

8. Contempory

Download

9. Diavlo

Download

10. Comfortaa

Download

11. Forgotten Futurist

Download

12. Opticon One

Download

13. Lois Ann

Download

14. Grunge Serifia

Download

Wednesday, January 13, 2010

Add Shadow Effects

by Syarhan | Posted at: 12:42 AM | Tag: Effect tips, making blog |

Hello and nice to meet all of you again readers. Now, you have come to the right time and right post because you will learn something special that rarely found in blogging. That special thing that I had said just now is "Adding Shadow Effect". For your information, we can add/put shadow effect at the texts or words that we wrote. If you want to learn how to do it, you just need to follow the four, fast easy steps below.

Step #1:
Log in to your blogger like usual using your blog ID. Go to your Layout and choose Edit HTML tab. Back up your template. Click at the Download Full Template. Tick at the Expand Widget Templates.

Step #2:

Use Ctrl+F and search for this ]]></b:skin> tag. Copy and paste this code above the ]]></b:skin> tag

.syafzpic-shadow {
color: #222;
font-size: 14px;
font-family: helvetica, tahoma, arial;
text-shadow: 0px 2px 3px #555;
}

Step #3:

Save template.

Step #4:

In every section you want this shadow effect to be worked, you just need to add this code:

PUT YOUR TEXT HERE

</div>

For example:

Example 1: without link

Blogger Tips and Style

</div>

Example 2: with link

<a class="syafzpic-shadow" href="PUT TARGET LINK HERE"><strong>Welcome to MyBlog</strong></a>

</div>

You can replace the blue text above with your own text.Also do not forget to change the PUT TARGET LINK HERE with your target link(url).

For any question, please leave a comment...

Credits:
1. syafzpic.com

Saturday, January 9, 2010

Add Twitter Updates in your blog

by Syarhan | Posted at: 3:55 AM | Tag: making blog |

Twit, twit, twit and hello friends. I opened the laptop and started the day by giving all of you such a brilliant tutorial so that you can use it while blogging. We actually can see our twitter update at our blog. I bet all of you must be wondered about how to do it. All can be answered after you follow the steps given below.
Please read and understand it clearly and I hope you will be enjoyed with the tutorials...

Step #1: Sign in to blogger.com as usual. Go to your Layout > Page Elements and click at the Add a Gadget. Between the choices, you choose the HTML/JavaScript. A blank box in a small pop up window will appeared.

Step #2. Copy and paste this code in the box appeared:

<div style="background:#f5f5f5; border:solid 3px #f2f2f2;">
<div id="twitter_div" style="background: url(http://i625.photobucket.com/albums/tt337/syafzpic/syazavatar/TwiTTer_syafzpic.png) top left no-repeat; padding-left: 50px;"><ul id="twitter_update_list"></ul>
<a id="twitter-link" style="display:block;text-align:right;" href="http://twitter.com/syafiqzaimi"><strong>follow me on Twitter</strong></a>
</div>
<script src="http://twitter.com/javascripts/blogger.js" type="text/javascript"></script>
<script src="http://twitter.com/statuses/user_timeline/syafiqzaimi.json?callback=twitterCallback2&count=1" type="text/javascript"></script>
</div>

Attention!!!

Replace the syafiqzaimi in the code above with your twitter ID.
Replace the number 1 at the count=1 above to change the number of the Twitter updates

Step #3. Save it and you just need to view your blog.

If you are pleasure, please leave a comment

Credits:
1. Twitter
2. syafzpic

Tuesday, January 5, 2010

Scrolling Follow Bar for blogger

by Syarhan | Posted at: 5:21 PM | Tag: making blog |

Add scrolling bar that always follow you when you scroll up and down the blog...

Step #1: As usual, you must login to blogger with your ID. You go straight to the Layout and choose Edit HTML.

Step #2: Use Ctrl+F and search for this </head> tag.

Step #3: Paste this code before the </head> tag:

$(function() {

var offset = $("#syafzpic-bar").offset();

var topPadding = 15;

$(window).scroll(function() {

if ($(window).scrollTop() > offset.top) {

$("#syafzpic-bar").stop().animate({

marginTop: $(window).scrollTop() - offset.top + topPadding

});

} else {

$("#syafzpic-bar").stop().animate({

marginTop: 0

});

};

});

</script>

Step #4: Use Ctrl+F again to find this ]]></b:skin> tag. Paste this code above the ]]></b:skin> tag:

/************ syafzpic-bar ***********/
#syafzpic-bar ul { background: #eee; padding: 10px; }
li { margin: 0 0 0 20px; }
#syafzpic-bar { width: 190px; float: right; }

Step #5: Save the template.

Step #6: You go to the Page Elements at the Layout and choose Add a Gadget. In the small pop up window, you must click at the HTML/JavaScript. A small pop up window will appear again with it content box.

Step #7: Paste the code below in the content box appeared:

<li><a href='Put Your Link Here'>Put Your Text Here</a></li>
</ul>
</div>

Setup instruction:

Put Your Link Here = Put your link at this area
Put Your Text Here = Put your text here

Example:

Put Your Link Here = http://blogging-style.blogspot.com
Put Your Text Here = Blogging Tips and Style

Example code with background:

<div id="syafzpic-bar" style="background: #dedede; color:#000000; border: solid 2px #fff000;">
<ul>
    <li><a href='http://www.syafzpic.com'>syafzpic</a></li>
    <li><a href='http://blogging-style.blogspot.com'>Blogging Tips and Style</a></li>
    <li><a href='http://www.blogger.com'>Login</a></li>

<li><a href='http://www.flickr.com'>Flickr</a></li>

<li><a href='http://www.twitter.com'>Twitter</a></li>

</ul>

</div>

Example code without background:

<div id="syafzpic-bar">
<ul>
    <li><a href='http://www.syafzpic.com'>syafzpic</a></li>
    <li><a href='http://blogging-style.blogspot.com'>Blogging Tips and Style</a></li>
    <li><a href='http://www.blogger.com'>Login</a></li>

<li><a href='http://www.flickr.com'>Flickr</a></li>

<li><a href='http://www.twitter.com'>Twitter</a></li>

</ul>

</div>

You can also put your chat box code in it.
Example of the follow bar with chat box code:

Put your chat box code in this area

</div>

Step #8: Save it and Done!

Demo | Demo with Chat Box

Please leave me a comment... enjoy!

How to improve the loading time of your blog

by Syarhan | Posted at: 8:51 AM | Tag: making blog |

Hello friends...
Do you know, image in your blog will make your blog more interesting?
But the present of images in your blog will make the loading time of your blog is longer.
The long time taken for the loading will make the readers uninvited to read your blog.
By using the jQuery Lazyload, the loading time of your blog will be improved.
The image in your blog will be loaded when you 'look' at them.
So, to improve the loading time of your blog, you have to make some adjustment to your blog.

Step 1: Login to Blogger.com

Step 2: Go to Layout > Edit HTML

Step 3: Find this <b:skin><![CDATA[/* tag and paste this code above it. If you already put this code please ignore this code:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js' type='text/javascript'/>

Step 4: Use Ctrl+F and search for this </head> code.

Step 5: Replace the </head> with this code:

$(function() {

$(".post img").lazyload({

placeholder : "http://i195.photobucket.com/albums/z105/dantearaujo/box.gif",

threshold : 200

});

</script>

</head>

Step 6: Save your template and done.

Credits:

- The Lazyloader is inspired by YUI ImageLoader.Utility by Matt Mlinac
- BloggerTuts
- Demo

If you have any problem when installing the code, please leave a comment. You comment will be replied soon...

Monday, January 4, 2010

Show star rating in your Blogger posts

by Syarhan | Posted at: 2:16 AM | Tag: making blog |

Add star rating to your blog posts now...
Star rating will show the rating of your posts given by readers...
Let us follow the easy steps below:

Step #1: Login to Blogger.com

Step #2: Go to Layout > Page Elements... Choose this:

Step #3: Find this code line:

<div class='post-footer-line post-footer-line-1'>

<p class='post-footer-line post-footer-line-1'>

Step #4:
Replace the
<div class=''post-footer-line post-footer-line-1'> or <p class='post-footer-line post-footer-line-1'> code with this code:

or this code

Step #5: Save your template and done!

Thursday, December 31, 2009

Add Light Box Image

by Syarhan | Posted at: 6:57 PM | Tag: making blog |

Greeting... this is my first 2010 year blogger tutorial. I feel very excited with this year because my feeling say that many good things will happen to me. Let's we start the year happily without thinking any bored things.
Want to make your image stylish when you click on it, check this out!

Demo

Step 1 : Adding the Script

1. Find this </head> code.

2. Replace the </head> code with this code:

</head>

Step 2 : Adding the CSS code

1. Use Crtl+F and search for this ]]></b:skin> tag.

2. Replace this ]]></b:skin> tag with this code:

.syafzpicbox {

display: block;

margin: 0px auto 10px;

text-align: center;

cursor: pointer;

cursor: hand;

width: 400px;

height: 324px;

}

]]></b:skin>

3. Click on the Save Template button.

Step 3 : Add the light box image in posts

This step will show how to add the light box image in your blog posts.

1. Make sure you use this code in where you want the Light Box Image to be appeared:

</div>

2. Just replace the YOUR IMAGE URL with your own image url...

Enjoy them!

Please Leave a COMMENT

Multicolor effect when hovering on links in your blog

by Syarhan | Posted at: 3:03 AM | Tag: making blog |

Hey, nice to meet all of you...2010 year is just an hour from now..
Now I will teach you how to make multicolor effect when hovering on links in your blog. Follow the easy steps below and you'll see the multicolor effects of the links in your blog

Demo 1 | Demo 2

1. First, use Ctrl+F and search for this </head> code

2. Then, replace the </head> code with this code below:

<script type="text/javascript" src="http://www.sigmirror.com/files/49648_exral/multicolor_effect_by_syafzpic.txt"></script>

</head>

3. Done!

Add Tweet Me Button in your Blogger posts

by Syarhan | Posted at: 1:47 AM | Tag: making blog |

Hey, want to know how increase your connection with your blog readers? Check this out

1. Use Ctrl+F and search for this <data:post.body/> tag

2. Then, paste this code after the <data:post.body/> tag:

<a expr:href='"http://twitter.com/home?status=Reading " + data:post.title + " @syafiqzaimi " + data:post.url' title='Tweet it on Twitter'><img src='http://i625.photobucket.com/albums/tt337/syafzpic/syazavatar/twitter7gif.gif'/></a>

Just replace the the red code, syafiqzaimi, with your twitter username... Enjoy it!

Tuesday, December 29, 2009

Put Related Post by Label with Thumbnail

by Syarhan | Posted at: 1:57 AM | Tag: blogger tips and tutorial, making blog |

#Step 1: Sign in to blogger using your blog ID.

#Step 2: Go to your Layout page and choose Edit HTML.

#Step 3: You must backup your template by clicking at the Download Full Templates.

#Step 4: To start editing your Templates, you must tick at the Expand Widget Templates.

#Step 5: Fing this </head> tag.

#Step 6: Paste this code before the </head> tag:

#Step 7: Find this code line:

<div class='post-footer-line post-footer-line-1'>

#Step 8: Paste this code after that code line:

<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:if></b:loop><a href='#'>Related Posts with thumbnails for blogger</a>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=6;
var relatedpoststitle="Related Posts";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>

#Step 9: Save the template and Done!

Please leave your comment or suggestions...

Tuesday, December 8, 2009

How to Create Image Hover Effect in Your Blog?

by Syarhan | Posted at: 7:19 PM | Tag: making blog |

We meet again bloggers. Today I have something that I want to share with you all. This thing is good for the bloggers who have blogs about art and anything else. After this, you will be able to create image hover effect in your blogger. Ohio! Hey, talking about it, want to know how to create image hover effect In your Blogger? As usual, you just need to follow the steps below and you will get the result.

!!Check this out!!

#Step 1:

- Go to Layout Edit HTML

#Step 2:

- Use Ctrl+F and find this </head> code.

#Step 3:

- Then, put these codes before the </head> code:.

#Step 4:

- Save your template...

# Step 5:

- Now, you should put this code in every post that you want the Image Hover Effect to appear...

DONE!!

Tips to choose a Template for a blog.

by Syarhan | Posted at: 5:38 PM | Tag: making blog |

Hey guys, are you bored of your blog template and want to change it. Make your blog template better and more stylish. Blogger will take such a lot of time to choose for a template for the blog. I also take such a lot of time to do so. To change the template, you also need some tips to bring along with you so your template will be the best choosen one.

Place of templates

We must know where to find for the best template. This is because, different places have different templates. We can find such a lot of good templates at the btemplates.com. I suggested you to take template at the btemplate.com. This is because a lot of bloggers like btemplate.com very much. They can find a lot and good templates there. It's all up to you. There are a lot more places so choose for the best one that you like.

What type of blog do we have??

Next, you must know what type of blog do you have. If you have a blog about art, you must choose a template that related to art and if you have a blog about music, you must choose a template that related to music. It is very-very simple. Am I right again readers??

The Highest Comment

If you want your blog readers feel attractive to your blog , you must know with one of the template is most liked by the people. For example, you must choose for the most commented template. This is because more comment, more popular. This is also because the highest comment have high attractive. People will comment if they feel very attractive to something.

Take A Look First

If you find template that you like, you must make sure that you have take a look first by see it using Live Demo. Although in small preview look elegant and stylish, it cannot guarantee that the template is beautiful. What I mean is, a lot of templates look beautiful when we just look them in small preview but when we take a live demo on them, they will look very chunky.

Example templates according to their categories

((=Photo=))

((=Music=))

((=Art=))

You can get the templates above at btemplates.com

After you had finished searching for a template for your blog using the tips above,you must download it into your computer. After that, you must upload it to your blog. As you had finished uploaded the template, the work is !!DONE!!

Please Leave Me A Comment!!!

Bad vs Good of Blogwalking

by Syarhan | Posted at: 4:21 PM | Tag: making blog |

Although blogwalking can give us a lot of benefits, there are also bad about it. From this post, I will discuss with you all (blog readers) about bad and good of blogwalking. People always say that blogwalking is a good activity for blogger but did they know behind the good there are also bad.I am not joking but I am telling the truth. I admit that blogwalking is good and can give us a lot of benefit.

Here Are Percentage for good and bad of blogwalking!!

MEMO:

Blue: Brings Good

Yellow: Brings Bad

The different percentage of good and bad are 20% so be careful. Although the percentage for good more than bad, that not mean that you were in good condition.You all don't be worry because blogwalking

BAD and GOOD BENEFIT of blogwalking.Let's see at below...

Good benefit of blogwalking

1: Can Find A lot of friends(visitors).

2: Can find more ideas and experience.

3: Can promote our blog.

4:Can read on new things.

5:Can make a lot of followers.

6: Can increase blog rank.

Bad benefit of blogwalking

Wasting time.
Can fill the time with posting on new things.
If we does know that we had made wrong on blogwalking such as spam, we will easily banned.
Make our fingers feel tired.

There goes some tips for today. If you take decision to stay blogwalking be careful from be banned.I also like blogwalking very much.I understand if you like blogwalking.It's all up to you.

!!ATTENTION!!

Please leave me a comment.

Monday, December 7, 2009

Put Recent Comment in your blog now!!

by Syarhan | Posted at: 7:17 AM | Tag: making blog |

Hey you guys, do you want your reader know your newly comment.Hahaha..It is easy as ABC.People will know if your post had be commented by someone by looking at The Recent Comment that we had put in our blog.After you read this article, you will be able to show your recent comment in the blog. To start having your recent comment, you must follow the steps below..Let's go for it........................

Step 1:

You must log in and go to your blog Dashboard.

Step 2:

You go to your Layout--Page Elements and click at the Add a Gadget.

Step 3:

At the Add a Gadget, you choose HTML/JavaScript.

Step 4:

Copy the code below and paste them on it(HTML/JavaScript box).

You must change the Highlighted code with your blog url.

Example:

http://blogging-style.blogspot.com

One more thing that I want to tell you. Number 5 in the code are number of latest comment.

Step 5: You must save it and the work is done.Very Very Easy...

PEOPLE WHO READ THIS ARTICLE PLEASE LEAVE A COMMENT!!

How to put Top Commenter in the blog?

by Syarhan | Posted at: 2:00 AM | Tag: making blog |

In the older post, I had wrote about how to put top post in the blog and today I want to wrote about how to put top commenter in the blog.Both of them look familiar.Am I right?By addding this top comment, you will be able to see the visitors who give the highest number of comment to your blog.To start having your own top comment,follow the steps below.Let's go for it.

Step 1:

You must log in to blogger as usual.

Step 2:

You must go to Layout--Page Element.Click at the Add a Gadget.

Step 3:

You must click at the HTML/JavaScript.

Step 4:

Copy and paste the code below in HTML/JavaScript

!!ATTENTION!!

You must change the blog name in the code text with your blog name without put http://. You can change the

The name of commenter that you don't want at the top commenter with your name.What I mean is,if you had also commented your post,you can put your name so the visitors cannot see your name in the top commenter.

Step 5: You must save it.

DONE.

Hope you will successed.

PLEASE LEAVE A COMMENT ON THIS POST>

Saturday, December 31, 2011

Fancy Comment form for blog

Monday, February 15, 2010

Easy Tooltip Style Effects

Wednesday, January 27, 2010

Elegant pop up title for your link

Friday, January 22, 2010

Printer friendly

Thursday, January 21, 2010

Browser safe font for web designers

Nice font for web design

Wednesday, January 13, 2010

Add Shadow Effects

Saturday, January 9, 2010

Add Twitter Updates in your blog

Tuesday, January 5, 2010

Scrolling Follow Bar for blogger

How to improve the loading time of your blog

Monday, January 4, 2010

Show star rating in your Blogger posts

Thursday, December 31, 2009

Add Light Box Image

Multicolor effect when hovering on links in your blog

Add Tweet Me Button in your Blogger posts

Tuesday, December 29, 2009

Put Related Post by Label with Thumbnail

Tuesday, December 8, 2009

How to Create Image Hover Effect in Your Blog?

Tips to choose a Template for a blog.

Bad vs Good of Blogwalking

Monday, December 7, 2009

Put Recent Comment in your blog now!!

How to put Top Commenter in the blog?

Blog Archive

Follow If You Like

Permanent Backlinks