Jumat, 16 November 2012

Membuat Website Itu Mudah mengunakan Fremset

Frameset adalah salah satu cara untuk membagi-bagi halaman ke dalam beberapa bagian. Pekerjaan merancang halaman dengan memanfaatkan frameset menjadi pekerjaan yang mudah. Bagian-bagian utama pada website dapat dikelompokkan ke dalam frame, sedangkan bagian contentnya tetap berada di frame yang akan selalu berubah. Dengan demikian, kita dapat menentukan bagian mana yang akan menjadi kepala halaman (header), menu, kaki, content, dan bagian lain yang dianggap perlu. Frameset berbeda dengan halaman HTML biasa, di dalam halaman frameset hanya terdapat pengaturan mengenai bagaimana sebuah halaman ditata (layout halaman). Pada halaman frameset ini, dapat ditampilkan beberapa halaman HTML sekaligus pada jendela web browser yang sama. Halaman-halaman HTML yang ditampilkan dalam frameset tersebut menempati bagiannya masing-masing, dan setiap frame dalam frameset tidak saling berkaitan satu dengan lainnya. Pada halaman yang panjang, scrolling hanya berlaku pada frame itu saja – biasanya scrolling hanya diberlakukan pada frame content saja. Dengan adanya frameset, pengelolaan halaman menjadi mudah, namun jumlah file yang harus dikelola menjadi bertambah. Hal ini menjadi menyulitkan bagi yang belum terbiasa, mengingat perancang harus bekerja dengan beberapa dokumen HTML sekaligus. Pembuatan halaman frameset menggunakan dua tag HTML, yaitu Tag dan Tag , penjelasannya adalah sebagai berikut: Tag Frameset Tag digunakan untuk mendefinisikan bagaimana jendela web browser akan dibagi menjadi frame-frame yang lebih kecil. Tag ini dituliskan untuk membagi-bagi halaman ke dalam format baris dan kolom yang akan diisi dengan frame. Nilai baris atau kolom menentukan jumlah area layar yang akan digunakan oleh setiap baris atau kolom. Pada frame-frame tersebut ditempatkan halaman-halaman HTML. Satu halaman HTML akan menempati satu frame. Tag berikut akan membagi layar menjadi tiga bagian kolom masing-masing lebarnya sebesar 25%, 50%, dan 25% dari lebar keseluruhan area layar. Layout halaman frameset di atas akan tampak seperti di bawah ini: frame 1 – 25% frame 2 – 50% frame 3 – 25% Tag berikut akan membagi layar menjadi tiga bagian baris masing-masing tingginya sebesar 25%, 50%, dan 25% dari tinggi keseluruhan area layar. Layout halaman frameset di atas akan tampak seperti di bawah ini : frame 1 – 25% frame 2 – 50% frame 3 – 25% Pembagian frame bisa dengan ukuran persentase (relatif) seperti contoh di atas, atau dengan ukuran pixel (absolut). Namun dengan pixel tidak dapat ditentukan ukuran seluruh frame, karena ukuran layar monitor yang digunakan juga belum tentu sama. Untuk itu digunakan tanda “*” untuk pengganti ukuran yang tidak tentu tadi. Contoh berikut akan membagi layar menjadi dua bagian baris masing-masing sebesar 100 pixel dan sisa pixel dari tinggi area layar. Layout halaman frameset di atas akan tampak seperti di bawah ini : frame 1 – 100 px frame 2 – fleksibel Sedangkan contoh ini akan membagi layar menjadi dua bagian kolom masing-masing sebesar 100 pixel dan sisa pixel dari lebar area layar. Layout halaman frameset di atas akan tampak seperti di bawah ini : frame 1 100 px frame 2 fleksibel Tag tidak membutuhkan adanya tag kecuali bila web browser yang digunakan tidak mendukung tag tersebut. Tag Frame Tag dituliskan untuk menempatkan dokumen HTML yang akan disertakan pada frame. Pada contoh berikut, frameset membagi halaman menjadi dua kolom, masing-masing lebar kolom adalah 25% dan 75% dari lebar area layar. Dokumen HTML dengan nama “frame_1.html” ditempatkan pada kolom pertama, dan dokumen HTML kedua bernama “frame_2.html” disertakan pada kolom kedua. Frameset Vertikal Nah, sekarang kita coba membuat sebuah halaman website dengan frameset. Jalankan aplikasi Notepad. Klik Start > Programs > Accessories > Notepad. Kemudian ketik baris perintah berikut ini : Simpan file di My Documents sebagai “frameset-01.html” dengan cara klik menu File-Save As.. Di sebelah kiri pilih My Documents, kemudian pada bagian Save as type pilih All Files, lalu ketik “frameset-01.html” pada bagian File name, klik tombol Save. Jalankan aplikasi Explorer, klik My Documents, cari file “frameset-01.html” yang baru dibuat tadi, kemudian klik ganda file tersebut. Jendela Internet Browser akan terbuka, memperlihatkan isi halaman frameset-01.html. <– 20% –> <———– 60% ———–> <– 20% –> Penjelasan Contoh latihan di atas memperlihatkan bagaimana cara membuat frame dengan tiga kolom vertikal masing-masing selebar 20%, 60%, dan 20% dari lebar area layar. Frame pertama berisi “frame_1.html”, frame kedua berisi “frame_2.html”, dan frame ketiga berisi “frame_3.html”.Frameset dengan menggunakan nilai persen tidak memiliki ukuran piksel yang pasti, lebar frameset ini akan mengikuti lebar layar dan dihitung sebagai persentase dari lebar layar. Frameset Horizontal Sekarang kita coba lagi membuat sebuah halaman website dengan frameset horizontal. Jalankan aplikasi Notepad. Klik Start > Programs > Accessories > Notepad. Kemudian ketik baris perintah berikut ini : Simpan file di My Documents sebagai “frameset-02.html” dengan cara klik menu File-Save As.. Di sebelah kiri pilih My Documents, kemudian pada bagian Save as type pilih All Files, lalu ketik “frameset-02.html” pada bagian File name, klik tombol Save. Jalankan aplikasi Explorer, klik My Documents, cari file “frameset-02.html” yang baru dibuat tadi, kemudian klik ganda file tersebut. Jendela Internet Browser akan terbuka, memperlihatkan isi halaman frameset-02.html. | 200 pixel | | | | | * pixel (sisa dari tinggi layar) | | | | 100 pixel Penjelasan Contoh latihan di atas memperlihatkan bagaimana cara membuat frameset dengan tiga baris horizontal masing-masing tingginya sebesar 200 pixel, * pixel (sisa tinggi dari tinggi layar), dan 100 pixel. Frame pertama berisi “frame_1.html”, frame kedua berisi “frame_2.html”, dan frame ketiga berisi “frame_3.html”. Perhatikan bahwa frameset ini menggunakan frame yang tetap (frame 1 = 200pixel, frame 3 = 100 pixel) dan frame yang fleksibel ditandai dengan tanda asterik (*). Frame yang tetap akan memiliki ukuran yang pasti dalam hitungan piksel, tapi frame yang fleksibel memiliki ukuran sebagai sisa dari ukuran layar dikurangi oleh ukuran frame-frame tetap. Tag Noframes Selain Tag Frameset dan Tag Frame, di dalam halaman frameset juga harus ada Tag Noframes. Format penulisannya adalah sebagai berikut: Jalankan aplikasi Notepad. Klik Start-Programs-Accessories-Notepad. Ketik baris perintah berikut ini : <body>Web browser tidak mendukung frame!</body> Simpan file sebagai “frameset-03.html” Jalankan aplikasi Explorer, cari file “frameset-03.html” yang baru dibuat tadi di My Documents, kemudian klik ganda untuk membuka file tersebut. Jendela Internet Browser akan segera terbuka mempelihatkan isi file html tersebut. Penjelasan Contoh latihan di atas memperlihatkan bagaimana tag dibuat. Tag noframes ini akan bekerja dan menampilkan isi tag <body> jika internet browser yang digunakan tidak mendukung frameset. Frameset Kombinasi Layout halaman HTML dapat dibuat sederhana dengan membaginya menjadi beberapa baris (rows). Kemudian, pada salah satu rows, kita dapat membaginya menjadi beberapa kolom. Hal ini sering dilakukan untuk mendapatkan layout halaman HTML yang optimal. Sekarang kita coba untuk membuat layout halaman kombinasi tersebut. Jalankan aplikasi Notepad. Klik Start-Programs-Accessories-Notepad. Ketik baris perintah berikut ini : <html> <frameset rows="150,*"> <frame src="frame_1.html"> <frameset cols="20%,80%"> <frame src="frame_2.html"> <frame src="frame_3.html"> </frameset> </frameset> </html> Simpan file sebagai &#8220;frameset-04.html&#8221; Jalankan aplikasi Explorer, cari file &#8220;frameset-04.html&#8221; yang baru dibuat tadi di My Documents, kemudian klik ganda untuk membuka file tersebut. Jendela Internet Browser akan segera terbuka mempelihatkan isi file html tersebut. | 150pixel | <&#8211; 20% &#8211;> < &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;- 80% &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;> Penjelasan Contoh latihan di atas memperlihatkan cara membuat frameset kombinasi. Tag <frameset> yang pertama akan membagi layar menjadi dua frame horizontal, frame pertama di bagian atas tingginya 150 pixel dan frame kedua di bagian bawah tingginya adalah sisa pixel dari tinggi area layar. Kemudian tag <frameset> kedua akan membagi frame kedua (frame yang berada di bawah) menjadi dua frame vertikal, masing-masing sebesar 20% dan 80% dari lebar area layar. Frameset dengan Scrolling dan Noresize Layout halaman HTML ditampilkan oleh Browser sesuai dengan ukuran yang dituliskan. Jika isi frameset tersebut, yang disimpan dalam file HTML lebih besar ukurannya daripada ukuran frame yang disediakan, maka secara otomatis browser akan menampilkan scroll bar. Sekarang kita coba untuk membuat layout halaman dengan scrolling dan tanpa scrolling. Jalankan aplikasi Notepad. Klik Start-Programs-Accessories-Notepad. Ketik baris perintah berikut ini : <html><frameset rows=&#8221;150,*&#8221;> <frame scrolling=&#8221;No&#8221; src=&#8221;frame_1.html&#8221;> <frameset cols=&#8221;25%,75%&#8221;> <frame scroling=&#8221;No&#8221; noresize=&#8221;noresize&#8221; src=&#8221;frame_2.html&#8221;> <frame noresize=&#8221;noresize&#8221; src=&#8221;frame_3.html&#8221;> </frameset> </frameset> </html> Simpan file sebagai &#8220;frameset-05.html&#8221; Jalankan aplikasi Explorer, cari file &#8220;frameset-05.html&#8221; yang baru dibuat tadi di My Documents, kemudian klik ganda untuk membuka file tersebut. Jendela Internet Browser akan segera terbuka mempelihatkan isi file html tersebut. Penjelasan Contoh latihan di atas mendemonstrasikan bagaimana atribut NORESIZE menyebabkan batas pinggiran antar frame tidak dapat digeser. Frame Navigasi Jalankan aplikasi Notepad. Klik Start-Programs-Accessories-Notepad. Ketik baris perintah berikut ini : <html><body> <a href=&#8221;frame_1.html&#8221; target=&#8221;showframe&#8221;>Frame 1</a><br> <a href=&#8221;frame_2.html&#8221; target=&#8221;showframe&#8221;>Frame 2</a><br> <a href=&#8221;frame_3.html&#8221; target=&#8221;showframe&#8221;>Frame 3</a> </body> </html> Simpan file sebagai &#8220;frame-6a.html&#8221; Ketik baris perintah berikut ini : <html><frameset cols=&#8221;120,*&#8221;> <frame src=&#8221;frame-6a.html&#8221;> <frame src=&#8221;frame_1.html&#8221; name=&#8221;showframe&#8221;> </frameset> </html> Simpan file sebagai &#8220;frameset-06.html&#8221; Jalankan aplikasi Explorer, cari file &#8220;frameset-06.html&#8221; yang baru dibuat tadi di My Documents, kemudian klik ganda untuk membuka file tersebut. Jendela Internet Browser akan segera terbuka mempelihatkan isi file html tersebut. Frame 1Frame 2 Frame 3 <showframe> Penjelasan Contoh latihan di atas memperlihatkan penggunaan frame untuk memudahkan navigasi sebuah halaman Web. Untuk itu diperlukan sebuah dokumen HTML berisi link yang berfungsi sebagai navigasi pada satu frame, dan frame lainnya akan digunakan sebagai target dokumen yang ditunjukkan pada link-link tersebut. Pada contoh di atas, file frame-6a.html berisi tiga buah link yang bila diklik akan dibuka pada frame bernama &#8220;showframe&#8221;, hal ini dapat dilihat dari penggunaan atribut TARGET=SHOWFRAME. Sedangkan file frameset-06.html berisi <frameset> yang membagi layar menjadi dua bagian, dan salah satu framenya diberi atribut NAME=SHOWFRAME. Pada frame inilah link-link dokumen yang ada pada file frame-6a.html akan terbuka. Catatan: Pada contoh di atas, Anda diminta untuk menyiapkan halaman-halaman HTML sebagai frameset. Untuk itu, Anda dapat menyiapkan file-file: frameset-01.html, frameset-02.html, frameset-03.html, frameset-04.html, frameset-05.html, frameset-06.html seperti yang diminta. Sebagaimana telah diuraikan di atas, frameset dipergunakan untuk layout halaman saja. File yang mengisi masing-masing bagian pada frameset diletakkan pada file yang terpisah. Dalam hal ini ada beberapa file lain yang perlu disiapkan, yaitu : frame_1.html, frame_2.html, frame_3.html. Sebagai contoh, Anda dapat menyiapkan frame_1.html dalam bentuk yang sederhana, misalnya sebagai berikut : <html> <head> <title>Frame 1 - Header</title> </head> <body bgcolor="#3399FF"> <div align="center">FRAME 1 - HEADER</div> </body> </html> Siapkan juga file frame_2.html, misalnya sebagai berikut : <html> <head> <title>Frame 2</title> </head> <body bgcolor="#009966"> <div align="center">FRAME 2</div> </body> </html> Dan file frame_3.html, misalnya sebagai berikut : <html> <head> <title>Frame 3</title> </head> <body bgcolor="#FFFFCC"> <div align="center">FRAME 3</div> </body> </html> Simpan ketiga file tambahan ini pada folder yang sama dengan file-file frameset (frameset-01.html, frameset-02.html, frameset-03.html, frameset-04.html, frameset-05.html, frameset-06.html). Tentu saja dengan format .html seperti biasa. Dengan demikian, maka file frameset akan menyertakan file frame_1.html, frame_2.html, frame_3.html ke dalam frame yang dibentuknya. <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/15869231707966236211' itemprop='url'/> <a href='https://www.blogger.com/profile/15869231707966236211' rel='author' title='author profile'> <span itemprop='name'>Unknown</span> </a> </span> </span> <span class='post-timestamp'> di <meta content='http://loebizpiss.blogspot.com/2012/11/membuat-website-itu-mudah-mengunakan.html' itemprop='url'/> <a class='timestamp-link' href='http://loebizpiss.blogspot.com/2012/11/membuat-website-itu-mudah-mengunakan.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2012-11-16T12:49:00-08:00'>12.49</abbr></a> </span> <span class='post-comment-link'> </span> <span class='post-icons'> <span class='item-control blog-admin pid-80050670'> <a href='https://www.blogger.com/post-edit.g?blogID=3945660030349696922&postID=8300381814556955207&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=3945660030349696922&postID=8300381814556955207&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=3945660030349696922&postID=8300381814556955207&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=3945660030349696922&postID=8300381814556955207&target=twitter' target='_blank' title='Berbagi ke Twitter'><span class='share-button-link-text'>Berbagi ke Twitter</span></a><a class='goog-inline-block share-button sb-facebook' href='https://www.blogger.com/share-post.g?blogID=3945660030349696922&postID=8300381814556955207&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=3945660030349696922&postID=8300381814556955207&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/3945660030349696922?po=8300381814556955207&hl=id' 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></div> </div> <div class='blog-pager' id='blog-pager'> <span id='blog-pager-newer-link'> <a class='blog-pager-newer-link' href='http://loebizpiss.blogspot.com/2012/11/blog-post.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='http://loebizpiss.blogspot.com/2012/11/manipulasi-data-mysql-dengan-php-select_9.html' id='Blog1_blog-pager-older-link' title='Posting Lama'>Posting Lama</a> </span> <a class='home-link' href='http://loebizpiss.blogspot.com/'>Beranda</a> </div> <div class='clear'></div> <div class='post-feeds'> <div class='feed-links'> Langganan: <a class='feed-link' href='http://loebizpiss.blogspot.com/feeds/8300381814556955207/comments/default' target='_blank' type='application/atom+xml'>Posting Komentar (Atom)</a> </div> </div> </div></div> </div> </div> <div class='column-left-outer'> <div class='column-left-inner'> <aside> </aside> </div> </div> <div class='column-right-outer'> <div class='column-right-inner'> <aside> <div class='sidebar section' id='sidebar-right-1'><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'> &#9660;&#160; </span> </a> <a class='post-count-link' href='http://loebizpiss.blogspot.com/2012/'> 2012 </a> <span class='post-count' dir='ltr'>(11)</span> <ul class='hierarchy'> <li class='archivedate expanded'> <a class='toggle' href='javascript:void(0)'> <span class='zippy toggle-open'> &#9660;&#160; </span> </a> <a class='post-count-link' href='http://loebizpiss.blogspot.com/2012/11/'> November </a> <span class='post-count' dir='ltr'>(11)</span> <ul class='posts'> <li><a href='http://loebizpiss.blogspot.com/2012/11/blog-post.html'>Tanpa judul</a></li> <li><a href='http://loebizpiss.blogspot.com/2012/11/membuat-website-itu-mudah-mengunakan.html'>Membuat Website Itu Mudah mengunakan Fremset</a></li> <li><a href='http://loebizpiss.blogspot.com/2012/11/manipulasi-data-mysql-dengan-php-select_9.html'>manipulasi data mysql dengan php - select insert u...</a></li> <li><a href='http://loebizpiss.blogspot.com/2012/11/aplikasi-sederhana-php-mysql-select.html'>Aplikasi Sederhana PHP-MySQL (Select, Insert, Upda...</a></li> <li><a href='http://loebizpiss.blogspot.com/2012/11/part-12-dari-rangkaian-tutorial.html'>PART 12 DARI RANGKAIAN TUTORIAL PEMBUATAN CMS SEDE...</a></li> <li><a href='http://loebizpiss.blogspot.com/2012/11/membuat-frame-tabel-html-dan-php.html'>Membuat frame tabel HTML dan PHP</a></li> <li><a href='http://loebizpiss.blogspot.com/2012/11/cara-membuat-frame-dengan-html.html'>Cara Membuat Frame dengan HTMl</a></li> <li><a href='http://loebizpiss.blogspot.com/2012/11/membuat-form-input-data-siswa-dengan.html'>Membuat Form Input Data Siswa dengan PHP dan MySQL</a></li> <li><a href='http://loebizpiss.blogspot.com/2012/11/membuat-database-melalui-phpmyadmin.html'>Membuat Database Melalui PHPMyAdmin</a></li> <li><a href='http://loebizpiss.blogspot.com/2012/11/pemrograman-web-1-modul-6-php-dan-mysql.html'>Pemrograman Web 1 : Modul 6. PHP dan MySQL</a></li> <li><a href='http://loebizpiss.blogspot.com/2012/11/membuat-pencarian-sederhana-dengan-php.html'>Membuat Pencarian Sederhana dengan PHP dan MySQL</a></li> </ul> </li> </ul> </li> </ul> </div> </div> <div class='clear'></div> </div> </div><div class='widget Profile' data-version='1' id='Profile1'> <h2>Kumpulan Modul Belajar Gwe Hehehehehee</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/15869231707966236211' rel='author' style='background-image: url(//www.blogger.com/img/logo-16.png);'> Unknown </a> </dt> </dl> <a class='profile-link' href='https://www.blogger.com/profile/15869231707966236211' rel='author'>Lihat profil lengkapku</a> <div class='clear'></div> </div> </div></div> </aside> </div> </div> </div> <div style='clear: both'></div> <!-- columns --> </div> <!-- main --> </div> </div> <div class='main-cap-bottom cap-bottom'> <div class='cap-left'></div> <div class='cap-right'></div> </div> </div> <footer> <div class='footer-outer'> <div class='footer-cap-top cap-top'> <div class='cap-left'></div> <div class='cap-right'></div> </div> <div class='fauxborder-left footer-fauxborder-left'> <div class='fauxborder-right footer-fauxborder-right'></div> <div class='region-inner footer-inner'> <div class='foot no-items section' id='footer-1'></div> <table border='0' cellpadding='0' cellspacing='0' class='section-columns columns-2'> <tbody> <tr> <td class='first columns-cell'> <div class='foot no-items section' id='footer-2-1'></div> </td> <td class='columns-cell'> <div class='foot no-items section' id='footer-2-2'></div> </td> </tr> </tbody> </table> <!-- outside of the include in order to lock Attribution widget --> <div class='foot section' id='footer-3' name='Footer'><div class='widget Attribution' data-version='1' id='Attribution1'> <div class='widget-content' style='text-align: center;'> Tema Kelembutan. Diberdayakan oleh <a href='https://www.blogger.com' target='_blank'>Blogger</a>. </div> <div class='clear'></div> </div></div> </div> </div> <div class='footer-cap-bottom cap-bottom'> <div class='cap-left'></div> <div class='cap-right'></div> </div> </div> </footer> <!-- content --> </div> </div> <div class='content-cap-bottom cap-bottom'> <div class='cap-left'></div> <div class='cap-right'></div> </div> </div> </div> <script type='text/javascript'> window.setTimeout(function() { document.body.className = document.body.className.replace('loading', ''); }, 10); </script> <script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/848617736-widgets.js"></script> <script type='text/javascript'> window['__wavt'] = 'AOuZoY5cgiEJEfBKjPN0SULCWwWXt1AffA:1713877277024';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d3945660030349696922','//loebizpiss.blogspot.com/2012/11/membuat-website-itu-mudah-mengunakan.html','3945660030349696922'); _WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '3945660030349696922', 'title': 'Modul Belajar Gwe', 'url': 'http://loebizpiss.blogspot.com/2012/11/membuat-website-itu-mudah-mengunakan.html', 'canonicalUrl': 'http://loebizpiss.blogspot.com/2012/11/membuat-website-itu-mudah-mengunakan.html', 'homepageUrl': 'http://loebizpiss.blogspot.com/', 'searchUrl': 'http://loebizpiss.blogspot.com/search', 'canonicalHomepageUrl': 'http://loebizpiss.blogspot.com/', 'blogspotFaviconUrl': 'http://loebizpiss.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\x22Modul Belajar Gwe - Atom\x22 href\x3d\x22http://loebizpiss.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Modul Belajar Gwe - RSS\x22 href\x3d\x22http://loebizpiss.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Modul Belajar Gwe - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/3945660030349696922/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Modul Belajar Gwe - Atom\x22 href\x3d\x22http://loebizpiss.blogspot.com/feeds/8300381814556955207/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/32178a08698b1e6b', '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': 'Twitter', 'key': 'twitter', 'shareMessage': 'Bagikan ke Twitter', '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': '8300381814556955207', 'pageName': 'Membuat Website Itu Mudah mengunakan Fremset', 'pageTitle': 'Modul Belajar Gwe: Membuat Website Itu Mudah mengunakan Fremset'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Tautan disalin ke papan klip!', 'ok': 'Oke', 'postLink': 'Tautan Pos'}}, {'name': 'template', 'data': {'name': 'Ethereal', 'localizedName': 'Kelembutan', 'isResponsive': false, 'isAlternateRendering': false, 'isCustom': false, 'variant': 'hummingBirds2', 'variantId': 'hummingBirds2'}}, {'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': 'Membuat Website Itu Mudah mengunakan Fremset', 'description': 'Frameset adalah salah satu cara untuk membagi-bagi halaman ke dalam beberapa bagian. Pekerjaan merancang halaman dengan memanfaatkan framese...', 'url': 'http://loebizpiss.blogspot.com/2012/11/membuat-website-itu-mudah-mengunakan.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 8300381814556955207}}]); _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/103930930-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/13464135-lightbox_bundle.css'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive1', 'sidebar-right-1', document.getElementById('BlogArchive1'), {'languageDirection': 'ltr', 'loadingMessage': 'Memuat\x26hellip;'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_ProfileView', new _WidgetInfo('Profile1', 'sidebar-right-1', document.getElementById('Profile1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_AttributionView', new _WidgetInfo('Attribution1', 'footer-3', document.getElementById('Attribution1'), {}, 'displayModeFull')); </script> </body> </html>