Memasang Widget Kalender Hijriah & Masehi Di Blogger

Sesuai dengan judul di atas, yakni memasang widget kalender hijriah & masehi dengan memakai bahasa pemograman javascript. Menampilkan hari & tanggal pada blog sangat gampang alasannya tinggal copy script-nya, dan paste untuk menempatkan dimana anda suka.

Berikut script Widget Kalender :

1. Widget Kalender Hijriyah - Masehi Script code : <div id="cal-2"> <input id="date-2" type="text" /> <button class="icon-button" onclick="showCal2();">▦</button> </div> <div id="cal-1"> <input id="date-1" type="text" /> <button class="icon-button" onclick="showCal1();">▦</button> </div> <!-- link rel="stylesheet prefetch" href="https://ZulNs.github.io/libs/calendar.css" --> <!-- Contoh CSS edit warna bg by Admin --> <link rel="stylesheet prefetch" href="https://ia801602.us.archive.org/20/items/solution-javascript/css/calendar.css"> <style class="cp-pen-styles"> #cal-1, #cal-2 { margin-left: 12px; margin-top: 10px; } .icon-button { width: 30px; } input { width: 243px; margin-bottom: 8px; } </style>
2. Widget Text Kalender Hijriah & Masehi Script code :
3. Widget Text Kalender Masehi & Hijriah Script code :

Jika anda ingin merubah jenis font, warna font dan lain-lainnya anda dapat mengeditnya dulu dengan menambahkan tag style. Contoh, <div style="color: red; font-size: 17px;"> script disini </div> sesudah final edit anda dapat klik preview untuk melihat hasilnya, klik & copy. Contoh pemasangan/penempatan, Masuk ke bloger klik > Tata Letak > Tambahkan Widget > HTML/Javascript > Konten > Paste > Save & > Save Template, selesai.

Demikian.

Berbagi :

Anda mungkin menyukai postingan ini :

• 
  Cara Menciptakan Link Download Pribadi Dari Google Drive
• 
  Cara Memperpendek Url Semoga Lebih Singkat
• 
  Cara Menciptakan Dan Memasang Fanspage Fb Di Blog
• 
  Tips Mempelajari Desain Web Secara Cepat