Cara gampang memasang tombol night mode di blogger

Jadilah manusia yang bermanfaat. Teruslah berbagi, Apa yang kamu beri bagi mereka mungkin sangat berarti.
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/

Advertiser

Artikel terkait : Cara gampang memasang tombol night mode di blogger
Share this with short URL:
 
Tools Perampok