14 How to Change Default Blogger Anonymous Avatar Comments

Changing default Blogger anonymous avatar on threaded comments. After Blogger announced new feature of threaded comment, we still can costumize avatar for whose comment with 'anonymous' or 'Name/URL'. At first time Blogger using blank image http://img1.blogblog.com/img/blank.gif, so we can hack the template with background for avatar.

Now Blogger using avatar with URL http://img1.blogblog.com/img/anon36.png, and we can't hack this image with background. But we should use jQuery script to hack this. And Let's we go... :)

To change default Blogger anonymous avatar, follow simple steps below:

1. Go to Template -> Edit HTML
2. Find </body>
3. Add this code just before </body>

<script src='http://code.jquery.com/jquery-latest.js'/>
<script>
$("img[src='http://img1.blogblog.com/img/anon36.png']")
.attr('src', 'your-avatar-url-here')
.ssyby('blank')
</script>

4. Save

Replace the red text with your avatar URL. Or you can select below URLs to replace the link.

1. Blogger

http://4.bp.blogspot.com/-YXqDPLzUBOk/T2cTb8Oru8I/AAAAAAAABoY/jBiDzNtxalU/s1600/blogger2.jpg

2. Anon6

http://1.bp.blogspot.com/-kR2Y_oJ6aSg/T2cUI61bGhI/AAAAAAAABoo/L3CbI2ONU4c/s1600/anon6.png

3. Anon7

http://3.bp.blogspot.com/-zooNSeneo0Y/T2cXjizVMVI/AAAAAAAABow/u27OI-WsIUU/s1600/anon7.jpg

Continue Reading

12 Fixed: Yahoo Smileys on Blogger Threaded Comment

On my previous post I have told about Adding Yahoo smileys on Blogger Threaded Comments. But it's doesn't work when Blogger has updated new JavaScript code. Blogger has updated "blockquote" tag to "p" tag.

If you have added our script to your template, replace the old script with newer script.
The old script will look like below:

<script src='http://bloggerhack.googlecode.com/files/ysmiley.js' type='text/javascript'/>

Replace with

<script src='http://bloggerhack.googlecode.com/files/ysmiley_fixed.js' type='text/javascript'/>

Save your template and done.

If you are a new visitor to our site, please read our previous post about Adding Yahoo smileys on Blogger Threaded Comments.

Continue Reading

23 Adding Yahoo Smileys on Blogger Posts and Widgets V.2

Adding Yahoo Smileys on Blogger Posts and Widgets. On my previous post, I have wrote about How to Add Yahoo Smileys Emoticon on Blogger Threaded Comments. Now let's we hack the templates with a simple JavaScript code, and Yahoo Smileys will apear on your post and widget.

To add yahoo smileys emoticon on your posts and widgets , just follow two simple steps:
1. Adding CSS Code
2. Adding JavaScript code

Adding CSS Code

1. Go to your Dashboard  > Template > Edit HTML
2. Add bellow code just before ]]></b:skin>

<!-- Yahoo Smileys on Posts and Widgets by BloggerHack.com Code Start-->
img.bhsmly {
    height: auto !important;
    vertical-align: middle !important;
    width: auto !important;
    border:0px !important;
}
<!-- Yahoo Smileys Code End-->

Adding JavaScript

1. Add bellow code after ]]></b:skin>

<!-- Yahoo Smileys Script on Posts and Widgets by BloggerHack.com -->
<script src='http://bloggerhack.googlecode.com/files/ysmileyspostwidget.js' type='text/javascript'/>

2. Save the template, and done...

Continue Reading

34 Adding Yahoo Smiley on Blogger Threaded Comments

Adding Yahoo smiley is an old hack, but when we switch comment system to Blogger Threaded Comments (a new blogger comment system) the script doesn't work. One of Blogger from Indonesia, Kang Ismet has released a new script for Yahoo smileys on Blogger Threaded Comments.

 

To add yahoo smileys emoticon on your comment, just follow three simple steps
1. Adding CSS Code
2. Adding JavaScript code
3. Adding HTML code

Adding CSS Code

1. Go to Blogger Dashbord > Template > Edit HTML
2. Click on Expand Widgets tick box
3. Add bellow code just before ]]></b:skin>

<!-- Yahoo Smileys by BloggerHack.com Code Start-->
.bloggerhackysmile {
    background: none repeat scroll 0 0 #EFF5FB !important;
    font-size: medium !important;
    padding: 10px !important;
    text-align: left !important;
    font-weight:bold !important;
    font-size:11px !important;
}
img.bhacksmly {
    height: auto !important;
    vertical-align: middle !important;
    width: auto !important;
    border:0px !important;
}
<!-- Yahoo Smileys Code End-->

Adding JavaScript

1. Search for </body> tag
2. Addlbellow code before </body> and Save Template.

<!-- Yahoo Smileys Script BloggerHack.com -->
<script src='http://bloggerhack.googlecode.com/files/ysmiley_fixed.js' type='text/javascript'/>

With two steps above, you have added Yahoo Smiley on your Blogger Comments. But smileys doesn't appear above your comment form. To show smileys and codes, follow the last instruction about Adding HTML code.

Adding HTML code

1 Search for bellow tag.

<div class='post-footer-line post-footer-line-3'>
code...
</div>
</b:includable>

2.Add below code between </div>and </b:includable>

