BLOCKQUOTE BLOGGER KEREN INI BUAT CEWEK

Blockquote adalah sebuah kutipan yang diambil dari konten luar blog atau bahkan dari konten blog kita sendiri. Dalam struktur HTML di blog dia dapat dibentuk dengan CSS, contohnya jika sobat masuk kepengaturan blogspot seperti biasa:

1. Masuk kepengaturan blogger
2. Pilih Theme atau tema
3. Pilih edit HTML

Pada halaman editor HTML blogger template contempo kode pembentuk blockquote adalah sebagai berikut:

blockquote {

  color: $(blockquote.color);

  font: $(blockquote.font);

  font-size: X-large;

  text-align: left;

}

Cara pertama: Melalui editor HTML blogger

Cara ini pas buat sobat yang ingin latihan utak atik HTML, CSS, dan JavaScript
Masih pada opsi  editor HTML  perhatikan kode yang saya tunjukan diatas:

1. Robah warna tulisan blockquote dengan cara (hapus) kode yang saya sorot pink dengan kode warna HEX biasa misal ganti dengan: #6495ED (biru), #8B0000 (merah tua), #FF1493 (pink) cari saja di google karena kode warnanya banyak terdapat di internet.
2. Robah ukuran huruf yakni ganti (hapus) kode yang saya sorot biru dengan ukuran yang sobat inginkan misalnya gak perlu X-large; cukup large; saja.
3. Text-align berfungsi sebagai pengatur posisi kata kata, mau diawali dikiri tulis "left" kalau mau ditengah ganti dengan "center" dan kalu mau rata baik kiri maupun kanannya tulis "justify".
4. Untuk menambahkan kotak (border dash) cukup tuliskan atau copy saja: border: double; letakan dibawah kode blockquote {  jadi bentuknya sbb (perhatikan huruf warna merah: 

blockquote {
border: double;

  color: $(blockquote.color);

  font: $(blockquote.font);

  font-size: X-large;

  text-align: left;

}

Save template.

Cara kedua: Copy-paste kode yang sudah jadi

Cara ini sangat mudah bisa diterapkan khusus buat cewek yang selalu teliti tanpa takut kesalahan:

1. Masuk kepengaturan blogger
2. Pilih Theme atau tema
3. Pilih Sesuaikan

Dengan memilih sesuaikan sobat akan masuk ke opsi "Desainer Tema Blogger"  

1. Pilih lanjutan
2. Scroll menu yang muncul setelahnya hingga pada menu paling bawah terdapat opsi "Tambahkan CSS" berupa blanko yang masih kosong dan masukan kode berikut kedalamnya.

blockquote {

border: double;

 color: hotpink; 

border-color: 

currentColor; }

Save tema

www.editblogtema.net