Embed Code Syntax Highlighting in Blogger

<div dir="ltr" style="text-align: left;" trbidi="on">Hi Friends,<br /><br />If you are a developer & want to share your code over the blog with proper <span class="IL_AD" id="IL_AD2">highlighting</span> & syntax, then <span class="IL_AD" id="IL_AD6">Blogger</span>/Wordpress doesn't have the immediate solution out here!<br /><br />A quick workaround for Blogger can be to embed your source between:<br /><blockquote></blockquote><br />tags in order to prevent them from getting parsed.<br />E.g.<br /><pre class="brush: js"><br /><blockquote><br /><a href="http://site.com">Site</a><br /></blockquote><br /></pre> But for the formatting & highlighting used <span class="IL_AD" id="IL_AD5">to quote</span> above <br />example, an excellent open source tool called <a href="http://alexgorbatchev.com/wiki/SyntaxHighlighter" linkindex="13">SyntaxHighlighter</a> is available.<br /><br />This is ready to use out of box 100% Javascript based SyntaxHighlighter with extensive features & multiple other options.<br /><br />SyntaxHighlighter can be either <span class="IL_AD" id="IL_AD12">downloaded</span> & used on your own webserver or if you have a blog on Blogger, this can be directly used as well.<br /><br />To downloaded SyntaxHighlighter for your own personal Webserver/Hosted Site: <a href="http://alexgorbatchev.com/wiki/SyntaxHighlighter:Download" linkindex="14">http://alexgorbatchev.com/wiki/SyntaxHighlighter:Download</a><br />Configuration Steps: <a href="http://alexgorbatchev.com/wiki/SyntaxHighlighter:Configuration" linkindex="15">http://alexgorbatchev.com/wiki/SyntaxHighlighter:Configuration</a><br /><span class="IL_AD" id="IL_AD9">Brush</span> Aliases:<a href="http://alexgorbatchev.com/wiki/SyntaxHighlighter:Brushes" linkindex="16">http://alexgorbatchev.com/wiki/SyntaxHighlighter:Brushes</a><br /><br />In order <span class="IL_AD" id="IL_AD3">to install</span> & use it on Blogger, <span class="IL_AD" id="IL_AD4">follow the</span> below <span class="IL_AD" id="IL_AD11">simple steps</span>:<br />1) Go to your Template Layout-><span class="IL_AD" id="IL_AD1">Download</span> your template as a backup first<br />2)Now click Edit HTML for Layout & then paste the below code in your Template before your </head> tag ends. Note this is pointing to the Latest released version v2.1.364; older versions can be found at: <a href="http://alexgorbatchev.com/pub/sh/" linkindex="17">http://alexgorbatchev.com/pub/sh/</a><br />  <pre class="brush: js"><br /><link href='http://alexgorbatchev.com/pub/sh/2.1.364/styles/shCore.css' rel='stylesheet' type='text/css'/> <br /><link href='http://alexgorbatchev.com/pub/sh/2.1.364/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/> <br /><script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shCore.js' type='text/javascript'></script> <br /><script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushCpp.js' type='text/javascript'></script> <br /><script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushCSharp.js' type='text/javascript'></script> <br /><script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushCss.js' type='text/javascript'></script> <br /><script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushJava.js' type='text/javascript'></script> <br /><script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushJScript.js' type='text/javascript'></script> <br /><script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushPhp.js' type='text/javascript'></script> <br /><script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushPython.js' type='text/javascript'></script> <br /><script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushRuby.js' type='text/javascript'></script> <br /><script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushSql.js' type='text/javascript'></script> <br /><script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushVb.js' type='text/javascript'></script> <br /><script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushXml.js' type='text/javascript'></script> <br /><script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushPerl.js' type='text/javascript'></script> <br /><script language='javascript'> <br />SyntaxHighlighter.config.bloggerMode = true;<br />SyntaxHighlighter.config.clipboardSwf = 'http://alexgorbatchev.com/pub/sh/2.1.364/scripts/clipboard.swf';<br />SyntaxHighlighter.all();<br /></script> <br /></pre><br />3)Save the template & open you blog in IE & Firefox to test if any javascript errors are reported as this might conflict with various other embedded scripts in your template.<br /><br />This completes the direct embedding of SyntaxHighlighter in your Blog. Now lets proceed how to use it in your posts:<br /><br />Usage:<br />For SyntaxHighlighter 2.0 & above:<br />Any code you want to be placed & displayed using SyntaxHighlighter must be enclosed in:<br />  <pre class="brush: js"><br /><script type="syntaxhighlighter" class="brush: html"><![CDATA[<br />#######YOUR CODE############<br />]]></script> <br /></pre><br />Note that we have option of using different <span class="IL_AD" id="IL_AD10">brushes</span> for highlighting different type of codes..e.g. HTML/ASP/C++ etc<br />In order to choose the appropriate brush, following are the various brush aliases supporting the corresponding code highlighting:<br />actionscript3<br />bash, shell<br />c-sharp, csharp<br />cpp, c<br />css     <br />delphi, pas, pascal<br />diff, patch<br />groovy <br />js, jscript, javascript<br />java<br />jfx, javafx<br />perl, pl<br />php <br />plain, text<br />ps, powershell <br />py, python<br />rails, ror, ruby<br />scala<br />sql<br />vb, vbnet<br />xml, xhtml, xslt, html, xhtml <br /><br />Above aliases can be used at: class="brush: <b>alias</b>" while embedding your code in the Blog.<br /><br />Another easy way supported by SyntaxHighlighter is to enclose the code within:<br /> <pre class="brush: js"><br /><pre class="brush: js"><br />#########YOUR CODE########<br /></pre></pre> The only catch involved out here is, you have to use encoded HTML while embedding within <pre>tags.</pre>Your code can be converted to HTML Encoded using following easy to use Tool:<br /><a href="http://www.string-functions.com/htmlencode.aspx" linkindex="18">http://www.string-functions.com/htmlencode.aspx</a><br /><br />Just copy paste your code & generate the encoded HTML Code. Paste the encoded HTML within <pre>tags for correct rendering. Failure to do so might render wrong code, especially < & > <span class="IL_AD" id="IL_AD8">brackets</span>.<br /><br />Some examples of codes in my Blog:<br /><a href="http://geektalkin.blogspot.com/2009/07/historical-audit-trail-information.html" linkindex="19">http://geektalkin.blogspot.com/2009/07/historical-audit-trail-information.html</a><br /><br /><a href="http://geektalkin.blogspot.com/2009/11/batch-program-to-rename-file-with-date.html" linkindex="20">http://geektalkin.blogspot.com/2009/11/batch-program-to-rename-file-with-date.html</a> <br /><br />Keep Blogging! </div> Blogger, Embed Code, Code, Syntax, Syntax Highlight, Syntaxhighlighter, Javascript, Blog Tricks, Blogs, Java, SQL, ASP, HTML, HTM, C#, XML, XSL, JS, CSS, PHP, PL, CGI, embed code blog,embed blogger blog, embed youtube blogger, swf embed code, you tube embed code, embed src code, embed wordpress blog, embed video blogger, myspace embed code,embed into, html code,rss feeds,blogger templates, blogger,syntax highlighting,script error,script,etc

Embed Code Syntax Highlighting in Blogger

Hi Friends,If you are a developer & want to share your code over the blog with proper highlighting & syntax, then Blogger/Wordpress doesn't have the immediate solution out here!A quick workaround for …

Read more »

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

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

• 
• 
• 
• 
• 

1. 1
2. 2
3. 3
4. 4
5. 5

• Previous
• Next

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…

Read more »