jz6yKw36YBRp5J8vOcyZTMmf95JrokpoAL5FCwnZ

View Allandroid

View Allactive

Formulir Kontak

no-style

About Us

JSON Variables

Cara Membuat Blockquote Kertas Lipat yang Keren di Blog

Cara Membuat Blockquote Kertas Lipat yang Keren di Blog kali ini saya akan share kode Blockquote atau kertas lipat yang sangat keren yang wajib kalian pasang di blog mu.

Cara Membuat Blockquote Kertas Lipat yang Keren di Blog


Kalian pasti tidak asing lagi dengan kata Blockquote kan iya suatu tanda dalam kata yang penting untuk dibaca maka dari itu saya akan share cara membuatnya di tutorial dibawah ini

Cara Membuat Blockquote Kertas Lipat yang Keren di Blog

1. Kunjungi Blogger.com
2. Pilih Menu Dashboard Tema > Edit Tema
3. Cari kode ]]></b:skin> untuk mempermudah pencarian tekan CTRL + F lalu copy kode CSS dan paste kode dibawah ini tepat di atas ]]></b:skin>


/* CSS Blockquote AE */
.note{position:relative;padding:1.2em 1.5em;margin:2em auto;color:#fff;background:#2ecc71;overflow:hidden}
.note.yellow{background:#f1c40f}
.note.red{background:#e74c3c}
.note.blue{background:#3498db}
.note: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}
.note.yellow:before{border-color:#fff #fff #f1c40f #f1c40f;background:#f1c40f}
.note.red:before{border-color:#fff #fff #e74c3c #e74c3c;background:#e74c3c}
.note.blue:before{border-color:#fff #fff #3498db #3498db;background:#3498db}

4. Terakhir simpan Tema dan Selesai


Cara Pemasangan nya:
Cara nya kode Blockquote ini terdapat empat warna copy paste kan kode dibawah ini dalam mode HTML bukan Compose yah.

<div class='note blue'>Kotak Catatan Warna Biru</div>


TutorialBlockquote inu memiliki 4 warna dan di kode ya saya mark blue silahkan ganti dengan 4 warna Merah, Biru, Hijau, dan Kuning.

Saya rasa cukup di Artikel kali ini Cara Membuat Blockquote Kertas Lipat yang Keren di Blog jika ada pertanyaan silahkan berikan komentar mu ya dibawah ini.
Related Posts
Noval
Arlinanikami adalah situ yang mengjarkan para blogger pemula untuk lebih mengenal lagi dunia blogging

Related Posts

Posting Komentar