Cara Memberi bingkai pada gambar di postingan
Sebenarnya cara memberi bingkai pada fambar sangatlah mudah sekali akan tetapi banya yang memandang hal-hal yang kecil menjadi tidak berarti sebagai contoh memberi bingkai pada gambar ini, bagi saya hal besar belum tentu menguntungkan akan tetapi hal kecil belum tentu tidak berarti, baiklah berikut ini cara memberi bingkai pada gambar cara sebagai berikut :- Sign in di blogger dengan akun anda
- Klik Design
- Klik Edit HTML
- Jangan lupa backup atau download template anda.
- Cari kode berikut dengan CTRL+F untuk permudah pencarian
padding:4px;
border:1px solid $bordercolor;
}
- Perhatikan pada tulisan yang berwarna tebal warna biru. ganti nilainya sesuka sobat ingat semakin besar nilainya maka bingkai gambar tersebut akan semakin besar juga
- Lalu simpan template deh
Cara memberi bingkai pada gambar profil
caranya atau langkah-langkahnya sama dengan yang diatas akan tetapi bedanya sekarang adalah code yang akan kita cari berbeda dengan kode yang sebelumnya berikut kode yang harus kita cari di halaman HTML blog kita..profile-img img {
float:left;
padding:4px;
border:1px solid #ddd;
margin:0 8px 3px 0;
}
Perhatikan pada tulisan yang berwarna merah, naha kita fokus pada code tersebut, karena cara memberi bingkainya ada pada code tersebut caranya bagaimana ya kita rubah saja ukurannya sehingga menjadi seperti ini :
.profile-img img {
float:left;
padding:4px;
border:8px solid #ddd;
margin:0 8px 3px 0;
}
Seperti yang saya katakan sebelumnya semakin banya angka dari code tersebut maka akan semakin tebal juga bingkai yang akan ditampilkan nantinya. yang terahir adalah.
Cara membuang bingkai gambar pada profil dan postingan
caranya yaitu kebalikan dari code yangkita tadi
"INGAT.....!!!!"
"Semakin tinggi angka yang kita gunakan maka otomatis semakin tebal juga bingkai dari gambar tersebut, dan semakin kecil angka dari code tersebut maka akan semakin tipis pula bingkai gambar tersebut."
Lalu bagaimana cara membuangnya cara adalah cukup kita rubah saja codenya menjadi nol (0) semua cpntoh
gambar berbingkai
.post img {
padding:4px;
border:5px solid $bordercolor;
}
======================
.profile-img img {
float:left;
padding:4px;
border:8px solid #ddd;
margin:0 8px 3px 0;
}
gambar tidak berbingkai
.post img {
padding:4px;
border:0px solid $bordercolor;
}
======================
.profile-img img {
float:left;
padding:4px;
border:0px solid #ddd;
margin:0 8px 3px 0;
}
Sekian dulu tulisan pada kali ini semoga Cara memberi bingkai gambar dan menghilangkannya bermanfaat buat kita semua, dan semoga kita masih bisa menulis di blog masing-masing dilain hari hari, lain waktu, lain kesempatan