Cara Memasang Widget Kalender Lucu Di Blog
Sebelumnya saya pernah membuat artikel Cara memasang jam pada blog. Jika kita berbicara dengan jam/waktu pasti-nya tidak luput dengan tanggal bukan? cara ini juga salah satu cara untuk mempercantik tampilan blog dengan pernak-pernik yang dipasang pada widget.
Mempercantik tampilan blog juga akan membuat pengunjung terkesan dan betah berlama-lama nongkrong di blog Anda. Begitu juga dengan saya ketika berkunjung ke blog orang lain yang mempunyai tampilan blog menarik akan terasa nyaman dan betah
Untuk memasang widget kalender sendiri hampir sama dengan memasang jamp pada blog, kita hanya perlu mengambil kode HTML yang nantinya dipasang pada blogger maupun wordpress. Untuk langkah-langkah pemasangan kalender pada blog berikut adalah langkah-langkahnya:
Cara memasang kalender pada blogger:
Silahkan login ke akun blogger Anda
Pada dasebor pilih Layout
Pilih Add a gadget
Pilih HTML/JavaScript
Copy dan Paste salah satu kode dibawah ini dan jangan lupa klik simpan:
1. <!-My calendar widget – HTML code – mycalendar.org –><div align=”center” style=”margin:15px 0px 0px 0px”>
<noscript><div align=”center” style=”width:140px;border:1px solid #ccc;background:#fff ;color: #fff ;font-weight:bold;”>
<a style=”font-size:12px;text-decoration:none;color:#000 ;” href=”http://mycalendar.org/Holiday/Indonesia/”>Indonesia Calendar</a></div>
</noscript><script type=”text/javascript” src=”http://mycalendar.org/calendar.php?group=Holiday&calendar=Indonesia&widget_number=3&cp3_Hex=FFB200&cp2_Hex=040244&cp1_Hex=F9F9FF&fwdt=140&lab=1″></script></div>
<!-end of code–>
2. <!-My calendar widget – HTML code – mycalendar.org –><div align=”center” style=”margin:15px 0px 0px 0px”>
<noscript><div align=”center” style=”width:140px;border:1px solid #ccc;background:#fff ;color: #fff ;font-weight:bold;”>
<a style=”font-size:12px;text-decoration:none;color:#000 ;” href=”http://mycalendar.org/Holiday/Indonesia/”>Indonesia Calendar</a></div>
</noscript><script type=”text/javascript” src=”http://mycalendar.org/calendar.php?group=Holiday&calendar=Indonesia&widget_number=1&cp3_Hex=FFB200&cp2_Hex=040244&cp1_Hex=F9F9FF&fwdt=150&lab=1″></script></div>
<!-end of code–>
3. <!-My calendar widget – HTML code – mycalendar.org –><div align=”center” style=”margin:15px 0px 0px 0px”>
<noscript><div align=”center” style=”width:140px;border:1px solid #ccc;background:#fff ;color: #fff ;font-weight:bold;”>
<a style=”font-size:12px;text-decoration:none;color:#000 ;” href=”http://mycalendar.org/Holiday/Indonesia/”>Indonesia Calendar</a></div>
</noscript><script type=”text/javascript” src=”http://mycalendar.org/calendar.php?group=Holiday&calendar=Indonesia&widget_number=4&cp3_Hex=FFB200&cp2_Hex=040244&cp1_Hex=F9F9FF&fwdt=170&lab=1″></script></div>
<!-end of code–>
