Langsung ke konten utama

Postingan

Menampilkan postingan dengan label CSS

Cara Membuat Filter Gambar Dengan CSS

Filter gambar biasanya digunakan pada saat kita mengedit gambar. Biasanya juga kita hanya menggunakan aplikasi untuk memfilter gambar tersebut sehingga dapat berubah sesuai yang kita inginkan. Tetapi ternyata ada cara untuk memfilter gambar tersebut dengan menggunakan CSS , untuk itu pada tutorial kali ini saya akan memberikan tutorial tentang cara membuat filter gambar dengan CSS . (Baca juga :  Cara Membuat Gambar Flat Design Secara Otomatis ) Beberapa filter gambar yang bisa di gunakan antara lain. Filter Gambar yang Bisa di Gunakan dengan CSS 1. Blur Agan pasti sudah pernah mendengar istilah blur, efek blur pada gambar di gunakan untuk menyamarkan gambar. 2. Brightness Brightness di gunakan untuk membuat filter gambar menjadi lebih cerah, sehingga dapat disimpulkan filter ini di gunakan untuk mencerahkan gambar. 3. Contrast Kontras. Secara umum kontras diartikan sebagai perbedaan gradasi,kecerahan, atau nada (warna) antara bidang gelap (shadow) dengan bidang terang, atau warna...

Cara Membuat HTML kbd tag dengan Efek Double click to select

Element <kbd> biasa di gunakan untuk membuat masukan perintah dari keyboard, dan bisa juga di gunakan untuk membuat perintah ( voice command ). Namun tag kbd ini juga di gunakan para pengguna situs web untuk membuat perintah di tengah teks, seperti blog Tutorial Umum sendiri juga menggunakan tag kbd untuk membuat sebuah perintah untuk pengunjung. Untuk itulah pada tutorial kali ini saya akan memberikan cara membuat HTML kbd tag dengan efek double click to select . (Baca juga :  Cara Membuat Efek Tombol Keyboard di Blogger Dengan CSS ) Agan juga bisa mengatur warnanya sesuai keinginan agan. Dan juga untuk efek hover teksnya, agan juga bisa menggantinya sesuai keinginan agan. Apabila agan tidak ingin menggunakan JavaScript dari tag kbd ini, agan tidak perlu memasukan JavaScriptnya, karena JavaScript dari tag kbd ini di gunakan agar memudahkan pengunjung untuk memblok text kbdnya. Untuk tampilan element kbd tag ini, silahkan lihat di bawah ini. Langsung saja untuk cara memasang...

Cara Membuat Syntax Highlighter Otomatis Tanpa Javascript di Blogger

Syntax Highlighter adalah sebuah wadah untuk menampilkan sebuah kode pemograman. Dimana, syntax highlighter ini sering di gunakan untuk membuat sebuah tutorial di sebuah situs web.Syntax highlighter umumnya berwarna-warni, karena menggunakan banyak javascript , namun pada tutorial kali ini, saya akan membagikan tutorial tentang cara membuat syntax highlighter otomatis tanpa javascript di blogger . Wow tanpa javascript? Emang bisa? Karena syntax highlighter ini hanya menggunakan satu warna saja, jadi syntax highlighter ini tidak memerlukan javascript. Untuk memanggil syntax highlighter ini, agan hanya cukup menggunakan 2 script saja, karena itulah di sebut otomatis. (Baca juga :  Cara Membuat Prism Syntax Highlighter untuk Menampilkan Script Code di Blogger ) Mengenai syntax highlighter yang bisa mengurangi kecepatan blog agan, agan tidak perlu takut karena syntax highlighter ini hanya menggunakan script CSS saja. Itulah bedanya syntax highlighter ini dengan syntax highlighter yang...

Cara Memasang Script Anti AdBlock di Blogger

AdBlock adalah plugin yang biasa di gunakan para pengguna internet agar lebih mudah berkeliling di dunia maya tanpa melihat iklan yang menggangu. Tetapi ini sangat merugikan bagi para pemilik sebuah situs ataupun website-website yang menjadi publisher dari pengiklan, untuk itulah pada tutorial kali ini saya akan memberikan tutorial cara memasang script anti adblock di blogger . Langsung saja untuk cara memasang script anti adblock di blogger, ikuti langkah-langkah dari saya berikut ini. (Baca juga :  Cara Memasang Script Redirect UC Browser ke Chrome Lebih Cepat ) Cara Memasang Script Anti AdBlock di Blogger Langkah pertama masuk ke akun Blogger agan Kemudian pilih menu Tata Letak , pilih Tambahkan Gadget , pilih HTML/JavaScript Lalu masukan script di bawah ini tepat di kolom Konten , sementara Judul tidak usah di isi <style scoped='' type='text/css'>#h237{position:fixed !important;position:absolute;top:0;top:expression((t=document.documentElement.scrollTop?do...