Dalam kesempatan kali ini admin akan membagikan cara membuat blockquote dengan efek scrool seperti yang sedang di pakai pada blog ini, blockquote yang sedang admin pakai ini cocok sekali untuk di pasang pada blog yang memiliki niche tutorial tentang blogging karena memiliki efek scrool yang tentunya sangat membantu sekali ketika menyimpan kode script karena tidak terlalu banyak menghabiskan ruang pada artikel.
Tampilan Blockquote ini sangat simple sekali karena tidak terlalu memakai banyak warna melainkan hanya 2 warna yaitu warna body dan warna font nya saja jadi kalian tidak usah khawatir karena tampilan blockquote ini sangat simple dan terlihat profesional di mata pengunjung blog. dan untuk tutorial pemasangannya kalian bisa langsung lihat di bawah ini.
CARA MEMBUAT/MEMASANG BLOCKQUOTE DENGAN EFEK SCROOL DI BLOG.
1) Masuk Blogger.
2) Pilih Tema => Edit HTML.
3) Lalu cari kode ]]></b:skin> gunakan tombol Ctrl-f untuk mempermudah pencarian.
4) Jika sudah ketemu kalian copy kode di bawah ini dan pastekan tepat di atas kode ]]></b:skin> yang tadi sudah kalian temukan.
.post blockquote{max-height:300px;color:#00BFFF;overflow:auto; background: #000; font-style:italic; border-left:0px solid #ccc; margin:0px; padding:10px 10px 10px 20px}
5) Simpan Template.
Kode #00BFFF adalah kode warna untuk font dan kode #000 adalah kode untuk warna body, silahkan ubah sesuai warna yang di inginkan.
Kalian bisa ubah warna font dan body dengan cara merubah kode warna yang tadi sudah admin jelaskan, jika kalian ingin merubahnya dengan warna gradasi silahkan copy kode warna gradasi di bawah ini dan ganti kode warna #000 dengan kode warna gradasi berikut ini.
background-image: linear-gradient(60deg, #3d3393 0%, #2b76b9 37%, #2cacd1 65%, #35eb93 100%);
Maka jika sudah di ganti akan seperti contoh di bawah ini.
.post blockquote{max-height:300px;color:#font warna;overflow:auto;background-image: linear-gradient(60deg, #3d3393 0%, #2b76b9 37%, #2cacd1 65%, #35eb93 100%);font-style:italic; border-left:0px solid #ccc; margin:0px; padding:10px 10px 10px 20px}
Ganti #font warna dengan kode warna font yang akan kalian terapkan pada blockquote ini, jika kalian ingin menggunakan font warna putih berarti ganti dengan kode #fff dan jika kalian ingin menggunakan font warna hitam maka ganti dengan kode #000 sesuai kan dengan keinginan masing-masing saja.
Kalian bisa mencari kode warna gradasi lebih banyak lagi dengan mengunjungi situs yang khusus menyediakan warna gradasi di https://webgradients.com, kalian cari saja kode warna gradasi yang akan kalian gunakan dan copy kodenya dengan cara klik gambar yang tertera di situh, lalu kalian pastekan dengan cara yang sudah admin jelaskan tadi.
Mungkin sampai di sini dulu pembahasan kali ini, jika di antara kalian ada yang masih bingung atau belum mengerti, kalian bisa bertanya dengan berkomentar pada artikel ini, insya allah admin akan membalas jika sedang tidak sibuk, terima kasih atas kunjungannya.
0 Response to "Cara Membuat Blockquote Dengan Efek Scrool Di Blog"
Posting Komentar