MEMBUAT FRAME
Dengan menggunakan frame, kita bisa menampilkan beberapa halaman HTML sekaligus dalam sebuah jendela browser. Apa artinya? Artinya dengan membuka sebuah halaman HTML saja (yang mengandung frame), browser akan menampilkan beberapa halaman sekaligus yang masing-masing termuat dalam sebuah frame. Apa gunanya? Disamping untuk mempercantik tampilan, fungsi utama frame adalah untuk memudahkan navigasi atau penelusuran isi website. Kok, bisa? Daripada membahas panjang lebar, lebih baik kita langsung saja belajar membuat frame. Perhatikan contoh layout halaman ber-frame berikut ini:
| frame I berisi file judul.htm |
| frame II berisi file menu.htm | frame III berisi file isi.htm |
Anggaplah gambar di atas adalah tampilan dari sebuah halaman HTML yang terdiri dari tiga frame. Halaman yang ber-frame ini kita namakan gabung.htm. File gabung.htm ini menampilkan tiga halaman HTML sekaligus yaitu file judul.htm, menu.htm dan isi.htm. Jadi untuk membuat tampilan seperti di atas kita harus membuat empat buah file HTML, 3 file berfungsi sebagai halaman yang ditampilkan sedang satu file berfungsi sebagai halaman yang menampilkan. Halaman inilah yang merupakan halaman utama atau halaman yang mengandung frame.
Untuk membuat halaman utama atau halaman yang ber-frame, kita hanya membutuhkan dua buah tag yaitu
Di atas anda bisa melihat bahwa empat tag yang pertama hanyalah tag pembukaan HTML yang sudah biasa. Sedangkan tag untuk membuat frame adalah tag
Perhatikan kembali layout halaman berframe yang digambarkan di atas tadi. Halaman tersebut terdiri dari atas dua baris dimana baris pertama (atas) lebih kecil (anggaplah 20%) daripada baris kedua (80%). Dan baris kedua terbagi atas dua kolom dimana kolom pertama (kiri) lebih kecil (anggaplah 30%) daripada kolom kedua (70%). Bagaimana cara mengaturnya?
Pertama, kita membagi halaman menjadi dua baris, baris pertama tingginya 20% dan baris kedua tingginya 80%. Agar lebih bersih dan jelas, tag , dan tidak dicantumkan lagi. Ingat, anda harus tetap menuliskannya di dokumen anda. </span></p><div style="text-align: justify;"> </div><table style="font-size: 10pt; font-family: verdana; text-align: left; margin-left: 0px; margin-right: 0px;color:#ffffff;" bg border="0" width="100%"> <tbody><tr> <td width="100%"> <span style="font-size:100%;"><frameset rows="20%,80%">
<br /></frameset></span> </td> </tr> </tbody></table><div style="text-align: justify;"> </div><p style="font-family: verdana; text-align: justify;"><span style="font-size:100%;">Atribut ROWS dalam tag FRAMESET di atas memerintahkan browser untuk membagi halaman menjadi dua baris, baris pertama tingginya 20% dan baris kedua tingginya 80%. Sekarang kita akan mengisi baris pertama dengan frame kosong terlebih dahulu menggunakan tag <frame>.</span></p><div style="text-align: justify;"> </div><table style="font-size: 10pt; font-family: verdana; text-align: left; margin-left: 0px; margin-right: 0px;color:#ffffff;" bg border="0" width="100%"> <tbody><tr> <td width="100%"> <span style="font-size:100%;"><frameset rows="20%,80%">
<br /><frame>
<br /></frameset></span> </td> </tr> </tbody></table><div style="text-align: justify;"> </div><p style="font-family: verdana; text-align: justify;"><span style="font-size:100%;">Sekarang kita akan mengisi baris kedua. Sebelumnya kita harus membagi baris kedua ini dalam dua kolom. Untuk itu, kita harus menambahkan lagi sepasang tag <frameset> yang di dalamnya disisipkan atribut pembagi kolom yaitu COLS. </span></p><div style="text-align: justify;"> </div><table style="font-size: 10pt; font-family: verdana; text-align: left; margin-left: 0px; margin-right: 0px;color:#ffffff;" bg border="0" width="100%"> <tbody><tr> <td width="100%"> <span style="font-size:100%;"><frameset rows="20%,80%">
<br /><frame>
<br /><frameset cols="30%,70%">
<br /></frameset>
<br /></frameset></span> </td> </tr> </tbody></table><div style="text-align: justify;"> </div><p style="font-family: verdana; text-align: justify;"><span style="font-size:100%;">Setelah terbagi dalam dua kolom kita harus mengisi setiap kolom tersebut dengan frame. Jadinya seperti ini:</span></p><div style="text-align: justify;"> </div><table style="font-size: 10pt; font-family: verdana; text-align: left; margin-left: 0px; margin-right: 0px;color:#ffffff;" bg border="0" width="100%"> <tbody><tr> <td width="100%"> <span style="font-size:100%;"><frameset rows="20%,80%">
<br /><frame>
<br /><frameset cols="30%,70%">
<br /><frame>
<br /><frame>
<br /></frameset>
<br /></frameset></span> </td> </tr> </tbody></table><div style="text-align: justify;"> </div><p style="font-family: verdana; text-align: justify;"><span style="font-size:100%;">Kini selesailah sudah pembuatan file <b>gabung.htm</b> yang merupakan halaman web yang terdiri dari tiga buah frame. Tugas kita tinggal mengisi frame-frame yang masih kosong itu dengan file-file yang akan kita tampilkan di dalamnya. Untuk mendefinisikan nama file target pada setiap frame, kita tinggal menambahkan atribut SRC dalam setiap tag <frame>. Contoh:</span></p><div style="text-align: justify;"> </div><table style="font-size: 10pt; font-family: verdana; text-align: left; margin-left: 0px; margin-right: 0px;color:#ffffff;" bg border="0" width="100%"> <tbody><tr> <td width="100%"> <span style="font-size:100%;"><frameset rows="20%,80%">
<br /><frame src="judul.htm">
<br /><frameset cols="30%,70%">
<br /><frame src="menu.htm">
<br /><frame src="isi.htm">
<br /></frameset>
<br /></frameset></span> </td> </tr> </tbody></table><div style="text-align: justify;"> </div><p style="font-family: verdana; text-align: justify;"><span style="font-size:100%;">Tentu saja sebelumnya anda harus sudah membuat ketiga file tersebut dan menempatkan keempat file ini dalam folder yang sama. Bila foldernya tidak sama, gunakanlah cara penulisan alamat file seperti cara penulisan alamat file untuk link (lihat kembali pelajaran tentang link yang lalu). </span></p><div style="text-align: justify;"> </div><p style="font-family: verdana; text-align: justify;"><span style="font-size:100%;">Misalnya kita mempunyai file <b>judul.htm </b><a href="http://www.freewebs.com/buatsite/buatsite08a.htm" target="_blank">seperti ini</a>, file <b>menu.htm </b><a href="http://www.freewebs.com/buatsite/buatsite08b.htm" target="_blank">seperti ini</a> dan file <b>isi.htm </b><a href="http://www.freewebs.com/buatsite/buatsite08c.htm" target="_blank">seperti ini</a>. Maka bila anda membuka file <b>gabung.htm</b>, akan tampaklah sebuah halaman web yang terdiri dari tiga frame <a href="http://www.freewebs.com/buatsite/buatsite08d.htm" target="_blank">seperti ini</a>. (klik masing-masing kata "seperti ini" untuk melihat tampilannya).</span></p><div style="text-align: justify;"> </div><p style="font-family: verdana; text-align: justify;"><span style="font-size:100%;">Seperti halnya dalam penentuan ukuran tabel, selain menggunakan satuan persen, kita juga bisa menggunakan satuan pixel. Misalnya atribut <b>COLS="200,400"</b> memerintahkan browser untuk membagi halaman menjadi dua kolom dimana kolom pertama lebarnya 200 pixel sedang kolom kedua lebarnya 400 pixel. Bahkan anda pun dapat membagi frame seperti ini <b>COLS="200,*"</b>. Apa artinya? Artinya anda membagi halaman menjadi dua kolom dimana kolom pertama lebarnya 200 pixel sedang kolom kedua lebarnya adalah sisa dari ukuran layar monitor. Hal ini berguna karena setting layar monitor yang dipakai oleh user bisa berbeda-beda; pada umumnya adalah (lebar x tinggi dalam satuan pixel) 640x480, 800x600 atau 1024x768. </span></p><div style="text-align: justify;"> </div><p style="font-family: verdana; text-align: justify;"><span style="font-size:100%;">Atribut lainnya yang bisa disisipkan dalam tag <frameset> antara lain: BORDER untuk mengatur ukuran border yang memisahkan antara dua frame dan BORDERCOLOR untuk menentukan warna border. Contoh: </span></p><div style="text-align: justify;"> </div><table style="font-size: 10pt; font-family: verdana; text-align: left; margin-left: 0px; margin-right: 0px;color:#ffffff;" bg border="0" width="100%"> <tbody><tr> <td width="100%"> <span style="font-size:100%;"><frameset rows="20%,80%" bordercolor="#FF1493">
<br /><frame src="judul.htm">
<br /><frameset cols="30%,70%" border="10">
<br /><frame src="menu.htm">
<br /><frame src="isi.htm">
<br /></frameset>
<br /></frameset></span> </td> </tr> </tbody></table><div style="text-align: justify;"> </div><p style="font-family: verdana; text-align: justify;"><span style="font-size:100%;">Bila dilihat dalam browser, tampak <a href="http://www.freewebs.com/buatsite/buatsite08e.htm" target="_blank">seperti ini</a>. Ukuran BORDER="2" adalah default sedang ukuran BORDER="0" berarti frame tanpa border. </span></p><div style="text-align: justify;"> </div><p style="font-family: verdana; text-align: justify;"><span style="font-size:100%;">Sedangkan untuk tag <frame> biasanya dilengkapi dengan atribut-atribut berikut:</span></p><div style="text-align: justify;"> </div><ol style="font-family: verdana; text-align: justify;"><li><span style="font-size:100%;">BORDERCOLOR, fungsinya sama dengan BORDERCOLOR pada tag FRAMESET. Dalam hal ini, warna yang didefinisikan oleh tag yang lebih dalam menang atas warna yang didefinisikan oleh tag yang luar. </span></li><li><span style="font-size:100%;">MARGINHEIGHT untuk menentukan jarak antara batas atas atau batas bawah frame dengan isi frame. </span></li><li><span style="font-size:100%;">MARGINWIDTH untuk menentukan jarak antara batas kiri atau batas kanan frame dengan isi frame.</span></li><li><span style="font-size:100%;">NORESIZE, dengan adanya atribut ini maka border dari frame yang bersangkutan tidak bisa digeser. Dengan kata lain, ukuran frame tersebut tidak bisa diubah (diperkecil atau diperbesar).</span></li><li><span style="font-size:100%;">SCROLLING, mengatur fasilitas scroll (penggulung layar) dari frame. Nilainya bisa YES, NO atau AUTO. Nilai YES berarti penggulung selalu ada, NO berarti penggulung selalu tidak ada, sedang AUTO berarti penggulung ada bila diperlukan (isi frame melebihi ukuran layar) dan tidak ada bila tidak diperlukan (isi frame dimuat oleh layar). Nilai AUTO merupakan nilai default. Artinya, bila atribut SCROLLING tidak dituliskan, maka penggulung layar otomatis akan muncul bila diperlukan.</span></li><li><span style="font-size:100%;">NAME, untuk memberi nama terhadap frame yang bersangkutan. Kegunaannya akan dijelaskan kemudian.</span></li></ol><div style="text-align: justify;"> </div><p style="font-family: verdana; text-align: justify;"><span style="font-size:100%;">Berikut sekelumit contoh penggunaan atribut-atribut di atas:</span></p><div style="text-align: justify;"> </div><table style="font-size: 10pt; font-family: verdana; text-align: left; margin-left: 0px; margin-right: 0px;color:#ffffff;" bg border="0" width="100%"> <tbody><tr> <td width="100%"> <span style="font-size:100%;"><frameset rows="20%,80%" bordercolor="#FF1493">
<br /><frame src="judul.htm">
<br /><frameset cols="30%,70%" border="10">
<br /><frame src="menu.htm" bordercolor="#9C661F">
<br /><frame src="isi.htm" scrolling="YES">
<br /></frameset>
<br /></frameset></span> </td> </tr> </tbody></table><div style="text-align: justify;"> </div><p style="font-family: verdana; text-align: justify;"><span style="font-size:100%;"><a href="http://www.freewebs.com/buatsite/buatsite08f.htm" target="_blank">Klik di sini</a> untuk melihat tampilannya dalam browser. </span></p><div style="text-align: justify;"> </div><p style="font-family: verdana; text-align: justify;"><span style="font-size:100%;">Adapun atribut NAME diperlukan dalam kaitannya dengan fungsi navigasi dari halaman ber-frame. Misalnya kita ingin mengatur agar suatu link bila di-klik akan memunculkan halaman targetnya dalam frame tertentu. Maka terlebih dahulu kita harus memberi nama terhadap frame tersebut. Contoh:</span></p><div style="text-align: justify;"> </div><table style="font-size: 10pt; font-family: verdana; text-align: left; margin-left: 0px; margin-right: 0px;color:#ffffff;" bg border="0" width="100%"> <tbody><tr> <td width="100%"> <span style="font-size:100%;"><frameset rows="20%,80%" bordercolor="#FF1493">
<br /><frame src="judul.htm">
<br /><frameset cols="30%,70%" border="10">
<br /><frame src="menu.htm" bordercolor="#9C661F">
<br /><frame src="isi.htm" scrolling="YES" name="utama">
<br /></frameset>
<br /></frameset></span> </td> </tr> </tbody></table><div style="text-align: justify;"> </div><p style="font-family: verdana; text-align: justify;"><span style="font-size:100%;">Dalam contoh di atas, frame ketiga (frame pada kolom kedua dari baris kedua halaman) kita berinama "utama". Dengan adanya nama tersebut, kita bisa mengatur agar link yang terdapat pada halaman di frame lainnya bila di-klik akan memunculkan halaman targetnya pada frame "utama" tersebut. Bingung? Misalnya, pada halaman <b>menu.htm</b> terdapat link dengan kode HTML seperti berikut:</span></p><div style="text-align: justify;"> </div><p style="font-family: verdana; text-align: justify;"><span style="font-size:100%;"><b><a href="bab2.htm">BAB II</a></b></span></p><div style="text-align: justify;"> </div><p style="font-family: verdana; text-align: justify;"><span style="font-size:100%;">Bila kata <b>BAB II</b> di-klik maka akan membuka file <b>bab2.htm</b>. Tapi halaman <b>bab2.htm</b> tersebut akan mengisi seluruh jendela browser. Artinya halaman yang berframe akan hilang. Agar file <b>bab2.htm </b>itu muncul pada frame "utama" saja, kita harus memberi atribut TARGET seperti ini:</span></p><div style="text-align: justify;"> </div><p style="font-family: verdana; text-align: justify;"><span style="font-size:100%;"><b><a href="bab2.htm" target="utama">BAB II</a></b></span></p><div style="text-align: justify;"> </div><p style="font-family: verdana; text-align: justify;"><span style="font-size:100%;">Masih ingat, kan tentang atribut TARGET pada pelajaran tentang LINK? Seandainya semua link yang terdapat dalam file <b>menu.htm</b> akan kita arahkan pada frame "utama" maka kita bisa menyisipkan tag <b><base target="utama"></b></span> diantara tag <head> dan </head>. Dengan demikian, kita tidak perlu lagi menuliskan dalam setiap link atribut TARGET tersebut satu-persatu. Karena dengan adanya tag BASE TARGET itu, secara otomatis, semua link yang ada dalam halaman tersebut akan diarahkan ke frame yang dicantumkan dalam BASET TARGET. Kecuali link yang mempunyai TARGET tersendiri. </p><div style="text-align: justify;"> </div><p style="font-family: verdana; text-align: justify;"><span style="font-size:100%;">Berikut beberapa cara pengarahan link dengan atribut TARGET:</span></p><div style="text-align: justify;"> </div><ul style="font-family: verdana; text-align: justify;"><li><span style="font-size:100%;"><b>_blank</b> : halaman yang dipanggil akan muncul pada jendela baru (ini sudah kita pelajari)</span></li><li><span style="font-size:100%;"><b>_top</b> : halaman yang dipanggil akan mengisi penuh jendela yang sama, meskipun tadinya ada frame.</span></li><li><span style="font-size:100%;"><b>_self</b> : halaman yang dipanggil akan mengisi tempat yang sama, bila link tersebut dalam sebuah frame maka halaman yang dipanggil akan mengisi frame tersebut.</span></li><li><span style="font-size:100%;"><b>_parent</b> : halaman yang dipanggil akan akan mengisi FRAMESET, satu tingkat lebih tinggi dari FRAME tempat link yang bersangkutan.</span></li></ul>
<div style='clear: both;'></div>
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
Posted by
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<meta content='https://www.blogger.com/profile/05141765699182858826' itemprop='url'/>
<a class='g-profile' href='https://www.blogger.com/profile/05141765699182858826' rel='author' title='author profile'>
<span itemprop='name'>Ab.HalimYunos.blogspot.com</span>
</a>
</span>
</span>
<span class='post-timestamp'>
at
<meta content='http://halimyunos.blogspot.com/2010/02/membuat-frame-dengan-menggunakan-frame.html' itemprop='url'/>
<a class='timestamp-link' href='http://halimyunos.blogspot.com/2010/02/membuat-frame-dengan-menggunakan-frame.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2010-02-08T22:49:00-08:00'>10:49:00 PM</abbr></a>
</span>
<span class='post-comment-link'>
</span>
<span class='post-icons'>
<span class='item-action'>
<a href='https://www.blogger.com/email-post.g?blogID=1903866226185047717&postID=5072103249228189123' title='Email Post'>
<img alt='' class='icon-action' height='13' src='https://resources.blogblog.com/img/icon18_email.gif' width='18'/>
</a>
</span>
<span class='item-control blog-admin pid-1589981557'>
<a href='https://www.blogger.com/post-edit.g?blogID=1903866226185047717&postID=5072103249228189123&from=pencil' title='Edit Post'>
<img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</span>
<div class='post-share-buttons goog-inline-block'>
</div>
</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='post-location'>
</span>
</div>
</div>
</div>
<div class='comments' id='comments'>
<a name='comments'></a>
<h4>No comments:</h4>
<div id='Blog1_comments-block-wrapper'>
<dl class='avatar-comment-indent' id='comments-block'>
</dl>
</div>
<p class='comment-footer'>
<div class='comment-form'>
<a name='comment-form'></a>
<h4 id='comment-post-message'>Post a Comment</h4>
<p>
</p>
<a href='https://www.blogger.com/comment/frame/1903866226185047717?po=5072103249228189123&hl=en' id='comment-editor-src'></a>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410px' id='comment-editor' name='comment-editor' src='' width='100%'></iframe>
<script src='https://www.blogger.com/static/v1/jsbin/4269703388-comment_from_post_iframe.js' type='text/javascript'></script>
<script type='text/javascript'>
BLOG_CMT_createIframe('https://www.blogger.com/rpc_relay.html');
</script>
</div>
</p>
</div>
</div>
<div class='inline-ad'>
<script type="text/javascript"><!--
google_ad_client="pub-8826359673273814";
google_ad_host="pub-1556223355139109";
google_ad_host_channel="00000";
google_ad_width=336;
google_ad_height=280;
google_ad_format="336x280_as";
google_ad_type="text_image";
google_color_border="6699CC";
google_color_bg="003366";
google_color_link="FFFFFF";
google_color_url="AECCEB";
google_color_text="AECCEB";
//--></script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</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://halimyunos.blogspot.com/2010/02/memasang-website-di-internet-bila-anda.html' id='Blog1_blog-pager-newer-link' title='Newer Post'>Newer Post</a>
</span>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' href='http://halimyunos.blogspot.com/2010/02/menyisipkan-gambar-image-untuk.html' id='Blog1_blog-pager-older-link' title='Older Post'>Older Post</a>
</span>
<a class='home-link' href='http://halimyunos.blogspot.com/'>Home</a>
</div>
<div class='clear'></div>
<div class='post-feeds'>
<div class='feed-links'>
Subscribe to:
<a class='feed-link' href='http://halimyunos.blogspot.com/feeds/5072103249228189123/comments/default' target='_blank' type='application/atom+xml'>Post Comments (Atom)</a>
</div>
</div>
</div></div>
</div>
<div id='sidebar-wrapper'>
<div class='sidebar section' id='sidebar'><div class='widget HTML' data-version='1' id='HTML1'>
<h2 class='title'>Anda Ada Komen ?</h2>
<div class='widget-content'>
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" marginheight="2" marginwidth="2" height="305" src="http://www6.cbox.ws/box/?boxid=359958&boxtag=3m3aa2&sec=main" id="cboxmain" scrolling="auto" style="border:#DBE2ED 1px solid;" width="200" allowtransparency="yes" name="cboxmain"></iframe></div>
<div><iframe frameborder="0" marginheight="2" marginwidth="2" height="75" src="http://www6.cbox.ws/box/?boxid=359958&boxtag=3m3aa2&sec=form" id="cboxform" scrolling="no" style="border:#DBE2ED 1px solid;border-top:0px" width="200" allowtransparency="yes" name="cboxform"></iframe></div>
</div>
<!-- END CBOX -->
</div>
<div class='clear'></div>
</div><div class='widget Text' data-version='1' id='Text1'>
<div class='widget-content'>
<div id="Text8" class="widget Text"> <div class="widget-content"> <a href="http://fara.homestead.com/"><img alt="http://img263.imageshack.us/img263/2812/sham250250.gif" src="http://img263.imageshack.us/img263/2812/sham250250.gif" /></a><br /><br /><a href="http://www.wangianmonier.blogspot.com/"><img alt="http://img87.imageshack.us/img87/4813/ser.gif" src="http://img87.imageshack.us/img87/4813/ser.gif" /></a><br /><br /><img alt="[2009-09-28_122406.jpg]" src="http://1.bp.blogspot.com/_naaZXXey95E/SsA9K1v3WNI/AAAAAAAACdU/XfVulIioNwA/s1600/2009-09-28_122406.jpg" border="0" /><br /><br /><img alt="[2009-09-28_122406.jpg]" src="http://1.bp.blogspot.com/_naaZXXey95E/SsA9K1v3WNI/AAAAAAAACdU/XfVulIioNwA/s1600/2009-09-28_122406.jpg" border="0" /><br /><span style="font-weight: bold; color: rgb(255, 0, 0);">:: INFORMASI ::</span><br /><a href="http://kedahlanie.blogspot.com/search/label/Selsema%20Babi"><span style="border-collapse: separate; color: rgb(0, 0, 0); font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;font-family:'Times New Roman';" class="Apple-style-span" ><span style="color: rgb(255, 255, 255); text-align: left;font-family:Verdana;" class="Apple-style-span" ><img alt="http://www.topnews.in/files/Swine-flu-.jpg" style="width: 256px; height: 87px;" src="http://www.topnews.in/files/Swine-flu-.jpg" /></span></span></a><br /> <div id="relatedImagesDiv" style="display: none;"> <span style="text-align: left;" class="title">Images Like This One</span> </div><br /></div> <span class="widget-item-control"> <span class="item-control blog-admin"> <a class="quickedit" href="http://www.blogger.com/rearrange?blogID=4307812350238201398&widgetType=Text&widgetId=Text8&action=editWidget" target="configText8" onclick="'return" title="Edit"><br /></a> </span> </span> </div><div id="HTML11" class="widget HTML"> <div class="widget-content"> <img alt="" style="cursor: pointer; width: 308px; height: 43px;" src="http://kedah.dapat.fm/Portals/70/banner.jpg" onclick="this.parentNode.innerHTML = '\x3Cembed src=\'http://60.51.214.210:8000/\' width=\'320\' height=\'43\' autostart=\'1\' showcontrols=\'1\' type=\'application/x-mplayer2\' pluginspage=\'http://www.microsoft.com/windows/windowsmedia/download/\'\x3E \x3C/embed\x3E';" /> <div>~klik image untuk dengar radio KedahFM ~ </div> </div> <span class="widget-item-control"> <span class="item-control blog-admin"> <a class="quickedit" href="http://www.blogger.com/rearrange?blogID=4307812350238201398&widgetType=HTML&widgetId=HTML11&action=editWidget" target="configHTML11" onclick="'return" title="Edit"><br /></a> </span> </span> </div><div id="HTML12" class="widget HTML"> <h2 class="title">~ Up-Date terkini terus ke e-mail anda ~</h2> <div class="widget-content"> <form action="http://feedburner.google.com/fb/a/mailverify" style="border: 1px solid rgb(204, 204, 204); padding: 3px; text-align: center;" target="popupwindow" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Kedahlanie', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Enter your email address:</p><p><input style="width: 140px; background-color: rgb(255, 255, 160);" name="email" type="text" /></p><input value="Kedahlanie" name="uri" type="hidden" /><input value="en_US" name="loc" type="hidden" /><input value="Subscribe" type="submit" /><p>Delivered by <a href="http://feedburner.google.com/" target="_blank">FeedBurner</a></p>Sila Active link di dalam email anda terlebih dahulu untuk menerima Up-Date Terkini</form> </div> </div><div id="Text7" class="widget Text"> <div class="widget-content"> <div align="center"><a href="http://epaper.nufairshop.com/"><img alt="http://img266.imageshack.us/img266/1976/eharakaha54.gif" src="http://img266.imageshack.us/img266/1976/eharakaha54.gif" /></a><br /><a id="thelink" href="http://tvkedah.blogspot.com/" onclick="return fitsInWindow();"><img id="thepic" alt="img169/25/tvkedahlogokecikgi4.jpg" src="http://img169.imageshack.us/img169/25/tvkedahlogokecikgi4.jpg" title="Click to visit ImageShack for Image Hosting!" onclick="scaleImg()" /></a><br /><a id="thelink" href="http://mntonline.blogspot.com/" onclick="return fitsInWindow();"><img id="thepic" style="width: 232px; height: 76px;" alt="img515/117/baner21yp0.jpg" src="http://img515.imageshack.us/img515/117/baner21yp0.jpg" onclick="scaleImg()" title="Click to visit ImageShack for Image Hosting!" /></a><br /><br /><script src="http://widgets.clearspring.com/o/49f30a2d9eb05d2e/49f7c261817e374e/49f30a2d9eb05d2e/8d14e9d6/widget.js" type="text/javascript"></script><script src="http://bin.clearspring.com/lib/js/0.4.4/widget.v3.cache.js" type="text/javascript"> </script><div id="D49f30a2d9eb05d2e49f7c261817e374e" style="overflow: hidden; position: relative; width: 200px; height: 270px; text-align: left;" class="cs-js-d"><div id="F49f30a2d9eb05d2e49f7c261817e374e" style="position: absolute; width: 200px; height: 250px; z-index: 5;" class="cs-js-f"><div id="O49f30a2d9eb05d2e49f7c261817e374e" style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;" class="cs-js-o"><iframe id="I49f30a2d9eb05d2e49f7c261817e374e" allowtransparency="true" style="border: 0px none ; margin: 0px; padding: 0px; overflow: hidden; width: 100%; height: 100%; z-index: 60;" src="http://fundprice.my/widget/clearspring" scrolling="no" frameborder="0"></iframe></div><div id="B49f30a2d9eb05d2e49f7c261817e374e" style="border: 0px none ; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: none; z-index: 2;" class="cs-js-b"><div id="BGI49f30a2d9eb05d2e49f7c261817e374e" style="position: absolute; top: 0px; left: 0px; z-index: 1; width: 100%; height: 100%;"><object id="WBI49f30a2d9eb05d2e49f7c261817e374e" data="http://cs80.clearspring.com/o/49f30a2d9eb05d2e/-/-/-/-W/200/-H/250/-TRK/0/back.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="best" type="application/x-shockwave-flash" width="200" height="250"><param value="noScale" name="scalemode" /><param value="false" name="menu" /><param value="transparent" name="wmode" /><param value="all" name="allowNetworking" /><param value="always" name="allowScriptAccess" /> </object></div></div></div><div id="PM49f30a2d9eb05d2e49f7c261817e374e" style="line-height: 0px ! important; z-index: 0; position: absolute; left: 0px; bottom: 0px;" class="cs-js-pm"><object id="W49f30a2d9eb05d2e49f7c261817e374e" data="http://cs80.clearspring.com/o/49f30a2d9eb05d2e/49f7c261817e374e/49f30a2d9eb05d2e/8d14e9d6/-SVH/cs80.clearspring.com/-PUR/http%3A%2F%2Fwww.kedahlanie.blogspot.com%2F/-W/200/-H/265/-TRK/1/-DSW/0/m.template.v3.as3.swf?_cs_ontoggle=CSM.TMR&_cs_onclosetoggle=CSM.TMR" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="best" type="application/x-shockwave-flash" width="200" height="265"><param value="showAll" name="scalemode" /><param value="false" name="menu" /><param value="transparent" name="wmode" /><param value="all" name="allowNetworking" /><param value="always" name="allowScriptAccess" /> </object></div></div><br /><br /><a href="http://kedahlanie.blogspot.com/2009/11/program-kem-bina-sahsiah-siri-209.html" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img id="BLOGGER_PHOTO_ID_5402321682842481186" style="cursor: pointer; width: 285px; height: 400px;" alt="" src="http://4.bp.blogspot.com/_naaZXXey95E/Svjm8qQ3ciI/AAAAAAAACrg/wE7V8SuxYr8/s400/POSTER+KBS2009_jpeg.jpg" border="0" /></a><br /><br /><br /></div> </div> </div><div id="Text6" class="widget Text"> <div class="widget-content"> <a href="http://www.kedah.gov.my/kedah/uplimej/esinar.pdf" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img id="BLOGGER_PHOTO_ID_5209754250350850690" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 178px; height: 63px;" alt="" src="http://bp3.blogger.com/_naaZXXey95E/SEzD42M-coI/AAAAAAAAAiA/ohsIoEdpZog/s400/esinar.jpg" border="0" /></a><div style="text-align: center;"><a href="http://kedahlanie.blogspot.com/2008/06/jadilah-duta-untuk-e-sinar.html"><span style="font-weight: bold; color: rgb(0, 102, 0);">:: Apakah e-Sinar ::</span></a><br /><br /><span style="font-weight: bold; color: rgb(255, 0, 0);"></span><br /><div id="previewbody" style="display: block;"><blink><div style="text-align: center;"><a href="http://kedahlanie.blogspot.com/2009/06/e-aduan-masalah-di-kawasan-anda.html"><span style="font-size:180%;"><span style="color: rgb(255, 0, 0); font-weight: bold;" class="post-labels"><blink>e-ADUAN</blink></span></span></a><br /></div></blink></div></div></div><span class="widget-item-control"><span class="item-control blog-admin"><a class="quickedit" href="http://www.blogger.com/rearrange?blogID=4307812350238201398&widgetType=Text&widgetId=Text6&action=editWidget" target="configText6" onclick="'return" title="Edit"><br /></a> </span> </span> </div><div id="HTML16" class="widget HTML"> <div class="widget-content"> <div style="text-align: center;"><form action="https://www.paypal.com/cgi-bin/webscr" method="post"> <input value="_s-xclick" name="cmd" type="hidden" /> <input value="7892881" name="hosted_button_id" type="hidden" /> <input alt="PayPal - The safer, easier way to pay online!" src="https://www.paypal.com/en_US/i/btn/btn_donateCC_LG.gif" name="submit" type="image" border="0" /> <img alt="" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" border="0" height="1" /> </form></div></div><span class="widget-item-control"><span class="item-control blog-admin"><a class="quickedit" href="http://www.blogger.com/rearrange?blogID=4307812350238201398&widgetType=HTML&widgetId=HTML16&action=editWidget" target="configHTML16" onclick="'return" title="Edit"><br /></a> </span> </span> </div><div id="HTML2" class="widget HTML"> <div class="widget-content"> <!--nuffnang --> <script type="text/javascript"> nuffnang_bid = "459bee2fb61f1a61e2f89e8b4bb06e0b"; </script> <script src="http://synad2.nuffnang.com.my/lmn.js" type="text/javascript"></script><div style="border: medium none ! important; margin: 0pt auto; width: 160px; text-align: center;"><div id="nn_skyscraper" style="display: block;"><a href="http://www.nuffnang.com.my/" target="_blank"><img alt="Ads by Nuffnang" src="http://synad2.nuffnang.com.my/img/nuffnang_button.gif" border="0" /></a><iframe style="display: none ! important;" src="http://synad2.nuffnang.com.my/nn20.php?aid=1000003&isminimize=1&bid=459bee2fb61f1a61e2f89e8b4bb06e0b&t=1259038936&ad_type=skyscraper" scrolling="no" width="0" frameborder="0" height="0"></iframe></div></div><script language="javascript" src="http://synad2.nuffnang.com.my/nn_frame.php?bid=459bee2fb61f1a61e2f89e8b4bb06e0b&ad_type=skyscraper&ref=http://abhalimyunos.wordpress.com/&sid=1259038929979&visit=novisit&l=http://www.kedahlanie.blogspot.com/" type="text/javascript"></script> <!--nuffnang--> </div> <span class="widget-item-control"> <span class="item-control blog-admin"> <a class="quickedit" href="http://www.blogger.com/rearrange?blogID=4307812350238201398&widgetType=HTML&widgetId=HTML2&action=editWidget" target="configHTML2" onclick="'return" title="Edit"> <img alt="" src="http://img1.blogblog.com/img/icon18_wrench_allbkg.png" width="18" height="18" /> </a> </span> </span> </div><div id="Text1" class="widget Text"> <div class="widget-content"> <div style="text-align: center;"><div id="mediaDiv"><div id="mediaDiv"><div id="mediaDiv"><a href="http://online-4-money.blogspot.com/"><img style="width: 242px; height: 73px;" alt="http://img252.imageshack.us/img252/6236/20090823102915.jpg" src="http://img252.imageshack.us/img252/6236/20090823102915.jpg" /></a><br /><br /><span style="border-collapse: separate; color: rgb(0, 0, 0); font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;font-family:'Times New Roman';font-size:medium;" class="Apple-style-span" ><span style=";font-family:arial;font-size:13;" class="Apple-style-span" ><span class="Apple-converted-space"></span></span></span><a href="http://bit.ly/3aZ9w8"><span style="border-collapse: separate; color: rgb(0, 0, 0); font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;font-family:'Times New Roman';font-size:medium;" class="Apple-style-span" ><span style=";font-family:arial;font-size:13;" class="Apple-style-span" ><img style="width: 239px; height: 143px;" alt="http://www.emailcashpro.com" src="http://www.emailcashpro.com/images/4cmbanner3.gif" border="0" /></span></span></a><br /><br /><div id="mediaDiv"><a target="_blank" href="http://img210.imageshack.us/img210/5439/rmsebulana.gif"><img id="vImage" style="width: 234px; height: 60px;" src="http://img210.imageshack.us/img210/5439/rmsebulana.gif" width="234" height="60" /></a><br /><br /><div id="mediaDiv"><a target="_blank" href="http://img210.imageshack.us/img210/5439/rmsebulana.gif"><img id="vImage" style="width: 234px; height: 60px;" src="http://img210.imageshack.us/img210/5439/rmsebulana.gif" width="234" height="60" /></a></div><br /></div></div></div></div></div> </div> <span class="widget-item-control"> <span class="item-control blog-admin"> <a class="quickedit" href="http://www.blogger.com/rearrange?blogID=4307812350238201398&widgetType=Text&widgetId=Text1&action=editWidget" target="configText1" onclick="'return" title="Edit"><br /></a> </span> </span> </div> <!-- Begin Quezzo Qwik Code --> <script language="javascript"><!--// var server_client_id = 1055; var server_ad_width = 250; var server_ad_height = 250; var server_ad_style = "250x250_as"; var server_code_version = "4"; var server_ad_color_border = "FFFFCC"; var server_ad_color_background = "FFFFCC"; var server_ad_color_headline = "0000BB"; var server_ad_color_body = "000000"; var server_ad_color_url = "0000DD"; var server_ad_keyword = ""; var server_ad_channel = 1; var server_publisher_channels = ""; var server_ad_random = 1; //--></script> <script src="http://www.quezzo.com/qwik/ads/display_ads.php" type="text/javascript"> </script><iframe vspace="0" marginheight="0" marginwidth="0" src="http://www.quezzo.com/qwik/ads/inclick_flexad_iframe.php?testing=true&doc_offset=0&inclick_ad_random=1&inclick_ad_channel=1&publisher_channel_ids=&inclick_ad_color_border=FFFFCC&inclick_ad_color_background=FFFFCC&inclick_ad_color_headline=0000BB&inclick_ad_color_body=000000&inclick_ad_color_url=0000DD&inclick_code_version=4&inclick_ad_width=250&inclick_ad_height=250&inclick_client_id=1055&inclick_window_target=0&inclick_ad_style=250x250_as&inclick_ad_keyword=undefined®ion=&in_search_parameter=&page_url=http%3A//www.kedahlanie.blogspot.com/&alternate_ad_url=undefined&server_sem_url=undefined&filter1=&filter2=&filter3=" hspace="0" allowtransparency="true" scrolling="no" width="250" frameborder="0" height="250"></iframe>
</div>
<div class='clear'></div>
</div><div class='widget LinkList' data-version='1' id='LinkList1'>
<h2>WEBSITE, BLOG DAN AKHBAR ONLINE PILIHAN RAMAI</h2>
<div class='widget-content'>
<ul>
<li><a href='http://www.halimyunosgunners.blogspot.com'>ab.halim</a></li>
<li><a href='http://www.e-solat.gov.my/'>jadual solat</a></li>
<li><a href='http://www.buletinonline.net/'>buletin</a></li>
<li><a href='http://www.kamalfndhashim.blogspot.com/'>penganalisa jenayah</a></li>
<li><a href='http://www.penulisan2u.blogspot.com/'>penulisan</a></li>
<li><a href='http://www.malaysiakini.com/'>malaysiakini</a></li>
</ul>
<div class='clear'></div>
</div>
</div><div class='widget Image' data-version='1' id='Image4'>
<h2>4th Floor View Corus PD</h2>
<div class='widget-content'>
<img alt='4th Floor View Corus PD' height='178' id='Image4_img' src='http://2.bp.blogspot.com/_e0gD3_nK654/Sfqeur8vWjI/AAAAAAAAACQ/-g-_Sa_4q3U/S237/DSC00250.JPG' width='237'/>
<br/>
</div>
<div class='clear'></div>
</div><div class='widget Image' data-version='1' id='Image2'>
<h2>Lagoon Pool</h2>
<div class='widget-content'>
<a href='http://www.derhu.com.my'>
<img alt='Lagoon Pool' height='178' id='Image2_img' src='http://3.bp.blogspot.com/_e0gD3_nK654/SflkY8hcYjI/AAAAAAAAACA/b9O5K3g-Q2A/S237/DSCN1474.JPG' width='237'/>
</a>
<br/>
</div>
<div class='clear'></div>
</div><div class='widget Image' data-version='1' id='Image5'>
<h2>Kalau anda nak melancong</h2>
<div class='widget-content'>
<img alt='Kalau anda nak melancong' height='202' id='Image5_img' src='http://2.bp.blogspot.com/_e0gD3_nK654/ShYi-kPPaQI/AAAAAAAAACo/KFySNalcsYU/S269/DSC00188.JPG' width='269'/>
<br/>
</div>
<div class='clear'></div>
</div><div class='widget Image' data-version='1' id='Image6'>
<h2>Ops dengan sapa Ira posing tu..</h2>
<div class='widget-content'>
<img alt='Ops dengan sapa Ira posing tu..' height='269' id='Image6_img' src='http://3.bp.blogspot.com/_e0gD3_nK654/ShYkGOtqNTI/AAAAAAAAACw/e2MEs8daIKU/S269/DSC00210.jpg' width='202'/>
<br/>
</div>
<div class='clear'></div>
</div><div class='widget Image' data-version='1' id='Image7'>
<h2>Sayangnya</h2>
<div class='widget-content'>
<img alt='Sayangnya' height='269' id='Image7_img' src='http://4.bp.blogspot.com/_e0gD3_nK654/ShYl14Xk6zI/AAAAAAAAAC4/CO6SJR7NrAk/S269/DSC00209.jpg' width='202'/>
<br/>
</div>
<div class='clear'></div>
</div><div class='widget Image' data-version='1' id='Image8'>
<h2>Cuba Teka Dimana</h2>
<div class='widget-content'>
<img alt='Cuba Teka Dimana' height='202' id='Image8_img' src='http://3.bp.blogspot.com/_e0gD3_nK654/ShYmmW958yI/AAAAAAAAADA/jM6vlR9KNwY/S269/DSC00173.JPG' width='269'/>
<br/>
</div>
<div class='clear'></div>
</div><div class='widget AdSense' data-version='1' id='AdSense1'>
<div class='widget-content'>
<script type="text/javascript"><!--
google_ad_client="pub-8826359673273814";
google_ad_host="pub-1556223355139109";
google_ad_host_channel="00000";
google_ad_width=336;
google_ad_height=280;
google_ad_format="336x280_as";
google_ad_type="text_image";
google_color_border="CC0000";
google_color_bg="FFFF66";
google_color_link="6C82B5";
google_color_url="72179D";
google_color_text="72179D";
//--></script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<div class='clear'></div>
</div>
</div><div class='widget Followers' data-version='1' id='Followers1'>
<h2 class='title'>Followers</h2>
<div class='widget-content'>
<div id='Followers1-wrapper'>
<div style='margin-right:2px;'>
<div><script type="text/javascript" src="https://apis.google.com/js/platform.js"></script>
<div id="followers-iframe-container"></div>
<script type="text/javascript">
window.followersIframe = null;
function followersIframeOpen(url) {
gapi.load("gapi.iframes", function() {
if (gapi.iframes && gapi.iframes.getContext) {
window.followersIframe = gapi.iframes.getContext().openChild({
url: url,
where: document.getElementById("followers-iframe-container"),
messageHandlersFilter: gapi.iframes.CROSS_ORIGIN_IFRAMES_FILTER,
messageHandlers: {
'_ready': function(obj) {
window.followersIframe.getIframeEl().height = obj.height;
},
'reset': function() {
window.followersIframe.close();
followersIframeOpen("https://www.blogger.com/followers.g?blogID\x3d1903866226185047717\x26colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaByMzNDE0NzMiByMwMDAwMDAqByNlMGMzZmYyByMwMDAwMDA6ByMzNDE0NzNCByMwMDAwMDBKByMwMDAwMDBSByNGRkZGRkZaC3RyYW5zcGFyZW50\x26pageSize\x3d21\x26postID\x3d5072103249228189123\x26origin\x3dhttp://halimyunos.blogspot.com/");
},
'open': function(url) {
window.followersIframe.close();
followersIframeOpen(url);
},
'blogger-ping': function() {
}
}
});
}
});
}
followersIframeOpen("https://www.blogger.com/followers.g?blogID\x3d1903866226185047717\x26colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaByMzNDE0NzMiByMwMDAwMDAqByNlMGMzZmYyByMwMDAwMDA6ByMzNDE0NzNCByMwMDAwMDBKByMwMDAwMDBSByNGRkZGRkZaC3RyYW5zcGFyZW50\x26pageSize\x3d21\x26postID\x3d5072103249228189123\x26origin\x3dhttp://halimyunos.blogspot.com/");
</script></div>
</div>
</div>
<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='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='http://halimyunos.blogspot.com/2009/'>
2009
</a>
<span class='post-count' dir='ltr'>(12)</span>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='http://halimyunos.blogspot.com/2009/07/'>
Jul
</a>
<span class='post-count' dir='ltr'>(2)</span>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='http://halimyunos.blogspot.com/2009_07_16_archive.html'>
Jul 16
</a>
<span class='post-count' dir='ltr'>(1)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='http://halimyunos.blogspot.com/2009_07_24_archive.html'>
Jul 24
</a>
<span class='post-count' dir='ltr'>(1)</span>
</li>
</ul>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='http://halimyunos.blogspot.com/2009/08/'>
Aug
</a>
<span class='post-count' dir='ltr'>(8)</span>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='http://halimyunos.blogspot.com/2009_08_12_archive.html'>
Aug 12
</a>
<span class='post-count' dir='ltr'>(1)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='http://halimyunos.blogspot.com/2009_08_13_archive.html'>
Aug 13
</a>
<span class='post-count' dir='ltr'>(4)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='http://halimyunos.blogspot.com/2009_08_24_archive.html'>
Aug 24
</a>
<span class='post-count' dir='ltr'>(3)</span>
</li>
</ul>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='http://halimyunos.blogspot.com/2009/11/'>
Nov
</a>
<span class='post-count' dir='ltr'>(1)</span>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='http://halimyunos.blogspot.com/2009_11_14_archive.html'>
Nov 14
</a>
<span class='post-count' dir='ltr'>(1)</span>
</li>
</ul>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='http://halimyunos.blogspot.com/2009/12/'>
Dec
</a>
<span class='post-count' dir='ltr'>(1)</span>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='http://halimyunos.blogspot.com/2009_12_24_archive.html'>
Dec 24
</a>
<span class='post-count' dir='ltr'>(1)</span>
</li>
</ul>
</li>
</ul>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate expanded'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy toggle-open'>
▼
</span>
</a>
<a class='post-count-link' href='http://halimyunos.blogspot.com/2010/'>
2010
</a>
<span class='post-count' dir='ltr'>(90)</span>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='http://halimyunos.blogspot.com/2010/01/'>
Jan
</a>
<span class='post-count' dir='ltr'>(66)</span>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='http://halimyunos.blogspot.com/2010_01_17_archive.html'>
Jan 17
</a>
<span class='post-count' dir='ltr'>(13)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='http://halimyunos.blogspot.com/2010_01_18_archive.html'>
Jan 18
</a>
<span class='post-count' dir='ltr'>(6)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='http://halimyunos.blogspot.com/2010_01_19_archive.html'>
Jan 19
</a>
<span class='post-count' dir='ltr'>(36)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='http://halimyunos.blogspot.com/2010_01_20_archive.html'>
Jan 20
</a>
<span class='post-count' dir='ltr'>(10)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='http://halimyunos.blogspot.com/2010_01_21_archive.html'>
Jan 21
</a>
<span class='post-count' dir='ltr'>(1)</span>
</li>
</ul>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate expanded'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy toggle-open'>
▼
</span>
</a>
<a class='post-count-link' href='http://halimyunos.blogspot.com/2010/02/'>
Feb
</a>
<span class='post-count' dir='ltr'>(13)</span>
<ul class='hierarchy'>
<li class='archivedate expanded'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy toggle-open'>
▼
</span>
</a>
<a class='post-count-link' href='http://halimyunos.blogspot.com/2010_02_08_archive.html'>
Feb 08
</a>
<span class='post-count' dir='ltr'>(12)</span>
<ul class='posts'>
<li><a href='http://halimyunos.blogspot.com/2010/02/sebuah-tutorial-singkat-dan-praktis.html'>Sebuah Tutorial Singkat dan Praktis Belajar Cara M...</a></li>
<li><a href='http://halimyunos.blogspot.com/2010/02/belajar-membuat-website-seiring-dengan.html'>BELAJAR MEMBUAT WEBSITE Seiring dengan pertambaha...</a></li>
<li><a href='http://halimyunos.blogspot.com/2010/02/header-atau-kepala-tulisan-header.html'>HEADER ATAU KEPALA TULISANHeader adalah huruf-huru...</a></li>
<li><a href='http://halimyunos.blogspot.com/2010/02/alignment-atau-perataan-dalam-tulisan.html'>ALIGNMENT ATAU PERATAAN Dalam tulisan cetak, diken...</a></li>
<li><a href='http://halimyunos.blogspot.com/2010/02/variasi-font-tanpa-campur-tangan-kita.html'>VARIASI FONT Tanpa campur tangan kita, dokumen HT...</a></li>
<li><a href='http://halimyunos.blogspot.com/2010/02/praktek-membuat-halaman-web-untuk.html'>PRAKTEK MEMBUAT HALAMAN WEB Untuk mempermantap ket...</a></li>
<li><a href='http://halimyunos.blogspot.com/2010/02/menyisipkan-gambar-image-untuk.html'>MENYISIPKAN GAMBAR (IMAGE) Untuk menyisipkan gamba...</a></li>
<li><a href='http://halimyunos.blogspot.com/2010/02/membuat-frame-dengan-menggunakan-frame.html'>MEMBUAT FRAME Dengan menggunakan frame, kita bisa ...</a></li>
<li><a href='http://halimyunos.blogspot.com/2010/02/memasang-website-di-internet-bila-anda.html'>MEMASANG WEBSITE DI INTERNET Bila anda telah membu...</a></li>
<li><a href='http://halimyunos.blogspot.com/2010/02/teknik-menyingkat-alamat-website-bila.html'>Teknik Menyingkat Alamat Website Bila anda mendaft...</a></li>
<li><a href='http://halimyunos.blogspot.com/2010/02/memanfaatkan-search-engine-untuk.html'>MEMANFAATKAN SEARCH ENGINE UNTUK PROMOSI WEBSITE S...</a></li>
<li><a href='http://halimyunos.blogspot.com/2010/02/prosedur-pendaftaran-di-direktori.html'>Prosedur Pendaftaran di Direktori (Portal) dan Sea...</a></li>
</ul>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='http://halimyunos.blogspot.com/2010_02_13_archive.html'>
Feb 13
</a>
<span class='post-count' dir='ltr'>(1)</span>
</li>
</ul>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='http://halimyunos.blogspot.com/2010/03/'>
Mar
</a>
<span class='post-count' dir='ltr'>(2)</span>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='http://halimyunos.blogspot.com/2010_03_17_archive.html'>
Mar 17
</a>
<span class='post-count' dir='ltr'>(1)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='http://halimyunos.blogspot.com/2010_03_18_archive.html'>
Mar 18
</a>
<span class='post-count' dir='ltr'>(1)</span>
</li>
</ul>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='http://halimyunos.blogspot.com/2010/04/'>
Apr
</a>
<span class='post-count' dir='ltr'>(2)</span>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='http://halimyunos.blogspot.com/2010_04_26_archive.html'>
Apr 26
</a>
<span class='post-count' dir='ltr'>(2)</span>
</li>
</ul>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='http://halimyunos.blogspot.com/2010/05/'>
May
</a>
<span class='post-count' dir='ltr'>(5)</span>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='http://halimyunos.blogspot.com/2010_05_03_archive.html'>
May 03
</a>
<span class='post-count' dir='ltr'>(1)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='http://halimyunos.blogspot.com/2010_05_12_archive.html'>
May 12
</a>
<span class='post-count' dir='ltr'>(2)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='http://halimyunos.blogspot.com/2010_05_23_archive.html'>
May 23
</a>
<span class='post-count' dir='ltr'>(1)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='http://halimyunos.blogspot.com/2010_05_31_archive.html'>
May 31
</a>
<span class='post-count' dir='ltr'>(1)</span>
</li>
</ul>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='http://halimyunos.blogspot.com/2010/07/'>
Jul
</a>
<span class='post-count' dir='ltr'>(2)</span>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='http://halimyunos.blogspot.com/2010_07_05_archive.html'>
Jul 05
</a>
<span class='post-count' dir='ltr'>(1)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='http://halimyunos.blogspot.com/2010_07_08_archive.html'>
Jul 08
</a>
<span class='post-count' dir='ltr'>(1)</span>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
</div>
<div class='clear'></div>
</div>
</div><div class='widget Profile' data-version='1' id='Profile1'>
<h2>About Me</h2>
<div class='widget-content'>
<dl class='profile-datablock'>
<dt class='profile-data'>
<a class='profile-name-link g-profile' href='https://www.blogger.com/profile/05141765699182858826' rel='author' style='background-image: url(//www.blogger.com/img/logo-16.png);'>
Ab.HalimYunos.blogspot.com
</a>
</dt>
</dl>
<a class='profile-link' href='https://www.blogger.com/profile/05141765699182858826' rel='author'>View my complete profile</a>
<div class='clear'></div>
</div>
</div><div class='widget Image' data-version='1' id='Image1'>
<h2>TEKA GAMBAR</h2>
<div class='widget-content'>
<img alt='TEKA GAMBAR' height='428' id='Image1_img' src='http://1.bp.blogspot.com/_e0gD3_nK654/SeLy3k7KgBI/AAAAAAAAAA8/cBJAJP-6IHI/S570/DSC00222.JPG' width='570'/>
<br/>
</div>
<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 id='footer-wrapper'>
<div class='footer no-items section' id='footer'></div>
</div>
</div></div>
<!-- end outer-wrapper -->
<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/1867168604-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY6B6YJ10KAJY3IysqQ5iWuaLBsj2g:1715835689385';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d1903866226185047717','//halimyunos.blogspot.com/2010/02/membuat-frame-dengan-menggunakan-frame.html','1903866226185047717');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '1903866226185047717', 'title': 'Tutor Blog', 'url': 'http://halimyunos.blogspot.com/2010/02/membuat-frame-dengan-menggunakan-frame.html', 'canonicalUrl': 'http://halimyunos.blogspot.com/2010/02/membuat-frame-dengan-menggunakan-frame.html', 'homepageUrl': 'http://halimyunos.blogspot.com/', 'searchUrl': 'http://halimyunos.blogspot.com/search', 'canonicalHomepageUrl': 'http://halimyunos.blogspot.com/', 'blogspotFaviconUrl': 'http://halimyunos.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': 'en', 'localeUnderscoreDelimited': 'en', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Tutor Blog - Atom\x22 href\x3d\x22http://halimyunos.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Tutor Blog - RSS\x22 href\x3d\x22http://halimyunos.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Tutor Blog - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/1903866226185047717/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Tutor Blog - Atom\x22 href\x3d\x22http://halimyunos.blogspot.com/feeds/5072103249228189123/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseClientId': 'ca-pub-8826359673273814', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': true, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/0591fc9b282fe0d4', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Get link', 'key': 'link', 'shareMessage': 'Get link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Share to Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'Twitter', 'key': 'twitter', 'shareMessage': 'Share to Twitter', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Share to Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27en\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Read more', 'pageType': 'item', 'postId': '5072103249228189123', 'pageName': '', 'pageTitle': 'Tutor Blog'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Link copied to clipboard!', 'ok': 'Ok', 'postLink': 'Post Link'}}, {'name': 'template', 'data': {'isResponsive': false, 'isAlternateRendering': false, 'isCustom': false}}, {'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': 'Tutor Blog', 'description': 'MEMBUAT FRAME Dengan menggunakan frame, kita bisa menampilkan beberapa halaman HTML sekaligus dalam sebuah jendela browser. Apa artinya? Ar...', 'url': 'http://halimyunos.blogspot.com/2010/02/membuat-frame-dengan-menggunakan-frame.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 5072103249228189123}}]);
_WidgetManager._RegisterWidget('_NavbarView', new _WidgetInfo('Navbar1', 'navbar', document.getElementById('Navbar1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', document.getElementById('Header1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/699621408-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/13464135-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'sidebar', document.getElementById('HTML1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_TextView', new _WidgetInfo('Text1', 'sidebar', document.getElementById('Text1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList1', 'sidebar', document.getElementById('LinkList1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image4', 'sidebar', document.getElementById('Image4'), {'resize': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image2', 'sidebar', document.getElementById('Image2'), {'resize': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image5', 'sidebar', document.getElementById('Image5'), {'resize': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image6', 'sidebar', document.getElementById('Image6'), {'resize': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image7', 'sidebar', document.getElementById('Image7'), {'resize': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image8', 'sidebar', document.getElementById('Image8'), {'resize': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_AdSenseView', new _WidgetInfo('AdSense1', 'sidebar', document.getElementById('AdSense1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_FollowersView', new _WidgetInfo('Followers1', 'sidebar', document.getElementById('Followers1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive1', 'sidebar', document.getElementById('BlogArchive1'), {'languageDirection': 'ltr', 'loadingMessage': 'Loading\x26hellip;'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ProfileView', new _WidgetInfo('Profile1', 'sidebar', document.getElementById('Profile1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image1', 'sidebar', document.getElementById('Image1'), {'resize': false}, 'displayModeFull'));
</script>
</body>
</html>