MatrixAdapt | Logiciel de gestion d'Entreprise, Création et référencement des sites web

This is a simple trick for all bloggers. Just following this post and get this widget.

• Log in to blogger account > Go to Design >> Page Element

• Click Add Gadget and select 'HTML/Javascript'

•  Paste below code {Change/Add image url (Red Color)}.

Copy this code:

<style type="text/css">

#gallerydiv {

padding:0;   

margin:0; 

list-style-type:none; 

height:267px; 

width:535px; 

overflow: hidden;

}

#gallerydiv a {

width: 40px;

float: left;

width: 40px;

height: 267px;

overflow: hidden;

text-decoration:none; 

cursor:default; 

}

#gallerydiv a.d { overflow: visible; }

#gallerydiv a:hover {

width: 400px;

}

#gallerydiv a img {

border:0; 

margin:0; 

padding:0;

}

</style>

<div id="gallerydiv">

<a href="#" class="a"><img src="http://www.matrixar.com/-IfT2cC5n4mU/UDpKU9Ul8rI/AAAAAAAABGw/kaEpB4JR3x0/s1600/pic1.jpg" alt="multi"  /></a>

<a href="#" class="b"><img src="http://www.matrixar.com/-Q__MRSJOTfM/UDpKYrVLcQI/AAAAAAAABG4/99uuMj7xunA/s1600/pic2.jpg" alt="green" /></a>

<a href="#" class="c"><img src="http://www.matrixar.com/-vMa41jY_j7A/UDpKbzSecwI/AAAAAAAABHA/P40SaUSg7VM/s1600/pic3.jpg" alt="blue" /></a>

<a href="#" class="d"><img src="http://www.matrixar.com/-6hsPR2w_gjQ/UDpKe0YRVJI/AAAAAAAABHI/FgkZw7ClBoc/s1600/pic4.jpg" alt="red globe"  /></a>



</div>