How to Make Recent Comment Widget Avatar On the blog . Installing the recent comment widget will be very useful to manage or monitor the newly incoming comments on a blog , because it will be very long and frustrating if we have to check post one by one just to see if there are comments coming . If the article post number only around under dozens may have not been very troublesome , but if it is above the hundreds would be very time consuming . It could be the new comment notification is directed to enter admin email has been set in the " Comment Notification Email " . Then automatically you can open and read the comments that go with opening the email . This method is also troublesome , because we have to open a new tab to the left to focus on the blog . I therefore inform how How to Make Recent Comment Widget Avatar The Blog . With this widget not only makes it easy for you see comments coming , because as soon as you open your blog will be immediately posted a widget that contains the comments of visitors to your blog in your blog homepage . other than that , this widget will also add to the beautiful look of the blog .
If you are interested to also build your Widgets Recent commet Avatar On the Blog please follow the instructions below :
1 . Log in dassboard blogger .
2 . Select the Layout .
3 . Choose more add gadgets then find > HTML / Javascript .
4 . Copy and paste the code below in the HTML box .
<style type="text/css">
ul.tb_recent_comments { list-style : none ; margin : 0 ; padding : 0 }
. tb_recent_comments li {background : none ! important; margin : 0 0 6px ! important; padding : 0 0
0 6px ! Important; display: block ; clear: both ; overflow: hidden ; list-style : none ; }
. tb_recent_comments li . avatarImage { padding : 3px ; float: left ; margins ; 0 6px 0 0 ;
position: relative ; overflow: hidden ; }
. tb_recent_comments li
img { padding : 0px ; position: relative ; overflow: hidden ; display: block ; }
. tb_recent_comments li span { margin -top : 4px ; color: # 666 ; display: block ; font-size : 12px ;
font - style : italic ; line-height : 1.4 ; }
< / style>
<script type="text/javascript">
/ / < ! { CDATA [
/ / Recent Comments Settings
varnumComments = 5 ,
showavatar = true ,
avatarSize = 50 ,
characters = 60 ,
defaultAvatar = " http://www.gravatar.com/avatar/?d=mm " , hideCredits = true ;
/ / ] ] >
< / script >
< script type = "text / javascript "
src = " http://yourjavascript.com/21127115623/rcentcmmntavr.js " >
< / script >
< script type = "text / javascript " src = " http://tipsmudah-blog.blogspot.com/
feeds / comments / default ?
alt = json & callback = tb_recent_comments & max - results = 5 " > < / script >
So How to Make Recent Comment Widget Avatar in Blog . It's easy and only takes less than 5 minutes. But there is need to consider before you save the template and the template preview . Consider some of the sentences that are marked with gray Color ( 5 ) : the number of comments that appear . You can change it needs Color Green (50) : Blue avatar color pixel size (60) : Number of alphabetic characters comment . You can add it. Amber color: Replace the URL of your Blog. Hopefully this article I have presented useful and good luck.
0 comments :
Post a Comment