hovergallery

 Вставляем в шаблон блога:

<style type='text/css'>
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.hovergallery img{
-webkit-transform:scale(0.8); /*Webkit: Scale down image to 0.5x original size*/
-moz-transform:scale(0.8); /*Mozilla scale version*/
-o-transform:scale(0.8); /*Opera scale version*/
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; /*Opera duration version*/
opacity: 1; /*initial opacity of images*/
margin: 0 10px 5px 0; /*margin between images*/
}
.hovergallery img:hover{
-webkit-transform:scale(1.1); /*Webkit: Scale up image to 2x original size*/
-moz-transform:scale(1.1); /*Mozilla scale version*/
-o-transform:scale(1.1); /*Opera scale version*/
box-shadow:0px 0px 30px gray; /*CSS3 shadow: 30px blurred shadow all around image*/
-webkit-box-shadow:0px 0px 30px gray; /*Safari shadow version*/
-moz-box-shadow:0px 0px 30px gray; /*Mozilla shadow version*/
opacity: 1;
}
</style>

 

Вставляем в поле сообщения:

 <div class="border3">  <div dir="ltr" style="text-align: left;" trbidi="on"><center><div class="hovergallery" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img height="213" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1nIxe3PGlVrSop390EJsBSuMLdJfH7MwxjaQ_1wgW_wJ70qYK-ZTCCSwkdq6OcvGVb0BnI94vA3QMRYyJ7_D2RsbFqAurPCDxJIiRoP3kAsqxQN1m67rEXwv44PdLy-kxmwfDOPfmg0484EPUr-Zas2vk2o10PQeiUDQ9rAh3sG6v2S2nYApNKwYdgGQ/w320-h213/_DSC2380_19.jpg" width="320" /></div><div class="hovergallery" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img height="213" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgapHjVOueDqJ3f2umNWhJomDS8AcXpoxVrItoMjqYFgWppd7_sRw5hO1C7uIc0bfm4pGFElGwUqadBbRet42cWnbID50cZG6Re2t6_FK5iIy6lFq_6AI19wgDBpjBPTK5K5Zhf_JvDJMCfVMafgZodvGoyHNkFU6LlUHe4Sx-OgrmbrNbEvQxgJ0A0F9U/w320-h213/_DSC2304_19.jpg" width="320" /></div><div class="hovergallery" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img height="213" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg2v2sF93Dm38t0g9ylXcI3_kBS8r1U-lIUdBwB5g6Lt3tlkhu4TSg_pYgsLwcePzSFW2fuascCC5BSb5U9RbM9CwOiSIlgOCi13Mtns1asD7F0mX0VUfREVJb63wvxKTcqpDbA8AE1l2NEJ6GTxoBO-hFTPgYqUFThUNl6-hnQoRhgsQUa2uwiiTQkIc/w320-h213/_DSC2057_19.jpg" width="320" /></div><div class="hovergallery" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img height="214" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHpsjCKJOs4cdAGK2HOfZ3CVImZdkpKMrKSI3MrnTXh73Xu04-j2ywDrwYnpF4dqmKHjZDvIP_3NtOuxTMyLN26cD9u9XCnnRwr_APkxwVN51B_yesGuVQi24VJpAvQQiLGhhaifrEVYCTzauPIs2ReCsvKA9rB1sO9WqrgvdkWVyyDh06zgjKQytsl8o/w320-h214/_DSC2051_19.jpg" width="320" /></div><div class="hovergallery"></div></center><br />
<center><div class="hovergallery"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF7cDs8F4r8iha7N0f-LAE9NRLl6Hz1H7oODZl2690WvtbiD4TkQSLmFyoZfPUaM_f_Bi_zDxMmkL-04F4Ddg-LN6DoMLTeUWlNZbx0vO0y7IK9GNv8jsQlg-NS4cESlod91Ohck91Q7wPkdQGhrcJOZYz_yUBxov1ecybFd8ddBzSpHTwiW4X2F7PKM4/s600/_DSC2184_19.jpg" /></div></center><br />
<br />
</div></div>