Membuat Frame/Bingkai Untuk 'Profile'.

Menjadikan penampilan image profile anda lebih menarik dengan menambahkan bingkai/frame.

Sekiranya anda mahu mencubanya ikuti langkah mudah di bawah :

Sign in akaun blogger.

Pilih 'Layout' --> 'Edit Html'.

Sebelum meneruskan langkah-langkah seterusnya.

Pastikan profile anda diaktifkan.Supaya senang untuk anda 'Preview' hasilnya nanti.

Jika profile sudah diaktifkan.

Cari kod di bawah ini :


.profile-img img {
float:left;
padding:4px;
border:1px solid #ddd;
margin:0 8px 3px 0;
}

Atau

.profile-img {
float: left;
margin: 0 5px 5px 0;
padding: 4px;
border: 1px solid $bordercolor; }

Gantikan text kod berwarna merah dengan kod di bawah :

border:3px outset #CCCCCC;

Anda boleh menukar ketebalan bingkai 1px,2px,4px dan seterusnya mengikut citarasa anda

Manakala untuk menukar warna bingkai gantikan kod warna #CCCCC kepada kod warna pilihan anda.

Jika sudah selesai melakukan langkah-langkah di atas pilih 'Preview' untuk melihat hasilnya

Sekiranya berpuas hati 'Save Template'.

2 comments:

Post a Comment