Skip to main content

Cara gampang memasang tombol night mode di blogger

Cara memasang tombol night mode di blogger

Cara gampang memasang tombol night mode di blogger

Beberapa hari yang lalu perampok google memasang widget keren neh yang bernama tombol night mode dimana visitor bisa mengubah background blog menjadi warna gelap agar mata tidak sakit saat membaca artikel di postingan blogspot.

Nah hari ini saya mau kasih tips mengenai itu, yaitu 'bagaimana cara memasang tombol night mode diblogger' mari kita pasang diblog sobat masing masing.

langkahnya masih sama seperti biasanya sob, Sobat tinggal taruh Kode CSS ini ditemplate blog masing masing.

Silahkan paste kode dibawah ini tepat diatas </style> atau </head> pada template sobat.

<style>
/* CSS Night Mode ketika tombol di Klik */
.nightmode {
    background:#2E3138;
    color:#fff;
}
/* CSS Tambahan untuk Elemen lain */
.nightmode div {

}
</style>

Kode diatas akan merubah warna background blog sobat, kalau mau yang lainya silahkan sobat tambahkan tag untuk widget lainya.

Kemudian pastekan kode dibawah ini tepat di atas </body>

<script>
//<![CDATA[
$(document).ready(function(){
    $("button.tombol-nightmode").click(function(){
        $("body").toggleClass('nightmode');
    });
});
//]]>
</script>

Kode diatas adalah javascript untuk memproses perintah dari tombol night mode tadi, Sekarang sobat bisa langsung memasang tombolnya terserah dimana mau sobat letakan, Bisa didalam postingan , Sidebar, Footer , Atau bagian Navigasi menu yang ada diblog sobat berikut kodenya, Eh tapi kalau mau dipasang di Widget HTML Blogger juga bisa.


<button class="tombol-nightmode">Night Mode</button><br />

Oke cukup sekian dan terimakasih sudah mau mampir diblog sederhana ini, Semoga mengerti dan dapat dipahami.

Salam Rampok \m/
Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar
Tutup Komentar