Monday, March 5, 2012

Cara Merubah/memodifikasi tampilan tampilan Blockquote pada postingan blog

Pengen punya tampilan Quote berbeda dengan milik orang lain ?.Pastinya mau kan !. Untuk merubah tampilan Quote pada blog anda sangat lah mudah karna anda pasti menemukan banyak trik yang sudah membahas tetang cara ini dan salah satunya merupakan postingan milik larasmadyo ini.

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

Langsung saja kali ini larasmadyo punya cara tersendiri untuk memodifikasi Quote pada blog :

  1. Masih seperti biasa pastikan anda sudah login ke akun blogspot/blogger anda
  2. Bagi anda pengguna dashboard lama Pilih Rancangan > Edit HTML > Centang Expand Template Widget
  3. Untuk anda pengguna Dasboart Baru Blogger :
    • Pilih Template
    • Kemudian klik Edit HTML
    • Pilih Proses/ Lanjutkan
  4. Jangan Lupa download template lengkap terlebih dahulu untuk mengantisipasi kesalahan
  5. Berikutnya Cari Kode  .post blockquote {  Atau kode .post-body blockquote {   Gunakan (CTRL+F) untuk memudahkan pencarian kode
  6. Apabila anda tidak menemukan kode tersebut tambahkan kode tersebut diatas  ]]></b:skin>Sehingga menjadi seperti ini :
  7. .post blockquote {  kode-kode modifikasi Quot  } ]]></b:skin>
  8. Berikutnya Lakukan editing Quot dengan menambahkan kode berikut
  9. color:#ffffff; margin: 10px; padding: 10px; background:-moz-linear-gradient(top,#585858,#000);text-align: left;
  10. Menjadi seperti ini
  11. .post blockquote {  
    color:#ffffff; margin: 10px; padding: 10px; background:-moz-linear-gradient(top,#585858,#000);text-align: left; }
  12.  Jika anda ingin memasang latar blakang pada Quote anda cukup ganti Backgrount dangan Url gambar anda seperti ini :
  13. .post blockquote {  
    color:#ffffff; margin: 10px; padding: 10px; background: url (' Url Gambar anda disini')no-repeat center; text-align: left;) }
  14. Simpan dan lihat hasilnya
Itulah sekilas Tutorial Blogger mengenai Cara Merubah/memodifikasi tampilan tampilan Blockquote pada postingan blog. Semoga bermanfaat kekurangan saya moho maaf, yang baik silakan diambil yang buruk mohon diperbaiki, kesempurnaan hanya milik allah SWT yang maha kuasa. Trimakasih....!

1 komentar:

  1. mas bloquotanya agar seperti di blog ini gimana?

    ReplyDelete

Terimakasih sudah berkunjung ^_^ , Tolong tinggalkan pesan atau komentar agar saya bisa berbenah :) dimohon untuk tidak SPAM dan LIVE LINK di blog saya :)

TERIMAKASIH ^_^