Cara Mengganti Background Post Blockquote di Blog

Cara Mengganti Background Post Blockquote di Blog - Cara mengubah/merubah/memodifikasi background post blockquote di postingan blog.

post blockquote

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. Sebenarnya tidak hanya background post blockquote saja yang bisa ubah dan modifikasi untuk mempercantik tampilan blog. Background blog juga bisa ubah tampilannya. Baca: cara mengganti warna backgound blog. Oke, langsung saja berikut cara mengubah background post blockquote di blog:

1. Login ke dashbor blog sobat.
2. Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).
3. Cari kode berikut: (gunakan F3 untuk mempermudah)
.post blockquote {
4. 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...
5. 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.

6. 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
7. Setelah selesai klik Simpan Template.

Oke, sekian dulu posting mengenai cara mengganti background post blockquote di blog. Semoga bermanfaat buat sobat semua..

0 comments:

Post a Comment

Search

Loading...

Popular Posts

Powered by Blogger.

Blog Archive