✔ Cara Menciptakan Pengaruh Layar Melengkung (Edge Screen) Di Blog
Jika teman memakai smartphone Samsung, tentu ini tidak absurd lagi. Nah, pada kesempatan ini kita akan coba membawa efek edge terebut pada blog, yakni dengan memakai arahan CSS.
Trik ini memakai HTML dan CSS dengan atribut box-shadow untuk menciptakan efek bayangan melengkung pada tepi layar di blog.
Memasang Efek Layar Melengkung di Blog
Caranya cukup gampang dan singkat tanpa perlu banyak langkah-langkah yang harus teman lakukan. Baiklah mari kita mulai:- Buka dashboard blog.
- Pilih Tema dan klik Edit HTML.
- Letakkan arahan berikut sempurna di bawah arahan <body>.
- Simpan tema.
<style> .edge-right{z-index:99999999;background:#a8a8a8;height:100vh;width:0px;box-shadow:10px 0px 10px 12px #333;position:fixed;top:0;right:0} .edge-left{z-index:99999999;background:#a8a8a8;height:100vh;width:0px;box-shadow:0px 0px 10px 3px #333;position:fixed;top:0;left:0} </style> <div class='edge-right'/> <div class='edge-left'/>Silahkan teman lihat hasilnya.
Jika efek layar melengkung di blog hanya ingin ditampilkan pada mode seluler saja dan tidak ingin ditampilkan di desktop, tambahkan arahan tag conditional di CSS tersebut, ibarat berikut:
<b:if cond='data:blog.isMobileRequest == "true"'> <!-- KODE CSS EFEK LAYAR MELENGKUNG --> </b:if>
Memasang efek layar melengkung di blogspot menciptakan tampilan blog teman lebih keren dan menarik, pengguna selular mencicipi pengalaman gres mengunjungi blog dengan edge screen effect pada blog.
Jika ada pertanyaan seputar postingan ini, silahkan teman tuliskan pada kolom komentar di bawah. Selamat mencoba. Sumber http://www.randi.id
0 Response to "✔ Cara Menciptakan Pengaruh Layar Melengkung (Edge Screen) Di Blog"
Posting Komentar