Cara Membuat Blockquote Di Blog Yang Bagus

Tahu kah sobat sebernarnya apa guna dari Blocquote itu?
Banyak sekali kegunaanya. Contoh kecilnya mau menulis puisi, Biar kelihatan lebih keren, maka sobat gunakanlah Blockquote, Itulah sebabnya saya mau berbagi kepada sobat mengenai Cara Membuat Blockquote Di Blog Yang Bagus.
Nah bisa juga sobat gunakan untuk menulis kode CSS, jika kita memberikan tutoril blog.
dimana Pembaca lebih gampang membedakan yang mana Kode CSS dan yang mana Isi dari artikel.
Jadi sebagai contoh lihat Tulisan dibawah ini.

hai pengunjung yang cantik, yang ganteng, yang baik, yang pintar yang harum.. mohon untuk membagikan artikel ini ya, Jika memang bermanfaat.

Nah, Cukup indah kan?
Okelah.. bagaimana membua di blog?

Untuk menerapkan ini, ada dua jenis cara nya. Seperti kebanyakan orang bilang Secara manual dan secara otomatis.
Kalu secara manual, kita pastekan nanti kodenya disetiap kita mau posting, dan kalau secara otomatis, setiap kita klik Kuote, dia otomatis muncul
Yang mana sobat suka?
Tergantung pilihan sobat.

Jadi kita bahas Dari cara manual saja dulu ya?
Jadi untuk menerapkan kode ini secara manual, Longin ke blog. Buat entri baru, dan pada HTML nya letakkan kode berikut.

<blockquote style="margin: 1em 3em; padding: .5em 1em; border-left: 5px solid #F86401; background-color: #F6EBC1;">Artikel Sobat Disini la</blockquote>

Itulah  Untuk secara manual. Sekarang mari kita simak gimana kalau secara Otomatis?
Langsung saja,

1. Klik template
2. Pilih Edit HTML
3. Kemudian cari kode dibawah ini

<b:skin><![CDATA[

4. Setelah ketemu langsung sobat pastekan kode dibawah ini tepat dibawahnya:

/*BlockQuote*/.post blockquote {margin-left: 15px;padding: 5px 5px 5px 10px;background: #FBE9A1;border: #FEBD4D solid 1px;font: normal 12px/14px Monaco, Monospace;border-left: #FEBD4D solid 5px;position: relativeoverflow:auto;}.post blockquote[rel] {padding-top: 25px;}.post blockquote[rel]::before {content: attr(rel);font: bold 12px/22px Arial, Sans-Serif;color: white;background-color: #b4a97e;padding: 0 10px;position: absolute;top: 0;right: 0;left: 0;text-transform: uppercase}

Kemudian Save.

Nah gimana? Gampang kan?
Ya sudah semoga artikel mengenai Cara Membuat Blockquote Di Blog Yang Bagus, Bermanfaat.
Ahirnya saya bilang terimakasih