03 February 2008 ~ Blogger Templates Designs Plugins Widgets Hacks Tips Tricks Tutorials

09 February 2008

Add "Review My Blog" Widgets My Blogger

How to Add "Review My Blog" Widgets My Blogger

User reviews are one of the most valuable interactive features your site can deploy. By building trust and confidence, reviews improve conversion rates, time on site and overall site experience. Users can add their own reviews, rate reviews submitted by others and engage in threaded conversations. Please take note that when you make a review, you are reviewing that specific url.

Below you can click to see the demo and please give this widget or my site a review.

How to Add "Review My Blog" Widgets My Blogger
The HTML code:

<div class="js-kit-rating"></div>
<div class="js-kit-comments"></div>
<script src="http://js-kit.com/reviews.js"></script>

For google powered blogs:

+/- See the Demo

feedback widget,

How to Add "Review My Blog" Widgets My Blogger

08 February 2008

How to Add flash Animated label cloud Blogumus for Blogger

43 Comments

How to Add flash Animated label cloud Blogumus for Blogger

"Blogumus" is an Flash based tag cloud widget which uses scripts converted from Roy Tanck's WP Cumulus plugin for Wordpress. I fell in love with Roy's original Cumulus plugin when I saw it, and simply had to learn how to convert this for use in Blogger powered blogs. The result is the widget you can see in action at the top of this post. Hover your mouse over the Flash object to see the animation begin. In this post, I'll explain how you can add Blogumus to your own Blogger layout with ease!

How to Add flash Animated label cloud Blogumus for Blogger

Step 1:
First Of all Goto Your blogger Layout>Page Elements page and add a Labels Widget there..You can Do that using the Add a Page Element Option on that

Choose to sort the labels Alphabetically when prompted.

Step 2:
After Adding the Label Widget Goto Layout>Edit Html (Do not expand the widget templates for the sake of easy explanation)

You will find some code similar to


<b:widget id='Label2' locked='false' title='Labels Cloud' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'>
<data:label.name/>
</span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
<data:label.name/>
</a>
</b:if>
<span dir='ltr'>(<data:label.count/>)</span>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Immediatly after this line, paste the following section of code:


<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'><center>

<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a
href='http://www.roytanck.com/'>Roy Tanck</a> and <a
href='http://www.bloggerbuster.com'>Amanda
Fazani</a> | Distributed by <a href='http://blogger-templates-designs.blogspot.com/'>Blogger Templates Designs</a></div>
<script type='text/javascript'>
var so = new
SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf",
"tagcloud", "240", <!-- width="240" -->
"300", "7", <!-- height="300" -->
"#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud",
"<tags><b:loop values='data:labels'
var='label'><a expr:href='data:label.url'
style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>

 <b:include name='quickedit'/></center>
</div>
</b:includable>
</b:widget>

Then preview your template. If installed correctly, you should see the tag cloud appear in your sidebar.
If you want to change the size and colour of the label cloud , just play around with the highlighted numbers in the code and you will do fine.

How to Add flash Animated label cloud Blogumus for Blogger

07 February 2008

Add Posts Ratings Widgets for Bloggers

6 Comments

How To Add Posts Ratings Widgets for Bloggers

Give your readers the option to rate your blog posts.
Are you curious to know what your readers think about your site's content? By adding the outbrain rating widget you will get immediate feedback from your readers, and they will get easy and quick access to your best content. This widget works for Blogger, Wordpress, Drupal, a website/javascript, and Feedburner.

How To Add Posts Ratings Widgets for Bloggers

Steps:

Click on "Template"

Click on "Add page element"

Click "HTML/Javascript"

Copy and paste the code below

Click "Save"


<script language="JavaScript">
var OB_platformType = 1; var 
OB_demoMode = false;
var OB_langJS ='http://widgets.outbrain.com/lang_en.js';
</script>
<script src="http://widgets.outbrain.com/OutbrainRater.js" type="text/javascript"></script>

OR

You can get this rating widget here.Thanks to outbrain for providing this great widget.

How To Add Posts Ratings Widgets for Bloggers

06 February 2008

Plugins Recent Comments Widgets in Blogger

2 Comments

Plugins Recent Comments Widgets in Blogger

05 February 2008

Widgets Add Google Talk To Your Blogger

7 Comments

Widgets Add Google Talk To Your Blogger

Google Talk, long a fixture in Gmail, can now be added to your blog as a gadget.

The Google Talk Gadget lets you send instant messages, transfer files, make voice calls (to other Google Talk users) and leave voicemail messages. If you paste a Picasa Web Album or YouTube URL into a chat session, the gadget gives you an instant preview of the photos and videos.