Cara Modifikasi Tampilan Blockquote Pada Postingan Blog

Tutorial Blog - Ingin Modifikasi Tampilan Blockquote Pada Postingan Blog agar tampilan Quote berbeda dengan milik orang lain ?.Pastinya mau kan !. Untuk merubah tampilan Quote pada postingan blog anda sangatlah mudah karna anda pasti menemukan banyak trik yang sudah membahas tetang cara ini dan salah satunya merupakan postingan milik Master Cheft Dapur Tutorial Blogspot Ini.

Menurut Master Cheft Tampilan Quote didalam postingan blog sangat lah penting karena akan membantu memperidah postingan anda sehingga nyaman untuk dipandang mata.

Langsung saja kali ini Master Cheft berikan resep untuk memodifikasi Blockquote pada blog :

Masih seperti biasa pastikan anda sudah login ke akun blogspot/blogger anda
Pilih Template

Kemudian klik Edit HTML

Pilih Proses/ Lanjutkan

Jangan Lupa download template lengkap terlebih dahulu untuk mengantisipasi kesalahan
Berikutnya Cari Kode .post blockquote { Atau kode .post-body blockquote { Gunakan (CTRL+F) untuk memudahkan pencarian kode
Apabila anda tidak menemukan kode tersebut tambahkan kode tersebut diatas ]]></b:skin> Sehingga menjadi seperti ini :

.post blockquote { kode-kode modifikasi Quot } ]]></b:skin>

Berikutnya Lakukan editing Quot dengan menambahkan kode berikut

color:#ffffff; margin: 10px; padding: 10px; background:-moz-linear-gradient(top,#585858,#000);text-align: left;

Menjadi seperti ini

.post blockquote {
color:#ffffff; margin: 10px; padding: 10px; background:-moz-linear-gradient(top,#585858,#000);text-align: left; }

Jika anda ingin memasang latar blakang pada Quote anda cukup ganti Backgrount dangan Url gambar anda seperti ini :

.post blockquote {
color:#ffffff; margin: 10px; padding: 10px; background: url (' Url Gambar anda disini')no-repeat center; text-align: left;) }