Rabu, 23 Januari 2019

Tutorial Cara Buat Blockquote Arlina Design Terbaru 2019

Tutorial Cara Buat Blockquote Arlina Design Terbaru 2019

Hai, salam sejahtera semua buat pembaca-pembaca ku sekalian. Hari ini, saya sangat berbesar hati untuk kongsikan kepada anda mengenai "Bagaimana Cara Buat Blockquote" seperti dari blog nota catatan Arlina Design terbaru 2019. Jika anda perasan, blockquote yang digunakan oleh Arlina Desing adalah seperti dalam gambar dibawah ini.


Jika anda tertarik dengan widgets ini, sila kan mencuba dengan cara mengikuti langkah-langkah dibawah sini.

Memasang Blockquote (Nota Catatan) ala Arlina Design Terbaru:

1. Masuk Blogger.com dan Login

2. Pergi ke menu Tema  klik Edit HTML.

3. Salin kode dibawah ini dan letak kan di atas sebelum </b:skin>.

/* CSS Blockquote by Daftar Turiol */
.post-body blockquote{position:relative;width:100%;padding:1.2em 1.5em;margin:0 auto;color:#fff;background:#2ecc71;overflow:hidden}
.post-body blockquote.orange{background:#f39c12}
.post-body blockquote.crusta{background:#F2784B}
.post-body blockquote.river{background:#3498db}
.post-body blockquote:before{content:"";position:absolute;top:0;right:0;border-width:0 16px 16px 0;border-style:solid;border-color:#fff #fff #27ae60 #27ae60;background:#27ae60;box-shadow:0 1px 1px rgba(0,0,0,0.3),-1px 1px 1px rgba(0,0,0,0.2);display:block;width:0}
.post-body blockquote.orange:before{border-color:#fff #fff #e67e22 #e67e22;background:#e67e22}
.post-body blockquote.crusta:before{border-color:#fff #fff #de6e45 #de6e45;background:#de6e45}
.post-body blockquote.river:before{border-color:#fff #fff #2980b9 #2980b9;background:#2980b9}

4. Save tema, untuk cara guna pula, anda hanya perlu gunakan Quote yang terdapat pada tools blogger.


Rasanya, setakat di sini sahaja yang boleh saya kongsikan kepada anda mengenai artikel untuk kali ini. Jika anda mempunyai sebarang penambahan, pertanyaan dan sebagainya. Jangan malu jangan segan untuk tanggal kan ulasan anda pada ruangan komen dibawah sini. Terima kasih