Blogger Templates Designs Plugins Widgets Hacks Tips Tricks Tutorials
Showing posts with label Widgets and Add-ons. Show all posts
Showing posts with label Widgets and Add-ons. Show all posts

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...