Show the Avatars on your blogger comments

HI ALL now i wanna write a tutorial, but the tutorial is too late but give me chance to write it again..
To know what it means take a look at the comments here on this blog and you will see the profiles pictures of the commentators near to the comments.If you are using some default blogger template things would be much easy.Here is a little screenshot of the new feature.

Implementation of Comment Avatars

1.First of all Go to Blogger > Settings >Comments and enable “Show profile images on comment”

2.Now if you have a normal un customized template you will see the avatars on the comments on your blog.

3.If you have a customized template you will have to add some codes and play around with your template.For that first go to Blogger Layout >Edit HTML and backup your template.

4.Expand the widget templates and check if you can find this line there



<dl expr:class='data:post.avatarIndentClass' id='comments-block'>



If you can’t then that means we have something to do..

If you couldn’t find this,then do the following steps.

a)Find


<dl id='comments-block'>


and replace it with


<dl expr:class='data:post.avatarIndentClass' id='comments-block'>



b)Now Find all occurrences of


<a expr:name='data:comment.anchorName'/>



and replace each of it with


<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<div expr:class='data:comment.avatarContainerClass'>
<data:comment.authorAvatarImage/>
</div>
</b:if>



If you are using the author comment highlighting trick and if doesn’t work out with that trick,then leave a comment and i will try to help you out..
Further Styling.

If you want to add a default avatar for the ones with no profile pics,then place the CSS code just above


]]></b:skin>


CSS Code

.avatar-image-container {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW3bSYF3yDx0_HH4-2os-goU_Ku2TMASotWIsxvDXYtNfdezLmfFhedeu4BEpfKM_UbZ-ufDKbRL4BZ07jTd1Y2-RSgWFbxBWoYnIIv8YUHeBh2q7JcZplW54frWTQd7vy-6ePPDQSgA/s400/default.gif); width:35px;height:35px; }
.avatar-image-container img { border:none;}


You can customize the CSS according to what you need.

If you need bigger avatars instead of smaller ones,then use the following CSS instead of the one above.



.avatar-image-container{width:50px;height:50px;margin-top:-5px;}
.avatar-image-container img {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaKYx_yWQAOvvDS8XoqKCwiTP2vLRu_Q4zwWh1gfPBzRdlu_M22B-BSs9yUR8dOOqKHXg7IAu628CPSBIZ2MFHzEwmGiFDXH4SOnARyJOIuqIQyLVKFXJ1fpbzcLDsMVppiNYffwfGwD8/s400/grav.png);width:50px;height:50px;}



This will give you a bigger avatar and also a default gravatar image but it has a little drawback.It will also resize the small blogger favicons to a big size.(blooger favicon is displayed when a blogger user doesn’t have a profile avatar.Similarly OpenId also has a similar small icon.. ).

BTW to set you avatar pic you can use two methods.You can choose the edit profile link on your blogger profile and upload an image there,The second method is to enter a blogger comment somewhere in any blogger comment form and then click the Preview button instead of the Post Comment button.Now you will see an option to upload your avatar.

In case anything bad happens restore the template backup.. and comment here..:)

before it thanks to www.bloggerplugin.org

Read rest of entry

Free blog hosting for you | okayblog.net

blogging is a new activity in this world, Many people find the joy of writing down their daily activities into a journal. Sharing new experiences with other people can give them happiness. With a blog, they can make it easier to do.with blogging we can do anything,
if we wanna be a proffesional blogger we have to have a blog hosting, but to rent a blog hosting we need some money, but how can we do it, if we dont have enough money, and are you looking for a Free Blog Hosting ? and you need a good service with Free Blog Hosting for your blog,  okey guys i will help you now!

there are many a free blog hosting for you with their own advantages and disadvantages. Okayblog[dot]net is one of the free blog hosting sites you can use to share ideas, thoughts, and anything.and to register in the okayblog is very easy.

and do you know ? Okay Blog is a free blog hosting site powered by Wordpress blogging software. Create a blog at your own url provided for free by okayblog.net.

I recommend you use the its sevice because it's very cool.



in the okayblog, have a good service and many features like recent blog post that will automatically show your post right after you publish it, updated blogs that lists any recently updated blogs and most popular blogs feature. At least, your blog will be appeared in recent blog posts and updated blogs features. For this and other reasons,and do you wanna try??

Read rest of entry

Be Smart and create your blog at thoughts.com

Do you like blogging and writing ? i think smart people like it because writing is really a fun activity. you know why, because with writing we can tell everything in your mind and imagination.
there are many choices to publish your pieces of writing.but The easiest option is blogging but where we can be blogging with easy?, I have a good choice for you, thoughts.com yeah, you will be smart and easy to create a blog with thoughts.com.
Thoughts.com is a very active social conversation site with a selection of easy-to-use widgets that give you complete control over how you interact with the community.The people at thoughts enjoy writing and they have a solid community based on the site’s “one love policy". You are not required to agree with everyone, but they do require people to be respectful of each other and they also ask you to consider others peoples perspective in the case of disagreements. They do this with the hope that we all can learn more from our experiences and society can better adapt to the rapidly changing times.
Thoughts.com has many of the same features that one would expect from a social network such blogging, photo gallery,read forums and watch videos, it offers one up on the Big 3 with Podcasts.
thoughts.com is different with the others and i like it, because it is easy to use, besides that you can create a blog,and then you can connect your thoughts with the world, how,
ok,what are you waiting, lets join to thoughts.com and do blogging

So, if you want to experience another social networking, simply create your blog here.

Read rest of entry