Pada setiap postingan yang menulis sebuah artikel yang banyak ada beberapa bagian yang penting untuk di baca, Nah agar bagian-bagian itu enak di lihat dan di baca maka di buat lah fungsi Quete atau di kenal tanda koma di atas. Nah dalam postingan kali ini saya akan share merubah tampilan Quete ini menjadi bentuk kertas. Langsung di simak cara nya:
1. Login blogger.com
2. Masuk ke Settingan Blog > Tempelate > Edit HTML
3. Sekarang tekan tombol kerboard CTRL+F untuk menemukan sebuah kode
4. Cari kode
]]></b:skin>5. Kalau sudah ketemu silahkan copi kode di bawah ini, Lalu paste / letakkan pada posisi di atas
]]></b:skin>
.post-body blockquote {
line-height: 1.3em;
}
.post blockquote {
background: #F2F1F1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGWgLT-ClZxYh9iMvButd3QfToJiQ15Dn6BTNgQj8u3KGR0yDLBpCSjfSs-DJXeE4zjGjiYq_bS5ozAnAqo2sDdOOfUvUQmA4w-tTqwAHak-0rNl7PMUlETA4aUqKrj4vo-Psk4B8v2udP/s986/note.png);
background-position:;
background-repeat:repeat-y;
margin: 0 20px;
border-top: 1px solid #DDD;
border-right: 1px solid #666;
border-left: 1px solid #DDD;
border-bottom: 1px solid #666;
padding: 20px 20px 20px 50px;
color:#000000;
font: normal 0.9em "Consolas", "Courier New", Courier, mono, serif;;
-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;
-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition-duration:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
}
.post blockquote:hover {
background: #F9F9F9 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGWgLT-ClZxYh9iMvButd3QfToJiQ15Dn6BTNgQj8u3KGR0yDLBpCSjfSs-DJXeE4zjGjiYq_bS5ozAnAqo2sDdOOfUvUQmA4w-tTqwAHak-0rNl7PMUlETA4aUqKrj4vo-Psk4B8v2udP/s986/note.png);
background-repeat:repeat-y;
color:#000000;
box-shadow: -1px -1px 12px 2px gainsboro;
border-radius: 15px;
}
.post blockquote p {
margin: 0;
padding-top: 10px;
}
6. Kalau sudah "Simpan Tempelate"
Semoga bermanfaat ^_^
EmoticonEmoticon