Tutorial Blogger

Cara Membuat Night Mode dengan Efek Bintang Jatuh di Blogger

Night Mode atau lebih sering disebut dengan mode malam yang merupakan salah satu fitur untuk menampilkan tampilan gelap, bak kondisi di malam hari dalam aplikasi dan website. Fitur ini sangat cocok sekali bagi kamu yang hobi mempercantik tampilan blog atau website pribadi.

Di samping dapat mempercantik tampilan suatu web dan aplikasi, fitur Night Mode ini dipercaya dapat meringankan dan menghemat data pengguna jika sedang mengakses aplikasi dan website yang menggunakan fitur Night Mode atau Dark Mode ini.

Nah, di kesempatan kali ini penulis akan memberikan satu tutorial singkat Cara Membuat Night Mode dengan Efek Bintang Jatuh di Blogger. Jika kamu tertarik untuk, membuat dan memasang nya pada blog, kamu bisa simak dalam tutorial berikut ini.

Cara Membuat Night Mode dengan Efek Bintang Jatuh

1. Log In ke Blogger → Tema → Edit Html.

2. Copy dan Pastekan kode Style CSS di bawah ini sebelum kode ]]></b:skin> atau </style>

3. Masukan kode JavaScript di bawah ini tepat sebelum kode </body>

4. Selanjutkannya, kamu pasang script jquery.min.js dengan cara pastekan script di bawah ini tepat sebelum kode </head>

5. Terakhir, kamu hanya perlu memasang kode pemanggil nya. Untuk penempatan nya, bisa kamu sesuaikan sesuai selera kamu.

Sebagai contoh, disini penulis memasang nya di bagian header Blogger dan memasukan kode pemanggil sebelum kode </header>

6. Simpan Tema.

Sampai disini kamu sudah berhasil membuat dan memasang Fitur Night Mode di Blogger, namun masih dengan tampilan flat atau biasa-biasa saja. Langkah selanjut nya yang harus kamu lakukan adalah memasang Efek Bintang Jatuh nya.

Menambahkan Efek Bintang Jatuh

1. Masih dalam mode Edit Html, kamu pastekan kode Style CSS di bawah ini sebelum kode ]]></b:skin> atau </style>

2. Terakhir, masukan kode JavaScript di bawah ini tepat sebelum kode </body>

3. Simpan Tema.

4. Selesai.

Berikut adalah tampilan Night Mode dengan Efek Bintang Jatuh yang telah terpasang di Blogger.

Live Preview

Sekian tutorial Cara Membuat Night Mode dengan Efek Bintang Jatuh di Blogger yang telah penulis bagikan untuk kamu. Semoga bermanfaat.

Tutorial Lainnya dari Penulis:









Click to comment

Leave a Reply

Your email address will not be published. Required fields are marked *

Inwepo adalah media platform yang membantu setiap orang untuk belajar dan berbagi tutorial, tips dan trik cara penyelesaian suatu masalah di kehidupan sehari-hari dalam bentuk teks, gambar. dan video.

Dengan bergabung bersama kami dan membuat 1 tutorial terbaik yang kamu miliki dapat membantu jutaan orang di Indonesia untuk mendapatkan solusinya. Ayo berbagi tutorial terbaikmu.

Ikuti Kami di Sosmed!

        

Berlangganan Tutorial Gratis Melalui Email!

Copyright © 2020 Inwepo - All Rights Reserved.

To Top