Cara Membuat BlackQuote Seperti Arlina Design

Cara Membuat BlackQuote Seperti Arlina Design

Blackquote adalah sebuah kutipan kata-kata untuk menandai sebuah kalimat itu penting, maka blackquote sangat penting untuk di isi. Jika anda sudah memberikan blacquote untuk kalimat yang penting maka pembaca akan mudah memahami isi konten dari yang anda buat

Sebenarnya di template blog untuk sekarang ini sudah menggunakan blackquote yang bagus, akan tetapi ada juga yang kurang nyaman untuk anda. Maka disini saya akan memberikan Cara Membuat BlackQuote Seperti Arlina Design

Untuk mengetahui blackquote yang akan saya bagikan, anda bisa melihatnya dibawah ini 

Bagaimana? Menurut anda sudah keren bukan. Saya juga sudah menerapkannya di blog saya ini, untuk tutorialnya sendiri yuk simak dibawah ini

Cara Membuat BlackQuote Seperti Arlina Design

1. Login ke akun Blogger anda

2. Kemudian cari menu Tema > Edit HTML

3. Lalu cari kode /* code & blackquote */

4. Setelah itu ganti kode tersebut dengan kode css yang saya berikan dibawah ini


/* blackquote */
.post-body blockquote{background:#4285f4;position:relative;padding:55px 20px 20px 20px;color:#fff;margin:10px 0;border-radius:3px;}
.post-body blockquote::before {position:absolute;content:'Catatan';background:rgba(255,255,255,1);right:3px;left:3px;top:3px;padding:5px 20px;display:block;font-weight:700;border-radius:3px 3px 0 0;color:#6591c2;}
blockquote::before, blockquote::after, q::before, q::after {background: transparent;}
.post-body blockquote::after {position: absolute;content: '\f027';right: 10px;bottom: 5px;font-family: FontAwesome;font-style: normal;font-weight: normal;font-size: 160%;color: rgba(255,255,255,.6);}

5. Jika sudah Save / Simpan Tema

Kode /* code & blackquote */ itu hanya dari template bawaan viomagz, jika template yang anda gunakan berbeda, anda juga bisa menyesuaikan dengan code yang ada di template anda

Bagaimana? Cukup mudah bukan?. Tentu saja karena blackquote yang saya berikan ini hanya menggunakan CSS saja, yang tentunya tidak memberatkan loading blog anda. Jika masih ada pertanyaan silahkan komentar dibawah ya. Mungkin itu saja tutorial saya kali ini tentang Cara Membuat BlackQuote Seperti Arlina Design. Semoga bermanfaat