Memasang kutip "blockquote" pada postingan

Saya tidak tahu seberapa penting sih bloquote yang ada diblog. Tapi apa salahnya jika ini bisa Anda gunakan untuk memperlengkap tampilan blog Anda agar kelihatan lebih menarik. 

<Blockquote> atau quote yang artinya tanda kutip merupakan sebuah tag yang digunakan untuk menandai sebuah catatan khusus, kata mutiara, ungkapan, atau mengutip kembali perkataan seseorang  untuk menambah penegasan pada tulisan yang dirasa cukup penting.




Memberi tag <blockquote> pada paragraf maka akan memberi efek menjorong agak masuk kedalam tulisan sehingga pembaca lebih fokus pada tulsan tersebut. Jelasnya, beginilah efek dari penggunaan tag <blockquote>.



Cara menggunakan blockquote yaitu dengan memblok tulisan yang diinginkan, lalu anda klik tanda kutip pada kolom CMS, seperti tampak pada gambar.


Pada dasarnya,  faslitas ini telah ada secara default diblog. Hanya saja, tampilannya yang standar membuat para blogger ingin memodifikasinya lagi menjadi lebih cantik dengan menambahkan wana, hiasan dan latar yang sesuai dengan keinginan kita.

Karena tampilan yang standar kurang menarik, Anda bisa memodifikasinya aga lebih cantik
Lalu bagaimana cara memodifikasinya?
Silahkan simak cara untuk memodifikasi Blockquote berikut:

langkah-langkah memodifikasi blockquote 

1. Login ke blogger dan buka dasboard
2. Pilih layout kemudian Edit Html
3. Cari kode di bawah ini dengan menekan "Cntrl+F" :

".post blockquote" 

jika tidak ditemukan coba alternatif yang ini 

".blockquote"

3. Letakan kode html di bawah ini :

post blockquote {margin:1em 20px;border: 3px dotted #ff0000;padding: 10px;}

4. Simpan, lalu lihat hasilnya

Untuk memasukkan gambar pada blockquote, caranya tambahkan lagi kode berikut setelah kode di langkah ke-3 :

.post blockquote { background:url(http://url gambar anda) no-repeat top left; padding:10px 21px 10px 44px;}

Begitulah cara memasang dan memodifikasi blockquote pada postingan. Jika ada kesalahan, silahkan tulis apa masalah Anda pada kolom komentar  dibawah.


Labels:

Portabs: Memasang kutip "blockquote" pada postingan

Monday, January 27, 2014

Memasang kutip "blockquote" pada postingan

Saya tidak tahu seberapa penting sih bloquote yang ada diblog. Tapi apa salahnya jika ini bisa Anda gunakan untuk memperlengkap tampilan blog Anda agar kelihatan lebih menarik. 

<Blockquote> atau quote yang artinya tanda kutip merupakan sebuah tag yang digunakan untuk menandai sebuah catatan khusus, kata mutiara, ungkapan, atau mengutip kembali perkataan seseorang  untuk menambah penegasan pada tulisan yang dirasa cukup penting.




Memberi tag <blockquote> pada paragraf maka akan memberi efek menjorong agak masuk kedalam tulisan sehingga pembaca lebih fokus pada tulsan tersebut. Jelasnya, beginilah efek dari penggunaan tag <blockquote>.



Cara menggunakan blockquote yaitu dengan memblok tulisan yang diinginkan, lalu anda klik tanda kutip pada kolom CMS, seperti tampak pada gambar.


Pada dasarnya,  faslitas ini telah ada secara default diblog. Hanya saja, tampilannya yang standar membuat para blogger ingin memodifikasinya lagi menjadi lebih cantik dengan menambahkan wana, hiasan dan latar yang sesuai dengan keinginan kita.

Karena tampilan yang standar kurang menarik, Anda bisa memodifikasinya aga lebih cantik
Lalu bagaimana cara memodifikasinya?
Silahkan simak cara untuk memodifikasi Blockquote berikut:

langkah-langkah memodifikasi blockquote 

1. Login ke blogger dan buka dasboard
2. Pilih layout kemudian Edit Html
3. Cari kode di bawah ini dengan menekan "Cntrl+F" :

".post blockquote" 

jika tidak ditemukan coba alternatif yang ini 

".blockquote"

3. Letakan kode html di bawah ini :

post blockquote {margin:1em 20px;border: 3px dotted #ff0000;padding: 10px;}

4. Simpan, lalu lihat hasilnya

Untuk memasukkan gambar pada blockquote, caranya tambahkan lagi kode berikut setelah kode di langkah ke-3 :

.post blockquote { background:url(http://url gambar anda) no-repeat top left; padding:10px 21px 10px 44px;}

Begitulah cara memasang dan memodifikasi blockquote pada postingan. Jika ada kesalahan, silahkan tulis apa masalah Anda pada kolom komentar  dibawah.


Labels: