Many ways that we can create a banner or link so that the image and interesting for us to be seen by a visitor to visit our blog. One of them is to create a link, banner or picture frame with our hiasi / frame. This time I will review how to add a frame on the picture or link and the banner you want.
Until now I only have 4 variations of the frame only fruit I can write in this article. Please try your fourth frame below into your blog.
1. Frame a straight line, please copy the following script :
The results will be as below :
2. Frame form of dots, please copy the following script
The results will be as below :
3. Frame form of cut line, please copy the following script :
The results will be as below :
4. Frame embos form, please copy the following script :
The results will be as below :
5. Frame inset form, please copy the following script :
The results will be as below :
6. Oval Frame corner, please copy the following script :
The results will be as below :
The script you need to edit are:
1. Script border: 6px declares frame thickness, please replace the digits with 6 digits you want
2. 00FFFF script declares a frame color, please change the color you want. To get the color code here, please surf html-color-codes
3. Script padding: 5px states with the distance between the object frame, please replace the digit 5 with digit you want
4. Please replace the script with the script http://i28.tinypic.com/dz7zew.jpg object you have
5. Done
Until now I only have 4 variations of the frame only fruit I can write in this article. Please try your fourth frame below into your blog.
1. Frame a straight line, please copy the following script :
<div style="overflow:no; width:125px; height:125px; border:6px solid #0404B4; padding: 15px;"><img border="0" src="http://i28.tinypic.com/dz7zew.jpg"></div>
The results will be as below :
2. Frame form of dots, please copy the following script
<div style="overflow:no; width:125px; height:125px; border:6px dotted #0404B4; padding: 15px;"><img border="0" src="http://i28.tinypic.com/dz7zew.jpg"></div>
The results will be as below :
3. Frame form of cut line, please copy the following script :
<div style="overflow:no; width:125px; height:125px; border:6px dashed #0404B4; padding: 15px;"><img border="0" src="http://i28.tinypic.com/dz7zew.jpg"></div>
The results will be as below :
4. Frame embos form, please copy the following script :
<div style="overflow:no; width:125px; height:125px; border:6px ridge #0404B4; padding: 15px;"><img border="0" src="http://i28.tinypic.com/dz7zew.jpg"></div>
The results will be as below :
5. Frame inset form, please copy the following script :
<div style="overflow:no; width: 125px; height: 125px; border:6px inset #0404B4; padding: 15px;"><img border="0" src="http://i28.tinypic.com/dz7zew.jpg"></div>
The results will be as below :
6. Oval Frame corner, please copy the following script :
<div style="border: 2px inset rgb(4, 4, 180); padding: 5px; width: 125px; height: 125px; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; -moz-border-radius-bottomright: 15px; -moz-border-radius-bottomleft: 15px;"><img border="0" src="http://i28.tinypic.com/dz7zew.jpg"></div>
The results will be as below :
The script you need to edit are:
1. Script border: 6px declares frame thickness, please replace the digits with 6 digits you want
2. 00FFFF script declares a frame color, please change the color you want. To get the color code here, please surf html-color-codes
3. Script padding: 5px states with the distance between the object frame, please replace the digit 5 with digit you want
4. Please replace the script with the script http://i28.tinypic.com/dz7zew.jpg object you have
5. Done
Related Article for this post :
2 comments:
wach mantap sob makasih infonya
iya nich mantap...siip tenkyu gan
Post a Comment