Cara Membuat Blockquote Keren Banget Di Blog

Selamat Datang sobat Gamers,,kali ini saya akan memberikan sedikit trik bagaimana cara membuat blockquote yang keren seperti pada gambar di bawah ini :

Tidak disorot cursor

Disorot cursor

Gimana keren kan sobat.  Oke mungkin sobat tertarik menerapkannya di blog sobat berikut langkah-langkahnya :

• Login ke Akun Blogger sobat
• Pilih Template
• Klik Edit HTML
• Cari kode ]]></b:skin> (gunakan CTRL+F untuk memudahkan)

Letakkan kode dibawah ini diatasnya kode ]]></b:skin>
 

blockquote{max-height:250px; overflow:auto;background: #000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEBXRDOJgTW6cUjwhi_hyupqs49OdTXYA5KJKc2ZVW9tIT6ugZMKLCW7syVsYeA5IrZ80ty6Hbjhekig8CuPfs5eAUbcpB7Q8WQid2CKRtb1LSWzwgW80oUi4I2wOMN67dKj3Eb3vPjnI/s1600/Blockquote-wahyu-only-gelap.jpg) no-repeat right bottom ; margin: 0 20px; padding: 20px 70px 20px 20px; color:#595959; font:Courier new; border:1px solid #DDD; } blockquote:hover { background: #000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8RGKFLxAaFGt9Ad43WyoWF9MN8a90GtFDLdiwrwliZCuvZD3l48oAVI3KkZquN3zaUL3ih1oSxyz-21WKLuy9uGSxiOTw2gNMaboGmFGVzd0qLRMclmYyrtj7PvO8vtYW9W_3tzqBUVE/s1600/Blockquote-wahyu-only-terang.jpg) no-repeat right bottom ; color:#00ff00; } blockquote p { margin: 0; padding-top:10px; }

 

•  Klik pratinjau dan jika tidak ada kesalahan klik simpan. 

Mungkin itu saja yang dapat saya bagi pada kesempatan kali ini, jika ada yang kurang jelas sobat bisa berkomentar, terima kasih.

Ditulis Oleh : Unknown ~ Games Lovers

Anda sedang membaca sebuah artikel yang berjudul Cara Membuat Blockquote Keren Banget Di Blog, Semoga artikel tersebut bermanfaat untuk anda, Mohon maaf apabila konten yang anda baca rusak atau salah dalam penulisan. Jika ada pertanyaan, kritik, dan saran yang ingin di sampaikan silahkan tulis di kotak komentar

:: Terima Kasih ! ::