KrishnaVandanu

<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGOMPvmp6-CWwkxptqzE0J14eF32OnkAYVQoWAxukPibPov4Y-LWJ6Unti9Fp4aGNK-VaJyoHBkUof2obmcqWsKMxP9memXFaGF7cpfm_xD0hHqivoGmCoF-Crp-y2BZRjkWi3N4wsVrY/s1600/widget_Arsip_blogger_jadi_kalender.jpg" style="margin-left: 1em; margin-right: 1em;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGOMPvmp6-CWwkxptqzE0J14eF32OnkAYVQoWAxukPibPov4Y-LWJ6Unti9Fp4aGNK-VaJyoHBkUof2obmcqWsKMxP9memXFaGF7cpfm_xD0hHqivoGmCoF-Crp-y2BZRjkWi3N4wsVrY/s500/widget_Arsip_blogger_jadi_kalender.jpg" /></a></div> <div class="post-body entry-content" id="post-body-2229699654912780663" itemprop="articleBody"> Bosan dengan tampilan Arsip dari blogger yang hanya berbentuk list. Kali ini saya akan membagikan Kode JS untuk merubah tampilan Arsip blogger menjadi kalender serta cara penggunaannya. Kode JS ini dibuat oleh phydeaux3 beberapa tahun lalu. Dari kode ini saya buat beberapa tema yang mungkin anda sukai. Untuk pemasangannya tidaklah terlalu sulit. Nah langsung saja. <h2> Cara Pemasangan di Blogspot</h2> <ol> <li>Ke Blogger lalu pilih Tata Letak/Layout </li> <li>Pilih Blog Archive/Arsip Blog. Bagi yang sudah ada widget ini silahkan ke tahap selanjutnya. <div style="text-align: center;"> <a class="colorbox cboxElement" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEElAqpgDuSyEkO_O0zZPkPez1lqc5mkmvqIzGs3ihK4GL0Zb5-QTuCMAt2BPxuJOnuUXiPn289MHIdxeJICFPf7yNTRuT3xuyd5U0VU8znF3SlQf6xfcHxe-w5JFg-swfo8WE5-BB5eQ/s1600/image%5B9%5D.png" title="Menambahkan Widget Blog Archive/Arsip Blog"><img alt="Menambahkan Widget Blog Archive/Arsip Blog" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEElAqpgDuSyEkO_O0zZPkPez1lqc5mkmvqIzGs3ihK4GL0Zb5-QTuCMAt2BPxuJOnuUXiPn289MHIdxeJICFPf7yNTRuT3xuyd5U0VU8znF3SlQf6xfcHxe-w5JFg-swfo8WE5-BB5eQ/s1600/image%5B9%5D.png" /></a></div> </li> <li>Ikuti opsi yang ada pada gambar berikut. Pada bagian style pilih Flat List. Jangan Cek "Show Oldest Posts First", Pilih "Archive Frequency" berdasarkan bulan "Monthly" pada Date Format settingnya terserah anda. <div style="text-align: center;"> <a class="colorbox cboxElement" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGXwIla2O35HX5adPAHgQWLq1rZl2fv7-3Evpf9ekgftkEp2nFe8p3zpAymk9CJvU2f_GmXUJ_BIMw0hJBnBtl1NIbb-yfSqnyONowFFsShSyUGQCYeaLefJUkrXvht8oYTDRYcoridho/s1600/image%5B17%5D.png" title="Opsi pengaturan pada widget Blog Archive/Arsip Blog"><img alt="Opsi pengaturan pada widget Blog Archive/Arsip Blog" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGXwIla2O35HX5adPAHgQWLq1rZl2fv7-3Evpf9ekgftkEp2nFe8p3zpAymk9CJvU2f_GmXUJ_BIMw0hJBnBtl1NIbb-yfSqnyONowFFsShSyUGQCYeaLefJUkrXvht8oYTDRYcoridho/s1600/image%5B17%5D.png" /></a></div> </li> <li>klik Save / Simpan</li> <li>Selanjutnya ke Blogger > Settings > Template. Backup terlebih dahulu Template Anda lalun klik Edit HTML > Proceed</li> <li>Cari kode berikut.(Perhatikan idnya biasanya berbeda "BlogArchive1", bisa saja "BlogArchive2", "BlogArchive3" dan lain-lain) <pre data-codetype="HTML" title="double klik untuk mengcopy kode"><code class="xml"><b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/></code></pre> </li> <li>Ganti kode yang diatas pada (tahap 6) dengan kode berikut: <pre class="numbered" data-codetype="HTML" title="double klik untuk mengcopy kode"><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-2-1">1</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-2-2">2</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-2-3">3</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-2-4">4</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-2-5">5</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-2-6">6</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-2-7">7</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-2-8">8</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-2-9">9</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-2-10">10</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-2-11">11</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-2-12">12</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-2-13">13</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-2-14">14</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-2-15">15</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-2-16">16</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-2-17">17</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-2-18">18</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-2-19">19</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-2-20">20</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-2-21">21</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-2-22">22</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-2-23">23</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-2-24">24</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-2-25">25</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-2-26">26</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-2-27">27</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-2-28">28</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-2-29">29</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-2-30">30</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-2-31">31</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-2-32">32</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-2-33">33</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-2-34">34</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-2-35">35</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-2-36">36</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-2-37">37</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-2-38">38</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-2-39">39</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-2-40">40</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-2-41">41</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-2-42">42</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-2-43">43</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-2-44">44</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-2-45">45</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-2-46">46</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-2-47">47</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-2-48">48</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-2-49">49</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-2-50">50</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-2-51">51</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-2-52">52</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-2-53">53</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-2-54">54</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-2-55">55</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-2-56">56</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-2-57">57</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-2-58">58</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-2-59">59</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-2-60">60</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-2-61">61</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-2-62">62</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-2-63">63</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-2-64">64</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-2-65">65</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-2-66">66</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-2-67">67</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-2-68">68</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-2-69">69</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-2-70">70</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-2-71">71</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-2-72">72</a><code class="xml"><b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'> <b:includable id='main'> <b:if cond='data:title'> <h2><data:title/></h2> </b:if> <div class='widget-content'> <div id='ArchiveList'> <div expr:id='data:widget.instanceId + "_ArchiveList"'> <b:if cond='data:style == "HIERARCHY"'> <b:include data='data' name='interval'/> </b:if> <b:if cond='data:style == "FLAT"'> <b:include data='data' name='flat'/> </b:if> <b:if cond='data:style == "MENU"'> <b:include data='data' name='menu'/> </b:if> </div> </div> <b:include name='quickedit'/> </div> </b:includable> <b:includable id='toggle' var='interval'>  </b:includable> <b:includable id='flat' var='data'> <div id='bloggerCalendarList'> <ul> <b:loop values='data:data' var='i'> <li class='archivedate'> <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>) </li> </b:loop> </ul> </div> <div id='blogger_calendar' style='display:none'> <table id='bcalendar'><caption id='bcaption'> </caption>  <thead id='bcHead'></thead>   <tbody><tr><td id='cell1'> </td><td id='cell2'> </td><td id='cell3'> </td><td id='cell4'> </td><td id='cell5'> </td><td id='cell6'> </td><td id='cell7'> </td></tr> <tr><td id='cell8'> </td><td id='cell9'> </td><td id='cell10'> </td><td id='cell11'> </td><td id='cell12'> </td><td id='cell13'> </td><td id='cell14'> </td></tr> <tr><td id='cell15'> </td><td id='cell16'> </td><td id='cell17'> </td><td id='cell18'> </td><td id='cell19'> </td><td id='cell20'> </td><td id='cell21'> </td></tr> <tr><td id='cell22'> </td><td id='cell23'> </td><td id='cell24'> </td><td id='cell25'> </td><td id='cell26'> </td><td id='cell27'> </td><td id='cell28'> </td></tr> <tr><td id='cell29'> </td><td id='cell30'> </td><td id='cell31'> </td><td id='cell32'> </td><td id='cell33'> </td><td id='cell34'> </td><td id='cell35'> </td></tr> <tr id='lastRow'><td id='cell36'> </td><td id='cell37'> </td></tr> </tbody> </table> <table id='bcNavigation'><tr> <td id='bcFootPrev'></td> <td id='bcFootAll'></td> <td id='bcFootNext'></td> </tr></table> <div id='calLoadingStatus' style='display:none; text-align:center;'> <script type='text/javascript'>bcLoadStatus();</script> </div> <div id='calendarDisplay'/> </div> <script type='text/javascript'> initCal();</script> </b:includable> <b:includable id='posts' var='posts'>  </b:includable> <b:includable id='menu' var='data'> Configure your calendar archive widget - Edit archive widget - Flat List - Newest first - Choose any Month/Year Format </b:includable> <b:includable id='interval' var='intervalData'> Configure your calendar archive widget - Edit archive widget - Flat List - Newest first - Choose any Month/Year Format </b:includable> </b:widget></code></pre> </li> <li>Sekarang cari kode berikut </head> lalu letakkan kode berikut sebelumnya <pre class="numbered" data-codetype="HTML"><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-1">1</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-2">2</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-3">3</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-4">4</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-5">5</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-6">6</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-7">7</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-8">8</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-9">9</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-10">10</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-11">11</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-12">12</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-13">13</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-14">14</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-15">15</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-16">16</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-17">17</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-18">18</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-19">19</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-20">20</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-21">21</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-22">22</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-23">23</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-24">24</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-25">25</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-26">26</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-27">27</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-28">28</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-29">29</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-30">30</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-31">31</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-32">32</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-33">33</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-34">34</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-35">35</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-36">36</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-37">37</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-38">38</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-39">39</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-40">40</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-41">41</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-42">42</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-43">43</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-44">44</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-45">45</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-46">46</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-47">47</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-48">48</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-49">49</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-50">50</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-51">51</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-52">52</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-53">53</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-54">54</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-55">55</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-56">56</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-57">57</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-58">58</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-59">59</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-60">60</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-61">61</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-62">62</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-63">63</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-64">64</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-65">65</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-66">66</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-67">67</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-68">68</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-69">69</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-70">70</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-71">71</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-72">72</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-73">73</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-74">74</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-75">75</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-76">76</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-77">77</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-78">78</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-79">79</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-80">80</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-81">81</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-82">82</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-83">83</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-84">84</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-85">85</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-86">86</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-87">87</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-88">88</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-89">89</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-90">90</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-91">91</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-92">92</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-93">93</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-94">94</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-95">95</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-96">96</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-97">97</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-98">98</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-99">99</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-100">100</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-101">101</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-102">102</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-103">103</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-104">104</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-105">105</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-106">106</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-107">107</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-108">108</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-109">109</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-110">110</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-111">111</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-112">112</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-113">113</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-114">114</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-115">115</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-116">116</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-117">117</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-118">118</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-119">119</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-120">120</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-121">121</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-122">122</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-123">123</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-124">124</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-125">125</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-126">126</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-127">127</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-128">128</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-129">129</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-130">130</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-131">131</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-132">132</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-133">133</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-134">134</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-135">135</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-136">136</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-137">137</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-138">138</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-139">139</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-140">140</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-141">141</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-142">142</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-143">143</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-144">144</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-145">145</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-146">146</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-147">147</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-148">148</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-149">149</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-150">150</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-151">151</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-152">152</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-153">153</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-154">154</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-155">155</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-156">156</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-157">157</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-158">158</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-159">159</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-160">160</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-161">161</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-162">162</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-163">163</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-164">164</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-165">165</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-166">166</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-167">167</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-168">168</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-169">169</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-170">170</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-171">171</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-172">172</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-173">173</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-174">174</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-175">175</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-176">176</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-177">177</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-178">178</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-179">179</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-180">180</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-181">181</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-182">182</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-183">183</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-184">184</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-185">185</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-186">186</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-187">187</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-188">188</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-189">189</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-190">190</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-191">191</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-192">192</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-193">193</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-194">194</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-195">195</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-196">196</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-197">197</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-198">198</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-199">199</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-200">200</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-201">201</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-202">202</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-203">203</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-204">204</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-205">205</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-206">206</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-207">207</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-208">208</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-209">209</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-210">210</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-211">211</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-212">212</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-213">213</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-214">214</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-215">215</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-216">216</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-217">217</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-218">218</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-219">219</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-220">220</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-221">221</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-222">222</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-223">223</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-224">224</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-225">225</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-3-226">226</a><code class="xml"><script type='text/javascript'> //<![CDATA[ var bcLoadingImage = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF6wrM1_B0igonoxPhgRXVJp8iB4SVWjacFsgf6HGXf2ecbFiBBlkRDHGc-RRLw5iUxu4t2VzEA-0phHWftPQquOgnmCCwo5Q1cq9Oz3t4B3s4LJHpaTT-4i097gYaMIDTYLIpXDeF5Gk/s1600/horizontal-loading.gif"; var bcLoadingMessage = " Loading...."; var bcArchiveNavText = "View Archive"; var bcArchiveNavPrev = '◄'; var bcArchiveNavNext = '►'; var headDays = ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]; var headInitial = ["Su","Mo","Tu","We","Th","Fr","Sa"]; // Nothing to configure past this point ---------------------------------- var timeOffset; var bcBlogID; var calMonth; var calDay = 1; var calYear; var startIndex; var callmth; var bcNav = new Array (); var bcList = new Array (); //Initialize Fill Array var fill = ["","31","28","31","30","31","30","31","31","30","31","30","31"]; function openStatus(){ document.getElementById('calLoadingStatus').style.display = 'block'; document.getElementById('calendarDisplay').innerHTML = ''; } function closeStatus(){ document.getElementById('calLoadingStatus').style.display = 'none'; } function bcLoadStatus(){ cls = document.getElementById('calLoadingStatus'); img = document.createElement('img'); img.src = bcLoadingImage; img.style.verticalAlign = 'middle'; cls.appendChild(img); txt = document.createTextNode(bcLoadingMessage); cls.appendChild(txt); } function callArchive(mth,yr,nav){ // Check for Leap Years if (((yr % 4 == 0) && (yr % 100 != 0)) || (yr % 400 == 0)) { fill[2] = '29'; } else { fill[2] = '28'; } calMonth = mth; calYear = yr; if(mth.charAt(0) == 0){ calMonth = mth.substring(1); } callmth = mth; bcNavAll = document.getElementById('bcFootAll'); bcNavPrev = document.getElementById('bcFootPrev'); bcNavNext = document.getElementById('bcFootNext'); bcSelect = document.getElementById('bcSelection'); a = document.createElement('a'); at = document.createTextNode(bcArchiveNavText); a.href = bcNav[nav]; a.appendChild(at); bcNavAll.innerHTML = ''; bcNavAll.appendChild(a); bcNavPrev.innerHTML = ''; bcNavNext.innerHTML = ''; if(nav < bcNav.length -1){ a = document.createElement('a'); a.innerHTML = bcArchiveNavPrev; bcp = parseInt(nav,10) + 1; a.href = bcNav[bcp]; a.title = 'Previous Archive'; prevSplit = bcList[bcp].split(','); a.onclick = function(){bcSelect.options[bcp].selected = true;openStatus();callArchive(prevSplit[0],prevSplit[1],prevSplit[2]);return false;}; bcNavPrev.appendChild(a); } if(nav > 0){ a = document.createElement('a'); a.innerHTML = bcArchiveNavNext; bcn = parseInt(nav,10) - 1; a.href = bcNav[bcn]; a.title = 'Next Archive'; nextSplit = bcList[bcn].split(','); a.onclick = function(){bcSelect.options[bcn].selected = true;openStatus();callArchive(nextSplit[0],nextSplit[1],nextSplit[2]);return false;}; bcNavNext.appendChild(a); } script = document.createElement('script'); script.src = 'http://www.blogger.com/feeds/'+bcBlogId+'/posts/summary?published-max='+calYear+'-'+callmth+'-'+fill[calMonth]+'T23%3A59%3A59'+timeOffset+'&published-min='+calYear+'-'+callmth+'-01T00%3A00%3A00'+timeOffset+'&max-results=100&orderby=published&alt=json-in-script&callback=cReadArchive'; document.getElementsByTagName('head')[0].appendChild(script); } function cReadArchive(root){ // Check for Leap Years if (((calYear % 4 == 0) && (calYear % 100 != 0)) || (calYear % 400 == 0)) { fill[2] = '29'; } else { fill[2] = '28'; } closeStatus(); document.getElementById('lastRow').style.display = 'none'; calDis = document.getElementById('calendarDisplay'); var feed = root.feed; var total = feed.openSearch$totalResults.$t; var entries = feed.entry || []; var fillDate = new Array(); var fillTitles = new Array(); fillTitles.length = 32; var ul = document.createElement('ul'); ul.id = 'calendarUl'; for (var i = 0; i < feed.entry.length; ++i) { var entry = feed.entry[i]; for (var j = 0; j < entry.link.length; ++j) { if (entry.link[j].rel == "alternate") { var link = entry.link[j].href; } } var title = entry.title.$t; var author = entry.author[0].name.$t; var date = entry.published.$t; var summary = entry.summary.$t; isPublished = date.split('T')[0].split('-')[2]; if(isPublished.charAt(0) == '0'){ isPublished = isPublished.substring(1); } fillDate.push(isPublished); if (fillTitles[isPublished]){ fillTitles[isPublished] = fillTitles[isPublished] + ' | ' + title; } else { fillTitles[isPublished] = title; } li = document.createElement('li'); li.style.listType = 'none'; li.innerHTML = '<a href="'+link+'">'+title+'</a>'; ul.appendChild(li); } calDis.appendChild(ul); var val1 = parseInt(calDay, 10) var valxx = parseInt(calMonth, 10); var val2 = valxx - 1; var val3 = parseInt(calYear, 10); var firstCalDay = new Date(val3,val2,1); var val0 = firstCalDay.getDay(); startIndex = val0 + 1; var dayCount = 1; for (x =1; x < 38; x++){ var cell = document.getElementById('cell'+x); if( x < startIndex){ cell.innerHTML = ' '; cell.className = 'firstCell'; } if( x >= startIndex){ cell.innerHTML = dayCount; cell.className = 'filledCell'; for(p = 0; p < fillDate.length; p++){ if(dayCount == fillDate[p]){ if(fillDate[p].length == 1){ fillURL = '0'+fillDate[p]; } else { fillURL = fillDate[p]; } cell.className = 'highlightCell'; cell.innerHTML = '<a href="/search?updated-max='+calYear+'-'+callmth+'-'+fillURL+'T23%3A59%3A59'+timeOffset+'&updated-min='+calYear+'-'+callmth+'-'+fillURL+'T00%3A00%3A00'+timeOffset+'" title="'+fillTitles[fillDate[p]].replace(/"/g,'\'')+'">'+dayCount+'</a>'; } } if( dayCount > fill[valxx]){ cell.innerHTML = ' '; cell.className = 'emptyCell'; } dayCount++; } } visTotal = parseInt(startIndex) + parseInt(fill[valxx]) -1; if(visTotal >35){ document.getElementById('lastRow').style.display = ''; } } function initCal(){ document.getElementById('blogger_calendar').style.display = 'block'; var bcInit = document.getElementById('bloggerCalendarList').getElementsByTagName('a'); var bcCount = document.getElementById('bloggerCalendarList').getElementsByTagName('li'); document.getElementById('bloggerCalendarList').style.display = 'none'; calHead = document.getElementById('bcHead'); tr = document.createElement('tr'); for(t = 0; t < 7; t++){ th = document.createElement('th'); th.abbr = headDays[t]; scope = 'col'; th.title = headDays[t]; th.innerHTML = headInitial[t]; tr.appendChild(th); } calHead.appendChild(tr); for (x = 0; x <bcInit.length;x++){ var stripYear= bcInit[x].href.split('_')[0].split('/')[3]; var stripMonth = bcInit[x].href.split('_')[1]; bcList.push(stripMonth + ','+ stripYear + ',' + x); bcNav.push(bcInit[x].href); } var sel = document.createElement('select'); sel.id = 'bcSelection'; sel.onchange = function(){var cSend = this.options[this.selectedIndex].value.split(',');openStatus();callArchive(cSend[0],cSend[1],cSend[2]);}; q = 0; for (r = 0; r <bcList.length; r++){ var selText = bcInit[r].innerHTML; var selCount = bcCount[r].innerHTML.split('> (')[1]; var selValue = bcList[r]; sel.options[q] = new Option(selText + ' ('+selCount,selValue); q++ } document.getElementById('bcaption').appendChild(sel); var m = bcList[0].split(',')[0]; var y = bcList[0].split(',')[1]; callArchive(m,y,'0'); } function timezoneSet(root){ var feed = root.feed; var updated = feed.updated.$t; var id = feed.id.$t; bcBlogId = id.split('blog-')[1]; upLength = updated.length; if(updated.charAt(upLength-1) == "Z"){timeOffset = "+00:00";} else {timeOffset = updated.substring(upLength-6,upLength);} timeOffset = encodeURIComponent(timeOffset); } //]]> </script> <script src='/feeds/posts/summary?max-results=0&amp;alt=json-in-script&amp;callback=timezoneSet'></script></code></pre> </li> <li>klik Save/Simpan. Pemasangan sudah hampir selesai.</li> </ol> <h3> Penambahan CSS (Temanya)</h3> <ol> <li>Masih di bagian Template cari kode berikut ]]></b:skin> dan letakkan salah satu tema berikut di atasnya/sebelum ]]></b:skin> <div id="tabxzx"> <div class="tab-widget-menuxzx"> <ul id="tebslectxzxx"> <li class="tab1z active"><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#xtabx1">Light</a></li> <li class="tab2z"><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#xtabx2">Dark</a></li> <li class="tab3z"><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#xtabx3">YUI</a></li> <li class="tab4z"><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#xtabx4">Maeda Atsuko</a></li> <li class="tab5z"><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#xtabx5">Oshima Yuko</a></li> <li class="tab6z"><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#xtabx6">Takahashi Minami</a></li> <li class="tab7z"><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#xtabx7">Melody</a></li> </ul> </div> <div id="xbungkussidexxx"> <div class="widget1xx" id="xtabx1" style="display: block;"> <h4> LIGHT Theme by MBT</h4> <div style="text-align: center;"> <a class="colorbox cboxElement" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBiWIZuVoYIw0NF38io3JgXBPBA6mwDEI9w0jmrVSZ9ylgbdRu6K8z2E5-yjZpebFXMfSrgJ45z8U-E_3fPIGmJ-ImjVAhajerCaNna2M2c2RqlPOPZdM7X2g57nNbI2mZtMtt6a-rV1A/s1600/image%5B30%5D.png" title="LIGHT Theme by MBT"><img alt="LIGHT Theme by MBT" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBiWIZuVoYIw0NF38io3JgXBPBA6mwDEI9w0jmrVSZ9ylgbdRu6K8z2E5-yjZpebFXMfSrgJ45z8U-E_3fPIGmJ-ImjVAhajerCaNna2M2c2RqlPOPZdM7X2g57nNbI2mZtMtt6a-rV1A/s1600/image%5B30%5D.png" style="display: inline;" /></a></div> <pre class="numbered" data-codetype="CSS" title="double klik untuk mengcopy kode"><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-4-1">1</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-4-2">2</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-4-3">3</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-4-4">4</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-4-5">5</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-4-6">6</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-4-7">7</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-4-8">8</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-4-9">9</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-4-10">10</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-4-11">11</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-4-12">12</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-4-13">13</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-4-14">14</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-4-15">15</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-4-16">16</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-4-17">17</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-4-18">18</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-4-19">19</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-4-20">20</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-4-21">21</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-4-22">22</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-4-23">23</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-4-24">24</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-4-25">25</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-4-26">26</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-4-27">27</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-4-28">28</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-4-29">29</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-4-30">30</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-4-31">31</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-4-32">32</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-4-33">33</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-4-34">34</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-4-35">35</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-4-36">36</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-4-37">37</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-4-38">38</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-4-39">39</a><a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html#line-4-40">40</a><code class="css">/* Start of Post Navigator by MBT (LIGHT Theme) ------ */ #calendarDisplay {display:none;} /* div that holds calendar */ #blogger_calendar { margin:0px auto 0px 0px;width:100%;} /* Table Caption - Holds the Archive Select Menu */ #bcaption {border:1px solid #C7C7C7;padding:2px;margin:10px 0 0;background:#fff;font:bold 100% Tahoma, Arial, Sans-serif} /* The Archive Select Menu */ #bcaption select {background:#ffff;border:0 solid #C7C7C7;color:#0080ff;font-weight:bold;text-align:center;} /* The Heading Section */ table#bcalendar thead {} /* Head Entries */ table#bcalendar thead tr th {width:20px;text-align:center;padding:3px; border:1px solid #C7C7C7; font:bold 100% Tahoma, Arial, Sans-serif;background:#fff;color:#0080ff;} /* The calendar Table */ table#bcalendar {border:1px solid #C7C7C7;border-top:0; margin:0px 0 0px;width:100%;background:#fff} /* The Cells in the Calendar */ table#bcalendar tbody tr td {cursor:pointer; text-align:center; border-radius:4px; padding:3px;border:1px solid #C7C7C7; color:#666;font:bold 100% Tahoma, Arial, Sans-serif;} /* Links in Calendar */ table#bcalendar tbody tr td a:link, table#bcalendar tbody tr td a:visited, table#bcalendar tbody tr td a:active {font-weight:bold;color:#ffffff; text-decoration:none;} table#bcalendar tbody tr td a:hover {color:#ffffff; text-decoration:none;} /* First Row Empty Cells */ td.firstCell {visibility:visible;} /* Cells that have a day in them */ td.filledCell { background:#fff;} td.filledCell:hover { background:#dddddd;} /* Cells that are empty, after the first row */ td.emptyCell {visibility:hidden;} /* Cells with a Link Entry in them */ td.highlightCell {background:#53A9FF;border:1px solid #C7C7C7} td.highlightCell:hover {background:#72B9FF;border:1px solid #C7C7C7} /* Table Footer Navigation */ table#bcNavigation {width:100%;background:#fff;border:1px solid #C7C7C7;border-top:0;color:#0080ff;font:bold 100% Tahoma, Arial, Sans-serif;} table#bcNavigation a:link {text-decoration:none;color:#0080ff} table#bcNavigation a:hover{text-decoration:underline;} td#bcFootPrev {width:10px;} td#bcFootAll{text-align:center;} td#bcFootNext {width:10px;} ul#calendarUl {margin:5px auto 0!important;} ul#calendarUl li a:link {} #calLoadingStatus img {display: block;width: 80px;margin: 10px auto;} /* End of Post Navigator by MBT (LIGHT Theme) ------ */ </code></pre> <ul> <li>Untuk merubah warna teks (teks yang warna biru) ganti 0080ff menggunakan <a class="intrn" href="http://mkr-site.blogspot.com/p/tool-untuk-melihat-kode-warna-hex.html">Hex Color Generator</a></li> <li>Untuk merubah warna background cell yang aktif cari kode ini 53A9FF</li> <li>Untuk merubah warna background cell pada saat di sorot cari kode 72B9FF</li> </ul> </div> </div> </div> </li> <li>Klik Simpan/Save lalu lihat hasilnya</li> </ol> Sumber Kode: <a class="exte" href="http://phydeaux3.blogspot.com/2007/04/blogger-archive-calender.html" rel="nofollow">phydeaux3</a> dan <a class="exte" href="http://www.mybloggertricks.com/2012/10/Blogger-archive-calendar.html" rel="nofollow"> MBT ~ Blogger Archive Calender</a></div> Terima kasih kepada MKR atas ilmunya ini semoga bermanfaat: ; <a href="http://mkr-site.blogspot.com/2013/01/membuat-widget-kalender-diblogspot.html">Merubah Widget Arsip Blogger menjadi Kalender - MKR site | Berbagi Tanpa Batas, Blogger Tips, Widget, Template</a> <div class="zemanta-pixie" style="height: 15px; margin-top: 10px;"> <img alt="" class="zemanta-pixie-img" src="http://img.zemanta.com/pixy.gif?x-id=d4dfbdbc-d869-4631-a405-2103c4d27f7d" style="border: none; float: right;" /></div> </div>

Merubah Widget Arsip Blogger menjadi Kalender - MKR site | Berbagi Tanpa Batas, Blogger Tips, Widget, Template

Bosan dengan tampilan Arsip dari blogger yang hanya berbentuk list. Kali ini saya akan membagikan Kode JS untuk merubah tampilan Arsip blogger menjadi kalender serta cara penggunaannya. Kode JS ini di…