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

Obat Pembesar Penis Titan Gel asli mengatakan...

BLOG YG SANGAT BAGUS DAN ARTIKEL YG MENARIK DAN BERMANFAAT .

Jual Karpet Vinyl mengatakan...

Nice Blog.

Vinyl Anti Bakteri
Vinyl Rumah Sakit
LG Medistep Allroad
Jual Step Nosing
Vinyl LG Bright
Vinyl Lantai Olahraga

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 )