Cara Paling Simpel Membuat Blockquote

Inspirasi sukses , Halo sobat inspiratif tentang blockquote di definisikan sebagai elemen yang berada di dalam dokumen. Dalam HTML maupun XHTML blockquote digunakan sebagai frasa kutipan yang di khususkan untuk mempermudah copy paste dalam sekali klik dan membuat tulisan yang dikhususkan menjadi terlihat khusus. Script yang digunakan dalam Blockquote ini adalah css.

Secara sederhana Blockquote berfungsi sebagai memblock tulisan yang dikhususkan. Dan berikut ini adalah tutorial cara paling simpel untuk membuat dan menggunakan blockquote.

Tutorial

• login ke blogger sobat
• Klik Template - Edit HTML
• Cari kode /b:skin , dengan ctrl+f agar mudah mencarinya
• Paste Kode dibawah ini tepat diatas  kode /b:skin

blockquote.style1 {
font: 14px/20px italic Times, serif;
padding: 8px;
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp04Y1T6kEZhRnI0RvI6GGWnhKXD1bk4lqO4ijQaVZ4mIavKU9-dozrJuV12NX4eKNEJkYWXbvBaOuFpTFFn0xwqLreKFb7P5X3-UaJAShER8YSDdlE_trM8Dyhwx2QyJbd-jQ-Y89Xs69/s1600/paper.jpg);
border-top: 1px solid #e1cc89;
border-bottom: 1px solid #e1cc89;
margin: 5px;
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwEa89WhjPa4WduP860pnYxPYaeCJb7BawwrUE4jMynVTxDgNO9ifBQplpq1YaJd9fX7eNuyP39_xKUtBz2SJPOoSaBS6DZoMeQFZlj_JU5idaReGcEHIUYcnDE6OGE7hxm59cMzhpjeL1/s1600/open.gif);
background-position: top left;
background-repeat: no-repeat;
text-indent: 23px;
}
blockquote.style1 span {
display: block;
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrigwxiHDBdoQ0EVtOwsaohu3Rlpvwjz63Y4qo9K4IB0Mt3etxsjmYbQockT4GaW3jp5YkE0Shg73jiBJwBDKb46imWGS7_fUdqoCe0rNlo5mESCEENbC3u2SjcALRLBWGO451unqzqKgu/s1600/close.gif);
background-repeat: no-repeat;
background-position: bottom right;
}

• Simpan script css diatas 

Kini agan sudah menanam script CSS Blockquote   :D di bawah ini adalah 

Cara Memasang dan Menggunakan Blockquote

• Masuk ke postingan
• Sebagai contoh saya akan menulis berikut pada compose 

Ini adalah CARA PALING SIMPEL MEMBUAT BLOCKQUOTE

• Klik HTML
• Di sebelah kiri deskripsi tanam script : <blockquote class="style1"><span>
• Di sebelah kanan deskripsi tanam script : </span></blockquote>
• Sebagai contoh 

• Kembali pada Compose deskripsi tinggal sesuka agan mo diberi warna apa

• Klik Perbarui

• Lihat hasilnya ... Maka hasilnya seperti dibawah ini

Ini adalah CARA PALING SIMPEL MEMBUAT BLOCKQUOTE

Demikianlah Cara paling simpel membuat blockquote  :D Semoga bermanfaat.