Akan lebih
menarik jika di Blog kesayangan kita terdapat foto yang di kasih sedikit
sentuhan yang berbeda. Solusinya adalah dengan modifikasi Caption.
Pengen Coba?? yuk ikuti langkahnya dibawah ini :D
Cara 1 :
- Login
ke blogger
- Masuk 'Layout' ---> 'Edit
HTML' ---> centang 'Expand widget
template' (jangan lupa backup buat jaga-jaga)
- Cari
kode </head>
- Letakkan
script berikut ini di atas kode </head>
<style type="text/css">
.caption {
border: 1px solid #DDDDDD;
text-align: center;
background-color: #EEEEEE;
padding: 4px 0px 5px 0px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.caption img {
margin: 0px 0px 5px 0px;
padding: 0px;
border: 0px;
}
.caption p.caption-text {
margin: 0px;isan
padding: 0px 0px 0px 0px;
font-size: 11px;
font-weight: normal;
line-height: 12px;
}
</style>
.caption {
border: 1px solid #DDDDDD;
text-align: center;
background-color: #EEEEEE;
padding: 4px 0px 5px 0px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.caption img {
margin: 0px 0px 5px 0px;
padding: 0px;
border: 0px;
}
.caption p.caption-text {
margin: 0px;isan
padding: 0px 0px 0px 0px;
font-size: 11px;
font-weight: normal;
line-height: 12px;
}
</style>
- Klik Simpan Template
Cara 2 :
Untuk memunculkan foto dengan teks pada postingan, sisipkan kode dibawah ini pada postingan anda :
<div
class="caption" style="width: 410px;"><img src="URL foto
yang sudah diupload"/><p class="caption-text">Tulis teks disini</p></div>
Note :
- Ganti tulisan yang berwarna hijau dengan Url link gambar kalian
- Ganti tulisan yang berwarna kuning dengan kata kata yang kalian mau
0 Comments