19 November 2008

HTML

HTML adalah sebuah bahasa markup yang digunakan untuk membuat halaman web dan menampilkan berbagai informasi di dalam sebuah browser Internet.


HTML berupa kode-kode tag yang menginstruksikan browser untuk menghasilkan tampilan sesuai dengan yang diinginkan. Sebuah file yang merupakan file HTML dapat dibuka dengan menggunakan browser web seperti Mozilla Firefox atau Microsoft Internet Explorer. HTML juga dapat dikenali oleh aplikasi pembuka email ataupun dari PDA dan program lain yang memiliki kemampuan browser.

Dimana kita bisa menulis HTML?

HTML bisa kita buat di banyak text editor seperti :

  • Notepad –> paling sederhana
  • EditPlus
  • Dreamweaver –> dipermudah dengan tampilan visual.
  • dan banyak lagi.

File HTML harus disimpan dalam extension .htm atau .html

Markup/Tanda

Penulisan html tidak bisa terlepas dari markup/tanda yang dinamakan tag HTML, karena inti dari penulisan html adalah memberi tanda terhadap
suatu teks sesuai aturan sehingga diperoleh halaman yang diinginkan.

Syarat penulisan taq HTML :

  • dimulai dengan tanda “<>” dan diakhiri dengan
    tanda ” ”
  • Tag pertama disebut start tag dan tag terakhir disebut end tag.
  • Teks yang ingin di beri tanda di letakkan diantara start tag dan end tag.
  • Element HTML tidak bersifat case sensitive (huruf besar dan huruf kecil tidak dibedakan)
  • contoh : jika ingin menandai tulisan dengan style tebal (Bold Font)
    contoh bold font –> untuk elemen B tidak case sensitive
    Hasil yang keluar : contoh bold font

Urutan Penulisan HTML

Penulisan tag html harus urut, untuk lebih jelasnya perhatikan contoh dibawah:



judul halamanku


ini adalah halaman pertamaku.

teks ini adalah dicetak tebal

Simpan html diatas dengan akhiran : .htm atau .html
Contoh : halamanku.htm atau halamanku.html

Hasilnya kalau dibuka dalam browser :

