Script memasang kalender otomatis di blog bagian header

 Halo kawan jumpa kembali ,pada kesempatan ini admin akan bagikan cara membuat kalender responsive yang berada di bagian header blogspot,untuk membuatnya sangat mudah ,kita akan membuat kode CSSnya dahulu setelah itu memasang script yang kita pasang berada di bawah <nav>.

 Buka tampilan blogspot ,Edit Html ,selanjutnya tekan pada keyboard CTRL + F.untuk mempercepat proses pencarian,ikuti langkah di bawh ini.
Berikut caranya ,yang pertama cari kode <style> dan taruh kode di bawah ini di sembarang tempat ,yang penting berada di dalam <style> Supaya tidak lupa kita tandai pada kode CSS dengan contoh seperti ini (/*css jam*/) tanpa tanda kurung.
Berikut kodenya

#date_wrapper {
color:#fff;
margin-top:-26px;
margin-right:20px;
float:right;
font-size:12px;
font-weight:bold;
font-family:arial,Geneva,sans-serif;
}

.hidebg {
background-color:#fff;
color:#fff;
}

Selanjutnya kita akan memasang file javascriptnya ,dan tempatkan berada di bawah menu Header,sebagai contoh kita menemukan kode pada menu header
<nav id='nav2'>
       <ul id='menuhlng2'>
           <li class='mhome2'><a expr:href='data:blog.homepageUrl'>Home</a></li>
         <li><a href='https://page blog anda'>About Us</a></li>
           <li><a href='https://https://page blog anda'>Contact</a></li>
           <li><a href='https://https://page blog anda'>contoh</a></li>
           <li><a href='https://https://page blog anda'>Sitemap</a></li>
           <li><a href='https://https://page blog anda'>periklanan</a></li>
       </ul>
    </nav>
Dan taruh kode javascript di bawah kode tersebut.silahkan copas kode di bawah ini

<div id="date_wrapper">
<script>
var d=new Date();
var weekday=new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday");
var monthname=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec");
document.write(weekday[d.getDay()] + " ");
document.write(d.getDate() + ", ");
document.write(monthname[d.getMonth()] + " ");
document.write(d.getFullYear());
</script>
</div>
Maka jika benar akan tampil seperti pada gambar di bawah ini.
Demikian kawan cara membuat kalender otomatis pada blogspot semoga bermanfaat

Baca juga artikel lainnya