Cara Memasang Widget Kalender Lucu Di Blog

Posted in Blogger by Yudi Kadri

 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.

Oleh sebab itu buatlah blog Anda semenarik mungkin untuk memanjakan pengunjung lebih lama berada diblog Anda. Dengan cara ini traffik blog juga akan meningkat.

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:

<!-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–>

<!-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–>

<!-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–>