Home / Tips Blogger / Tutorial Membuat Kotak Blockquote Keren Di Blog

Tutorial Membuat Kotak Blockquote Keren Di Blog

Tutorial Membuat Kotak Blockquote Keren Di Blog 1

Hari ini admin akan berbagi tips, cara menciptakan kotak catatan atau Blockquote yang keren seperti di blog ini. untuk menciptakan kotak catatan sangat lah mudah, sebab kita hanya mengubah ccs blockquote.
Untuk memasangnya silakan ikuti tis dari admin.

1. Pertama masuk ke akun Blogger
>Pilih Tema>Edit HTML> terus kamu cari kode </head>
Lalu masukan kode di bawah ini di atas </head>.

<style type='text/css'> /*Blockquote Catatan*/ .post-body blockquote {     text-align: left;     background: #6591c2;     position: relative;     display: block;     padding: 55px 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;  } .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); } </style>
 

2. Kalau sudah tinggal save.

Jika tak tampil, sobat semua tambahkan kode di bawah ini tepat di atas </head>.

 <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"/>

 Kalian Juga dapat menmengganti kata Catatan menjadi kata yang sobat semua inginkan. apabila kamu suka dangn artikel ini jangan lupa bagikan artikel ini.

Baca :  Tutorial Memasang Gambar AMP 100% Valid AMP Responsive 2019

About Erzed