sipemalas.com - kali ini saya akan berbagi kumpulan css blockquote keren , sederhana style cantik =D , blockquote biasanya digunakan untuk bagian tulisan , text yang berupa kutipan atau dianggap penting untuk disampaikan, berbeda dengan syntax highlighter yang kemarin saya post kan kalau syntax itu untuk text berupa codingan.
Oke di bawah ini akan saya lampirkan kumpulan css keren untuk blog , saya juga akan memberikan tutorial cara memasang atau mengganti css blockquote diblog dan dilanjut dengan cara menggunakan blockquote di postingan blog .
Dafar isi :
- Kumpulan css blockquote keren untuk blog
- Cara memasang atau mengganti css blockquote di blog
- Cara menggunakan blockquote di postingan blog
Berikut Kumpulan CSS Blockquote Keren Sederhana
.post blockquote{line-height:1.6em!important;position:relative;width:auto;padding:1.7em 1.5em;margin:20px auto;background:#f5f8fa;border:1px solid #a0d3fb;overflow:auto;color:#666;font-family:Georgia,serif;font-size:14px;border-radius:3px;display:block}
Hasil dari kode di atas seperti ini
.post blockquote{margin:10px;padding:7px;border:1px solid #19ABEA;border-left:10px solid #19ABEA;border-right:10px solid #19ABEA}
Hasil dari kode di atas seperti ini
.post blockquote {margin: 0 20px;padding: 10px 20px 25px 20px;border-left: 10px dotted white;background-color: #f6ebc1;}
Hasil dari kode di atas seperti ini
.post blockquote {margin : 0 10px;padding: 10px 20px 25px 20px;background: #9FCFFF;color: #484848; border:5px dotted #fff;}
Hasil dari kode di atas seperti ini
.post blockquote{background:#edf4ff;margin-left:2em;margin-right:2em;border:1px solid #cfe9ff;border-left:4px solid #cfe9ff;padding:1em 1em;font-style:italic;}
Hasil dari kode di atas seperti ini
Cara Memasang Atau Mengganti CSS Blockquote di Blog
1. Login kw Blogger.com + FDashbord > Template > Edit HTML2. Biar cepet CTRL + F saja , kemudian ketikan .post blockquote
Lihat seperti gambar dibawah ini.
Cara Menggunakan Blockquote di Postingan Blog
Untuk cara menggunakannya saya rasa sudah bisa semua =D mungkin saja belum ada yg bisa juga , namun untuk pelengkap artikel mengenai css blockquote ini saya tambahkan saja.
1. Silahkan kalian membuat entri baru di blog kalian , kemudian lihat settingannya seperti gif dibawah ini , untuk menambah quote kalian tinggal klik tanda kutip ( quote )
Oke , sekian artikel mengenai kumpulan css blockquote dan cara menggunakannya , jika mengalami kesusahan dan ada pertanyaan silahkan berkomentar , terimakasih.
