Cara menggunakan kode html jam digital

Cara Membuat Widget Jam Digital di Blog - Pernah berfikir bagaimana menampilkan waktu pada blog? Di artikel kali ini kita akan membahas cara membuat widget jam di blog baik blogger atau wordpress.

Menampilkan jam pada sebuah blog merupakan langkah yang bisa digunakan untuk mempercantik blog, untuk menggunakannya ada banyak situs penyedia widget jam yang bisa kamu gunakan secara gratis.

Meski begitu terkadang widget dari pihak ketiga susah untuk di custom sesuai dengan tampilan yang kita inginkan, karena itu kali ini kita akan membuat jam digital menggunakan kode sumber tebuka Vue.Js. Bagaimana caranya?

Membuat Widget Jam Digital di Blog Menggunakan Vue.Js

Sebelum ke tutorial kamu bisa melihat tampilan demo jam digital untuk blog di bawah ini

{{ date }}

{{ time }}

DIGITAL CLOCK with Vue.js

Widget Jam Digital Blogger Menggunakan Vue.Js

• Buka Dashboard Blogger
• Pilih Menu Tata Letak/Layout
• Klik TAMBAH GADGET
• Pilih HTML/Javascript
• Salin kode dibawah ini kemudian paste di bagian konten
• Klik SIMPAN

    
{{ date }}
    
{{ time }}
    
DIGITAL CLOCK with Vue.js

Edit kode CSS sesuai dengan tampilan Blog kamu agar lebih menarik dan Sesuaikan Text yang di beri tanda biru sesuai keinginan

Widget Jam Digital Wordpress Menggunakan Vue.Js

• Buka Dashboard Wordpress
• Pilih Appearance > Widgets
• Drag widget Custom HTML yang dipilih ke sidebar/ footer bagian kanan
• Salin kode dibawah ini kemudian paste di bagian konten
• Klik SIMPAN

    
{{ date }}
    
{{ time }}
    
DIGITAL CLOCK with Vue.js

Edit kode CSS sesuai dengan tampilan Blog kamu agar lebih menarik dan Sesuaikan Text yang di beri tanda biru sesuai keinginan

Penutup

Nah itu tadi Cara Membuat Widget Jam Digital di Blogger dan Wordpress. Jika artikel ini bermanfaat bisa kamu share dan rekomendasikan ke teman-teman yang membutuhkan, jika ada kendala kamu bisa bertanya melalui kolom komentar.