New Blog Online

Home » All posts

How To Add Yahoo Smileys Emotions to your Comments

1.Login to your dashboard--> layout- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see this :

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<h3><a expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a></h3>
</b:if>
</b:if>
</p>
</b:if>

4.Now replace above code with below code.

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<div style='-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 369; text-align: left; border: 1px solid #cccccc; padding: 5px; background: #eeeddf; height:86'>
<b>
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' width='18'/> :))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif' width='18'/> ;))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif' width='18'/> ;;)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' width='18'/> :D
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' width='18'/> ;)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' width='18'/> :p
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' width='22'/> :((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' width='18'/> :)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' width='18'/> :(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif' width='18'/> :X
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif' width='18'/> =((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif' width='18'/> :-o
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif' width='20'/> :-/
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif' width='18'/> :-*
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif' width='18'/> :|
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif' width='24'/> 8-}
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif' width='31'/> :)]
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif' width='44'/> ~x(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif' width='30'/> :-t
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif' width='18'/> b-(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif' width='18'/> :-L
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif' width='34'/> x(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif' width='30'/> =))
</b>
</div>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>
</b:if>

5.Now Download Smiley.js ( As a zipped file ) and host Smiley.js yourself using free js hosting service provider like HotLinkFiles.com or 110mb.com.

6.Now Scroll down to where you see </body> tag in your template.

7.Copy below code and paste it just before the </body> tag .

<script src='smiley.js' type='text/javascript'/><noscript><a href="http://bloggertipandtrick.blogspot.com/" target="_blank">Blogger Tips And Tricks</a></noscript>

Note: Replace smiley.js with your direct hosting link of smiley.js .

8.Now save your template and you are done.It will look like this.

How To Add Save to del.icio.us button with Hit counts to blogger

1.Login to your dashboard--> layout- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to till you see this :

<div class='post-header-line-1'/>

4.Now add below code just after the line <div class='post-header-line-1'/> .

<div class='save-delicious'>

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihgpQZ73-ESBNGQXWiZ-xyBihsGHfMwjcZMFSu42CvItK4JnrviiC4EEaIGB_3qZJKJRKXMMjKg69utV0ryi_yvRaQNDiId05ij_7gFzHC3LC4ngy-C0yo5oHVXiUKLgvYzBgAjkARAws/'/>
<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' style='text-transform:none; border:none; text-decoration:underline' target='_blank'> Save to del.icio.us</a> with other <b id='http://bloggertipandtrick.blogspot.com-delicious'>0</b> happy readers
<script type='text/javascript'>
function displayURL(data) {
var urlinfo = data[0];
if (!urlinfo.total_posts) return;
document.getElementById(&quot;http://bloggertipandtrick.blogspot.com-delicious&quot;).innerHTML = urlinfo.total_posts;
}
</script>
<script src='http://badges.del.icio.us/feeds/json/url/data?url=http://bloggertipandtrick.blogspot.com&amp;callback=displayURL'/>
</div>

Note : Remember to replace http://bloggertipandtrick.blogspot.com with your blog url.

5.Now find ]]></b:skin> tag in your template.

6.Now add below code just above ]]></b:skin> tag.

.save-delicious{float:right; line-height:25px; border:none; background:url() left no-repeat; padding:0 10px 0 20px; font-size:11px;}

.save-delicious a:link, .save-delicious a:visited{border:none; text-transform:none;}

