Rabu, 21 Desember 2011

Membuat Frame untuk Tampilan Home

link Advert : 4checks.com-Free Shipping and Handling on All Personal Checks with code DWF008
Frame adalah perintah untuk tampilan home yang terbagi dalam beberapa bingkai sesuai kehendak kita. Dapat dibagi secara mendatar ataupun secara horizontal.
Tata penulisannya adalah :

<Frameset> ....... </Frameset> Untuk set bingkai homepage
<Frame> ......... </Frame> Untuk isi dan nama bingkai
Cols dan Rows Untuk set baris atau kolom
Setlah mendefinisikan Frame, langkah selanjutnya adalah membuat link ke menu-menu yang lain dimana perintah ini dapat menggunakan elemen Anchor : {A} â....¦{/A} dan tambahkan perintah HREF.
Contoh jika ada perintah :
{A HREF=â....contoh.htmâ....} Menuju ke Dokumen Contoh.htm {/A}
Artinya : Bahwa kalimat â.....Menuju ke Dokumen Contoh.htmâ..... akan diberi tanda (biasanya garis bawah} dan jika pointer mouse berada pada kalimat tersebut, maka akan menjadi gambar jari tangan.
Pemacu link tidak harus tulisan, dapat juga pemacu link menggunakan gambar atau image: * {a href=â.....contoh.htmâ....} {img src=â,,,,gambar.gif} {/a} (Gambar.gif akan menjadi pemacu link ke dokumen contoh.htm}
Pada contoh berikut ini akan dibuat suatu file Indeks yang dibangun dengan menggunakan Frame
Contoh Frame dibawah ini beri nama dengan indeks.html

