1News Online:
Home » » Way pairs Recent comments widget with avatar (image profile) on Blogspot

Way pairs Recent comments widget with avatar (image profile) on Blogspot

Monday, October 15, 2012 | 5:35 PM




Recent comments with avatar (profile image) as you can see on the sidebar of my blog is very interesting widgets. Widget is currently displaying an avatar photo providers along with comments brief comment on the relevant post in Blogger.

To install widgets with avatar's recent comment on your blog, please follow the steps below.

step 1

Log in blog> Dashboard> Layout> Add A Gadget. Next click on HTML / Javascript.

step 2

Copy and paste the code below in the space Content HTML / Javascript (see step 1).



<style type="text/css">
#recentcomment {
width:98%;
margin-left:5px;
}
img.recentcomment-avatar {
background:#fff;
float:right;
padding:2px;
margin:2px -2px 0px 0px;
height:30px;
width:30px;
border:solid #ddd 1px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 1px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 1px 0px 0px rgba(0,0,0,0.3);
box-shadow: 0px 1px 0px rgba(0,0,0,0.3);
}
td div.recentcomment-content a,td div.recentcomment-content a:hover{
font-family: 'trebuchet ms';
font-size:1.00em!important;
color:#2C2929;
text-decoration:none;
}
div.recentcomment-content{
font-size:1.00em!important;
text-decoration:none;
line-height:1.45em;
letter-spacing:0.03em;
background: #fff;
padding:4px;
border:1px solid #ddd;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 1px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 1px 0px rgba(0,0,0,0.3);
box-shadow: 0px 1px 0px rgba(0,0,0,0.3);
}
</style>

<script type="text/javascript">
ava_mode = "all";
var cm_num = 5;
var cm_desc = 13;
var homepage = "http://maribinablog.blogspot.com/";

var cm_ava = new Array();
cm_ava['openid'] = "http://3.bp.blogspot.com/-6kHTbPmPW6A/TuZpM4kzZCI/AAAAAAAAAbY/yNkCTBfl8IE/s1600/blogger.png";
cm_ava['livej'] = "http://3.bp.blogspot.com/-6kHTbPmPW6A/TuZpM4kzZCI/AAAAAAAAAbY/yNkCTBfl8IE/s1600/blogger.png";
cm_ava['wp'] = "http://3.bp.blogspot.com/-6kHTbPmPW6A/TuZpM4kzZCI/AAAAAAAAAbY/yNkCTBfl8IE/s1600/blogger.png";
cm_ava['typepad'] = "http://3.bp.blogspot.com/-6kHTbPmPW6A/TuZpM4kzZCI/AAAAAAAAAbY/yNkCTBfl8IE/s1600/blogger.png";
cm_ava['aim'] = "http://3.bp.blogspot.com/-6kHTbPmPW6A/TuZpM4kzZCI/AAAAAAAAAbY/yNkCTBfl8IE/s1600/blogger.png";
cm_ava['url'] = "http://1.bp.blogspot.com/-eUjiOVpSBmw/TuZpNJ0w8-I/AAAAAAAAAbk/MQCBeyTefdI/s1600/user.png";
cm_ava['anon'] = "http://1.bp.blogspot.com/-bCPKKy16aV4/TuZpM901nkI/AAAAAAAAAbQ/GEM1G_Nym_Y/s1600/anonymous.png";

</script>
<script src="http://javscript-code.googlecode.com/files/recent-comment-avt.js" type="text/javascript"></script>

Save.
Kongsi artikel ini : :

Post a Comment

 
Copyright © 2012. 1News Online - All Rights Reserved
Proudly powered by Blogger