Rabu, 20 September 2017

Cara Membuat Kotak Quote Di Postingan Atau Artikel Blog

Cara Membuat Kotak Keren Di Postingan
Cara Kami - Ketika kita membuat artikel, terkadang kita menyelipkan sebuah quote atau kata kata mutiara didalam artikel tersebut, salah satu cara untuk mempercantik tampilan quote adalah dengan membuat kotak qoute yang bisa sobat pelajari disini.

cara buat kotak keren blog

Qoute atau kata kata mutiara biasanya terdapat pada artikel yang membahas mengenai masalah kehidupan, motivasi dan lainnya.

Kenapa harus menggunakan quote ?

Dengan adanya quote artikel tersebut nampak lebih beribawa dan terlihat lebih keren dari sebelumnya.

Nah disinilah permasalahannya, banyak blogger yang membuat kotak quote di postingan mereka secara delfaut (kotak quote yang telah disediakan oleh blogger).

Kan sayang tuh, kata kata mutiaranya bagus namun tampilannya sangat standart sekali.

Memang sih, dibutuhkan keahlian coding untuk bisa membuat kotak kata kata mutiara yang keren.

Tapi tenang sobat, disini kami akan membagikan codenya secara gratis kok.

Cara Buat Kotak Quote Di Postingan


Ada beberapa langkah untuk membuatnya.

1. Buka akun blogger sobat

2. Pilih buat entri baru

3. Pilih mode HTML

4. Copy dan pastekan kode dibawah ini

<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 / kata kata mutiara anda di sini</div>

5. Pindah ke mode compose

6. Hasilnya akan seperti ini.

Sebaik baik orang adalah orang yang bermanfaat bagi semua orang

Islam dibangun atas lima perkara

Aku ingin menjadi raja bajak laut XD

Sematkan kode tersebut ketika sobat mau buat artikel baru di blogger.

Jika dirasa kurang menarik, sobat bisa mengganti warnanya dengan warna warna berikut ini.

#ce1228

#ce1297

#12ce5d

#47ce12

#bace12

#ce7812

Cukup gantikan kode warna dengan kode warna yang sobat inginkan.

Jika warna di atas bukanlah warna kesukaan sobat, sobat bisa menggantinya dengan warna kesukaan sobat.

Caranya bagaimana ?

Masuk ke aplikasi photoshop dan ambil kode warnanya, kemudian tempelkan.

Mudah bukan sobat.

Nah begitulah kira kira cara membuat kotak kata kata mutiara di postingan blog, mudah sekali bukan.

Dan jika masih kurang menarik, sobat bisa mengabaikan cara ini dan menggunakan kotak quote standart yang telah di sediakan oleh blogger.

Itulah cara buat kotak quote di dalam postingan, jika ada penambahan atau apa saja, mohon untuk berkomentar dibawah ini.


EmoticonEmoticon