Go to Blogger in Draft to see this widget option.
Popular Post widget
From the widget name, we can known the function of this widget. Look this option screen shoot from this widget.
Blog Stat widget
This widget look like page counter, but this one have a graphic or textual version. It will look more interest with graphic stat.
To add these widget, log in to Blogger in draft - Design - Add gadget.
Happy blogging with Blogger ...
Blog Stats and Popular Posts widgets for Blogger
Classic style Mybloglog widget
Default display of the widget is look like this :
and you will change to be like this ( or see in this blog at top corner ) :
Step 1 - Code customization
For example, this is my widget code. Copy your MBL ID ( bold type ): <script src="http://pub.mybloglog.com/comm3.php?mblID=2008030815001341&r=widget&is=normal&o=l&ro=4&cs=black&ww=220&wc=single&l=a"></script>
And now, use this code and change with your MBL ID. Please set the size of the widget with your blog :<script src="http://pub.mybloglog.com/comm2.php?mblID=YOUR_ID_HERE&c_width=370&c_sn_opt=n&c_rows=2&c_img_size=h&c_heading_text=&c_color_heading_bg=eeeddf&c_color_heading=111&c_color_link_bg=eeeddf&c_color_link=c13a10&c_color_bottom_bg=ffffff" type="text/javascript"></script>
you can add some text after that code, like this :<p align="center"><b>Join in our commuity now </b> : <a target="_blank" href="http://www.mybloglog.com/buzz/community/your community name/">
[ View ]</a> | <a target="_blank" href="http://www.mybloglog.com/buzz/yjoin/?ref_id=YOUR_ID_HERE&ref=w">
[ Join! ]</a></p>Step 2 - CSS code
Put this code after </b:skin> code/* Mybloglog
--------------------------------------
*/
td.mbl_fo_hidden{display:none}
tr#tr0{display:none}
th.mbl_h{display:none}
And save all your works ! And now your widget turn in to classic. Happy blogging :)
New Bloggercustom Service - Web Design
I have join some web design contest and logo in 99Designs, most of them failed to be winner. You can see my Portofolio or recent design here for consideration. 
The conclusion, you can order :Design : Web ( no CODING) + Logo or Logo only
Price :
1. Web = US $125 - US$400 ( see the level of difficulty )
2. Logo = US$30 - $180 ( see the level of difficulty )
Design format *) :
Web = Illustrator (.ai) and Corel Draw (.cdr) only - PSD layered not supported
Logo = Illustrator and Corel Draw
Estimated time = 3 days - 5 days
*)For best result :
1. We can discuss it first and talk about your design concept and the price.
2. Corel Draw format is recomended
If you intersiting, contact me here or send me email at 99designs. Thanks ...
Google Buzz widget in Blogger blog
Gogle Buzz is a new social network from Google. These very similar with Facebook ot Titter. If you see on Mashable.com, the button have a counter to indicating that how much the post have been submit to Blogger Buzz. But, this widget don't have counter number. Want to put this to your Blog ? Follow this step if you want to add Google Buzz widget to your Blogger blog.
1. You need prepare this image which use as button. [ex :http://i48.tinypic.com/idyc04.png]
2. Then, Go to Edit HTML and copy this code below :<div style="float:right;padding:4px;">
<a expr:href='"http://www.google.com/reader/link?url=" + data:post.url + "&title=" + data:post.title + "&srcTitle=" + data:blog.title+ "&srcURL=" + data:blog.homepageUrl ' rel='nofolloW' style='text-decoration:none;' target='_blank'>
<img alt='Buzz It' src='http://i48.tinypic.com/idyc04.png' style='border:0px;'/></a>
</div>
3. Put that code after <div class='post-header-line-1'/> code
4. Or if can't find it, put them after <data:post.body/> code.
5. Done !
Save your tempalte right now, and look the changes.
Enable avatar comment on custom template
How I know that my template is custom template or not ?
Go to Setting - Comments. Then select yes in "Show profil " . After that, look the post that have a comment or more. If you see space with avatar, photo, or blogger logo. Its mean your modification is succesfully. If it doesn't work well. Follow this step carefully ...Step 1
Find <dl id='comments-block'> code.
Then replace with <dl expr:class='data:post.avatarIndentClass' id='comments-block'> code.Step 2
Put this code ...<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
after <a expr:name='data:comment.anchorName'/> code. So, it be look like this ... <a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>Solution for blank avatar
The Blogger Avatar comment just working well ( show the photo profile ) when your blogger account logging in. So, if you comment as Name / URL is just appearing blank zone. For the solutions, add some pictures to discard the blank zone. For example I have a pictures with 32 px resolution here.. Put this CSS code after </b:skin> code
/* Avatar */
.avatar-image-container img {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPV4gk1myb6y9tS9nkWZK-Vi46AxRkiQOd_UIumoFL329VqTBCNIgjmafpqZS-3Kw8zWvDnLz0yt4ofE0Fil2HrV8c7A0z7dviv0aHG5cTccGydSkd6u-1Th81Vdj0XDFC6rSkLTaEAu4R/s320/AvatarBlogger.png);
width:35px;
height:35px;
}
Then find and replace <a expr:name='data:comment.anchorName'/> code with this code ...
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='35px' style='margin-bottom:-2px;' width='35px'/>
</b:if>
Overall, you have done to hack avatar comment for blogger. Save your work.
Subscribe to:
Posts (Atom)