.save-delicious b{color:#000; font-weight:bold;}

7.Now save your template and you are done.It will look like this.

How to Host your Template Images in Blogger (Unlimited Bandwitdh)..?

This post explains how to host your template or any other images in blogger without any bandwidth limitations:-

If you are a regular reader of Blogger Tricks, you probably know that previously I h

ad many problems hosting my template images. A year back, I used photobucket to host my template images.. but, the problem with photobucket and many other free image hosts is their bandwidth limitations. Once, you exceed a specific amount of bandwidth, your images won't show, instead.. an irritating ' bandwidth exceeded' image shows. Next, after that I tried to create.. like a new photobucket account per each template.. but, that also exceeded in a matter a couple of weeks.

Not only me, my other blogger template designers are also struggling to find a reliable, free image host with unmetered bandwidth.

I tried to upload the images to blogger and copy the image url from the status bar and use it in templates.. but it didn't worked. But, recently I came to know that we can actually host the images( large) in blogger and hotlink,use them in templates, forums,etc.

Here is the trick..

As usual, create a new post in blogger and upload your template images to that post... but don't publish it... keep it as a draft.
Once you completed uploading all the images, Open each image in a new window.

Once, the image is loaded in the new window, what I previously did was to copy the image location from the status bar and paste/hotlink it in templates. But, it didn't worked!

Now, the trick is, many people don't know that the url which we copy from the status bar is not exactly the direct link to that image file... that's why we can't hotlink to that image.

So, what we have to do to hotlink to that image is Right Click on the image and ' Copy Image location'. (for firefox users). For Internet explorer users, Right click on the image and go to Properties and then copy the image url from there.

Example:
For the above picture, status bar shows...


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp2I1cOvOezrFEdtqrtcDlXM5Ftblys2QOKgh4uloxkMlP9i9ilPlecUZBbTbSsW6H_e4_VhyphenhyphenisoXXMyV9sQXk_bQ6hckIYN5nL1biJEiKFXFtaZff9q9DG0-XN3PwAr00247CG2xr1I0c/-h/2008-05-28_124414.jpg

which don't work.

And the Real image url we get after right clicking and copying image location is..


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp2I1cOvOezrFEdtqrtcDlXM5Ftblys2QOKgh4uloxkMlP9i9ilPlecUZBbTbSsW6H_e4_VhyphenhyphenisoXXMyV9sQXk_bQ6hckIYN5nL1biJEiKFXFtaZff9q9DG0-XN3PwAr00247CG2xr1I0c/s1600/2008-05-28_124414.jpg

Which works and we can do whatever we want.. with unlimited bandwidth :D
Hope this trick will be useful to many people who are searching for unlimited bandwidth image hosts.

� Blogger Tricks

How To Move Blogger Blog To Another Email Address

1.Login to Blogger Dashboard.

2.Click on "Settings" on your dashboard

3.Now click "Permissions" tab.

3.Under Blog Authors click on the "ADD AUTHOR" button.

4.Enter the email address of the person you wish to invite or that of your second email account and click on "Invite".

5.Go to your Gmail account and check Blogger email [invitation]. Click link and activate it, you will log in blogger.

6.Now log again with your previous(old) gmail account that you made invitation, go to Blogger Dashboard-->Settings-->permission and click give admin permission.

7.Now your blog can be managed by 2 email account, you can delete one (old) if you want.

Now you are done.

How To Add Eco safe: email, download PDF Badge To Blogger

This toolis very helpful to blogger.

1.Login to your dashboard--> layout- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to till you see this :

<data:post.body/>

4.Now copy below code and paste it just after <data:post.body/> .

<script type="text/javascript">
var ecov = "sh2";
document.write(unescape("%3Cscript src='http://eco-safe.com/js/eco.js' type='text/javascript'%3E%3C/script%3E"));
</script>

Now save your template and you are done.It will look like this.

This tool can see under your blogger post.

How To Remove Blogger Quick Editing Button Permanently

When you log into your blogger account,If you load your blogger website in same browser you can see quick editing buttons near your blogger widgets.If you don't like it you can remove it easily.

1.Login to your dashboard--> layout- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see this code\codes :

<b:include name='quickedit'/>

4.Now delete this code and save your template.

You are done.Now you can not see below button.

How To Add Blink Text To Blogger

This is a very very easy work.Just insert your text as following format.

<blink> Your Text Here </blink>

Look at the example below.

<blink> If You Enjoyed That Post Please Subscribe To My Rss Feed !!!</blink>

It will look like this :

If You Enjoyed That Post Please Subscribe To My Rss Feed !!!