<!-- Yahoo Smileys by BloggerHack.com Star-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='background-color:#FEF8EC; border:none; width:100%; padding:10px; height:100px; overflow:auto;'>
<div class='bloggerhackysmile'>
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/> :)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/> :(
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/> ;)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/> :D
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/> ;;-)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/> :-/
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/> :x
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/> :P
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/> :-*
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/> =((
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/> :-O
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/> X(
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/15.gif'/> :7
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/16.gif'/> B-)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/17.gif'/> :-S
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/18.gif'/> #:-S
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/19.gif'/> 7:)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/> :((
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/> :))
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/> :|
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/23.gif'/> /:)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/> =))
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/25.gif'/> O:-)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/26.gif'/> :-B
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/27.gif'/> =;
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/101.gif'/> :-c
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/> :)]
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/> ~X(
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/103.gif'/> :-h
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/> :-t
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/105.gif'/> 8-7
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/28.gif'/> I-)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/29.gif'/> 8-|
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/29.gif'/> L-)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/31.gif'/> :-a
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/32.gif'/> :-$
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/33.gif'/> [-(
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/34.gif'/> :O)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/> 8-
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/36.gif'/> 2:-P
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/37.gif'/> (:|
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/38.gif'/> =P~
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/39.gif'/> 
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/40.gif'/> #-o
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/41.gif'/> =D7
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/42.gif'/> :-SS
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/43.gif'/> @-)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/44.gif'/> :^o
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/45.gif'/> :-w
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/47.gif'/> 7:P
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/48.gif'/> 2):)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/109.gif'/> X_X
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/110.gif'/> :!!
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/111.gif'/> \m/
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/112.gif'/> :-q
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/113.gif'/> :-bd
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/114.gif'/> ^#(^
<img alt='' class='bhacksmly' src='http://l.yimg.com/a/i/us/msg/emoticons/pirate_2.gif'/> :ar!
</div></div></b:if>
<!-- Yahoo Smileys by BloggerHack.com End-->

3. Save t he template, and you are done..

Continue Reading

20 How To Enable Threaded Comments on Blogger / Blogspot

Blogger Threaded Comments. Finnaly Blogger has launched new threaded comments. Threaded commenting should make it easier for you to respond to individual comments. Blogger threaded comment system is only two levels deep, meaning you can only reply to original comments, and not to comment replies . But I guess it’s a good start. Let's wait for new update from Blogger.

How To Enable Threaded Comments on Blogger / Blogspot

As mentioned on Blogger buzz official site, you have to setup your blog. “Blog Feed” set to “Full”, and are using “Embedded” comments, then you’re ready to start a discussion with your readers.

Blogger New Interface

1. Go to Dashboard , select your blog.
2. Go to Settings > Posts and Comments
3. Comment Location option set to Embedded

4. Go to Settings > Other
5. Allow Blog Feed option set to Full

Blogger Old Interface

1. Go to Dashboard, select your blog.
2. Go to Settings > Comments
3. Comment Form Placement option set to Embedded below post

4. Go to Settings > Site Feed
5. Allow Blog Feed option set to Full

STILL NOT GETTING THREADED COMMENTS?

If sou still not getting threaded comments, let's two alternative method for Standard Templates and Costumized Templates.

Standard Templates

1. Go to Design > Edit HTML
2. Click on Revert widget templates to default link

You can do this step for Costumized Templates, but this will Discard the all Changes Widget and revert to Default

Costumized Templates

1. Go to Template > Edit HTML
2. Click on Expand Widget Templates check box
3. Find the Following code

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:include data='post' name='comments'/>
</b:if>

4. You will get two results. Replace both code with following code

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
b:include data='post' name='comments'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>

5. Save the Template!

Still getting problem? Share your comment here!

Continue Reading

9 Adding Twitter Follower Box Widget for Blogger

Twitter Follower Box. Many blogger have been waiting for this great application, that allows your visitors to follow you via twitter without leaving your site. It's called Twitter Follower Box or Twitter Fan Box. It works like and is closely based on Facebook fan/Like box algorithm. The code for this Fan box is created by Mark Carey.

If you've visited author site, and follow him on twitter, you'll see the code shown. But you can resize the widget size as you need. Now I'll give you the code, which you can resize to fit in your blog.

Follow the steps below to add this easy to use Follower Box / Fan box to your Blogger Blogs.

1. Go To Blogger > Design
2. Select HTML/JavaScript widget
3. Paste the code below inside it

 <!-- Twitter Follower Box -->
<script type='text/javascript'>
function fanbox_init(screen_name){document.getElementById('twitterfanbox').innerHTML='\<iframe name=\"fbfanIFrame_0\" frameborder=\"0\" allowtransparency=\"true\" src=\"http://s.moopz.com/connect.html?user='+screen_name+'\" class=\"FB_SERVER_IFRAME\" scrolling=\"no\" style=\"width: 295px; height: 250px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; \"\>\<\/iframe\>';}
</script>
<div id="twitterfanbox"></div><script
type="text/javascript">fanbox_init("blogger_hacks");</script
type="text>
<!-- End Twitter Follower Box -->

4. Replace blogger_hacks with your twitter username
5. Save and you are done!

The wiget will looks like image bellow.

If you needed any help about Adding Twitter Follower Box for Blogger feel free to post your question.

Continue Reading

12 Disable Right Click on Image Without JavaScript

Some time you have ever worked really hard on graphics for your site only to find later that someone has stolen them as their own. You can help encrypt and protect your site with simple adding code.
There are numerous ways to secure and protect your web site from those who want to steal your content or images.

Some webmasters using JavaScript to disable the right click menu on their websites to prevent people from saving images onto their desktop. Buti now I'll give you a simple way, without javascript or editing HTML code on your Blogger dashboard.

Standard image code sample:

<img src="http://yoursite.com/image.png" />

Add this code after image URL

oncontextmenu="return false;"

Finally your code look like this

<img src="http://yoursite.com/image.png" oncontextmenu="return false;" />

Continue Reading