Sempak Mungil XI IPS 4

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 :

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

3. Kemudian klik Edit HTML

4. Pilih Proses/ Lanjutkan

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

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

8. Berikutnya Lakukan editing Quot dengan menambahkan kode berikut

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

9. Menjadi seperti ini

.post blockquote { 


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

10.  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;) }

11. Simpan dan lihat hasilnya

Itulah sekilas Tutorial Blogger mengenai Cara Merubah/memodifikasi Tampilan Blockquote pada postingan blog. Semoga bermanfaat Trimakasih....!