Indahnya Background Pada Gambar - Desain Background pada gambar Anda sanggup membuatnya dengan software image editing semacam Correl Draw, Photoshop dan photoscape . Dengan menciptakan Background pada gambar menambah mempercantik tampilan pada gambar kemudian di tambahkan pada Artikel gres Anda.
Background pada gambar yang telah Anda tambahkan pada Artikel gres tentunya tidak sanggup anda ubah kembali, sahabat disini Aak akan memberi Tips dan trik mengubah background gambar pada artikel sesuai yang Anda suka. Untuk Demo-nya Anda sanggup melihatnya pada gambar dibawah ini :
Anda tertarik, berikut ini caranya :
1. Login keakun Blogger
2. Pilih Template, kemudian klik Edit HTML
3. Selanjutnya anda cari kode ]]></b:skin>
4. Kemudian copy instruksi dibawah ini dan pastekan sebelumnya :
5. Simpan Template
6. Selanjutnya Anda menuju Entri baru, pilih Mode HTML kemudian copy code dibawah ini dan pastekan dicontent :
Note :
> Gambar yang dipakai mempunyai warna background Putih
7. Publikasikan
Mudah Bukan, Selamat Mencoba!
Sumber http://www.websiteedukasi.com/
Background pada gambar yang telah Anda tambahkan pada Artikel gres tentunya tidak sanggup anda ubah kembali, sahabat disini Aak akan memberi Tips dan trik mengubah background gambar pada artikel sesuai yang Anda suka. Untuk Demo-nya Anda sanggup melihatnya pada gambar dibawah ini :
Anda tertarik, berikut ini caranya :
1. Login keakun Blogger
2. Pilih Template, kemudian klik Edit HTML
3. Selanjutnya anda cari kode ]]></b:skin>
4. Kemudian copy instruksi dibawah ini dan pastekan sebelumnya :
.wp-caption {
max-width: 103%;
box-shadow: 0 0px 0px #999;
background-color: #eee;
}
.wp-caption{
clear: both;
}
.wp-caption {
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
.dl {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}
max-width: 103%;
box-shadow: 0 0px 0px #999;
background-color: #eee;
}
.wp-caption{
clear: both;
}
.wp-caption {
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
.dl {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}
5. Simpan Template
6. Selanjutnya Anda menuju Entri baru, pilih Mode HTML kemudian copy code dibawah ini dan pastekan dicontent :
<dl class="wp-caption aligncenter" id="attachment_518" style="width: 810px;">
<dt class="wp-caption"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmdvmU89N0O6G_qRsQ4I79PlKTF68niblGRjmD_esRyic1_999kEKI4NMzRVI_iQssqCoyxtzKM_p3aK3SuYg-IiuPDjG_8VkhbWPWEZDsbDSVGXDYcv6YWONF8ZOSVbl9FmeI7eg4XE4/s1600/google-adsense.png">
<img alt=" Desain Background pada gambar Anda sanggup membuatnya dengan Indahnya Background Pada Gambar" class="size-full wp-image-518" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmdvmU89N0O6G_qRsQ4I79PlKTF68niblGRjmD_esRyic1_999kEKI4NMzRVI_iQssqCoyxtzKM_p3aK3SuYg-IiuPDjG_8VkhbWPWEZDsbDSVGXDYcv6YWONF8ZOSVbl9FmeI7eg4XE4/s1600/google-adsense.png " height="299" width="800" /></a></dt>
<dd class="wp-caption-dd" style="color: red; font: 12px verdana; text-align: right; text-decoration: blink;"> Ilustrasi gambar Background</dd> </dl>
<dt class="wp-caption"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmdvmU89N0O6G_qRsQ4I79PlKTF68niblGRjmD_esRyic1_999kEKI4NMzRVI_iQssqCoyxtzKM_p3aK3SuYg-IiuPDjG_8VkhbWPWEZDsbDSVGXDYcv6YWONF8ZOSVbl9FmeI7eg4XE4/s1600/google-adsense.png">
<img alt=" Desain Background pada gambar Anda sanggup membuatnya dengan Indahnya Background Pada Gambar" class="size-full wp-image-518" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmdvmU89N0O6G_qRsQ4I79PlKTF68niblGRjmD_esRyic1_999kEKI4NMzRVI_iQssqCoyxtzKM_p3aK3SuYg-IiuPDjG_8VkhbWPWEZDsbDSVGXDYcv6YWONF8ZOSVbl9FmeI7eg4XE4/s1600/google-adsense.png " height="299" width="800" /></a></dt>
<dd class="wp-caption-dd" style="color: red; font: 12px verdana; text-align: right; text-decoration: blink;"> Ilustrasi gambar Background</dd> </dl>
Note :
> Gambar yang dipakai mempunyai warna background Putih
7. Publikasikan
Mudah Bukan, Selamat Mencoba!
Sumber http://www.websiteedukasi.com/