Add automatic image frame in blogger

Friday, February 12, 2010


Kali ini,saya nak berkongsi satu tips yang memudahkan anda untuk upload image tanpa perlu edit frame terlebih dahulu.Kebanyakan kita para blogger,mesti nak image didalam blog kelihatan cantik dan kemas dengan dihiasi frame.Jadi,kebanyakan kita akan edit image untuk menambah frame sebelum di"upload" ke dalam blog.

Di disini ada cara mudah untuk anda,anda hanya perlu upload image terus ke dalam blog,dan automatik,frame akan teruus menghiasi image anda.

Langkah 1:
Login ke blog anda.

Langkah 2:
Klik "Layout".

Langkah 3:
Klik "Edit Html"

Langkah 4:
Cari (atau tekan ctrl F) --> /head

Langkah 5:
Copy skrip dibawah

<style type='text/css'>

.post img {

border: 3px solid gray;

padding: 3px; /*Inner border size*/

background: #F5A9D0; /*Inner border color*/

}

.post img:hover {

border: 3px solid black;

padding: 3px; /*Inner border size*/

background: #F6CEE3; /*Inner border color*/

}

</style>

Langkah 5:
Dan paste sebelum perkataan /head
Contohnya:

<style type='text/css'>

.post img {

border: 3px solid gray;

padding: 3px; /*Inner border size*/

background: #F5A9D0; /*Inner border color*/

}

.post img:hover {

border: 3px solid black;

padding: 3px; /*Inner border size*/

background: #F6CEE3; /*Inner border color*/

}

</style>

</head>

P/S Anda boleh mengubah suai background,border & padding size dan melihat contoh frame pada semua image dalam blog saya.

Blog Widget by LinkWithin

3 comments:

Minnie Ajid said...

terimah kasih byk2 hehhe.

web design Boise said...

Great post. thanks.

Bricks in Chennai said...

Hey, nice site you have here! Keep up the excellent work!



Online Shopping India

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))
Leave Your Comment

 

Ratuhati Kami

  • Harith
  • Harith
  • Harith
  • Harith
  • Harith
  • Harith
  • Harith
  • Harith

IslaMy

© Copyright 2010-2011 KITA SEMUA SAMA All Rights Reserved.
| Published by LoveJurnal | Powered by Blogger.com.