Selasa, 28 Mei 2013

Cara Mengganti Background Post Blockquote di Blog

Post Blockquote adalah sebuah blok yang dilakukan di sebuah kata/kalimat/paragraf yang dianggap penting. Misalnya saja kalimat peringatan/pengumuman, kode-kode html, atau yang lain. Biasanya default post blockquote yang disediakan oleh blogger tampilan backgroundnya kurang menarik, sehingga banyak para blogger yang cepat bosan. Oleh karena itu banyak dari mereka yang memodifikasinya dan ini merupakan salah satu cara mempercantik tampilan blog
Blockquote
Blockquote
Sebenarnya tidak hanya background post blockquote saja yang bisa ubah dan modifikasi untuk mempercantik tampilan blog. langsung saja berikut cara mengubah background post blockquote di blog:
  • Login ke dashbor blog sobat.
  • Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).
  • Cari kode berikut: (gunakan F3 untuk mempermudah)
.post blockquote {
  • Perhatikan kode yang diawali dengan kata "background" di bawah kode tersebut, seperti contoh berikut:
.post blockquote {    background:#f5f8fa url(http://eosmate.googlepages.com/blockquoteku3.png) no-repeat scroll 0 0;    border-color: #D7E8F0;    border-style: solid;    dst.
Nah, jika sobat ingin mengganti background post blockquote dengan warna, maka ubahlah kode setelah kata background dengan kode warna. Misalnya saya ingin menggantinya dengan warna biru, kodenya adalah #ccc, jadi nanti jadinya seperti ini:
.post blockquote {    background:#ccc;    border-color: #D7E8F0;    border-style: solid;    dst..
.
NB: Untuk kode-kode warna ini sobat bisa mencarinya di Google.
  • Sedangkan bila sobat ingin menggantinya dengan gambar, silahkan ganti kode setelah kata "background" dengan url gambar yang sobat punya. Untuk contoh di atas, saya menggunakan background post blockquote dengan url: http://eosmate.googlepages.com/blockquoteku3.png
  • Setelah selesai klik Simpan Template.
Oke, sekian dulu posting mengenai cara mengganti background post blockquote di blog - Cara menggati blockquote blog. Semoga bermanfaat buat sobat semua..

Tidak ada komentar:

Posting Komentar