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

Read More...

08 February 2008

How to Add flash Animated label cloud Blogumus for Blogger

How to Add flash Animated label cloud Blogumus for Blogger

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

How to Add flash Animated label cloud Blogumus for Blogger
How to Add flash Animated label cloud Blogumus for Blogger
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

Read More...

07 February 2008

Add Posts Ratings Widgets for Bloggers

How To Add Posts Ratings Widgets for Bloggers



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

Read More...

06 February 2008

Plugins Recent Comments Widgets in Blogger

Plugins Recent Comments Widgets in Blogger


Customize Widget

http://.blogspot.com

characters


           

Plugins Recent Comments Widgets in Blogger

Read More...

05 February 2008

Widgets Add Google Talk To Your Blogger

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.




Widgets Add Google Talk To Your Blogger

Read More...

04 February 2008

Sudoku Widgets Generates Random Puzzles Game

Sudoku Widgets Generates Random Puzzles Game





The Sudoku widget generates random puzzles with five different levels of difficulty and shows when you have entered an incorrect answer.




Sudoku Widgets Generates Random Puzzles Game

Read More...

03 February 2008

Widgets Add a Search form in Blogger

Widgets Add a search form in Blogger


Search




Add Widgets Blogger Search Engine in the Sidebar of your blog.





Widgets Add a search form in Blogger

Read More...