Sudah berlangganan artikel blog ini via RSS Feed?

Photo Profile Berbingkai

Pernah melihat photo Profile berbingkai atau berfigura, langkah ini membuat Photo kita nampak  lebih berkesan jika dilihat mata. Cara membuatnya sangat mudah sekali, yaitu hanya merubah nilai border pada stylee sheet CSS pada bagian untuk photo profil. berikut langkah - langkahnya : 
  • Sign in
  • Klik menu Layout / Tatak Letak
  • Klik menu Edit HTML
  • Klik kotak kecil di samping tulisan Expand Template Widget
  • Cari kode yang mirip dengan kode di bawah ini :
.profile-img {
float: left;
margin: 0 5px 5px 0;
padding: 4px;
border: 1px solid $bordercolor;
}

Ganti nilai border dengan nilai yang lebih besar, contoh 6px, sehingga kodenya akan seperti ini :

.profile-img img {
float:left;
margin:0 8px 3px 0;
padding:4px;
border:6px solid $bordercolor;
}

klik tombol simpan template

Selesai. disini intinya anda hanya mengganti dengan nilai yang lebih besar.

keterangan :

float:left; : artinya photo akan di simpan di sebelah kiri pada tulisan Profile.

padding:4px; : padding disini maksudnya adalah jarak antara photo dengan figura (border) sebesar 4 pixel, jika sobat tidak menginginkan ada jarak antara photo dengan bingkai, maka tinggal ganti nilainya dengan 0px (nol).

border:1px solid #ddd; : ini yang menjadi bingkai photonya, nilai figura adalah sebesar 1 pixel, jika ingin figuranya tampak lebih lebar, ya tinggal ganti nilai 1px dengan nilai yang lebih besar, contoh 6px, 8px atau yang lainnya.

kode #ddd : adalah kode warna untuk abu-abu, silahkan ganti dengan kode warna lainnya jika tidak cocok, jika kurang paham tentang kode warna silahkan baca disini.

Hasil akan nampak seperti dibawah ini :

photo putro

Selamat mencoba....
Terimakasih sudah mengunjungi blog ini... :D

Powered by  MyPagerank.Net

13 komentar:

chordpoprock mengatakan...

bingkainya bisa berwarna g?

budaya mengatakan...

mantap nichhhh....

xxx mengatakan...

hemmmmm.....

kiswanto mengatakan...

thx infonya. lam kenal yaaa.....
http://maz-kiswanto.blogspot.com/

jual karpet mengatakan...

oh jadi seperti itu yah caranya :D

kios herbal mengatakan...

keren mas tampilan dari hasilnya..apalagi diisi dengan gambar kartun..jadi menarik

obat herbal stroke mengatakan...

triknya simpel juga nih...
boleh nih untuk dicoba langsung..

toko bunga online mengatakan...

Sudah dicoba dan berhasil, terimakasih

Bowl Sink mengatakan...

mantap ih hasilnya, lumayan mudah ya ternyata.
makasih..

Jef-Ry | Bicara mengatakan...

Kenapa warnanya pakek $bordercollor.

greenworld indonesia mengatakan...

artikel2nya sangat bermanfaat sekali....ane tunggu artikel lainnya gan....salam sukses

Vimax Original Pembesar Mr.P Herbal mengatakan...

artikelnya sangat membantu thanks for sharing
kunjungi web kami gan => www.vimaxkapsuloriginal.com

judi bola online mengatakan...


IDR303merupakan JUDI BOLA ONLINE Terpercaya

mantap info nya sangat menarik gan
saya sangat terkesan gan
izin share ya gan
terima kasih
PROMO NEW MEMBER
JUDI BOLA ONLINE
AGEN BOLA SBO
AGEN BOLA IBC
AGEN CASINO
BANDAR BOLA

Posting Komentar


 

My Friends Google

My Profile

cojogja Blog ini saya buat, untuk berbagi informasi kepada teman - teman, dan sebagai rangkuman untuk diri saya sendiri. ( Semoga gak bosen Dengan Blog Saya... :D )