Hosting a blog on your own custom domain is essential and it's important to find a reliable and affordable web host. Having the right web host that you can trust is key for any website or blog. So I've come up with an updated list of the best web hosts for blogs. Please feel free to ask any questions because I am happy to help!
Showing posts with label BLOG TRICKS AND TIPS AND ARTICALS. Show all posts
Showing posts with label BLOG TRICKS AND TIPS AND ARTICALS. Show all posts
Best Web Hosting Plans for Blogs
Hosting a blog on your own custom domain is essential and it's important to find a reliable and affordable web host. Having the right web host that you can trust is key for any website or blog. So I've come up with an updated list of the best web hosts for blogs. Please feel free to ask any questions because I am happy to help!
What Is RSS?How It is Useful For Bloggers and Readers
RSS is very popular among bloggers and readers.RSS stands for Realy Simple Syndication.It is used for distribution of content to wide niche audiences.Its origin can be traced back to 1999 but it struck the limelight after Microsoft and Opera decided to adopt the Rss Feed icon in their browsers.RSS files are essentially XML formatted plain text.
How RSS is Useful For Readers?
Everyday a regular Internet surfer reads many new blogs and articles.If you really find some interesting blogs either you can bookmark them or Subscribe to RSS feeds to stay in touch with the latest updates of the blog.
Why RSS Subscription is Better than Bookmarking?
RSS is relatively convenient than bookmarking because the latest posts (or excerpt) can be delivered directly into your email inbox.You don’t have to visit over and again to check for new posts.
If you haven’t subscribed to RSS you have to manage a large bookmarking list of favourite websites and keep on visiting them to check for new updates.This is not appropriate as
You have to check a lot of websites each day
You may get frustrated if the blogs are not updated frequently as you will find same posts each day
You may miss some crucial updates if you don’t check the blogs regularly.
How RSS is Useful For Blogger?
RSS is also helpful to bloggers as their content get syndicated to wide and loyal audience who have subscribed to blog.Bloggers can also send exclusive updates to their email subscribers without posting the content on their blogs.
As the the bloggers have Email list of Niche audiences they can promote products which are relevant to its audiences and generate some cash.
Note:-You shouldn’t subscribe to each and every blog that you visit as it will fill your email with hundreds of daily updates.
About The Author Widget For Blogger

