modifikasi blockquote. Saya akan berikan sedikit contoh blockquote yang bisa sobat jadikan referensi dan mungkin bisa dipasang pada blog. Blockquote sendiri adalah tulisan menjorok kedalam yang memang sudah ada pada fasilitas blogger.
Blockquote Gambar
Sama seperti yang ada di blog ini, kode css-nya :
.post blockquote {
background:#F9F9F9 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidcA-PXvS2t_FY1GQflD3ia53_YS-wYtwCpBkI6mHvTE-9EaE7K_ZktIMqurWtoxHde-C6CfAJ8igmm5YUSQF4tAFfkRjgAYzIVj3uJCfZZt9aVnAWdaQ6VfM8SVeET2dH0bEt1BTdRdA/s400/quotes_icon.gif) no-repeat scroll 5px 5px;
color:#3B0B0B;
border:2px outset #E6E6E6;
margin:10px;
padding:10px 10px 10px 40px;
}
background:#F9F9F9 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidcA-PXvS2t_FY1GQflD3ia53_YS-wYtwCpBkI6mHvTE-9EaE7K_ZktIMqurWtoxHde-C6CfAJ8igmm5YUSQF4tAFfkRjgAYzIVj3uJCfZZt9aVnAWdaQ6VfM8SVeET2dH0bEt1BTdRdA/s400/quotes_icon.gif) no-repeat scroll 5px 5px;
color:#3B0B0B;
border:2px outset #E6E6E6;
margin:10px;
padding:10px 10px 10px 40px;
}
Hasilnya :
Keterangan :
- #F9F9F9 adalah warna background.
- padding:10px 10px 10px 40px --->> perhatikan saja yang 40px karena ukuran tersebut adalah jarak antara garis pinggir kiri dengan tulisan, jadi jika sobat menggunakan gambar yang besar, maka ubah dan besarkan padding 40px-nya.
- Untuk gambarnya sobat sesuaikan dengan warna background, saya punya beberapa gambar dibawah ini yang bisa sobat gunakan.
Untuk penggunannya : silahkan klik kanan pada salah satu gambar diatas, kemudian pilih properties--->> location image properites --->> copy semua url gambar tersebut kemudian ganti url tulisan warna merah diatas dengan url gambar yang baru.
0 ƘǿmєиtąЯ: