Modifikasi Blockquote Dengan Content

Susah Nyari Judul -_- dan inilah Judul yang ane pilih. kali ini ane mau membahas seputar Blockquote, pernahkah kamu melihat Blockquote yang mempunyai tulisan di sampingnya ? nah bagi yang belom liat dan #yang gag ngerti maksud saya, ane akan tunjukan contohnya :) silahkan lihat di bawah

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis neque in ligula malesuada pharetra. Integer cursus dignissim bibendum. Etiam pellentesque rhoncus placerat. Sed accumsan, lacus semper euismod vulputate, orci felis faucibus neque, ut luctus nisl ligula gravida mi. Quisque metus tellus, ultrices eget lobortis in, blandit eget enim. Nunc at venenatis lorem. Nulla non augue eu nibh congue blandit a nec nibh.

Nah Gimana ? Bagus Kan :) #biasa aja kali
Bagi Yang Terarik Ikuti Toturial Di Bawah *lol*

Menambahkan Content Di Dalam Blockquete

• Cari Kode ]]></b:skin>
• Tambahkan Kode Di Bawah Ini Di Atas ]]></b:skin>

.post blockquote::before {content: 'Code'; color: #FFF; position: absolute; margin-left: -45px; line-height: 15px; padding: 5px; background: #2A4375;}

• Untuk Menganti Background Ganti Kode #2A4375
• Untuk Menganti Isi Content Ganti Tulisan Code

Modifikasi Blockquete Seperti Contoh

• Cari Kode .post blockquote { Di Akhiri Dengan }
• Ganti Kode Blockquote Di Blog Kamu Dengan Kode Dibawah Ini

.post blockquote { border-left: 4px solid #2A4375; margin: 0 20px; padding: 20px 20px 10px 20px; font-size: 1.0em; font: normal .1em; }

• Untuk Menganti Warna Border Ganti Kode #2A4375

Catatan :

Jika Kode .post blockquote { }
Tidak Ada, Tinggal Copy Kode Di Atas Ini :) Paste'in Di ]]></b:skin>