5 Style CSS Blockquote Cantik Untuk Blogger dan WordPress

by - 30 December 2016 - Blogging Dan SEO, Script

Style CSS Blockquote Cantik Untuk Blogger dan WordPressBlockquotes biasanya digunakan untuk menunjukkan kutipan teks dalam konten post di blog untuk menegaskan suatu kalimat dari sumber eksternal atau menyorot kutipan seseorang, atau opini, serta hal lainnya.

Pegiat Blog atau Blogger sering menggunakannya di blog mereka untuk membuat artikel blog terlihat menonjol dan menarik perhatian pembaca.

Semua platform blogging memiliki styling default untuk blockquotes, tapi terkadang harus juga dimodifikasi untuk membuatnya terlihat sesuai dan relevan dengan tema / template.

Tutorial berikut membahas cara untuk menyesuaikan gaya blockquote di Blogger dan WordPress. Dengan 5 Style CSS Blockquote Cantik Untuk Blogger dan WordPress Anda.

Model ini menggunakan pseudo-elemen yang berbeda seperti: :before:after untuk menciptakan tampilan yang unik.

Cara Mengedit Style Blockquote Dalam Blogger / Blogspot:

Untuk mengedit style blockquote di blogger,  Anda masuk ke Blogger Dashboard >> Template >> Edit HTML dan Cari </head>

Sekarang pilih salah satu style di bawah ini dan salin kode CSS dan pastekan sebelum tag </head>.
Selesai! dan Save template Anda!

Sekarang setiap kali Anda ingin menambahkan blockquote dalam posting blog, Anda hanya perlu meng highlight teks yang ingin ditampilkan sebagai blockquote dan tekan ikon seperti yang ditunjukkan pada screenshot berikut :

Style CSS Blockquote Cantik Untuk Blogger

Cara Mengedit Style Blockquote Pada Tema WordPress:

Untuk menambahkan gaya blockquote di tema WordPress cukup sederhana, Anda hanya perlu menambahkan kode style yang anda pilih ke style.css atau berkas custom.css tema Anda. Anda dapat melakukannya dengan cara Masuk ke Dashboard WordPress Buka Appearance/Tampilan »Editor, .

Kemudian pilih style yang ada di bawah ini dan pastekan di posisi paling bawah dalam berkas style.css atau berkas custom.css tema Anda. Selesai! dan Save template Anda!

Sama seperti pada Blogger, Untuk menambahkan blockquote dalam posting, Anda hanya perlu meng highlight teks yang ingin ditampilkan sebagai blockquote dan tekan ikon seperti yang ditunjukkan pada screenshot berikut :

Style CSS Blockquote Cantik Untuk WordPress

Berikut 5 Style CSS Blockquote Cantik Untuk WordPress dan Blogger, yang bisa anda Pilih.

# Style CSS Blockquote Cantik Untuk Blog 1: Simple


CSS Untuk Pemakaian di WordPress


CSS Untuk Pemakaian di Blogger

# Style CSS Blockquote Cantik Untuk Blog 2: Hover Effect


CSS Untuk Pemakaian di WordPress


CSS Untuk Pemakaian di Blogger

# Style CSS Blockquote Cantik Untuk Blog 3: Garis Pembatas Dashed dan Gambar “


CSS Untuk Pemakain di WordPress


CSS Untuk Pemakaian di Blogger

# Style CSS Blockquote Cantik Untuk Blog 4: Cool Circle


CSS Untuk Pemakaian di WordPress


CSS Untuk Pemakaian di Blogger

# Style CSS Blockquote Cantik Untuk Blog 5: Codepen


CSS Untuk Pemakaian di WordPress


CSS Untuk Pemakaian di Blogger


Demikian ulasan tentang 5 Style CSS Blockquote Cantik Untuk Blogger dan WordPress. Semoga bermanfaat.

Jika ada pertanyaan, atau jika ada kesalahan skrip dalam artikel ini tolong diberitahukan di bagian komentar, kami akan dengan senang untuk mengoreksinya 🙂

Atau adakah style blockquote favorit anda, silahkan rekomendasikan di Comment.

Salam Pahompu !

Artikel Blogging Dan SEO, Script - 5 Style CSS Blockquote Cantik Untuk Blogger dan WordPress, is Posted Under Tags: , , , , , By pahompu | 4.5

Leave a Response