How To Show Author Info Below Every Post Of Blogger
You all has seen the Author info in word press blog. Today I will share this trick with all of you, now you can show author info below every post. I will show you different method of showing “About The Author Widget Below Every Post Of Blog”. When You apply this trick then your blog will look like world press. Now it’s depend upon you that which one you like most for your blog. Before applying the given tips and modify your HTML, make a backup of your template by clicking on the “Download full template” at the very top of the page. Lets start the and see this tricks step by step.
Author info widget setup in blogger:
Step 1: Login to your blogger account, navigate Design or layout <Edit HTML and now check the box “Expend Widget Templates” as shown in the image.
Step 2: Now you have to find out ]]></b:skin> this line inside your HTML template, If you have any difficulty in finding this code, then Press key board shortcut “Ctrl+F” and Search for the above code. Now copy the the given code and paste it just before the above line.
.author_info { float: left; width: 573px; padding: 10px; border: 1px solid #ccc; margin-bottom: 15px; margin-top: 15px; background: #eee;}.author_info h3 { margin-bottom: 10px;}.author_photo { float: right; margin: 0 0 0 10px;}.author_photo img { border: 1px solid #666;} |
You can adjust the width of the widget according to your need. You can also change the position of image to right or left, just change from here.
1 2 | .author_photo { float: Left; |
Now see the image it will look like:
This is the CSS part of the widget. You are not done yet, Now You have to copy and paste one more code. As we know blogger has different template and it is difficult to find same code in every blogger template. Step 3: Now find out this line.
Step 4: Now Copy the given code and paste it just below/after the above line.
<b:if cond='data:blog.pageType == "item"'><div class='author_info'><div class='author_photo'> <h3>About The Author:</h3> <p><a href='http://www.entertolearn.com' title='Posts by Author Name'>Author Namel</a> - He is a guest blogger <a href='http://www.entertolearn.com/'>Tricks And Tips For New Blogger</a>.</p> <p>Author name, is a professional blogger and mostly write for newbie. Find him on Facebook <a href='http://facebook.com/username'>Facebook</a> or <a href=http://www.twitter.com/username'>Twitter</a><br style='clear:both;'/></p> </div></b:if> |
See the image to learn more:
This is the div part of the widget. Now change all the red text with your own bio and links. Now You are done and see the changes in your blog.
This is URL to your online image.
Now I will show you that how you can Add The Author Info Widget For Multiple Authors. It is very simple, just follow the below instruction to do this. But before applying this trick, First You should apply the above widget for one author, after that you can manage multiple authors. When You apply the above author info widget in you blog then follow this simple step to add other authors.
Step 1: Go to your blogger.com and sign in there. After that go to “Design” and then < Edit HTML, before modifying any change, make a backup of your template by clicking on the “Download full template”.
Step 2. Check the expand box and find this line
<b:if cond='data:blog.pageType == "item"'> |
when you find this line then add the following line just below it.
Change the text “U.Rose” as your blog administrator. I am the admin of this blog that why I have put “U.Rose” there. You can add several administrators to your blog. No problem with this section. You can manage it according to your need.
Step 3: Once You add the above information, go down 4,5 line and you will see this two line at the end.
</div>
</b:if>
This is the end of the First author or admin.
Step 4: Once you found the above two line (mention in step:3), Now you can add the info of the second author. So This is very simple method of Adding Multiple Authors Info Widget To Your Blog. Following this step you can add multiple authors widget to your blog.
See the given code this is an example of two authors info widgets for blogger.
<b:if cond='data:blog.pageType == "item"'><b:if cond='data:post.author == "U.Rose"'><div class='author-box'><p><img alt='My Profile Photo' class='avatar avatar-70 photo' height='70' src='http://i53.tinypic.com/2iu49rd.jpg' width='70'/><b>About the Author</b><br/><div style='text-align: justify; font-family: verdana; color: rgb(0, 0, 0);'>I'U.Rose is A Part time blogger and a student of University. I'I am basically writing for new blogger, tips and tricks and teaching that how to earn money online.<br/>Follow Me On <a href='http://twitter.com/entertolearn'>Twitter</a> or Find us On <a href='http://www.facebook.com/pages/Enter-To-Learn/239059189467649'>Facebook</a></div></p></div></b:if><b:if cond='data:post.author == "Irfan"'><div class='author-box'><p><img alt='My Profile Photo' class='avatar avatar-70 photo' height='70' src='http://i53.tinypic.com/2iu49rd.jpg' width='70'/><b>About the Author</b><br/><div style='text-align: justify; font-family: verdana; color: rgb(0, 0, 0);'>Hi, This is IRfan, Part time writer with <a href='http://entertolearn.com'>Enter To Learn</a> , Currently I am working with this blog as a Seo staff, <a href='http://entertolearn.com'>Free tips for new Blogger</a> with full time support. We will love to response you so back when you <a title="contact us" href="http://www.entertolearn.com/contact-us/">contact us</a>. <br/></div></p></div></b:if></b:if> |
Now You are done, but if still You have any problem then leave comment here, I will help you or you can email me any time. I will help You completely through out this method. Have a nice life, will see you in next article.
How To Add Flash Tag Cloud To Blogger
How to add Flash Tag in Blogger and Blogspot
HI guys Today I Will show you that how you can add the fantastic flash tag to your blog. This is very simple, just follow me step by step and think you done.
Step 1: Go to your dashboard <design<Edit Html and make backup of your template by clicking on the “Download Full Template”.
Step 2: Check the expand box. Press “Ctrl+F” to find the given line.
<b:section class=’sidebar’ id=’sidebar’ preferred=’yes’>
Now copy and paste the given code just below the above/after line.
/* Start Flash Tag Code for Blogger by entertolearn.com */
<b:widget id=’Label99′ locked=’false’ title=’Labels’ type=’Label’>
<b:includable id=’main’>
<b:if cond=’data:title’>
<h2><data:title/></h2>
</b:if>
<div class=’widget-content’>
<script src=’http://www.filefactory.com/file/cd5e172/n/swfobject.js’ type=’text/javascript’></script>
<div id=’flashcontent’></div>
<script type=’text/javascript’>
var so = new SWFObject(“http://www.filefactory.com/file/cd5e19a/n/blogumus.swf”, “tagcloud”, “240″, “300″, “7″, “#ffffff”);
// uncomment next line to enable transparency
//so.addParam(“wmode”, “transparent”);
so.addVariable(“tcolor”, “0×333333″);
so.addVariable(“mode”, “tags”);
so.addVariable(“distr”, “true”);
so.addVariable(“tspeed”, “100″);
so.addVariable(“tagcloud”, “<tags><b:loop values=’data:labels’ var=’label’><a expr:href=’data:label.url’ style=’12′><data:label.name/></a></b:loop></tags>”);
so.addParam(“allowScriptAccess”, “always”);
so.write(“flashcontent”);
</script>
</div>
</b:includable>
</b:widget>
/* End Flash Tag Code for Blogger by entertolearn.com */
<b:includable id=’main’>
<b:if cond=’data:title’>
<h2><data:title/></h2>
</b:if>
<div class=’widget-content’>
<script src=’http://www.filefactory.com/file/cd5e172/n/swfobject.js’ type=’text/javascript’></script>
<div id=’flashcontent’></div>
<script type=’text/javascript’>
var so = new SWFObject(“http://www.filefactory.com/file/cd5e19a/n/blogumus.swf”, “tagcloud”, “240″, “300″, “7″, “#ffffff”);
// uncomment next line to enable transparency
//so.addParam(“wmode”, “transparent”);
so.addVariable(“tcolor”, “0×333333″);
so.addVariable(“mode”, “tags”);
so.addVariable(“distr”, “true”);
so.addVariable(“tspeed”, “100″);
so.addVariable(“tagcloud”, “<tags><b:loop values=’data:labels’ var=’label’><a expr:href=’data:label.url’ style=’12′><data:label.name/></a></b:loop></tags>”);
so.addParam(“allowScriptAccess”, “always”);
so.write(“flashcontent”);
</script>
</div>
</b:includable>
</b:widget>
/* End Flash Tag Code for Blogger by entertolearn.com */
Once this process is done then you can preview and check your template for change, and you will see the tag inside your blog.
You can change background colour, width and height by modifying this line.
“tagcloud”, “240″, “300″, “7″, “#ffffff”);
If You want to change the text colour of the labels the modify this line.
so.addVariable(“tcolor”, “0×333333″);
Change the size of the text by modifying the given line. As in the given line the value for text size is 12.
values=’data:labels’ var=’label’><a expr:href=’data:label.url’ style=’12′>
Further more, if you want to change the rotation and it’s speed just modify the given line. Here is the default Tag widget the value for speed and rotation is 100, You can change it as you want.
so.addVariable(“tspeed”, “100″);
Note that in those labels in which You have added apostrophe or quote like character such as ” or ‘ the Cloud Tag appear empty and blank.
Now your are done and enjoy.
Leave comments if you have any problem.
Change Post Title Tags to make it SEO Friendly
Change Post Title Tags For Better Blogger SEO
Today I am going to share with you a little tricks but it is very important from the point view of bloger SEO, very little tricks but give the maximum result. Ideally I think the name of the post I mean Title should be appear before the blog name to get better response and ranking from search engine, and I know by applying this trick to your blog there is a better chance of showing your blog for a relevant keywords.
How to make blog title and post title SEO friendly?
Step 1: Go to design < Edit HTML and search for the given piece of line by pressing “Ctlr+F” keyboard short cut in your template.
<title><data:blog.pageTitle/></title>
Step 2: Now copy the given code and replace the above line with the given code.
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>
Now view your blog and at the top of the bowser you will see only the title or page name, I will recommend Opera browser to see this changes live at the very top of the browser.
But still if you want a little modification and want to show “Post Title — Blog Name” then add this piece of code after the above code.
<b:if cond=’data:blog.pageType == "index"’> <title><data:blog.title/></title> <b:else/> <title><data:blog.pageName/> | <data:blog.title/></title> </b:if>
When You preview the blog then it will look like:
<b:if cond=’data:blog.pageType == "index"’> <title><data:blog.title/></title> <b:else/> <title><data:blog.pageName/> | <data:blog.title/></title> </b:if>
When You preview the blog then it will look like:
Save the template and once again see the changes, but I know that this little tip will give you maximum in the field of blogger Seo and definitely you will get better ranking result from major search engine.
Hope you will understand. If you have a problem just contact me.
Hope you will understand. If you have a problem just contact me.
Add Beautiful Text Box To Blog Post
Hi Bloggers today I will show you that how you can add handsome text box to your blogger post. I know You already have seen this awesome text effect in different blog but you don’t know that how you can add this effect. Let see and example of the text and apply it to your Blog. The given is the code, You can change it with your own text and also you can add custom color.
<textarea cols=”20″ name=”code” rows=”0″ style=”-moz-border-radius: 20px; background: #FFD700; border-left: 20px solid #347C17; border: 1px solid #ccc; color: black; line-height: 3.8em; padding: 20px;”>www.Er-jay.blogspot.com</textarea>This Text box is used mostly for HTML Code or script for blog spot, or you can post any type of important text inside this box. This is the first part of the text effect for blogger, now come to the second part ” How to add beautiful text with box to blogger sidebar” Just follow the given step.
1. Go to blogger.com and sign in there.
2. Go to dash board, then layout and click on page element.
4. Click on add gadget.
5. Now select HTML/JavaScript from the menu list,
6. Now Paste the code the given code there.
<textarea cols=”20″ name=”code” rows=”0″ style=”-moz-border-radius: 20px; background: #FFD700; border-left: 20px solid #347C17; border: 1px solid #ccc; color: black; line-height: 3.8em; padding: 20px;”>www.Er-jay.blogspot.com</textarea>
Change the red text with your own text. You can also change the color, in the above example I have used Yellow color and the code is “XFFD700″ You can change this code according to your need.
Now you are done preview your blog and see the changes.
Hope you will understand and find it better.
6 Effective Ways to Reduce Bounce Rate and Get More Targeted Traffic
Many online users and bloggers know that lower bounce rate is a sign of a good site or blog. Beside this, some questions arise that how bounce rate affects to our blog, why we should care about it and what can we do to make it as less as possible.
Firstly, let us understand what is meant by the word “Bounce Rate”.
Bounce Rate
A bounce rate is basically a method to measure the quality of the traffic that comes to your site or blog. It is the number of visitors that opens your website and leaves it without viewing any other page. Through bounce rate, you can know the exact value of your blog or site. As an example, bounce rate 30% is much better than 75%. An ideal bounce rate is always less than 50%.
Following are the six effective ways to reduce the bounce rate of your blog or site to get the targeted traffic:
Use Relevant Keywords for your web page
Choosing relevant keywords play an important role for targeting the relevant traffic. Using relevant keywords, tags and content, and posting them to the relevant pages by selecting right categories to attract the right traffic to your site, as a result to reduce bounce rate.
Improve Your Web Page Loading Time
Users like those websites which opens instantly without taking much time to get open. Although the internet speed in present time is very fast due to advanced technologies but still sometimes the websites become so heavy that no user is interested to wait the site to get open. They just like to close it and move to the other site. As a result, your bounce rate increases. So you should improve your website’s loading time. Sometimes while using internet via mobile devices affects its speed due to temporary network congestion or high traffic levels. And the use of multimedia, slideshows, scripts, etc also increases the page load time, ultimately increases your website’s bounce rate.
Put the Quality Content to your site
Most of the users get attracted by the good and relevant content of your site. It adds extra flavor to your site to stick the readers and also helps to build users trust on your site. Quality Content is the best way to attract huge amount of users to your site. But if your site has not the good quality content then obviously the users will move to the next site and hence, poor traffic with high bounce rate.
Use Navigation Structure Properly
Properly placed navigation on your site also affects the bounce rate of your website. Properly categorized menu on your sites leads to the appropriate sections of your website help the users to navigate your site easily to the desired page. Hence, reduce the bounce rate of your site.
Proper and Effective Internal Linking
Except navigation structure, internal linking of the web pages also an effective way to reduce bounce rate. You can hyperlink your internal pages with the content of the landing page. This is called as cross reference internal linking. This is also an effective way to promote your content-rich pages to increase the user’s readership and generate trust. Moreover, you can use the feature “Related Content” to achieve this.
Use of right tools and features
You can use many tools and features on your site to reduce the bounce rate of your site. These tools and features encourage the users to visit the other interested pages of your site and hence reduces your bounce rate. Following are some of those features:
- Featured Content
- Top Stories
- Related Content
- Popular Content
- Comments
- Feedback
4 Google Adsense Tips and Tricks
What is adsense? Adsense is the most popular Google ad serving application where site owners will gain revenue when they enable Google to run ad campaign on their site. Website owners will gain revenue based on ppc (paid per click) is when visitor clicks Google adsense on your site.
If you have join with adsense in 2001 and had monetized your site with adsense back then you probably will not have to face any problem as you are now in 2011. Since there are not many people who know about adsense and there are also less competitors on your niche.
But in 2011 and there are millions of adsense publisher out there and also millions of niche it quite difficult for you to compete. Nonetheless there is a behavior that exist among people on the net that is not good for adsense publisher that is call ad blind.
Ad blind mean that visitor that don't bother looking at ad don't like ad. Most of them who have this kind of behavior are the adsense publisher themselves (including me), web master, web designer,web developer and people who knows about adsense.
Therefor I hope these adsense secret tips and tricks will really help you to increase your adsense revenue by increasing your ctr, and cpc.
- Google give a special treatment for their special adsense publisher and made them Google adsense Elite Publisher. As an elite publisher Google allows you and help you to beautify your adsense ads so it will blended well on your site and with relevant content. This really helpful for the publisher to add adsense ad and not to scared their visitors. Check out these website ehow and digital inspiration. Therefor the key is really blend your ad with your content so it is really look like part of your content. I know some webmaster will encourage to do this because it looks like we are tricking or visitor. But actually if the ad is really relevant to with your content than I believe it's okay.
- Don't build blogs on internet, computer or web building design niche If just only want to monetize your blog with adsense. It is because most of your visitor will be webmaster, web developer, web designer, search engine services and so on that know about adsense and in my opinion that most of them are ad blind. They have low possibility in clicking your ads. Finding a very unique niche that have decent number local and global monthly visitors that have high probability click through rate ratio.
- You need to sacrifice in order to gain. This phrase is true and it can be applied to increase your adsense ctr by sacrificing your pageview. If you don't give your visitors any option to click on your link by minimizing your navigation link and other links beside adsense link it would be possible that your visitor will click on your ads.
- Block all your low cpc ads that are visible on your blog. If you block all your low cps ads your adsense ads will only serve high paying keyword ads and or high cpc ads on your blog. It will help to increase your revenue especially when your ctr is quite low. Instal Google toolbar for internet explore that have adsense preview tool. for high paying keyword and low paying keyword you can Google it.
Blogger Help - Animated Flash Tag Cloud For Blogger
"Blogumus" is an Flash based tag cloud widget which uses scripts converted from Roy Tanck's WP Cumulus plugin for Wordpress.
Initially I thought that as now these labels are being shown in flash widget so it may not be search engine friendly, but after looking at the source code, I came to know that it will not make these labels inaccessible to any search engine.
If your visitors do not have java script/flash enabled in their browsers, then it does degrade relatively gracefully, but label links will still be click able (though not animated) for those who do not use JavaScript of Flash (including search engine spiders).
How to install Blogumus in your Blogger layout
Although there are some difficult methods available on Internet, but by following this method the task becomes surprisingly simpler !You can copy paste the code as it is, or change the code before pasting into your blog HTML as per your requirements.
By default the flash widget will be in white background, with gray labels/text, and of dimensions 240x300. And all these can be changed so as to suit your blog's layout and colors.
To start with:
Go to the LAYOUT section, and click on EDIT HTML.
Now find this line/code:
<b:section class='sidebar' id='sidebar' preferred='yes'>
And immediately after this code line, paste these code lines(in new line):Then preview your template. If installed correctly, you should see the tag cloud appear in your sidebar. Then you are free to save your template, edit the colors and dimensions as required, or move it to a different location. That's all!<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a> via <a href='http://bloggerstop.net'>BloggerStop.Net</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
NOTE: You must have already added labels to at least some of your posts, to see the widget in action.
Customizing Blogumus
By default, Blogumus includes the following preset variables:- Width is set to 240px
- Height is set to 300px;
- Background color is white
- Test color is Grey
- Font size is "12"
1. Editing width and height The variables for width and height are found in this line of the script:
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
The width (currently 240) is highlighted in red, while the height (300px default) is highlighted in blue. These numerical values specify the width and height in pixels, so you can alter these of you prefer.
2. Editing background color You can change the background color from white to any other color by altering the hex value in the same line:
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
For example, if you prefer a bright red background, you may replace #ffffff with #ff0000. Take a look at this page for a list of commonly used hex color codes.
NOTE: To get HTML color codes, you can see in these websites:
1. Uci.edu
2. Computerhope.com
3. Alter the color of text By default, the text is set to display as dark grey ( hex value #333333). You can alter this variable in the following line:
so.addVariable("tcolor", "0x333333");
Be aware that "tcolor" is a Flash variable and doesn't include the usual hash symbol of hex color codes. Be sure to only replace the numbers!
4. Adjust the font size The maximum font size of tags is specified in this line:
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
You can alter this to ensure tags are displayed in a bigger or smaller font if you prefer by changing "12" to a larger or smaller number.
While making any of these changes, you should be able to preview your widget and be certain that your new choice of color, dimensions and background are suitable for your needs.
Credits: Blogumus is based on the original WP Cumulus plugin by Roy Tanck, and was converted for use with Blogger layouts by Blogger Buster .
Show / Display Skype Emoticons In Blogger Comment Form
Kindly have a look at the demo first,
Follow These Steps:
- Go to Blogger > Layout > Edit HTML
- Check the “Expand Widget Templates” box
- Search for,
<h4 id='comment-post-message'><data:postCommentMsg/></h4>4. Just below it paste the code below,
<div style=' width: 370px; text-align: left; border: 2px solid #0084ce; background: #FEF9EA; padding: 10px; color:#0084ce; font-weight:bold; '>Save your template and view your blog to see a rectangular block of emoticons as shown below,
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXv0iFo81HJ-p8QTAYLNeVpD3YsORW1yMLu6VQKvwVG5dw0Aqv6Z2bQfIqOi0_m5C-mj1Vfv5PiYamgmPKcqvC262uLvf_Avw409ixyAQGUWHmm1nU4LEyafcbPDmzTrwkLZpTRW96ZHI/s800/emoticon-0100-smile.gif'/> :a
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5QmBV9D2a3zSURTFYJwzvpa4I5p1eLgGCdqsImVFAgrXd5XXa3MvOBsHqcZmxIKdANkZ0m_heH9wIxY28s3BCdoMpSSy40hDqIZhHChoQ8UTL8LXPBYkY02cFFGyH70545QcNl8bBtEA/s800/emoticon-0101-sadsmile.gif'/> :b
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCih_n2x9IioP5iN9nCKL0KrQFAwJ8hNnf8MzwYnghWG_I6fpryKXHlFNiP29Lc4yJ73RpYS4O98Tz6bjXJSmMcbrReCba8fmhHGjfz8yF15OenQsFm-NV_NL1UboAiQ2FMNKNJR-uxHk/s800/emoticon-0102-bigsmile.gif'/> :c
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC7T97f8tvoEllEW9Fm3ZRVeh_ZQIJ0P04Z3MIU9rfAlImjfOBPc1Rj7GrZMRm8yIkIxPzPfgkSatCzdpHPhp3-JZJRE8mEsIa1xmZsURelw4CzRvAvA3ggYD7pRW42RPs3sOXq3Yvm3E/s800/emoticon-0105-wink.gif'/> :d
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYFuHifST0oSOO60ARCf7wYZAdH_ta-5oiW1FrnrR9FnmhxUV44rk3cjvW85IqLnahDr6zLnV0DXBtAJQAOr0-7_eOIMqaDwuF2H1eFMqS6Cup723jnVOy5goIERnrp40MSclzd8g2yN8/s800/emoticon-0104-surprised.gif'/> :e
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIyu81PorTi3Cs9A27HCbsJwLxS9EinyqMjN58A29i332c7i-yWwPZOeckszdXUW2XJ35chZ18QF-6DOqFMmuzi8C44tPlDriJm6AO-PzE5wXJqsKWn7jkP5JSbGxA-YXHFTiyygeEzJ0/s800/emoticon-0106-crying.gif'/> :f
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji_6pAaNy8fkDKuj1_7-z5ORMmGHvtQtMgiABKuLNfKUDNjO6ErJpzK8q_s_DVU_yvy7ia0q3Z_rhJWtoO5KfVJz_Acr4MJ_5X0jY6FDlpRwSRMXsrhFWZuZDmpw1jyLOTk_hlA3N0ao0/s800/emoticon-0109-kiss.gif'/> :g
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTxOOO2G27gSWcR2t2w68589KyQLyXSzrzpXvHE3NNmSQRhlC2wxFYsdmbEojXkgycsLWLhGyeFlzMBIG5jSLPukbY3DjiqbaYB5FE_30LDjh1nChkmQKtVcyYS2EDgegTzIz7RHSTjSQ/s800/emoticon-0111-blush.gif'/> :h
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLi37S1GET4HiXtxLtOFqSdY43hGzT8ish5ZYxuAHujC-8TXkNDWPo45n0s5Hh-tpBTlmXMBjRJu_0ySfP_w4gZ_mAxSHSxtVbDC94sZZWDqbfEM8YPh5_kXgpXC0TZNWHfKJvGs0BTUg/s800/emoticon-0110-tongueout.gif'/> :i
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdA614kvut77H1K1zsCXduHrhjdwKHsVKjbQjItXiWAjAW_eIQJq5_z2Nbv3s_d4l_UdkbPZQ44-KTBwWHNDul9K7_bLAkvKCZL38cPB4vRbloZcXhWgThrzquis3fow11P5ocG9L5Vo8/s800/emoticon-0126-nerd.gif'/> :j
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnnkleHX6LJd0UODeqq2-7O69AhuWCr0XhxjCmrTdy_DXa5XHHRXnIm97SenNRJaMOPJyfOiSIdqZuEMEi9A2Dyl4M3fxmBfgpf5bkYDbFH6Bnz5vNKXxp7b3kbZ8x8AjhH3tOshBNiQI/s800/emoticon-0103-cool.gif'/> :k
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcZj1Pw1vytxAXM61WrS9o3PXXT3R1_kZauEOSaFQuF-rfjByFL1Nv5I_mHXUnChUzrgxrL8K8gn6zwprZGYAKUZ_MO0D0I4DtOhgUHN10KN9mDeOcsEXi1vmeFs1qSm9FhK2bpdOWJes/s800/emoticon-0130-devil.gif'/> :l
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqwTQ-BUf2odkCcUa6S5RY_duhl9dadZiw5gbF75L9YNB9t9qcZizfdX3S2dg9Cx3pU7SHKeq8nLi2ZAB48xNgPSVNDc6argyO-oZpz_gGvJkGMZH7etKul3pZGwPoQzkI_t4cYDkd7uQ/s800/emoticon-0133-wait.gif'/> :m
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9sJWu8jwDO2Sw4XILE0A2c96vmRq4FNe2DhjyopqqHqjY2SIAT80rhawXwxaWuea7lA9uASg6A1AITybf9KjarcySP92kB6-3cL03Q0u-o34p_b6TJT34XnGdWaHMOreMaad8kFksF1A/s800/emoticon-0137-clapping.gif'/> :n
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikYIZX1KPQ2wwAR1mfCpRjVrOLMEeTStDO_QOvmfsh5XoBEgOoW-pi6q9qStUAqH5exJJScitqi_xCFOc-1VI7fVTZHJJOaSusvPecuw2VmDjpIsI6YhfePxQNZUcinxTBTuafACDtw1c/s800/emoticon-0136-giggle.gif'/> :o
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikFHUO4YMTZnTM4zwc8gnyw5WQLltpso7Uc-yIaHRlxejkasNpXJUAT7cK0AHep5vbiOfaFI-_eXNDDKJXl0toaLM8GSB-6ObXdp_fHReEWPf_cTNSsksEzN-dINwZLmKScv7P1la35wE/s800/emoticon-0141-whew.gif'/> :p
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5ErI6i8Y_Yme2XSD9I0BRrCi6MlZfwJeoczV1TLvXuDOro7bXoOQbBN3d9ZC3BpSSnGIZ8se0fMm5zJ5zQ4QhD7NgyIcM1B2HrPanU7immhziWbn4q9vtz_M14z_xkU_1_o9XzTrQLaA/s800/emoticon-0148-yes.gif'/> :q
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcAlFvS3lBqaZKzkDC2a9iLMSrOcv_TrMIapP5KeAGybJUaBHyq8y8Uc9eFvnQw57hlWFwwJOpxpr2eNVLEOEJbomRsxMVmFAZOJppLIhpypcTM-ziiIXoJyllLNBI60wrTCG27l_I34w/s800/emoticon-0149-no.gif'/> :r
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiozUpjojo5tP27qP-q8XVT9RSBxSVI5t5rhcu8OaW7ZfJKT-QVJwo6tvxsd6H6CzkTD6lAlTI_eDBBrkrRdbMaKFBtwVcHVB_BcW69baa0MC9smLmO4cYCcrHeWOs9foq_eNgvJhmU_6A/s800/emoticon-0178-rock.gif'/> :s
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-AOF34UA08Ebrll-WdHRamI97H9ZUgbozF-BZTSle5m6CyvUEy7MARr5KiMIByqwasZpF_t228ZrVFUxRwTpcAi1m2WwMoyftY9NMoIuokI-knkROATrC-JovgseG8bPu-xtX0R8PokI/s800/emoticon-0155-flower.gif'/> :t
</div>
Note:- To change the appearance of the rectangular block simply edit the code in bolded green colour
5.. Now find </body> and paste the code below just above </body>
Note:- You can also try adding the code below just above </head> instead.
<script type='text/javascript'>
//<![CDATA[
a = document.getElementById('comments');
if(a) {
b = a.getElementsByTagName("DD");
for(i=0; i < b.length; i++) {
if (b.item(i).getAttribute('CLASS') == 'Author-comment-body' , 'comment-body') {
_str = b.item(i).innerHTML.replace(/:j/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdA614kvut77H1K1zsCXduHrhjdwKHsVKjbQjItXiWAjAW_eIQJq5_z2Nbv3s_d4l_UdkbPZQ44-KTBwWHNDul9K7_bLAkvKCZL38cPB4vRbloZcXhWgThrzquis3fow11P5ocG9L5Vo8/s800/emoticon-0126-nerd.gif' alt='' class='smiley'/>");
_str = _str.replace(/:k/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnnkleHX6LJd0UODeqq2-7O69AhuWCr0XhxjCmrTdy_DXa5XHHRXnIm97SenNRJaMOPJyfOiSIdqZuEMEi9A2Dyl4M3fxmBfgpf5bkYDbFH6Bnz5vNKXxp7b3kbZ8x8AjhH3tOshBNiQI/s800/emoticon-0103-cool.gif' alt='' class='smiley'/>");
_str = _str.replace(/:l/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcZj1Pw1vytxAXM61WrS9o3PXXT3R1_kZauEOSaFQuF-rfjByFL1Nv5I_mHXUnChUzrgxrL8K8gn6zwprZGYAKUZ_MO0D0I4DtOhgUHN10KN9mDeOcsEXi1vmeFs1qSm9FhK2bpdOWJes/s800/emoticon-0130-devil.gif' alt='' class='smiley'/>");
_str = _str.replace(/:m/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqwTQ-BUf2odkCcUa6S5RY_duhl9dadZiw5gbF75L9YNB9t9qcZizfdX3S2dg9Cx3pU7SHKeq8nLi2ZAB48xNgPSVNDc6argyO-oZpz_gGvJkGMZH7etKul3pZGwPoQzkI_t4cYDkd7uQ/s800/emoticon-0133-wait.gif' alt='' class='smiley'/>");
_str = _str.replace(/:n/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9sJWu8jwDO2Sw4XILE0A2c96vmRq4FNe2DhjyopqqHqjY2SIAT80rhawXwxaWuea7lA9uASg6A1AITybf9KjarcySP92kB6-3cL03Q0u-o34p_b6TJT34XnGdWaHMOreMaad8kFksF1A/s800/emoticon-0137-clapping.gif' alt='' class='smiley'/>");
_str = _str.replace(/:o/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikYIZX1KPQ2wwAR1mfCpRjVrOLMEeTStDO_QOvmfsh5XoBEgOoW-pi6q9qStUAqH5exJJScitqi_xCFOc-1VI7fVTZHJJOaSusvPecuw2VmDjpIsI6YhfePxQNZUcinxTBTuafACDtw1c/s800/emoticon-0136-giggle.gif' alt='' class='smiley'/>");
_str = _str.replace(/:p/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikFHUO4YMTZnTM4zwc8gnyw5WQLltpso7Uc-yIaHRlxejkasNpXJUAT7cK0AHep5vbiOfaFI-_eXNDDKJXl0toaLM8GSB-6ObXdp_fHReEWPf_cTNSsksEzN-dINwZLmKScv7P1la35wE/s800/emoticon-0141-whew.gif' alt='' class='smiley'/>");
_str = _str.replace(/:q/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5ErI6i8Y_Yme2XSD9I0BRrCi6MlZfwJeoczV1TLvXuDOro7bXoOQbBN3d9ZC3BpSSnGIZ8se0fMm5zJ5zQ4QhD7NgyIcM1B2HrPanU7immhziWbn4q9vtz_M14z_xkU_1_o9XzTrQLaA/s800/emoticon-0148-yes.gif' alt='' class='smiley'/>");
_str = _str.replace(/:r/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcAlFvS3lBqaZKzkDC2a9iLMSrOcv_TrMIapP5KeAGybJUaBHyq8y8Uc9eFvnQw57hlWFwwJOpxpr2eNVLEOEJbomRsxMVmFAZOJppLIhpypcTM-ziiIXoJyllLNBI60wrTCG27l_I34w/s800/emoticon-0149-no.gif' alt='' class='smiley'/>");
_str = _str.replace(/:s/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-AOF34UA08Ebrll-WdHRamI97H9ZUgbozF-BZTSle5m6CyvUEy7MARr5KiMIByqwasZpF_t228ZrVFUxRwTpcAi1m2WwMoyftY9NMoIuokI-knkROATrC-JovgseG8bPu-xtX0R8PokI/s800/emoticon-0155-flower.gif' alt='' class='smiley'/>");
_str = _str.replace(/:t/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiozUpjojo5tP27qP-q8XVT9RSBxSVI5t5rhcu8OaW7ZfJKT-QVJwo6tvxsd6H6CzkTD6lAlTI_eDBBrkrRdbMaKFBtwVcHVB_BcW69baa0MC9smLmO4cYCcrHeWOs9foq_eNgvJhmU_6A/s800/emoticon-0178-rock.gif' alt='' class='smiley'/>");
_str = _str.replace(/:a/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXv0iFo81HJ-p8QTAYLNeVpD3YsORW1yMLu6VQKvwVG5dw0Aqv6Z2bQfIqOi0_m5C-mj1Vfv5PiYamgmPKcqvC262uLvf_Avw409ixyAQGUWHmm1nU4LEyafcbPDmzTrwkLZpTRW96ZHI/s800/emoticon-0100-smile.gif' alt='' class='smiley'/>");
_str = _str.replace(/:b/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5QmBV9D2a3zSURTFYJwzvpa4I5p1eLgGCdqsImVFAgrXd5XXa3MvOBsHqcZmxIKdANkZ0m_heH9wIxY28s3BCdoMpSSy40hDqIZhHChoQ8UTL8LXPBYkY02cFFGyH70545QcNl8bBtEA/s800/emoticon-0101-sadsmile.gif' alt='' class='smiley'/>");
_str = _str.replace(/:c/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCih_n2x9IioP5iN9nCKL0KrQFAwJ8hNnf8MzwYnghWG_I6fpryKXHlFNiP29Lc4yJ73RpYS4O98Tz6bjXJSmMcbrReCba8fmhHGjfz8yF15OenQsFm-NV_NL1UboAiQ2FMNKNJR-uxHk/s800/emoticon-0102-bigsmile.gif' alt='' class='smiley'/>");
_str = _str.replace(/:d/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC7T97f8tvoEllEW9Fm3ZRVeh_ZQIJ0P04Z3MIU9rfAlImjfOBPc1Rj7GrZMRm8yIkIxPzPfgkSatCzdpHPhp3-JZJRE8mEsIa1xmZsURelw4CzRvAvA3ggYD7pRW42RPs3sOXq3Yvm3E/s800/emoticon-0105-wink.gif' alt='' class='smiley'/>");
_str = _str.replace(/:e/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYFuHifST0oSOO60ARCf7wYZAdH_ta-5oiW1FrnrR9FnmhxUV44rk3cjvW85IqLnahDr6zLnV0DXBtAJQAOr0-7_eOIMqaDwuF2H1eFMqS6Cup723jnVOy5goIERnrp40MSclzd8g2yN8/s800/emoticon-0104-surprised.gif' alt='' class='smiley'/>");
_str = _str.replace(/:f/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIyu81PorTi3Cs9A27HCbsJwLxS9EinyqMjN58A29i332c7i-yWwPZOeckszdXUW2XJ35chZ18QF-6DOqFMmuzi8C44tPlDriJm6AO-PzE5wXJqsKWn7jkP5JSbGxA-YXHFTiyygeEzJ0/s800/emoticon-0106-crying.gif' alt='' class='smiley'/>");
_str = _str.replace(/:g/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji_6pAaNy8fkDKuj1_7-z5ORMmGHvtQtMgiABKuLNfKUDNjO6ErJpzK8q_s_DVU_yvy7ia0q3Z_rhJWtoO5KfVJz_Acr4MJ_5X0jY6FDlpRwSRMXsrhFWZuZDmpw1jyLOTk_hlA3N0ao0/s800/emoticon-0109-kiss.gif' alt='' class='smiley'/>");
_str = _str.replace(/:h/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTxOOO2G27gSWcR2t2w68589KyQLyXSzrzpXvHE3NNmSQRhlC2wxFYsdmbEojXkgycsLWLhGyeFlzMBIG5jSLPukbY3DjiqbaYB5FE_30LDjh1nChkmQKtVcyYS2EDgegTzIz7RHSTjSQ/s800/emoticon-0111-blush.gif' alt='' class='smiley'/>");
_str = _str.replace(/:i/ig,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLi37S1GET4HiXtxLtOFqSdY43hGzT8ish5ZYxuAHujC-8TXkNDWPo45n0s5Hh-tpBTlmXMBjRJu_0ySfP_w4gZ_mAxSHSxtVbDC94sZZWDqbfEM8YPh5_kXgpXC0TZNWHfKJvGs0BTUg/s800/emoticon-0110-tongueout.gif' alt='' class='smiley'/>")
b.item(i).innerHTML = _str;
}
}
}
//]]>
</script>
6. Save your template and view the beautiful change! :D
Subscribe to:
Posts (Atom)












