2.Scroll down to where you see </head> tag .
3.Copy below code and paste it just before the </head> tag.
<style type='text/css'> #outer-borders a img, #outer-borders a { border: none; float: left; } #outer-borders a { margin: 3px; } #outer-borders a:hover { outline: 3px solid #0000ff; } </style>
Note:You can change border color,outline size,margin,... But both outline size and margin must have a same numerical value.
4.Now add your images as below.
<div id="outer-borders"> <a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw4K3ex2PvHbtgP5WI7DNrUx7VNefIEpDxkg4mfJHZ7UsAjPBEqlAwnDKDTDstExAIUvHGyQ08KXUcpB2KUMRDPDvjetwvn2LMcmFRKRdp57m7eBaaHiUeza19YtJg4D5wuzJi0hU8KC8k/+1+small.jpg" alt="#" /></a> <a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzf5Aiw8uecwVWdw-ujZnTA3nj_FxKqzk3Qw9hWJNfOJC72AKCWnTzLJ7ODkSxl1rHK-DOzVY5Z0jhdSd-n8PD54D3wffxbLNIOP3wDXA7nc3LXF_RKS05k3ZSqk3SUCNimoYxZkQ7UrHY/+2+small.jpg" alt="#" /></a> <a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5cq3EtqY0qN0238QxRyrY67XPbxjY5zj553lRIM4UV5r1Jd1SrwZjUmdgbz86BCXXhAvW3fyl65tu-StJ2GgUvetX5vXMTAJo5QSbfTGPsjL_lTd4akhW4f_jo5eg7qePXbS4AKpQ3oYl/+3+small.jpg" alt="#" /></a> </div>
Comments
Post a Comment
Please Leave Your Comments