Cara agar blockquote pada postingan blog anda sedap dipandang
Anda ingin postingan anda menarik dan disukai banyak pengunjung sehingga orang tidak bosan untuk membacanya dan lebih enak untuk dipandang.Kalau artikel cantik hatipun senang untuk berkunjung hehehe.Nah pada kesempatan ini saya akan memberitahu cara agar blockquote pada postingan blog anda sedap dipandang,mana tau ada yang ingin mempercantik blockqoute pada blog anda,Oke langsung saja kecara pembuatannya...
1.Yang pertama masuk ke halaman blog anda dan ke menu template.
2.lalu edit html click "CTR+F" untuk pencarian kode lalu ketik pada pencarian yaitu "</head>" tanpa tanda kutip dan setelah itu silahkan salin sqript CSS tersebut dan letakkan sebelum kode diatas.
.post-body blockquote {Letakkan sqript diantara
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 type='text/css'>
..................................
</style>
Selesai.Jika berhasil maka akan seperti Quote saya.(Semoga bermanfaat)
Post a Comment