dulu ada sobat yang tanya cara menghias foto profil menjadi indah dan berbingkai, nah maka dari itu disini saya sedikit berbagi tips dan cara mengatasi permasalahan tersebut. Ada sedikit cara khusus agar photo frofil menjadi berbingkai atau berfigura, langkahnya sangat sederhana sekali,yaitu sobat hanya merubah nilai border pada stylee sheet css pada bagian untuk photo frofil, contoh kode photo frofil untuk template lama seperti ini : tapi untuk profil baru beda sob, bisa dibaca dibawah ya..
.profile-img img {
float:left;
padding:4px;
border:1px solid #ddd;
margin:0 8px 3px 0;
}
untuk template baru seperti ini :
.profile-img {
float: left;
margin: 0 5px 5px 0;
padding: 4px;
border: 1px solid $bordercolor; }
Tugas sobat hanya merubah nilai bordernya saja dengan nilai yang lebih besar tentunya, biar lebih jelas, sedikit saya ulas tentang kode-kode diatas :
float:left; –> artinya photo akan di simpan di sebelah kiri pada tulisan frofile.
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; –> nah 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.
Masih bingung cara merubahnya? silahkan ikuti langkah-langkah berikut!
Untuk template klasik :
- Sig in di blogger
- Klik menu Template
- Klik menu Edit HTML
- Copy seluruh kode template yang ada lalu paste pada notepad kemudian save. ini untuk backup data bila terjadi kesalahan editting
- Cari kode yang mirip dengan kode di bawah ini :
- Ganti nilai border dengan nilai yang lebih besar, contoh 8px, sehingga kodenya akan seperti ini :
- Klik tombol Pratinjau untuk melihat hasil perubahan
- Jika sudah OK, klik tombol Simpan Perubahan Template
- Selesai.
.profile-img img {
float:left;
padding:4px;
border:1px solid #ddd;
margin:0 8px 3px 0;
}
.profile-img img {
float:left;
padding:4px;
border:8px solid #ddd;
margin:0 8px 3px 0;
}
Untuk template baru :
- Sign in
- Klik menu Layout
- Klik menu Edit HTML
- Klik tulisan Download Template Lengkap, silahkan save dulu template sobat untuk backup data
- Klik kotak kecil di samping tulisan Expand Template Widget
- Tunggu beberapa saat sampai proses selesai
- Cari kode yang mirip dengan kode di bawah ini :
- Ganti nilai border dengan nilai yang lebih besar, contoh 8px, sehingga kodenya akan seperti ini :
- Klik tombol Pratinjau untuk melihat perubahan
- Bila sudah OK, klik tombol SIMPAN TEMPLATE
- Selesai.
.profile-img {
float: left;
margin: 0 5px 5px 0;
padding: 4px;
border: 1px solid $bordercolor;
}
.profile-img img {
float:left;
padding:4px;
border:8px solid $bordercolor;
margin:0 8px 3px 0;
}
Pencarian halaman ini:
cara menghias foto (27), cara edit foto berbingkai (4), mengganti poto profil (2), cara menghias bingkai foto (2), menghias memori PS2 (2), Edit foto berbingkai (2), cara mengganti bingkai foto (2), download software edit foto berbingkai (1), download foto berbingkai (1), edit foto berbingkai dengan photoshop (1), cara mengubah foto menjadi berbingkai (1), edit Foto dan menghias (1), gambar gambar wenda berbingkai terindah (1), Yang cocok jadi foto frofil (1), v2 bikin foto indah (1), photoshop photo berbingkai sederhana (1), Photo profil terindah (1), menghias profil twitter (1), menghias photo (1), menghias foto editor (1), menghias foto di figura (1), menghias foto (1), cara menghias poto (1), cara menghias memory ps2 (1), cara menghias gambar menjadi indah (1), Bingkai untuk menghias poto (1), cara buat foto berbingkai photoshop (1), cara ganti bingkai foto (1), cara hias foto (1), cara membuat foto berbingkai photoshop (1), cara membuat poto profil indah (1), cara mendekorasi figura (1), cara mendekorasi foto (1), cara mendekorasi mading fhoto (1), cara mengedit foto berbingkai a7x (1), cara mengedit foto figura (1), cara mengganti photo propil di email (1), Cara menghias f0t0 (1), cara menghias figura (1), cara menghias foto profil (1), cara menghias foto profil di twitter (1), cara menghias foto profil twitter (1), biar foto ada bingkainya (1)Artikel Terkait :
Perhatian: Jika Sobat Download Mengarah ke "adf.ly" Tunggu aza 5 Detik dan Cari Tombol "SKIP AD" yang ada di Sebelah Kanan Atas Monitor Sobat, Klik Aza Sob. dan jangan lupa tinggalkan komentar
