Mempercantik Tampilan Blockquote di blog

Hallo,Sobat Giri Blog's kembali lagi saya akan membagikan sebuah Artikel mengenai Cara Mempercantik Tampilan Blockquote di blog,Agar pengunjung semakin betah berlama-lama di blog kita.

Tak hanya itu Penambahan CSS Pada Blockquote kali ini sangatlah ringan dan tak menggangu loading blog sobat,Malah akan menambah Kesan keren dan berbeda dari sebelumnya karena Sentuhan box-shadow yang di milikinya .

Kalian juga bisa bermain dengan warna jika kalian ingin mengganti warna dar Blockquote ini agar pas dengan tema blog kalian

Sedikit penjelasan Tema Blockquote Yang saya Bagikan Kali Ini sangatlah Ringan,Jadi kalian Tidak perlu takut untuk menerapkanya di blog,Untuk pengaturanya Kalian bisa atur sendiri mulai dari warna hingga Font

Bagi sobat yang tertarik untuk menerapkanya di blog silahkan ikuti langkah berikut.
1.Masuk Ke Blogger > Tema > Edit HTML 2.Copy dan letakkan kode CSS Berikut tepat di atas tag <b:skin> atau </style>

blockquote{background:#1565c0!important;overflow:hidden;position:relative;margin:.5rem 0 1rem;transition:box-shadow .25s;border-radius:2px;color:#fff;box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);padding:20px;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif}

3. Simpan 

4.Untuk Pengetesan Pemanggilan Gunakan Kode Berikut 

<blockquote>
"Semakin Keras Kita Mencoba Untuk menjadi Orang Yang Benar..Kebohongan kita akan terus Bertambah"
-|-Alicia Crystella-|-
</blockquote>

5.Selesai,Selamat menikmati.

Sekian Postingan Kali Ini ,Tunggu Postingan Yang Pastinya Menarik Hanya di blog ini

Belajar CSS

Share This :