Background pada gambar yang telah Anda tambahkan pada Artikel baru tentunya tidak dapat anda ubah kembali, sobat disini Aak akan memberi Tips dan trik mengubah background gambar pada artikel sesuai yang Anda suka. Untuk Demo-nya Anda bisa melihatnya pada gambar dibawah ini :
Anda tertarik, berikut ini caranya :
1. Login keakun Blogger
2. Pilih Template, lalu klik Edit HTML
3. Selanjutnya anda cari kode ]]></b:skin>
4. Kemudian copy kode 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/AVvXsEiOKSlnjFMbkHuofufFZJW04jY91Xg5OkHICWgruuqayZ6olKOQxognQIBBVlp8FkUtvxFySJsMlSq8tEzkmFZDnRDTi_0rT2_9TRQEl2_-fKE37Z-guSM7fpSzcD2YpPh0ipnt2IxSLgs/s1600/google-adsense.png">
<img alt="Indahnya Background Pada Gambar" class="size-full wp-image-518" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOKSlnjFMbkHuofufFZJW04jY91Xg5OkHICWgruuqayZ6olKOQxognQIBBVlp8FkUtvxFySJsMlSq8tEzkmFZDnRDTi_0rT2_9TRQEl2_-fKE37Z-guSM7fpSzcD2YpPh0ipnt2IxSLgs/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/AVvXsEiOKSlnjFMbkHuofufFZJW04jY91Xg5OkHICWgruuqayZ6olKOQxognQIBBVlp8FkUtvxFySJsMlSq8tEzkmFZDnRDTi_0rT2_9TRQEl2_-fKE37Z-guSM7fpSzcD2YpPh0ipnt2IxSLgs/s1600/google-adsense.png">
<img alt="Indahnya Background Pada Gambar" class="size-full wp-image-518" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOKSlnjFMbkHuofufFZJW04jY91Xg5OkHICWgruuqayZ6olKOQxognQIBBVlp8FkUtvxFySJsMlSq8tEzkmFZDnRDTi_0rT2_9TRQEl2_-fKE37Z-guSM7fpSzcD2YpPh0ipnt2IxSLgs/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 digunakan memiliki warna background Putih
7. Publikasikan
Mudah Bukan, Selamat Mencoba!


No comments:
Post a Comment