New Page 1 <body> <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/05632938363071620642' itemprop='url'/> <a class='g-profile' href='https://www.blogger.com/profile/05632938363071620642' rel='author' title='author profile'> <span itemprop='name'>Unknown</span> </a> </span> </span> <span class='post-timestamp'> di <meta content='http://webdesignview.blogspot.com/2011/12/membuat-frame-untuk-tampilan-home.html' itemprop='url'/> <a class='timestamp-link' href='https://webdesignview.blogspot.com/2011/12/membuat-frame-untuk-tampilan-home.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2011-12-21T21:33:00-08:00'>21.33</abbr></a> </span> <span class='post-comment-link'> <a class='comment-link' href='https://webdesignview.blogspot.com/2011/12/membuat-frame-untuk-tampilan-home.html#comment-form' onclick=''> Tidak ada komentar: </a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-579192857'> <a href='https://www.blogger.com/post-edit.g?blogID=7293848547650746280&postID=9113661289118701632&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=7293848547650746280&postID=9113661289118701632&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=7293848547650746280&postID=9113661289118701632&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=7293848547650746280&postID=9113661289118701632&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=7293848547650746280&postID=9113661289118701632&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=7293848547650746280&postID=9113661289118701632&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> <div class='post-outer'> <div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <meta content='7293848547650746280' itemprop='blogId'/> <meta content='5897618330389079622' itemprop='postId'/> <a name='5897618330389079622'></a> <h3 class='post-title entry-title' itemprop='name'> <a href='https://webdesignview.blogspot.com/2011/12/dasar-dasar-pemrograman-web-dengan.html'>Dasar - Dasar Pemrograman Web dengan menggunakan HTML</a> </h3> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-5897618330389079622' itemprop='description articleBody'> <script type="text/javascript"> <!-- google_ad_client = "ca-pub-5731363235328891"; /* 336x280, created 9/22/11 */ google_ad_slot = "6705793502"; google_ad_width = 336; google_ad_height = 280; //--> </script> <script src="//pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script> link Advert : <a href="http://gan.doubleclick.net/gan_click?lid=41000000030727005&amp;pubid=21000000000500398">4checks.com-Free Shipping and Handling on All Personal Checks with code DWF008</a><br /> Internet pada saat sekarang ini berkembang dengan begitu pesatnya, dipelosok-pelosok daerah pun sudah dapat mengakses internet... dimana ada sinyal hp maka disitulah kita bisa menggunakan internet. Semua informasi yang kita butuhkan dapat dengan mudah dicari di internet... sekarang tergantung dengan kemampuan kita untuk menyeleksi mana informasi yang benar ataupun mana informasi yang salah...<br /> Perkembang internet tentu tidak terlepas dari peran serta orang-orang yang peduli dengan perkembangan tersebut. dimana di internet kita bisa berbagi informasi dan mengambil informasi. Informasi tersebut di publis di dalam sebuah Web. <br /> <br /> Perlu disadari bahwa web-web yang tampil diinternet pada saat sekarang ini diawali dengan pembuatan dengan menggunakan perintah HTML dengan tag-tag yang dirangkai sedemikian rupa sehingga menjadi satu kesatuan yang saling berhubungan antara yang satu dengan yang lainnya.<br /> Banyak sekali software-software yang dapat digunakan untuk mendesain Web, apakah dengan ASP, PHP, Java Script, VB Script, dll, bahkan dengan menggunakan Frontpage pun bisa. Dan pada saat ini banyak CMS yang begitu mudah dapat membuat web. Pada Modul ini tidak akan membandingkan satu software dengan software lainnya atau memilih CMS yang bagus. Tetapi disini penulis akan menyarankan bagi para pemula yang akan memperdalam desain WEB, hendaknya menggunakan sesuatu yang mendasar. Dasar Pembuatan WEB dilakukan dengan menggunakan HTML.<br /> <br /> Banyak orang beranggapan bahwa belajar web dengan menggunakan HTML sangat susah, tetapi apakah kita pernah mencoba, dimana tag-tag tersebut diketik huruf perhuruf dan disusun sedemikian rupa sehingga menjadi satu kesatuan yang saling berhubungan antara satu dengan yang lainnya? Tentu pertanyaannya ini akan dijawab belum&#8230;?<br /> <br /> Dengan alasanya tersebut maka penulis tertarik memamparkan tentang pembuatan suatu Web yang sederhana dengan menggunakan tag-tag HTML dan diketik menggunakan NotePade.<br /> Dimana pada penulisan materi ini akan dibagi menjadi beberapa item yaitu:<br /> Modul 1. Pengantar HTML<br /> Modul 2. Pembuatan Frame<br /> Modul 3. Pembuatan Menu Header<br /> Modul 4. Pembuatan Menu Left<br /> Modul 5. Pembuatan Menu right<br /> Modul 6. Pembuatan Profile<br /> <br /> Dengan cara membaca modul demi modul tersebut nantinya pembaca dapat mencoba langkah-demi langkah dan mengembangkan kreatifitasnya. Modul ini dikemas sedemikian rupa agar dapat dengan mudah dipelajari dan diimplementasikan, Agar tampilan di dalam web lebih menarik, penulis menggunakan flash MX untuk menggambar atau membuat animasi, alasan penggunakan Macromedia Flash MX ini karena Flash merupakan software yang paling mudah untuk menggambar.<br /> <br /> Pengantar HTML<br /> HMTL (Hypertext Markup Language) merupakan suatu kode yang menjadi dasar terwujudnya web. Kode yang digunakan dalam HTML disebut Tag. <br /> <br /> 1. Struktur Penulisan <br /> Penulisan tag dapat dilakukan pada Notepade atau software lain, dimana tata penulisan tag diawali dengan start tag dan diakhiri end tag. Adapun bentuk penulisan adalah :<br /> &lt;html&gt;<br /> &lt;head&gt;<br /> &lt;title&gt; Design Web &lt;/title&gt;<br /> &lt;/head&gt;<br /> &lt;/body&gt;<br /> Isi dari Body<br /> &lt;/body&gt;<br /> &lt;/html&gt;<br /> <br /> 2. Gambar dan Background<br /> Agar tampilan Web yang dibuat menjadi lebih menarik, kita dapat menyertakan gambar kedalam perintah HTML, apakah akan dijadikan sebagai background. Saran menulis hendaknya pembuatan gambar dilakukan dengan menggunakan Software macromedia Flash MX, baca Menggambar dengan Flash MX. Adapun tata penulisannya adalah :<br /> <br /> &lt;IMG SRC="nama file gambar"&gt; untuk memanggil file gambar tunggal<br /> &lt;Body background="nama file gambar"&gt; untuk memanggil file gambar sebagai background<br /> <br /> 3. Font dan List<br /> Penulisan Font diawali dengan perintah &lt;Font &gt; yang dapat diikuti dengan Size (ukuran huruf), face (jenis huruf pada system windows) dan color (warna huruf). Sedangkan untuk menghasilkan List atau disebut dengan Daftar dapat menggunakan perintah OL (Ordered List) atau Unordered list (UL), jika memakai ol berarti list kita urutkan (angka atau abjadd)<br /> <br /> 4. Tabel<br /> Tabel adalah suatu tampilan yang mengandung unsur baris dan kolom, untuk menampilkan tabel dalam homepage diperlukan beberapa tag yaitu :<br /> &lt;Table&gt; ....... &lt;/table&gt; Untuk set dokumen table<br /> &lt;TR&gt; ......... &lt;/TR&gt; Untuk set baris (Table Row)<br /> &lt;TD&gt; ......... &lt;/TD&gt; Untuk set kolom (Table Data)<br /> &lt;TH&gt; ......... &lt;/TH&gt; Untuk set Header (Table Header)<br /> &lt;Caption&gt; â&#65533;&#166;....&lt;/Caption&gt; Untuk set Judul Tabel<br /> &lt;TD Rowspan =3&gt; untuk membagi menggabung baris (Merger row)<br /> &lt;TD Colspan =3&gt; untuk membagi kolom (Merger colums)<br /> <br /> 5. Form<br /> From digunakan untuk mempercantik tampilan dari Web, yaitu diawali dengan perintah tag &lt;From&gt; dan diakhiri dengan &lt;/form&gt;. Dengan tag ini dapat membuat buku tamu, formulir pemesanan, survey, meminta komentar atau apa pun di web site. <br /> Pada dasarnya, form html mempunyai bentuk seperti ini.... <br /> &lt;FORM&gt; awal form <br /> &lt;INPUT&gt; minta masukan menggunakan salah satu dari beberapa cara.... <br /> &lt;INPUT&gt; ......anda bisa gunakan berapa pun input yang anda inginkan <br /> &lt;/FORM&gt; akhir form <br /> Bentuk masukan (TYPE of &lt;INPUT&gt;) yang paling umum digunakan dalam form html adalah TEXT. &lt;INPUT TYPE=TEXT&gt; <br /> Setiap masukan memerlukan nama (NAME). &lt;INPUT TYPE=TEXT NAME=ALAMAT&gt; <br /> Selain type diatas ada beberapa type yang dapat digunakan yaitu : &lt;input type = radio&gt;, &lt;input type = checkbox&gt;, <br /> Membuat Pull Down List. <br /> Untuk masukan jenis ini anda gunakan &lt;SELECT&gt; sebagai pengganti &lt;INPUT&gt; dan anda harus tambahkan tag penutup. <br /> &lt;SELECT&gt; â&#65533;&#166;&lt;/SELECT&gt; <br /> Dan bisa juga menggunakan perintah &lt;TEXTAREA NAME="KOMENTAR"&gt; <br /> &lt;/TEXTAREA&gt; <br /> <br /> 6. Frame<br /> Frame adalah perintah untuk tampilan yang ada pada home, yang dapat dibagi menjadi beberapa bingkai sesuai dengan yang diinginkan, apakah vertical atau horizontal.<br /> &lt;Frameset&gt; â&#65533;&#166;.... &lt;/Frameset&gt; Untuk set bingkai homepage<br /> &lt;Frame&gt; â&#65533;&#166;.... &lt;/Frame&gt; Untuk isi dan nama bingkai<br /> Cols dan Rows Untuk set baris atau kolom<br /> <br /> 7. Link<br /> Link adalah menghubungkan dengan obyek lain, dapat berupa Web Page, Gambar, Suara, ataupun ke komputer server yang lain. Link adalah merupakan pembeda antara mode text HTML dengan text yang lain. Untuk perintah Link dapat menggunakan elemen Anchor : &lt;A&gt; ...&lt;/A&gt; dan tambahan perintah HREF. <br /> Contoh jika ada perintah : <br /> &lt;A HREF="contoh.htm"&gt;Menuju ke Dokumen Contoh.htm &lt;/A&gt;<br /> Artinya : Bahwa kalimat "Menuju ke Dokumen Contoh.htm" akan diberi tanda (biasanya garis bawah) dan jika pointer mouse berada pada kalimat tersebut, maka akan menjadi gambar jari tangan. <br /> Pemacu link tidak harus tulisan, dapat juga pemacu link menggunakan gambar atau image: * &lt;a href="contoh.htm"&gt; &lt;img src="gambar.gif&gt; &lt;/a&gt; (Gambar.gif akan menjadi pemacu link ke dokumen contoh.htm) <br /> <br /> Pada contoh berikut ini akan dibuat suatu file Indeks yang dibangun dengan menggunakan Frame<br /> <br /> Contoh :<br /> Ketikkan tag berikut pada notepade, lalu simpan dalam Folder D:/Web dengan nama Indeks.html<br /> <br /> &lt;html&gt;<br /> &lt;head&gt;<br /> &lt;title&gt;New Page 1&lt;/title&gt;<br /> &lt;/head&gt;<br /> &lt;frameset rows="100,*" BGCOLOR="black"&gt;<br /> &lt;frame name="banner" scrolling="no" noresize target="contents" src="TopMenu.html"&gt;<br /> &lt;frameset cols="190,*"&gt;<br /> &lt;frame name="contents" target="main" src="LeftMenu.html"&gt;<br /> &lt;frame name="main" src="RightMenu.html" target="_self"&gt;<br /> &lt;/frameset&gt;<br /> &lt;noframes&gt;<br /> &lt;body&gt;<br /> <br /> <br /> &lt;/body&gt;<br /> &lt;/noframes&gt;<br /> &lt;/frameset&gt;<br /> &lt;/html&gt; <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/05632938363071620642' itemprop='url'/> <a class='g-profile' href='https://www.blogger.com/profile/05632938363071620642' rel='author' title='author profile'> <span itemprop='name'>Unknown</span> </a> </span> </span> <span class='post-timestamp'> di <meta content='http://webdesignview.blogspot.com/2011/12/dasar-dasar-pemrograman-web-dengan.html' itemprop='url'/> <a class='timestamp-link' href='https://webdesignview.blogspot.com/2011/12/dasar-dasar-pemrograman-web-dengan.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2011-12-21T21:07:00-08:00'>21.07</abbr></a> </span> <span class='post-comment-link'> <a class='comment-link' href='https://webdesignview.blogspot.com/2011/12/dasar-dasar-pemrograman-web-dengan.html#comment-form' onclick=''> Tidak ada komentar: </a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-579192857'> <a href='https://www.blogger.com/post-edit.g?blogID=7293848547650746280&postID=5897618330389079622&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=7293848547650746280&postID=5897618330389079622&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=7293848547650746280&postID=5897618330389079622&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=7293848547650746280&postID=5897618330389079622&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=7293848547650746280&postID=5897618330389079622&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=7293848547650746280&postID=5897618330389079622&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> </div></div> </div> <div class='blog-pager' id='blog-pager'> <span id='blog-pager-newer-link'> <a class='blog-pager-newer-link' href='https://webdesignview.blogspot.com/' id='Blog1_blog-pager-newer-link' title='Postingan Lebih Baru'>Postingan Lebih Baru</a> </span> <a class='home-link' href='https://webdesignview.blogspot.com/'>Beranda</a> </div> <div class='clear'></div> <div class='blog-feeds'> <div class='feed-links'> Langganan: <a class='feed-link' href='https://webdesignview.blogspot.com/feeds/posts/default' target='_blank' type='application/atom+xml'>Postingan (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 LinkList' data-version='1' id='LinkList1'> <h2>Partner Link</h2> <div class='widget-content'> <ul> <li><a href='http://gistingatas.blogspot.com/'>Health Care</a></li> <li><a href='http://klikkuk.blogspot.com/'>Furniture</a></li> <li><a href='http://capitalresourceview.blogspot.com/'>Capital Resource View</a></li> <li><a href='http://ahmadrizal.net/'>Tutorial Programming</a></li> </ul> <div class='clear'></div> </div> </div><div class='widget HTML' data-version='1' id='HTML1'> <div class='widget-content'> <script type="text/javascript"><!-- google_ad_client = "ca-pub-5731363235328891"; google_ad_host = "pub-1556223355139109"; /* 160x600, created 9/22/11 */ google_ad_slot = "5349460543"; google_ad_width = 160; google_ad_height = 600; //--> </script> <script type="text/javascript" src="//pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </div> <div class='clear'></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/7293848547650746280?colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaByMyMjIyMjIiByMyMjg4YmIqByNmZmZmZmYyByMwMDAwMDA6ByMyMjIyMjJCByMyMjg4YmJKByM5OTk5OTlSByMyMjg4YmJaC3RyYW5zcGFyZW50\x26pageSize\x3d21\x26hl\x3did\x26origin\x3dhttps://webdesignview.blogspot.com"); }, 'open': function(url) { window.followersIframe.close(); followersIframeOpen(url); } } }); } }); } followersIframeOpen("https://www.blogger.com/followers/frame/7293848547650746280?colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaByMyMjIyMjIiByMyMjg4YmIqByNmZmZmZmYyByMwMDAwMDA6ByMyMjIyMjJCByMyMjg4YmJKByM5OTk5OTlSByMyMjg4YmJaC3RyYW5zcGFyZW50\x26pageSize\x3d21\x26hl\x3did\x26origin\x3dhttps://webdesignview.blogspot.com"); </script></div> </div> </div> <div class='clear'></div> </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'> &#9660;&#160; </span> </a> <a class='post-count-link' href='https://webdesignview.blogspot.com/2011/'> 2011 </a> <span class='post-count' dir='ltr'>(2)</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='https://webdesignview.blogspot.com/2011/12/'> Desember </a> <span class='post-count' dir='ltr'>(2)</span> <ul class='posts'> <li><a href='https://webdesignview.blogspot.com/2011/12/membuat-frame-untuk-tampilan-home.html'>Membuat Frame untuk Tampilan Home</a></li> <li><a href='https://webdesignview.blogspot.com/2011/12/dasar-dasar-pemrograman-web-dengan.html'>Dasar - Dasar Pemrograman Web dengan menggunakan HTML</a></li> </ul> </li> </ul> </li> </ul> </div> </div> <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 section' id='footer-1'><div class='widget HTML' data-version='1' id='HTML4'> <div class='widget-content'> <!-- Include the Google Friend Connect javascript library. --> <script type="text/javascript" src="//www.google.com/friendconnect/script/friendconnect.js"></script> <!-- Define the div tag where the gadget will be inserted. --> <div id="div-3398987455924940298" style="width:728px;"></div> <!-- Render the gadget into a div. --> <script type="text/javascript"> var skin = {}; skin['HEIGHT'] = '90'; skin['BORDER_COLOR'] = 'transparent'; skin['ENDCAP_BG_COLOR'] = '#e0ecff'; skin['ENDCAP_TEXT_COLOR'] = '#333333'; skin['ENDCAP_LINK_COLOR'] = '#0000cc'; skin['ALTERNATE_BG_COLOR'] = '#ffffff'; skin['CONTENT_BG_COLOR'] = '#ffffff'; skin['CONTENT_LINK_COLOR'] = '#0000cc'; skin['CONTENT_TEXT_COLOR'] = '#333333'; skin['CONTENT_SECONDARY_LINK_COLOR'] = '#7777cc'; skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#666666'; skin['CONTENT_HEADLINE_COLOR'] = '#333333'; google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */); google.friendconnect.container.renderAdsGadget( { id: 'div-3398987455924940298', height: 90, site: '12936019376577177423', 'prefs':{"google_ad_client":"ca-pub-5731363235328891","google_ad_host":"pub-6518359383560662","google_ad_format":"728x90"} }, skin); </script> </div> <div class='clear'></div> </div></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 Sederhana. 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/2422103421-widgets.js"></script> <script type='text/javascript'> window['__wavt'] = 'AOuZoY70gryGr5ifdUPKJ050M1gq_XMyuw:1755882304742';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d7293848547650746280','//webdesignview.blogspot.com/2011/12/','7293848547650746280'); _WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '7293848547650746280', 'title': 'Web Page Review', 'url': 'https://webdesignview.blogspot.com/2011/12/', 'canonicalUrl': 'http://webdesignview.blogspot.com/2011/12/', 'homepageUrl': 'https://webdesignview.blogspot.com/', 'searchUrl': 'https://webdesignview.blogspot.com/search', 'canonicalHomepageUrl': 'http://webdesignview.blogspot.com/', 'blogspotFaviconUrl': 'https://webdesignview.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\x22Web Page Review - Atom\x22 href\x3d\x22https://webdesignview.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Web Page Review - RSS\x22 href\x3d\x22https://webdesignview.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Web Page Review - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/7293848547650746280/posts/default\x22 /\x3e\n', 'meTag': '', 'adsenseClientId': 'ca-pub-5731363235328891', '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/09348407eaf53e28', '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': 'archive', 'pageName': 'Desember 2011', 'pageTitle': 'Web Page Review: Desember 2011'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Tautan disalin ke papan klip!', 'ok': 'Oke', 'postLink': 'Tautan Pos'}}, {'name': 'template', 'data': {'name': 'Simple', 'localizedName': 'Sederhana', 'isResponsive': false, 'isAlternateRendering': false, 'isCustom': false, 'variant': 'pale', 'variantId': 'pale'}}, {'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': 'Web Page Review', 'description': '', 'url': 'https://webdesignview.blogspot.com/2011/12/', 'type': 'feed', 'isSingleItem': false, 'isMultipleItems': true, 'isError': false, 'isPage': false, 'isPost': false, 'isHomepage': false, 'isArchive': true, 'isLabelSearch': false, 'archive': {'year': 2011, 'month': 12, 'rangeMessage': 'Menampilkan postingan dari Desember, 2011'}}}]); _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/497930099-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/123180807-lightbox_bundle.css'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList1', 'sidebar-right-1', document.getElementById('LinkList1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'sidebar-right-1', document.getElementById('HTML1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_FollowersView', new _WidgetInfo('Followers1', 'sidebar-right-1', document.getElementById('Followers1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive1', 'sidebar-right-1', document.getElementById('BlogArchive1'), {'languageDirection': 'ltr', 'loadingMessage': 'Memuat\x26hellip;'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML4', 'footer-1', document.getElementById('HTML4'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_AttributionView', new _WidgetInfo('Attribution1', 'footer-3', document.getElementById('Attribution1'), {}, 'displayModeFull')); </script> </body> </html>