HTML Image Link Code

Image Link Code

Image is placed in HTML section with different styles. Here are some nice example for image style. These codes can placed in HTML Section of Post Area (Blogger)


To add border around the image use this code

<a href="Place Desired URL" target="_blank">
<img src="Image URL (Image Location)" width="200" height="261" border="2" alt="Desired Description" />
</a>

For Example the code is after changes

<a href="http://arvindjangid.blogspot.com/" target="_blank">

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaEEcKJgXVDjXvTdmqGPVU8DRWL0RqSbohE_aP00MgKGGbj4rgu_LYCceGmPObHHM8r-j5KnC_4O5wUj7fYvENoGErQ3DAjuXIBfokrT76PgY8FRiUJAmgUszcWOiByExgw8l6oCpU13c5/s1600/Nature+Pic.jpg" width="200" height="261" border="8" alt="Arvind" />

</a>

As a result::

When this image clicked is takes "http://arvindjangid.blogspot.com" and shows border size 8, it can be modified. In below red color value is modified. 

<a href="http://arvindjangid.blogspot.com/" target="_blank">

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaEEcKJgXVDjXvTdmqGPVU8DRWL0RqSbohE_aP00MgKGGbj4rgu_LYCceGmPObHHM8r-j5KnC_4O5wUj7fYvENoGErQ3DAjuXIBfokrT76PgY8FRiUJAmgUszcWOiByExgw8l6oCpU13c5/s1600/Nature+Pic.jpg" width="300" height="200" border="5"  alt="My World" />

</a>

Image Link Code: No Border

Remove border="8" for border free image. 

<a href="http://arvindjangid.blogspot.com/" target="_blank">

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaEEcKJgXVDjXvTdmqGPVU8DRWL0RqSbohE_aP00MgKGGbj4rgu_LYCceGmPObHHM8r-j5KnC_4O5wUj7fYvENoGErQ3DAjuXIBfokrT76PgY8FRiUJAmgUszcWOiByExgw8l6oCpU13c5/s1600/Nature+Pic.jpg" width="200" height="261" alt="Arvind" />

</a>

Result without border 

Arvind

Baca juga