3D jQuery Cloud Menu List For Blogger : Blogger Tricks And Hacks

Blogger Cool 3D Cloud Menu List - Blogger Widgets

To Install This Tag Cloud Widget Into Your Blogger Followings Steps :-

Step 1:- Log in to blogger.com And Goto  Design > Edit HTML.

Step 2:- Now Find </head> Tag  using Ctrl+F.

Step 3:- Paste below code Before </head> Tag.

<style type="text/css" media="screen">
#list{
margin:0 auto;
height:200px;
on:relative;
width:200px;
overflow:hidden;
posit
i
ckground-color: #000;}
b
a
list ul,
##list li{
none;
margin:0;
list-style
:padding:0;}
#list a{
t-decoration: none
position:absolute;
te
x;
color:#666;
font-size:20px;}
yle>
<script s
#list a:hover{
color:#ccc;}
</s
trc="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src='http://bloggertrix.googlecode.com/files/Cloud.js' type='text/javascript'/>

You can change Background color by changing #000  color code.

Step 4:- Now Go to Design >  Page Element.

Step 5:-Click Add Gadget and select 'HTML/Javascript

Step 6:- Paste below code.

<div id="list">
<ul>
<a href="#">Ajax</a></li>
<li>
<li>
<a href="#">Css</a></li>
</li>
<li><a href="#">Firefox</
<li><a href="#">Design</a
>a></li>
<li><a href="#">Flash</a></li>
f="#">Chrome</a></li>
<li><a 
<li><a href="#">Html</a></li>
<li><a hr
ehref="#">jquery</a></li>
<li><a href="#">PHP</a></li>
li>
<li><a href="#">Safari</
<li><a href="#">SEO</a></li>
<li><a href="#">Page</a><
/a></li>
<li><a href="#">Web</a></li>
</ul>
</div>

Note 1:- Replace # with your Links

Note 2:-Replace Links name with your any name.

Step 7:-  Now save your HTML/Javascript' Gadget.