Jadi ada point-point penting yang harus diperhatikan dalam membuat halaman web dengan menggunakan html yang harus urut :

  1. Tag
  2. Tag
  3. Tag –> untuk menampilkan judul pada bar halaman web (ditampilkan di kiri atas bagian halaman web) </li><li>Tag –> penutup Tag </li><li>Tag </head> –> Penutup Tag <head> </li><li>Tag <body> –> untuk menampilkan kode HTML pada bagian halaman web </li><li>Tag </body> –> Penutup Tag <body> </li><li>Tag <html> –> Penutup Tag </html> </li></ol> <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'><span class='post-author vcard'> Diposting oleh <span class='fn'>www.Dhanny_hisato.co.id</span> </span> <span class='post-timestamp'> di <a class='timestamp-link' href='http://dhannyhisato.blogspot.com/2008/11/html.html' rel='bookmark' title='permanent link'><abbr class='published' title='2008-11-19T13:00:00+07:00'>13.00.00</abbr></a> </span> <span class='post-comment-link'> <a class='comment-link' href='https://www.blogger.com/comment.g?blogID=1738412445855481359&postID=4789592093758085133' onclick=''>0 komentar</a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-654803587'> <a href='https://www.blogger.com/post-edit.g?blogID=1738412445855481359&postID=4789592093758085133&from=pencil' title='Edit Entri'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </span> </div> <div class='post-footer-line post-footer-line-2'><span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'><span class='reaction-buttons'> <table border='0' cellpadding='0' cellspacing='0' width='100%'><tr> <td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'> <span class='reactions-label'> Reaksi:</span> </td> <td><iframe allowtransparency='true' class='reactions-iframe' frameborder='0' name='reactions' scrolling='no' src='https://www.blogger.com/blog-post-reactions.g?options=%5Blucu,+menarik,+keren%5D&textColor=%23333333#http://dhannyhisato.blogspot.com/2008/11/html.html'></iframe></td> </tr></table> </span> </div> </div> </div> </div> </div></div> <div class="date-outer"> <h2 class='date-header'><span>06 November 2008</span></h2> <div class="date-posts"> <div class='post-outer'> <div class='post hentry'> <a name='460135602275925633'></a> <h3 class='post-title entry-title'> <a href='http://dhannyhisato.blogspot.com/2008/11/apakah-itu-sahabat-sahabat-adalah.html'>Arti Sahabat</a> </h3> <div class='post-header-line-1'></div> <div class='post-body entry-content'> <div align="left"><span style="font-family:arial;color:#ff0000;"><em>apakah itu sahabat??? sahabat adalah se2orang yang selalu menemani kita. sahabat merupakan teman yang baik yang dapat membantu kita dalam hal yang baik pula. saat kita melewati jalan yang salah maka seorang sahabat sangatlah wajib mengingatkan kita. dan kita harus memili seorang sahabat dengan tepat jangan sampai orang yang menjerumuskan kita, kita jadikan sahabat. sahabat bisa berupa teman bermain, pacar, istri/suami, ortu, dll.</em></span></div> <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'><span class='post-author vcard'> Diposting oleh <span class='fn'>www.Dhanny_hisato.co.id</span> </span> <span class='post-timestamp'> di <a class='timestamp-link' href='http://dhannyhisato.blogspot.com/2008/11/apakah-itu-sahabat-sahabat-adalah.html' rel='bookmark' title='permanent link'><abbr class='published' title='2008-11-06T13:31:00+07:00'>13.31.00</abbr></a> </span> <span class='post-comment-link'> <a class='comment-link' href='https://www.blogger.com/comment.g?blogID=1738412445855481359&postID=460135602275925633' onclick=''>0 komentar</a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-654803587'> <a href='https://www.blogger.com/post-edit.g?blogID=1738412445855481359&postID=460135602275925633&from=pencil' title='Edit Entri'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </span> </div> <div class='post-footer-line post-footer-line-2'><span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'><span class='reaction-buttons'> <table border='0' cellpadding='0' cellspacing='0' width='100%'><tr> <td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'> <span class='reactions-label'> Reaksi:</span> </td> <td><iframe allowtransparency='true' class='reactions-iframe' frameborder='0' name='reactions' scrolling='no' src='https://www.blogger.com/blog-post-reactions.g?options=%5Blucu,+menarik,+keren%5D&textColor=%23333333#http://dhannyhisato.blogspot.com/2008/11/apakah-itu-sahabat-sahabat-adalah.html'></iframe></td> </tr></table> </span> </div> </div> </div> </div> </div></div> </div> <div class='blog-pager' id='blog-pager'> <span id='blog-pager-newer-link'> <a class='blog-pager-newer-link' href='http://dhannyhisato.blogspot.com/search?updated-max=2009-08-04T14:47:00%2B07:00&max-results=7&reverse-paginate=true' id='Blog1_blog-pager-newer-link' title='Postingan Lebih Baru'>Postingan Lebih Baru</a> </span> <a class='home-link' href='http://dhannyhisato.blogspot.com/'>Beranda</a> </div> <div class='clear'></div> <div class='blog-feeds'> <div class='feed-links'> Langganan: <a class='feed-link' href='http://dhannyhisato.blogspot.com/feeds/posts/default' target='_blank' type='application/atom+xml'>Postingan (Atom)</a> </div> </div> <script type='text/javascript'> window.___gcfg = { 'lang': 'id' }; </script> </div><div class='widget HTML' data-version='1' id='HTML1'> <h2 class='title'>My Shoutbox</h2> <div class='widget-content'> <!-- Start oggix.com ShoutBox --> <script language="JavaScript" src="http://oggix.net/shout/show/frameSmilies.js.php?id=82162" type="text/javascript"></script> <script> document.write('<link href="http://oggix.net/shout/82162/layoutForm.css" rel="stylesheet" type="text/css">'); </script> <table border="0" bordercolor="#4674AB" width="170" cellpadding="0" cellspacing="0" class="thebg" align="center"> <tr> <td valign="top" width="357"> <table border="0" width="164" cellpadding="0" cellspacing="0" align="center"> <tr> <td><div align="center"> <iframe border="0" frameborder="0" height="400" src="http://oggix.net/shout/show/?oggixid=82162&type=1&smileys=1" scrolling="yes" width="200" name="shout" noresize> <style> .hosting { color:#CCCCCC; font-family:Trebuchet MS; font-weight:bold; font-size:3px; margin-bottom:0px; } </style> Your browser does not support inline frames. Click <a href="http://oggix.net">oggix.com for free Shoutbox TagBoard</a> Guestbook. <br/> <h1 class="hosting"><a alt="Free Shoutbox" href="http://oggix.net">Free Shoutbox</a></h1> supported by Book.Store <a alt="Toko Buku Online" href="http://book.store.co.id">Toko Buku Online Murah</a> & <h1 class="hosting"><a alt="Jual Beli Egold Indonesia Murah" href="http://egoldindonesia.info">Jual Beli Egold Indonesia Murah</a></h1> </iframe> </div></td> </tr> <tr> <form id="shoutsmileys" action="http://oggix.net/shout/post/" target="shout" name="shoutsmileys" method="post"> <input value="82162" name="oggixid" type="hidden"/> <input value="ezAsngGGIY8=" name="oggixcode" type="hidden"/> <input value="1" name="smileys" type="hidden"/> <td><table border="0" width="100%" cellpadding="2" cellspacing="0" align="center"> <tr valign="top"> <td width="35%" class="txtdcel">Name : </td> <td width="65%" class="txtdcel"><input id="name2" maxlength="15" class="textbox" name="name" size="20" type="text"/></td> </tr> <tr valign="top"> <td class="txtdcel">Web URL : </td> <td class="txtdcel"><input id="url" class="textbox" value="http://" name="url" size="20" type="text"/></td> </tr> <tr valign="top"> <td class="txtdcel">Message : </td> <td class="txtdcel"><div align="right"><em>by. <a href="http://oggix.net" target="_blank">oggix.com</a> </em></div></td> </tr> <tr valign="top"> <td colspan="2" class="txtdcel"> <input id="textarea" rows="3" class="textbox" name="comment" size="32" type="text"/> </td> </tr> <tr valign="top"> <td colspan="2" class="txtdcel" align="right"> <table border="0" width="100%" cellpadding="0" cellspacing="0"> <tr> <td align="center"><a href="javascript:setSmileysPreLoad(':)');"><img border="0" alt=":)" width="16" src="http://oggix.net/shout/smileys/preview/smile.gif" height="16"/></a></td> <td align="center"><a href="javascript:setSmileysPreLoad(':(');"><img border="0" alt=":(" width="16" src="http://oggix.net/shout/smileys/preview/sad.gif" height="16"/></a></td> <td align="center"><a href="javascript:setSmileysPreLoad(':D');"><img border="0" alt=":D" width="16" src="http://oggix.net/shout/smileys/preview/bigsmile.gif" height="16"/></a></td> <td align="center"><a href="javascript:setSmileysPreLoad(':p');"><img border="0" alt=":p" width="16" src="http://oggix.net/shout/smileys/preview/p.gif" height="16"/></a></td> <td align="center"><a href="javascript:setSmileysPreLoad(':((');"><img border="0" alt=":((" width="16" src="http://oggix.net/shout/smileys/preview/cry.gif" height="16"/></a></td> <td align="center"><a href="javascript:setSmileysPreLoad(':))');"><img border="0" alt=":))" width="16" src="http://oggix.net/shout/smileys/preview/lough.gif" height="16"/></a></td> <td align="center"><a href="javascript:setSmileysPreLoad(':x');"><img border="0" alt=":x" width="18" src="http://oggix.net/shout/smileys/preview/love.gif" height="16"/></a></td> </tr> </table> <div id="openlink_82162" style="DISPLAY: inline"> <img border="0" src="http://oggix.net/shout/smileys/down.gif"/> <a id="oggix" href="javascript:showForm()" title="Open smiley picker">more smileys</a>  </div> <div id="closelink_82162" style="DISPLAY: none"> <img border="0" src="http://oggix.net/shout/smileys/up.gif"/> <a id="oggix" href="javascript:showForm()" title="Close smiley picker">close smileys</a>  </div> <!-- start smileys --> <div id="hideform_div_82162" style="DISPLAY: none"> <table border="0" width="100%"> <tr> <td align="center"><a href="javascript:setSmileysPreLoad(';)');"><img border="0" alt=";)" width="16" src="http://oggix.net/shout/smileys/preview/ting.gif" height="16"/></a></td> <td align="center"><a href="javascript:setSmileysPreLoad('#-o');"><img border="0" alt="#-o" width="16" src="http://oggix.net/shout/smileys/preview/headache.gif" height="18"/></a></td> <td align="center"><a href="javascript:setSmileysPreLoad('>:D<\');"><img border="0" alt=">:D<" width="16" src="http://oggix.net/shout/smileys/preview/hugh.gif" height="16"/></a></td> <td align="center"><a href="javascript:setSmileysPreLoad(':-*');"><img border="0" alt=":-*" width="16" src="http://oggix.net/shout/smileys/preview/kiss.gif" height="16"/></a></td> <td align="center"><a href="javascript:setSmileysPreLoad(':gun');"><img border="0" alt=":gun" width="32" src="http://oggix.net/shout/smileys/preview/gun.gif" height="15"/></a></td></tr> <tr> <td align="center"><a href="javascript:setSmileysPreLoad('=D>');"><img border="0" alt="=D>" width="16" src="http://oggix.net/shout/smileys/preview/applause.gif" height="18"/></a></td> <td align="center"><a href="javascript:setSmileysPreLoad(':">');"><img border="0" alt=":">" width="16" src="http://oggix.net/shout/smileys/preview/shame.gif" height="16"/></a></td> <td align="center"><a href="javascript:setSmileysPreLoad('=))');"><img border="0" alt="=))" width="15" src="http://oggix.net/shout/smileys/preview/lol.gif" height="16"/></a></td> <td align="center"><a href="javascript:setSmileysPreLoad(':)>-');"><img border="0" alt=":)>-" width="22" src="http://oggix.net/shout/smileys/preview/piss.gif" height="17"/></a></td> <td align="center"><a href="javascript:setSmileysPreLoad(':hityou');"><img border="0" alt=":hityou" width="35" src="http://oggix.net/shout/smileys/preview/hit2.gif" height="20"/></a></td></tr> <tr> <td align="center"><a href="javascript:setSmileysPreLoad('\\\\:D/');"><img border="0" alt="\:D/" width="16" src="http://oggix.net/shout/smileys/preview/yeye.gif" height="16"/></a></td> <td align="center"><a href="javascript:setSmileysPreLoad('X-(');"><img border="0" alt="X-(" width="16" src="http://oggix.net/shout/smileys/preview/angry.gif" height="16"/></a></td> <td align="center"><a href="javascript:setSmileysPreLoad(':cheer');"><img border="0" alt=":cheer" width="21" src="http://oggix.net/shout/smileys/preview/cheer.gif" height="23"/></a></td> <td align="center"><a href="javascript:setSmileysPreLoad('I-)');"><img border="0" alt="I-)" width="22" src="http://oggix.net/shout/smileys/preview/sleep.gif" height="25"/></a></td> <td align="center"><a href="javascript:setSmileysPreLoad(':oops');"><img border="0" alt=":oops" width="30" src="http://oggix.net/shout/smileys/preview/oops.gif" height="20"/></a></td></tr> <tr> <td align="center"><a href="javascript:setSmileysPreLoad(':angry');"><img border="0" alt=":angry" width="21" src="http://oggix.net/shout/smileys/preview/bigangry.gif" height="20"/></a></td> <td align="center"><a href="javascript:setSmileysPreLoad(':drink');"><img border="0" alt=":drink" width="24" src="http://oggix.net/shout/smileys/preview/drink.gif" height="22"/></a></td> <td align="center"><a href="javascript:setSmileysPreLoad(':jump');"><img border="0" alt=":jump" width="23" src="http://oggix.net/shout/smileys/preview/jump.gif" height="22"/></a></td> <td align="center"><a href="javascript:setSmileysPreLoad(':devil');"><img border="0" alt=">:)" width="30" src="http://oggix.net/shout/smileys/preview/devil.gif" height="25"/></a></td> <td align="center"><a href="javascript:setSmileysPreLoad(':horse');"><img border="0" alt=":horse" width="30" src="http://oggix.net/shout/smileys/preview/horse.gif" height="27"/></a></td></tr> <tr> <td align="center"><a href="javascript:setSmileysPreLoad(':nono');"><img border="0" alt=":nono" width="23" src="http://oggix.net/shout/smileys/preview/nono.gif" height="23"/></a></td> <td align="center"><a href="javascript:setSmileysPreLoad(':kiss');"><img border="0" alt=":kiss" width="19" src="http://oggix.net/shout/smileys/preview/kiss2.gif" height="18"/></a></td> <td align="center"><a href="javascript:setSmileysPreLoad(':thumb');"><img border="0" alt=":thumb" width="23" src="http://oggix.net/shout/smileys/preview/thumb.gif" height="18"/></a></td> <td align="center"><a href="javascript:setSmileysPreLoad(':no');"><img border="0" alt=":no" width="26" src="http://oggix.net/shout/smileys/preview/no.gif" height="20"/></a></td> <td align="center"><a href="javascript:setSmileysPreLoad(':rock');"><img border="0" alt=":rock" width="28" src="http://oggix.net/shout/smileys/preview/rock.gif" height="24"/></a></td></tr> <tr> <td align="center"><a href="javascript:setSmileysPreLoad(':wavey');"><img border="0" alt=":wavey" width="19" src="http://oggix.net/shout/smileys/preview/dance.gif" height="27"/></a></td> <td align="center"><a href="javascript:setSmileysPreLoad(':worry');"><img border="0" alt=":worry" width="24" src="http://oggix.net/shout/smileys/preview/worry.gif" height="24"/></a></td> <td align="center"><a href="javascript:setSmileysPreLoad(':headache');"><img border="0" alt=":headache" width="25" src="http://oggix.net/shout/smileys/preview/headache2.gif" height="27"/></a></td> <td align="center"><a href="javascript:setSmileysPreLoad(':runaway');"><img border="0" alt=":runaway" width="23" src="http://oggix.net/shout/smileys/preview/runaway.gif" height="23"/></a></td> <td align="center"><a href="javascript:setSmileysPreLoad(':sorry');"><img border="0" alt=":sorry" width="30" src="http://oggix.net/shout/smileys/preview/sorry.gif" height="20"/></a></td></tr> <tr> <td align="center"><a href="javascript:setSmileysPreLoad(':surprise');"><img border="0" alt=":surprise" width="24" src="http://oggix.net/shout/smileys/preview/surprise.gif" height="20"/></a></td> <td align="center"><a href="javascript:setSmileysPreLoad(':sos');"><img border="0" alt=":sos" width="28" src="http://oggix.net/shout/smileys/preview/sos.gif" height="26"/></a></td> <td align="center"><a href="javascript:setSmileysPreLoad(':bomb');"><img border="0" alt=":bomb" width="27" src="http://oggix.net/shout/smileys/preview/bomb.gif" height="24"/></a></td> <td align="center"><a href="javascript:setSmileysPreLoad(':blah');"><img border="0" alt=":blah" width="27" src="http://oggix.net/shout/smileys/preview/blah.gif" height="26"/></a></td> <td align="center"><a href="javascript:setSmileysPreLoad(':hit');"><img border="0" alt=":hit" width="30" src="http://oggix.net/shout/smileys/preview/hit.gif" height="15"/></a></td></tr> <tr> <td align="center"><a href="javascript:setSmileysPreLoad(':yuhuu');"><img border="0" alt=":yuhuu" width="23" src="http://oggix.net/shout/smileys/preview/yahoo.gif" height="22"/></a></td> <td align="center"><a href="javascript:setSmileysPreLoad(':banana');"><img border="0" alt=":banana" width="27" src="http://oggix.net/shout/smileys/preview/banana.gif" height="33"/></a></td> <td align="center"><a href="javascript:setSmileysPreLoad(':jumpdie');"><img border="0" alt=":jumpdie" width="25" src="http://oggix.net/shout/smileys/preview/jumdie.gif" height="32"/></a></td> <td align="center"><a href="javascript:setSmileysPreLoad(':together');"><img border="0" alt=":together" width="31" src="http://oggix.net/shout/smileys/preview/together.gif" height="23"/></a></td> <td align="center"><a href="javascript:setSmileysPreLoad(':2gun');"><img border="0" alt=":2gun" width="28" src="http://oggix.net/shout/smileys/preview/2gun.gif" height="20"/></a></td> </tr></table> </div> <!-- end smileys --> </td> </tr> <tr valign="middle"> <td colspan="2" class="txtdcel"> <div align="center"> <input class="textbox" value="Shout!!" name="Submit" type="submit"/> <input class="textbox" value="Reset" name="Reset" type="reset"/> </div></td> </tr> </table></td> </form> </tr> </table></td> </tr> </table> <!-- End oggix.com ShoutBox --> </div> <div class='clear'></div> <span class='widget-item-control'> <span class='item-control blog-admin'> <a class='quickedit' href='//www.blogger.com/rearrange?blogID=1738412445855481359&widgetType=HTML&widgetId=HTML1&action=editWidget§ionId=main' onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML1"));' target='configHTML1' title='Edit'> <img alt='' height='18' src='https://resources.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/> </a> </span> </span> <div class='clear'></div> </div></div> </div> <div id='sidebar-wrapper'> <div class='sidebar section' id='sidebar'><div class='widget HTML' data-version='1' id='HTML3'> <h2 class='title'>calendarx aq</h2> <div class='widget-content'> <!-- FREE-BLOG-CONTENT.com --> <br/><center><iframe frameborder="no" marginwidth="0" marginheight="0" height="222" src="http://www.free-blog-content.com/Calendars/calendar00081.htm" scrolling="no" width="160" allowtransparency="true"></iframe></center> <center><a style="font-size: 3mm" href="http://www.free-blog-content.com/">Free Blog Content</a></center> </div> <div class='clear'></div> <span class='widget-item-control'> <span class='item-control blog-admin'> <a class='quickedit' href='//www.blogger.com/rearrange?blogID=1738412445855481359&widgetType=HTML&widgetId=HTML3&action=editWidget§ionId=sidebar' onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML3"));' target='configHTML3' title='Edit'> <img alt='' height='18' src='https://resources.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/> </a> </span> </span> <div class='clear'></div> </div><div class='widget Profile' data-version='1' id='Profile1'> <h2>About Me</h2> <div class='widget-content'> <a href='https://www.blogger.com/profile/13934396846292421305'><img alt='Foto saya' class='profile-img' height='60' src='//4.bp.blogspot.com/_rNfqwH06UtU/SZunwmPwQXI/AAAAAAAAABQ/wyjnR3VH13I/S220-s80/1_824047706l.jpg' width='80'/></a> <dl class='profile-datablock'> <dt class='profile-data'> <a class='profile-name-link g-profile' href='https://www.blogger.com/profile/13934396846292421305' rel='author' style='background-image: url(//www.blogger.com/img/logo-16.png);'> www.Dhanny_hisato.co.id </a> </dt> <dd class='profile-data'>kepanjen, ngalam jez, Indonesia</dd> <dd class='profile-textblock'>Nama :Dani Muara Histo Kelas :XI IPA 3 No. :08 seseorang tidak dapat menilai dirinya sendiri.</dd> </dl> <a class='profile-link' href='https://www.blogger.com/profile/13934396846292421305' rel='author'>Lihat profil lengkapku</a> <div class='clear'></div> <span class='widget-item-control'> <span class='item-control blog-admin'> <a class='quickedit' href='//www.blogger.com/rearrange?blogID=1738412445855481359&widgetType=Profile&widgetId=Profile1&action=editWidget§ionId=sidebar' onclick='return _WidgetManager._PopupConfig(document.getElementById("Profile1"));' target='configProfile1' title='Edit'> <img alt='' height='18' src='https://resources.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/> </a> </span> </span> <div class='clear'></div> </div> </div><div class='widget BlogArchive' data-version='1' id='BlogArchive1'> <h2>Blog Archive</h2> <div class='widget-content'> <div id='ArchiveList'> <div id='BlogArchive1_ArchiveList'> <ul class='flat'> <li class='archivedate'> <a href='http://dhannyhisato.blogspot.com/2009/08/'>Agustus</a> (1) </li> <li class='archivedate'> <a href='http://dhannyhisato.blogspot.com/2009/07/'>Juli</a> (1) </li> <li class='archivedate'> <a href='http://dhannyhisato.blogspot.com/2009/06/'>Juni</a> (2) </li> <li class='archivedate'> <a href='http://dhannyhisato.blogspot.com/2009/02/'>Februari</a> (3) </li> <li class='archivedate'> <a href='http://dhannyhisato.blogspot.com/2009/01/'>Januari</a> (1) </li> <li class='archivedate'> <a href='http://dhannyhisato.blogspot.com/2008/11/'>November</a> (2) </li> </ul> </div> </div> <div class='clear'></div> <span class='widget-item-control'> <span class='item-control blog-admin'> <a class='quickedit' href='//www.blogger.com/rearrange?blogID=1738412445855481359&widgetType=BlogArchive&widgetId=BlogArchive1&action=editWidget§ionId=sidebar' onclick='return _WidgetManager._PopupConfig(document.getElementById("BlogArchive1"));' target='configBlogArchive1' title='Edit'> <img alt='' height='18' src='https://resources.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/> </a> </span> </span> <div class='clear'></div> </div> </div><div class='widget HTML' data-version='1' id='HTML2'> <h2 class='title'>Blog's views</h2> <div class='widget-content'> <!-- Your Page ID: 49800 --><img style="border: 0px" src="http://www.bestfreehitcounters.com/count.php?page=49800"/><br/><a style="font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none; color: #314321" href="http://www.quinns.com.au" target="_blank" title="Financial Planners">Financial Planners</a><font style="font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none; color: #314321"> </font> </div> <div class='clear'></div> <span class='widget-item-control'> <span class='item-control blog-admin'> <a class='quickedit' href='//www.blogger.com/rearrange?blogID=1738412445855481359&widgetType=HTML&widgetId=HTML2&action=editWidget§ionId=sidebar' onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML2"));' target='configHTML2' title='Edit'> <img alt='' height='18' src='https://resources.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/> </a> </span> </span> <div class='clear'></div> </div></div> </div> <!-- spacer for skins that want sidebar and main to be the same height--> <div class='clear'> </div> </div> <!-- end content-wrapper --> </div> <!--end center--> <div id='footer-wrapper'> <div class='footer no-items section' id='footer'></div> </div> </div></div> <!-- end outer-wrapper --> <script src='https://apis.google.com/js/plusone.js' type='text/javascript'></script> <script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/2345592501-widgets.js"></script> <script type='text/javascript'> window['__wavt'] = 'AOuZoY7IXoHA5BJAGQm8ojqBS1OuqZPB8w:1503289287909';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d1738412445855481359','//dhannyhisato.blogspot.com/2008/11/','1738412445855481359'); _WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '1738412445855481359', 'title': 'www.dhanny_hisato.com', 'url': 'http://dhannyhisato.blogspot.com/2008/11/', 'canonicalUrl': 'http://dhannyhisato.blogspot.com/2008/11/', 'homepageUrl': 'http://dhannyhisato.blogspot.com/', 'searchUrl': 'http://dhannyhisato.blogspot.com/search', 'canonicalHomepageUrl': 'http://dhannyhisato.blogspot.com/', 'blogspotFaviconUrl': 'http://dhannyhisato.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'id', 'localeUnderscoreDelimited': 'id', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22www.dhanny_hisato.com - Atom\x22 href\x3d\x22http://dhannyhisato.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22www.dhanny_hisato.com - RSS\x22 href\x3d\x22http://dhannyhisato.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22www.dhanny_hisato.com - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/1738412445855481359/posts/default\x22 /\x3e\n', 'meTag': '', 'openIdOpTag': '', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/ebb3518729c29987', 'plusOneApiSrc': 'https://apis.google.com/js/plusone.js', 'sharing': {'platforms': [{'name': 'Dapatkan tautan', 'key': 'link', 'shareMessage': 'Dapatkan tautan', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Bagikan ke Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'Twitter', 'key': 'twitter', 'shareMessage': 'Bagikan ke Twitter', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Bagikan ke Pinterest', 'target': 'pinterest'}, {'name': 'Google+', 'key': 'googlePlus', 'shareMessage': 'Bagikan ke Google+', 'target': 'googleplus'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'googlePlusShareButtonWidth': 300, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27id\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Baca selengkapnya', 'pageType': 'archive', 'pageName': 'November 2008', 'pageTitle': 'www.dhanny_hisato.com: November 2008'}}, {'name': 'features', 'data': {'lazy_images': 'false', 'unsupported_browser_message': 'false', 'lightbox_img_parsing': 'false', 'video_theatre_support': 'false', 'sharing_get_link_dialog': 'false'}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Tautan disalin ke papan klip!', 'ok': 'Oke', 'postLink': 'Tautan Pos'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Khusus', 'isResponsive': false, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'www.dhanny_hisato.com', 'description': 'Please visit my blog.', 'url': 'http://dhannyhisato.blogspot.com/2008/11/', 'type': 'feed', 'isSingleItem': false, 'isMultipleItems': true, 'isError': false, 'isPage': false, 'isPost': false, 'isHomepage': false, 'isArchive': true, 'isLabelSearch': false, 'archive': {'year': 2008, 'month': 11, 'rangeMessage': 'Menampilkan postingan dari November, 2008'}}}]); _WidgetManager._RegisterWidget('_NavbarView', new _WidgetInfo('Navbar1', 'navbar', null, document.getElementById('Navbar1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', null, document.getElementById('Header1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', null, document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/2692485528-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/368954415-lightbox_bundle.css'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'main', null, document.getElementById('HTML1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'sidebar', null, document.getElementById('HTML3'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_ProfileView', new _WidgetInfo('Profile1', 'sidebar', null, document.getElementById('Profile1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive1', 'sidebar', null, document.getElementById('BlogArchive1'), {'languageDirection': 'ltr', 'loadingMessage': 'Memuat\x26hellip;'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'sidebar', null, document.getElementById('HTML2'), {}, 'displayModeFull')); </script> </body> </html>