Cara Membuat Kotak Script Material Design di Postingan Blog

Selamat datang,

Cara Membuat Kotak Script Material Design di Blog – Sebenarnya kotak ini lebih tepat disebut kotak quote atau kutipan daripada kotak script jika dilihat dari bentuknya yang elegan dengan efek meterial design.

Misalkan anda ingin membuat kotak script yang lebih umum, bisa membaca artikel Cara Membuat Kotak Script di Postingan Blog ini.

Menyematkan kotak quote di tiap postingan tentu akan menambah kegantengan artikel yang akan anda publikasikan.

Tidak percaya?

Silahkan baca artikel 5 Alasan Ibu Rumah Tangga Banyak yang Terjun ke Dunia Blogging ini, baca dan amati  kotak quotenya, ganteng kan? :p

Nah, bagi anda yang sudah tidak sabar untuk memasangnya di blog, ikuti beberapa langkah sederhana berikut ini.

Cara Membuat Kotak Script Material Design di Postingan

Buka blogger lalu pilih Entri

Selanjutnya masuk mode HTML. Lihat gambar di bawah ini

Salin kode di bawah ini dan masukkan ke mode HTML tersebut.

<div style=”background-color: #7d3c98; border-radius: 2px; box-shadow: 0 2px 5px 0 rgba(0 , 0 , 0 , 0.16) , 0 2px 10px 0 rgba(0 , 0 , 0 , 0.12); color: white; font-size: 14px; margin: 0.5rem 0 1rem; overflow: hidden; padding: 20px; position: relative; transition: 0.25s;”> Tulis quote anda di sini</div>

Setelah tersalin,  kembalikan ke mode Compose. Maka tampilannya kurang lebih akan jadi seperti gambar berikut ini.

Untuk kode di atas, silahkan anda modifikasi sendiri. Untuk merubah warna, rubah kode #7d3c98 dengan kode warna yang anda inginkan.

Sedangkan untuk merubah warna huruf, silahkan rubah kode color: white ini dengan warna lain, seperti green, black, blue dan sebagainya.

Terakhir, di bawah ini saya sediakan beberapa warna keren yang bisa anda pakai sewaktu – waktu.

Tulis quote anda di sini –  #2980b9

Tulis quote anda di sini –  #148f77

Tulis quote anda di sini –  #b7950b

Tulis quote anda di sini –  #d35400

Tulis quote anda di sini –  #FF5733

Demikian cara membuat  kotak script atau quote material design di postingan blog yang semoga saja bermanfaat untuk anda. Terima kasih sudah berkunjung, salam.

2 Comments

Reply