Cara menambahkan efek paper blockquote pada blogger

Hai selamat pagi sobat mshareart , pada kesempatan pagi ini mimin ingin meng-Share  tentang bagaimana cara menambahkan efek Paper Blockquote Style Di Blogger , seperti yang kita sudah ketahui apa itu efek Paper Blockquote , Blockquote ada sebuah efek kertas kutipan dan dimana di dalam bisa kita isi dengan sebuah tulisan tentu saja hal ini sangat di sukai oleh para blogger profesional karna akan membuat blog mereka terlihat lebih profesional dan menarik lagi dan tentu saja hal ini akan membuat pengunjung blog anda betah berlama-lama di blog anda , dan langsung saja mimin akan memberikan penjelasan nya sedikit tentang bagaimana cara memasang efek Blockquote di Blog ,  silakan simak penjelasan di bawah berikut  !

contoh Paper blockquote pada blogger | Msahreart

langkah-langkah pemasangan efek blockquote di blog

• Login ke Dasboard Blog anda
• pada menu drop down pilih Template
• klik edit html dan tekan tombol ctrl + f dan cari code ]]></b:skin>
• dan pastekan code di bawah ini sebelum code ]]></b:skin>

.post-body blockquote { line-height: 1.3em; } .post blockquote { background: #F2F1F1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyUs_Fiqp4dGPzwg_SQsxzR8gvtbP6TmRRi-E5I8HyDjxVU1QML2XJgC5PwuLuVXUM12cIe3GpHJ-vnWyG-fazlfDirsxtaGrr5yjtukYMlxeUqkmXeLWSbX2pqoGc8ZKLfqwCILbd-8FM/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/AVvXsEiyUs_Fiqp4dGPzwg_SQsxzR8gvtbP6TmRRi-E5I8HyDjxVU1QML2XJgC5PwuLuVXUM12cIe3GpHJ-vnWyG-fazlfDirsxtaGrr5yjtukYMlxeUqkmXeLWSbX2pqoGc8ZKLfqwCILbd-8FM/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; }

• selesai dan save lalu lihat perubahan di blog anda

nah cukup sekian pembahsan dari saya menganai bagaimana cara memasang efek blockquote pada blog semoga tutorial ini bisa membantu sobat-sobat blogger dalam mempercantik blog anda jika anda tulisan mau pun penjelasan yang kurang di mengerti penuis berharap agar pengunjung mau bercomentar atau meninggalkan pesan di bawah ini terimakasih !