Membuat Blockquote Postingan Dalam Blog

Sebuah kutipan blok atau banyak orang menyebut tanda petik dan dalam dunia blogging disebut Blockquote. Ini merupakan ekstrak dalam dokumen tertulis blogging. Pada kesempatan yang berbahagia ini, Kang Onk akan membagikan cara membuat blockquote yang berbeda dengan default blockqoute blogger.

Hasil ini hampir sama dengan cara mengganti background postingan yang pernah saya tuliskan sebelumnya. blockquote ini akan memberi anda ide tentang bagaimana untuk membuat blockquote yang menarik untuk blog anda dan halaman web.

Pada gambar diatas merupakan hail dari costumasi blockquote. Berikut langkahnya,

• Masuk ke akun Blogger Anda;


• Backup Template dulu jika anda ketakutan salah memasng kodenya


• Klik tombol Rancangan dan pilih Edit HTML;


• Cari kode

.post-body blockquote { line-height:1.3em; }
Atau
.post blockquote{ ...............................}

• Jika sudah ketemu hapus kode diatas dan ganti dengan kode berikut :

blockquote {
margin : 0 20px;
padding: 60px 30px 40px 20px;
background : #F1F8FE url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCKTukXTcn0UQGa-hl6ckIdodbHW9I7yWoCIWCRkjWxG8ZyridT2UEqJY_hBwFiPf6BzMMHDmwIeRMzDAxBXSth-wWnmzDaDaQN1e8erSNgiWQkzvqZESWzVs6xaffmthhpT8IIpdqU7Y/s400/owl.png) no-repeat 350px 5px;
font: normal .9em "comic sans ms", Courier,"Times New Roman", Times, serif;
color : #000;
border-left: 8px dotted #DAB547;
}
blockquote p {
margin: 0;
padding-top:10px;
}

• Jika sudah selesai Simpan Template


• Lihat hasilnya

Catatan : Jika anda ingin mengganti gambar burung, silakan ganti huruf yang berwarna biru diatas
Selamat mencoba dan berkreasi sesuai keinginan anda.