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 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 |
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..
Terima kasih telah membaca artikel Cara Mengganti Background Post Blockquote di Blog
Artikel ini memiliki rating: 97% Top Artikel dari 93058 ratings. 93058 pembaca merekomendasikan ini.
Ditulis Oleh Zai Azura
Description: Cara Mengganti Background Post Blockquote di Blog
Terimakasih atas kunjungan Sobat beserta kesediaan Sobat membaca artikel ini. Kritik dan Saran dapat Sobat sampaikan melalui Kotak komentar dibawah.
Artikel ini memiliki rating: 97% Top Artikel dari 93058 ratings. 93058 pembaca merekomendasikan ini.
Ditulis Oleh Zai Azura
Description: Cara Mengganti Background Post Blockquote di Blog
Terimakasih atas kunjungan Sobat beserta kesediaan Sobat membaca artikel ini. Kritik dan Saran dapat Sobat sampaikan melalui Kotak komentar dibawah.
0 comments
Post a Comment
Untuk menyisipkan gambar, gunakan tag <i rel='image'>URL GAMBAR ANDA...</i>
Untuk menyisipkan kode, gunakan tag <i rel="pre">KODE ANDA...</i>
Untuk menciptakan efek tebal gunakan tag <strong>TEKS ANDA...</strong>
Link aktif akan dimatikan secara otomatis.
NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!".
NB: Jika ingin menuliskan komentar yang keluar dari topik pada artikel ini silahkan kehalaman OOT (Out Of Topic) dengan menekan tombol OOT di bawah ini.
Konversi Kode di Sini! Emoticon OOT