Bisnis Gratis di Internet: BELAJAR HTML 8

Minggu, 28 November 2010

BELAJAR HTML 8

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 untuk mengatur pembuatan frame, dan untuk menentukan file target bagi setiap frame. Baiklah kita mulai membuat file gabung.htm ini:

Halaman utama

Di atas anda bisa melihat bahwa empat tag yang pertama hanyalah tag pembukaan HTML yang sudah biasa. Sedangkan tag untuk membuat frame adalah tag dengan tag penutupnya. Perhatikanlah bahwa halaman yang berframe tidak membutuhkan tag BODY karena yang menjadi isi dari halaman utama ini adalah isi dari halaman-halaman lain yang menjadi target dari setiap frame.

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. <br /> <FRAMESET ROWS="20%,80%"><br /> </FRAMESET><br /> <br /> 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>.<br /> <FRAMESET ROWS="20%,80%"><br /> <FRAME><br /> </FRAMESET><br /> <br /> 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. <br /> <FRAMESET ROWS="20%,80%"><br /> <FRAME><br /> <FRAMESET COLS="30%,70%"><br /> </FRAMESET><br /> </FRAMESET><br /> <br /> Setelah terbagi dalam dua kolom kita harus mengisi setiap kolom tersebut dengan frame. Jadinya seperti ini:<br /> <FRAMESET ROWS="20%,80%"><br /> <FRAME><br /> <FRAMESET COLS="30%,70%"><br /> <FRAME><br /> <FRAME><br /> </FRAMESET><br /> </FRAMESET><br /> <br /> Kini selesailah sudah pembuatan file gabung.htm 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:<br /> <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><br /> <br /> 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). <br /> <br /> Misalnya kita mempunyai file judul.htm seperti ini, file menu.htm seperti ini dan file isi.htm seperti ini. Maka bila anda membuka file gabung.htm, akan tampaklah sebuah halaman web yang terdiri dari tiga frame seperti ini. (klik masing-masing kata "seperti ini" untuk melihat tampilannya).<br /> <br /> Seperti halnya dalam penentuan ukuran tabel, selain menggunakan satuan persen, kita juga bisa menggunakan satuan pixel. Misalnya atribut COLS="200,400" 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 COLS="200,*". 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. <br /> <br /> 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:<br /> <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><br /> <br /> Bila dilihat dalam browser, tampak seperti ini. Ukuran BORDER="2" adalah default sedang ukuran BORDER="0" berarti frame tanpa border. <br /> <br /> Sedangkan untuk tag <FRAME> biasanya dilengkapi dengan atribut-atribut berikut:<br /> <br /> 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. <br /> MARGINHEIGHT untuk menentukan jarak antara batas atas atau batas bawah frame dengan isi frame. <br /> MARGINWIDTH untuk menentukan jarak antara batas kiri atau batas kanan frame dengan isi frame.<br /> 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).<br /> 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.<br /> NAME, untuk memberi nama terhadap frame yang bersangkutan. Kegunaannya akan dijelaskan kemudian.<br /> <br /> Berikut sekelumit contoh penggunaan atribut-atribut di atas:<br /> <FRAMESET ROWS="20%,80%" BORDERCOLOR="#FF1493"><br /> <FRAME SRC="judul.htm" NORESIZE><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><br /> <br /> Klik di sini untuk melihat tampilannya dalam browser. <br /> <br /> 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:<br /> <FRAMESET ROWS="20%,80%" BORDERCOLOR="#FF1493"><br /> <FRAME SRC="judul.htm" NORESIZE><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><br /> <br /> 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 menu.htm terdapat link dengan kode HTML seperti berikut:<br /> <br /> <A HREF="bab2.htm">BAB II</A><br /> <br /> Bila kata BAB II di-klik maka akan membuka file bab2.htm. Tapi halaman bab2.htm tersebut akan mengisi seluruh jendela browser. Artinya halaman yang berframe akan hilang. Agar file bab2.htm itu muncul pada frame "utama" saja, kita harus memberi atribut TARGET seperti ini:<br /> <br /> <A HREF="bab2.htm" TARGET="utama">BAB II</A><br /> <br /> Masih ingat, kan tentang atribut TARGET pada pelajaran tentang LINK? Seandainya semua link yang terdapat dalam file menu.htm akan kita arahkan pada frame "utama" maka kita bisa menyisipkan tag <BASE TARGET="utama"> 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. <br /> <br /> Berikut beberapa cara pengarahan link dengan atribut TARGET:<br /> <br /> _blank : halaman yang dipanggil akan muncul pada jendela baru (ini sudah kita pelajari)<br /> _top : halaman yang dipanggil akan mengisi penuh jendela yang sama, meskipun tadinya ada frame.<br /> _self : halaman yang dipanggil akan mengisi tempat yang sama, bila link tersebut dalam sebuah frame maka halaman yang dipanggil akan mengisi frame tersebut.<br /> _parent : halaman yang dipanggil akan akan mengisi FRAMESET, satu tingkat lebih tinggi dari FRAME tempat link yang bersangkutan.<br /> <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' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta content='https://www.blogger.com/profile/00710041125929911311' itemprop='url'/> <a class='g-profile' href='https://www.blogger.com/profile/00710041125929911311' rel='author' title='author profile'> <span itemprop='name'>MAJID ABDULLAH</span> </a> </span> </span> <span class='post-timestamp'> di <meta content='http://sinarfulus.blogspot.com/2010/11/belajar-html-8.html' itemprop='url'/> <a class='timestamp-link' href='https://sinarfulus.blogspot.com/2010/11/belajar-html-8.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2010-11-28T06:13:00-08:00'>06.13</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/2421283501798390916/6483041389926350064' title='Posting Email'> <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-1436023259'> <a href='https://www.blogger.com/post-edit.g?blogID=2421283501798390916&postID=6483041389926350064&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 class='post-share-buttons goog-inline-block'> <a class='goog-inline-block share-button sb-email' href='https://www.blogger.com/share-post.g?blogID=2421283501798390916&postID=6483041389926350064&target=email' target='_blank' title='Kirimkan Ini lewat Email'><span class='share-button-link-text'>Kirimkan Ini lewat Email</span></a><a class='goog-inline-block share-button sb-blog' href='https://www.blogger.com/share-post.g?blogID=2421283501798390916&postID=6483041389926350064&target=blog' onclick='window.open(this.href, "_blank", "height=270,width=475"); return false;' target='_blank' title='BlogThis!'><span class='share-button-link-text'>BlogThis!</span></a><a class='goog-inline-block share-button sb-twitter' href='https://www.blogger.com/share-post.g?blogID=2421283501798390916&postID=6483041389926350064&target=twitter' target='_blank' title='Bagikan ke X'><span class='share-button-link-text'>Bagikan ke X</span></a><a class='goog-inline-block share-button sb-facebook' href='https://www.blogger.com/share-post.g?blogID=2421283501798390916&postID=6483041389926350064&target=facebook' onclick='window.open(this.href, "_blank", "height=430,width=640"); return false;' target='_blank' title='Berbagi ke Facebook'><span class='share-button-link-text'>Berbagi ke Facebook</span></a><a class='goog-inline-block share-button sb-pinterest' href='https://www.blogger.com/share-post.g?blogID=2421283501798390916&postID=6483041389926350064&target=pinterest' target='_blank' title='Bagikan ke Pinterest'><span class='share-button-link-text'>Bagikan ke Pinterest</span></a> </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>Tidak ada komentar:</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'>Posting Komentar</h4> <p> </p> <a href='https://www.blogger.com/comment/frame/2421283501798390916?po=6483041389926350064&hl=id&saa=85391&origin=https://sinarfulus.blogspot.com' 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/2830521187-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></div> </div> <div class='blog-pager' id='blog-pager'> <span id='blog-pager-newer-link'> <a class='blog-pager-newer-link' href='https://sinarfulus.blogspot.com/2010/11/belajar-html-9.html' id='Blog1_blog-pager-newer-link' title='Posting Lebih Baru'>Posting Lebih Baru</a> </span> <span id='blog-pager-older-link'> <a class='blog-pager-older-link' href='https://sinarfulus.blogspot.com/2010/11/belajar-html-7.html' id='Blog1_blog-pager-older-link' title='Posting Lama'>Posting Lama</a> </span> <a class='home-link' href='https://sinarfulus.blogspot.com/'>Beranda</a> </div> <div class='clear'></div> <div class='post-feeds'> <div class='feed-links'> Langganan: <a class='feed-link' href='https://sinarfulus.blogspot.com/feeds/6483041389926350064/comments/default' target='_blank' type='application/atom+xml'>Posting Komentar (Atom)</a> </div> </div> </div></div> </div> <div id='sidebar-wrapper'> <div class='sidebar section' id='header'><div class='widget Header' data-version='1' id='Header1'> <div id='header-inner'> <div class='titlewrapper'> <h1 class='title'> <a href='https://sinarfulus.blogspot.com/'> Bisnis Gratis di Internet </a> </h1> </div> <div class='descriptionwrapper'> <p class='description'><span> </span></p> </div> </div> </div><div class='widget HTML' data-version='1' id='HTML2'> <div class='widget-content'> <script src="http://kumpulblogger.com/dam.php?b=147934" type="text/javascript"> </script> </div> <div class='clear'></div> </div><div class='widget HTML' data-version='1' id='HTML1'> <div class='widget-content'>  <script type="text/javascript">document.write(unescape("%3Cscript src=%27http://s10.histats.com/js15.js%27 type=%27text/javascript%27%3E%3C/script%3E"));</script> <a href="http://www.histats.com" target="_blank" title="stats count" ><script type="text/javascript" > try {Histats.start(1,1419283,4,26,190,115,"00011111"); Histats.track_hits();} catch(err){}; </script></a> <noscript><a href="http://www.histats.com" target="_blank"><img src="http://sstatic1.histats.com/0.gif?1419283&101" alt="stats count" border="0" /></a></noscript>  </div> <div class='clear'></div> </div><div class='widget BlogArchive' data-version='1' id='BlogArchive1'> <h2>Arsip Blog</h2> <div class='widget-content'> <div id='ArchiveList'> <div id='BlogArchive1_ArchiveList'> <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='https://sinarfulus.blogspot.com/2010/'> 2010 </a> <span class='post-count' dir='ltr'>(16)</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='https://sinarfulus.blogspot.com/2010/11/'> November </a> <span class='post-count' dir='ltr'>(16)</span> <ul class='posts'> <li><a href='https://sinarfulus.blogspot.com/2010/11/belajar-html-12.html'>BELAJAR HTML 12</a></li> <li><a href='https://sinarfulus.blogspot.com/2010/11/belajar-html-11.html'>BELAJAR HTML 11</a></li> <li><a href='https://sinarfulus.blogspot.com/2010/11/belajar-html-10.html'>BELAJAR HTML 10</a></li> <li><a href='https://sinarfulus.blogspot.com/2010/11/belajar-html-9.html'>BELAJAR HTML 9</a></li> <li><a href='https://sinarfulus.blogspot.com/2010/11/belajar-html-8.html'>BELAJAR HTML 8</a></li> <li><a href='https://sinarfulus.blogspot.com/2010/11/belajar-html-7.html'>BELAJAR HTML 7</a></li> <li><a href='https://sinarfulus.blogspot.com/2010/11/belajar-html-6.html'>BELAJAR HTML 6</a></li> <li><a href='https://sinarfulus.blogspot.com/2010/11/belajar-html-5.html'>BELAJAR HTML 5</a></li> <li><a href='https://sinarfulus.blogspot.com/2010/11/belajar-html-4.html'>BELAJAR HTML 4</a></li> <li><a href='https://sinarfulus.blogspot.com/2010/11/belajar-html-3.html'>BELAJAR HTML 3</a></li> <li><a href='https://sinarfulus.blogspot.com/2010/11/belajar-html-2.html'>BELAJAR HTML 2</a></li> <li><a href='https://sinarfulus.blogspot.com/2010/11/belajar-html-1.html'>BELAJAR HTML 1</a></li> <li><a href='https://sinarfulus.blogspot.com/2010/11/mendaftar-ke-search-engine.html'>MENDAFTAR KE SEARCH ENGINE</a></li> <li><a href='https://sinarfulus.blogspot.com/2010/11/membuat-blog-dan-membuatnya.html'>MEMBUAT BLOG DAN MEMBUATNYA MENGHASILKAN UANG</a></li> <li><a href='https://sinarfulus.blogspot.com/2010/11/klik-dapat-duit.html'>KLIK DAPAT DUIT</a></li> <li><a href='https://sinarfulus.blogspot.com/2010/11/fulus-gratis-dari-yuwie.html'>FULUS GRATIS dari YUWIE</a></li> </ul> </li> </ul> </li> </ul> </div> </div> <div class='clear'></div> </div> </div></div> <div class='sidebar section' id='sidebar'><div class='widget HTML' data-version='1' id='HTML5'> <div class='widget-content'> <a href="http://klikblogger.com/register.php?reff= 1484 "><img src="http://klikblogger.com/images/125x125.gif"alt="bisnis paling gratis" border="0" width="125" height="125" /></a> </div> <div class='clear'></div> </div><div class='widget HTML' data-version='1' id='HTML3'> <div class='widget-content'> <iframe frameborder="0" src="http://kumpulblogger.com/mac.php?b=147934" width="200px" height="200px" marginwidth=0 marginheight=0 ></iframe> </div> <div class='clear'></div> </div><div class='widget Profile' data-version='1' id='Profile1'> <h2>Mengenai Saya</h2> <div class='widget-content'> <a href='https://www.blogger.com/profile/00710041125929911311'><img alt='Foto saya' class='profile-img' height='60' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2Yfznx_VCAIZTkz4wnnHGCxKGjat355rM5ecCtp9Mqk8YjFEASLA4rXMYWjCL8v9dCURCcjYELMpA0OWz7eAuyR1flvq09qi9jNGDU8aECMqPTAYn7oWcP4ni6SYOqw/s220/Foto%28019%29.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/00710041125929911311' rel='author' style='background-image: url(//www.blogger.com/img/logo-16.png);'> MAJID ABDULLAH </a> </dt> </dl> <a class='profile-link' href='https://www.blogger.com/profile/00710041125929911311' rel='author'>Lihat profil lengkapku</a> <div class='clear'></div> </div> </div><div class='widget Followers' data-version='1' id='Followers1'> <h2 class='title'>Pengikut</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/frame/2421283501798390916?colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaByMzMzMzMzMiByM0NDg4ODgqByNGRkZGRkYyByMwMDAwMDA6ByMzMzMzMzNCByM0NDg4ODhKByMwMDAwMDBSByM0NDg4ODhaC3RyYW5zcGFyZW50\x26pageSize\x3d21\x26hl\x3did\x26origin\x3dhttps://sinarfulus.blogspot.com"); }, 'open': function(url) { window.followersIframe.close(); followersIframeOpen(url); } } }); } }); } followersIframeOpen("https://www.blogger.com/followers/frame/2421283501798390916?colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaByMzMzMzMzMiByM0NDg4ODgqByNGRkZGRkYyByMwMDAwMDA6ByMzMzMzMzNCByM0NDg4ODhKByMwMDAwMDBSByM0NDg4ODhaC3RyYW5zcGFyZW50\x26pageSize\x3d21\x26hl\x3did\x26origin\x3dhttps://sinarfulus.blogspot.com"); </script></div> </div> </div> <div class='clear'></div> </div> </div><div class='widget Attribution' data-version='1' id='Attribution1'> <div class='widget-content' style='text-align: center;'> Diberdayakan oleh <a href='https://www.blogger.com' target='_blank'>Blogger</a>. </div> <div class='clear'></div> </div></div> </div>  <div class='clear'> </div> </div>  <div id='footer-wrapper'> <div class='footer no-items section' id='footer'></div> </div> </div></div>  <script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/2028843038-widgets.js"></script> <script type='text/javascript'> window['__wavt'] = 'AOuZoY6R0LaznAJO3ZIJalETIIgPJa0X6g:1770327666776';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d2421283501798390916','//sinarfulus.blogspot.com/2010/11/belajar-html-8.html','2421283501798390916'); _WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '2421283501798390916', 'title': 'Bisnis Gratis di Internet', 'url': 'https://sinarfulus.blogspot.com/2010/11/belajar-html-8.html', 'canonicalUrl': 'http://sinarfulus.blogspot.com/2010/11/belajar-html-8.html', 'homepageUrl': 'https://sinarfulus.blogspot.com/', 'searchUrl': 'https://sinarfulus.blogspot.com/search', 'canonicalHomepageUrl': 'http://sinarfulus.blogspot.com/', 'blogspotFaviconUrl': 'https://sinarfulus.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, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Bisnis Gratis di Internet - Atom\x22 href\x3d\x22https://sinarfulus.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Bisnis Gratis di Internet - RSS\x22 href\x3d\x22https://sinarfulus.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Bisnis Gratis di Internet - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/2421283501798390916/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Bisnis Gratis di Internet - Atom\x22 href\x3d\x22https://sinarfulus.blogspot.com/feeds/6483041389926350064/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'isGoogleEverywhereLinkTooltipEnabled': true, 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/c4009cb6aca69435', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Dapatkan link', 'key': 'link', 'shareMessage': 'Dapatkan link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Bagikan ke Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': 'Bagikan ke X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Bagikan ke 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: \x27id\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Baca selengkapnya', 'pageType': 'item', 'postId': '6483041389926350064', 'pageName': 'BELAJAR HTML 8', 'pageTitle': 'Bisnis Gratis di Internet: BELAJAR HTML 8'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Tautan disalin ke papan klip!', 'ok': 'Oke', 'postLink': 'Tautan Pos'}}, {'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': 'BELAJAR HTML 8', 'description': 'MEMBUAT FRAME Dengan menggunakan frame, kita bisa menampilkan beberapa halaman HTML sekaligus dalam sebuah jendela browser. Apa artinya? A...', 'url': 'https://sinarfulus.blogspot.com/2010/11/belajar-html-8.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 6483041389926350064}}]); _WidgetManager._RegisterWidget('_NavbarView', new _WidgetInfo('Navbar1', 'navbar', document.getElementById('Navbar1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML4', 'crosscol', document.getElementById('HTML4'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML7', 'crosscol', document.getElementById('HTML7'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/3314219954-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/828616780-lightbox_bundle.css'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', document.getElementById('Header1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'header', document.getElementById('HTML2'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'header', document.getElementById('HTML1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive1', 'header', document.getElementById('BlogArchive1'), {'languageDirection': 'ltr', 'loadingMessage': 'Memuat\x26hellip;'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML5', 'sidebar', document.getElementById('HTML5'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'sidebar', document.getElementById('HTML3'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_ProfileView', new _WidgetInfo('Profile1', 'sidebar', document.getElementById('Profile1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_FollowersView', new _WidgetInfo('Followers1', 'sidebar', document.getElementById('Followers1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_AttributionView', new _WidgetInfo('Attribution1', 'sidebar', document.getElementById('Attribution1'), {}, 'displayModeFull')); </script> </body> </html>