Berlanggan Via Email

Enter your email address:

My Friend

Cara Mengganti Gambar dan Warna Background Blockquote Pada Blog

Blockquote pada blog berguna untuk memblok kode atau kalimat penting dengan warna berbeda pada blog supaya lebih mudah membedakan dalam membaca kalimat atau kode supaya lebih mudah dalam proses copy paste  yang ada dalam postingan blog tersebut .

Mungkin ada yang tidak puas dengan tampilan Blockquote standar pada blog dan ingin mencoba merubah tampilan Blockquote seperti yang saya pasang di blog ini seperti contoh pada halaman Cara Membuat Like Box Fans Facebook Tersembunyi Di Blog yang kode untuk memasang slide show nya saya pisahkan dengan kalimat lain yang bertujuan mempermudah pengunjung untuk mengambil kode supaya tidak tercampur dengan kalimat lain di blog.

Disini saya sudah merubah gambar  Gambar dan Warna Background Blockquote seperti contoh gambar di bawah ini :

http://blog-rangga.blogspot.com/

Kalau sobat mau mencoba Gambar dan Warna Background Blockquote seperti gambar di atas bisa sobat coba dengan langkah-langkah di bawah ini :

1. Login dulu ke BLOGGER .
2. Pilih Template di halaman dasbor blog
3. Klik Edit HTML
4. unduh atau back up dulu Template blog agar nanti kalau ada keslahan bisa di kembalikan seperti semula.
5. Centang dulu Expand Template Widget
6. Cari kode  blockquote  dan pilih kode yang dekat kode background nya seperti contoh kode HTML Template Blog saya ini  :

blockquote   {       margin:10px;      padding:0px;      background-color:#D8D9D8;      margin-left:50px;      padding-left:38px;      background-image:url('https://lh5.googleusercontent.com/-vRCUUy-J1aM/UOH9gq0VLiI/AAAAAAAAB3s/dME5dzAzyM8/s1600/postquote.png');background-position:left top;background-repeat:no-repeat;overflow:auto;clear:both}

Keterangan :
  • Tiap template berbeda kodenya , cari saja  kode blockquote yang dekat dengan background.
  • Kode warna hijau adalah kode HTML warna , bisa sobat ganti kode HTML sesuai pilihan warna sobat
  • Kode yang berwarna merah adalah URL Background dan bisa diganti dengan URL gambar  pilihan sobat.

7. Kalau sudah ketemu yang mirip kode di atas kreasikan sendiri seperti contoh di atas .
8. Simpan Template sobat.

Semoga berhasil dan kalau ada sobat yang kurang mengerti dengan penjelasan dalam postingan ini silahkan kan tinggalkan pertanyaan melalui form komentar di bawah ini , terima kasih........


Klik tombol berbagi :

1 komentar:

ace maxs mengatakan...

mantap dah tipsnya kawan saya suka