Minggu, 14 November 2010

1.Belajar HTML - Tutorial HTML 1

Belajar HTML gratis, mudah dan menyenangkan di Rauffamily aja. Nah kita mulai ya. Belajar HTML merupakan proses pertama yang umumnya dilakukan oleh para web programer. Nah setelah selesai dengan belajar HTML, maka kamu akan memiliki kemampuan untuk membuat halaman web statis. Berikutnya kamu pasti pengen bisa bikin halaman web yang memiliki kemampuan untuk berinteraksi dengan pengunjung secara lebih intens. Waktu itulah kamu perlu mulai belajar PHP. Setelah belajar PHP maka kamu bisa melanjutkan dengan belajar MySQL untuk menambah kemampuan PHP kamu.


Saya bisa dengan singkat menjelaskan sabagai berikut. HTML diperlukan terutama untuk membuat tampilan web, PHP untuk menambah kemampuan interaksi dengan pengunjung dan kemampuan menyimpan data akan disupport oleh MySQL. Lengkap sudah semuanya. Namun tentu saja web programming tidak hanya sebatas itu. Selain belajar HTML, PHP dan MySQL, tentu saja kamu dapat mempelajari juga bahasa script lain yang akan lebih memperindah tampilan web kamu dan mempermudah proses desain web kamu seperti CSS dan Javascript. Kamu juga mungkin akan perlu menambah ketrampilan kamu dalam membuat desain web dangan berbagai aplikasi pembuat web seperti Dreamweaver dan FrontPage serta belajar aplikasi pengolah gambar seperti Fireworks dan Adobe.


Tetapi untuk saat ini kita akan konsentrasi ke materi belajar HTML yang menjadi dasar semua pemrograman web.


Perlu saya sampaikan di sini bahwa meskipun kamu sudah menguasai berbagai aplikasi yang mempermudah desain web, tetapi walau bagaimanapun pada akhirnya kamu tetap akan memerlukan kemampuan untuk melakukan pemrograman hands on alias manual untuk melakukan berbagai tuning dalam program kamu.



Siap? OK, kita akan mulai belajar HTML.

Pengenalan HTML

Apa yang dimkasud dengan file HTML?

- HTML merupakan kependekan dari Hyper Text markup Language

- Sebuah file HTML merupakan sebuah file teks yang berisi tag-tag markup

- Tag markup memberitahukan browser bagaimana harus menampilkan sebuah halaman

- File HTML harus memiliki ekstensi htm atau html

- File HTML dapat dibuat menggunakan editor teks yang biasa kamu pakai.


Pengen Nyoba Bikin?
Mulailah dengan membuka Notepad (di Windows XP bagi yang belum pernah klik Start, Program, Accessories, Notepad).
Ketikkan teks berikut:



Judul Halaman


Ini halaman pertama saya. Teks ini ditebalkan



Simpan dengan nama “halamanku.htm” (jangan lupa tambahkan tanda kutip ganda pada nama filenya. Kalau lupa maka nama filenya akan menggunakan ekstensi default .txt sehingga menjadi halamanku.htm.txt).

Buka Browser kamu (misalnya internet explorer). Kilk File, Open, Browse dan pilih cari file halamanku.htm yang tadi kamu bikin. Klik OK, dan browser akan menampilkan halaman yang tadi kamu buat.


Gampang kan? Atau masih bingung? Ok, kita akan melihat penjelasan dari contoh di atas.
Setiap tag diapit oleh tanda lebih kecil dan lebih besar. Kamu bisa melihat bahwa tag pertama adalah . Tag HTML pada umumnya selalu memiliki pasangan yang memiliki tag sama dengan sedikit tambahan tanda garis miring “/”, dan kamu bisa melihat pasangan tag di akhir script yaitu .

Tag memberitahu browser bahwa inilah awal dari dokumen HTML. Tag pasangannya yaitu menyatakan bahwa inilah akhir dari dokumen HTML.

Teks di antara dan adalah teks informasi header. Informasi header ini tidak ditampilkan pada jendela browser.

Teks di antara adalah judul dokumen kamu. Judul ini akan ditampilkan di caption browser (lihat di bagian paling atas kanan dari browser kamu). <br /> <br />Teks di antara tag <body> adalah teks yang akan ditampilkan pada jendela browser kamu. <br /> <br />Dan terakhir, teks di antara <b> dan </b> akan ditampilkan dalam huruf tebal. <br /> <br />Nah, dengan penjelasan ini kamu mustinya udah mulai manggut-manggut dan merasa, ko ternyata belajar HTML gampang gini yah :). Mudah-mudahan. <br /> <br />Sekarang kita akan lihat mengenai ekstensionnya. Sebagaimana sudah disampaikan di awal, kita bisa membuat file HTML dengan 2 ekstension yaitu .htm dan .html. Nah ekstension .htm ditujukan untuk operating sistem jaman dulu yang hanya mensupport ekstensi 3 huruf. Sedangkan ekstensi .html akan lebih aman digunakan jika OS dan aplikasinya support karena lebih jelas menunjukkan bahwa ini adalah file HTML. <br /> <br />Sebagai catatan, setiap kamu melakukan perubahan pada file HTML kamu, maka kamu harus me refresh browser untuk melihat perubahan tampilannya. <br /> <br />Ok, tutorial belajar HTML sesi perkenalan cukup, kita akan melanjutkan ke level berikutnya tentang elemen HTML. <br /> <br />Check back soon for new tutorial. <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/09040086777218004945' itemprop='url'/> <a class='g-profile' href='https://www.blogger.com/profile/09040086777218004945' rel='author' title='author profile'> <span itemprop='name'>arif</span> </a> </span> </span> <span class='post-timestamp'> di <meta content='http://rauffamily.blogspot.com/2010/11/1belajar-html-tutorial-html-1.html' itemprop='url'/> <a class='timestamp-link' href='http://rauffamily.blogspot.com/2010/11/1belajar-html-tutorial-html-1.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2010-11-14T18:23:00-08:00'>18.23</abbr></a> </span> <span class='post-comment-link'> </span> <span class='post-icons'> <span class='item-control blog-admin pid-868845228'> <a href='https://www.blogger.com/post-edit.g?blogID=2539684463642972072&postID=6614316045514931729&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'> </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/2539684463642972072?po=6614316045514931729&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://rauffamily.blogspot.com/2010/11/daftar-isi-konsultasi-tentang-saya.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://rauffamily.blogspot.com/2010/11/2elemen-html-tutorial-html-2.html' id='Blog1_blog-pager-older-link' title='Posting Lama'>Posting Lama</a> </span> <a class='home-link' href='http://rauffamily.blogspot.com/'>Beranda</a> </div> <div class='clear'></div> <div class='post-feeds'> <div class='feed-links'> Langganan: <a class='feed-link' href='http://rauffamily.blogspot.com/feeds/6614316045514931729/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> <div class='sidebar section' id='sidebar-left-1'><div class='widget Text' data-version='1' id='Text1'> <h2 class='title'>Selamat Datang Di Blog Aku</h2> <div class='widget-content'> Banyak jalan ke roma banyak cara untuk belajar<br/> </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/09040086777218004945'><img alt='Foto saya' class='profile-img' height='61' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoIYgIl1U5ngC0KuE6ycXfCFkOoL6m3Fa8AMkjVmYMKk5fmn07Do1JEr-bqrOCPW8pKpmRjbprngX0yhDGZCvNZqSUdajCvX458d4Vuh2_XQMpNdMwlyVhA-nHXXZAlw/s220/GHDm-10m-1.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/09040086777218004945' rel='author' style='background-image: url(//www.blogger.com/img/logo-16.png);'> arif </a> </dt> <dd class='profile-textblock'>Aku hanya orang biasa yang diciptakan oleh Allah untuk mempertanggungjawabkan apa yang telah aku lakukan didunia.</dd> </dl> <a class='profile-link' href='https://www.blogger.com/profile/09040086777218004945' rel='author'>Lihat profil lengkapku</a> <div class='clear'></div> </div> </div><div class='widget HTML' data-version='1' id='HTML2'> <h2 class='title'>tombol back to top</h2> <div class='widget-content'> <!-- Bact to top designed by syilpid - www.tips-fb.com --> <a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="http://i15.photobucket.com/albums/a398/syilpid/Backtotopbiru.png"/></a> </div> <div class='clear'></div> </div></div> </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 HTML' data-version='1' id='HTML1'> <h2 class='title'>yang terbaik hanya untuk mu</h2> <div class='widget-content'> yang terindah dalam hidup adalah belajar dan sukses </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.g?blogID\x3d2539684463642972072\x26colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaByNmZmZmZmYiByNmZmZmZmYqByMwMDAwMDAyByNmZmZmZmY6ByNmZmZmZmZCByNmZmZmZmZKByMwMDAwMDBSByNmZmZmZmZaC3RyYW5zcGFyZW50\x26pageSize\x3d21\x26postID\x3d6614316045514931729\x26origin\x3dhttp://rauffamily.blogspot.com/"); }, 'open': function(url) { window.followersIframe.close(); followersIframeOpen(url); }, 'blogger-ping': function() { } } }); } }); } followersIframeOpen("https://www.blogger.com/followers.g?blogID\x3d2539684463642972072\x26colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaByNmZmZmZmYiByNmZmZmZmYqByMwMDAwMDAyByNmZmZmZmY6ByNmZmZmZmZCByNmZmZmZmZKByMwMDAwMDBSByNmZmZmZmZaC3RyYW5zcGFyZW50\x26pageSize\x3d21\x26postID\x3d6614316045514931729\x26origin\x3dhttp://rauffamily.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'> ▼  </span> </a> <a class='post-count-link' href='http://rauffamily.blogspot.com/2010/'> 2010 </a> <span class='post-count' dir='ltr'>(112)</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://rauffamily.blogspot.com/2010/11/'> November </a> <span class='post-count' dir='ltr'>(96)</span> <ul class='posts'> <li><a href='http://rauffamily.blogspot.com/2010/11/kode-kode-dasar-html.html'>Tanpa judul</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/mylink.html'>myLink ....</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/reseter-cannon-ip1900-ip1880-ip1700.html'>RESETER CANNON IP1900, IP1880, IP1700, IP1100</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/ssc-service-utility-cara-reset.html'>SSC Service Utility, Cara Reset Cartridge Printer ...</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/cara-reset-printer-epson-c45-c90-c58.html'>Cara Reset Printer Epson C45, C90, C58, Cxx Blinking</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/cara-reset-atau-resetter-printer-epson.html'>Cara Reset atau Resetter Printer Epson T11 Blinking</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/cara-reset-resetter-printer-epson-c90.html'>Cara Reset, Resetter Printer Epson c90 Stylus</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/cara-reset-printer-epson-stylus-r340.html'>Cara Reset Printer Epson Stylus R340 dan R350 Blin...</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/cara-reset-printer-epson-r220-r230.html'>Cara Reset Printer Epson R220, R230 Blinking</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/cara-reset-printer-epson-stylus-r240.html'>Cara Reset Printer Epson Stylus R240, R245, R250 B...</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/cara-membuat-file-pdf-atau-pdf-creator.html'>Cara Membuat File PDF atau PDF Creator</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/membuat-file-pdf-menggunakan-ms-office.html'>Membuat File PDF Menggunakan MS-Office 2007</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/cara-reset-cartridge-tinta-printer.html'>Cara Reset Cartridge Tinta Printer Canon ip1880</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/daftar-isi-konsultasi-tentang-saya.html'>Manual Reset Canon MP145 (Waste ink tank full)</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/1belajar-html-tutorial-html-1.html'>1.Belajar HTML - Tutorial HTML 1</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/2elemen-html-tutorial-html-2.html'>2.Elemen HTML - Tutorial HTML 2</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/3dasar-html.html'>3.Dasar HTML</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/4atribut-html.html'>4.Atribut HTML</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/5belajar-html-entitas-karakter-html.html'>5.Belajar HTML - Entitas karakter HTML</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/6belajar-html-link-html.html'>6.Belajar HTML - Link HTML</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/7belajar-html-paragraf.html'>7.Belajar HTML - Paragraf</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/8belajar-html-mengubah-tampilan-teks.html'>8.Belajar HTML - Mengubah Tampilan Teks</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/9belajar-program-html-membuat-daftar.html'>9.Belajar Program HTML - Membuat Daftar Yuk bag 1</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/10belajar-program-html-membuat-daftar.html'>10.Belajar Program HTML - Membuat Daftar Yuk bag 2...</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/11belajar-program-html-membuat-daftar.html'>11.Belajar Program HTML - Membuat Daftar Yuk bag 3...</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/12review-belajar-html.html'>12.Review Belajar HTML</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/1dasar-dasar-php-1-persiapan-awal.html'>1.Dasar-dasar PHP 1 - Persiapan Awal</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/2dasar-dasar-php-2-pengenalan-php.html'>2.Dasar-dasar PHP 2 - Pengenalan PHP</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/3dasar-dasar-php-3-aturan-penulisan.html'>3.Dasar-dasar PHP 3 - Aturan Penulisan Kode PHP</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/4dasar-dasar-php-4-contoh-script-php.html'>4.Dasar-dasar PHP 4 - Contoh Script PHP Sederhana</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/5dasar-dasar-php-5-variabel-yang.html'>5.Dasar-dasar PHP 5 - Variabel yang Fleksibel</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/6dasar-dasar-php-6-php-dan-html.html'>6.Dasar-dasar PHP 6 - PHP dan HTML</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/7dasar-dasar-php-7-array.html'>7.Dasar-dasar PHP 7 - Array</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/8dasar-dasar-php-7-array-asosiatif.html'>8.Dasar-dasar PHP 7: Array Asosiatif</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/9dasar-dasar-php-8-operator-if-else-dan.html'>9.Dasar-dasar PHP 8 - Operator If, Else dan Elsif</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/10dasar-dasar-php-9-operator.html'>10.Dasar-dasar PHP 9 : Operator Perbandingan dan l...</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/11dasar-dasar-php-10-hula-loops.html'>11.Dasar-dasar PHP 10 — Hula Loops</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/12dasar-dasar-php-11-menguasai-fungsi.html'>12.Dasar-dasar PHP 11: Menguasai Fungsi (bag 1)</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/13dasar-dasar-php-11-menguasai-fungsi.html'>13.Dasar-dasar PHP 11: Menguasai Fungsi (bag. 2)</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/14dasar-dasar-php-12-penutup.html'>14.Dasar-dasar PHP 12: Penutup</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/15download-php.html'>15.Download PHP</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/1tutorial-mysql-pengenalan.html'>1.Tutorial MySQL - Pengenalan</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/2tutorial-mysql-1-query.html'>2.Tutorial MySQL -1 : Query</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/3tutorial-mysql-2-cara-penulisan-query.html'>3.Tutorial MySQL-2 : Cara Penulisan Query</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/4database-mysql-tutorial-mysql-3.html'>4.Database MySQL - Tutorial MySQL 3</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/5tabel-database-mysql-tutorial-mysql-4.html'>5.Tabel Database MySQL – Tutorial MySQL 4</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/6download-mysql.html'>6.Download MySQL</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/7select-mysql-mengambil-data-dari-mysql.html'>7.SELECT MySQL - Mengambil Data dari MySQL</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/8select-mysql-filter-data-menggunakan.html'>8.SELECT MySQL - Filter data menggunakan Where</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/dasar-dasar-vb-1-apa-itu-vb-visual.html'>Dasar-dasar VB 1: Apa itu VB (Visual Basic)?</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/dasar-dasar-vb-2-program-visual-basic.html'>Dasar-dasar VB 2: Program Visual Basic Pertama Kamu</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/php-script-kalkulasi-waktu.html'>1. PHP Script: Kalkulasi Waktu</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/2php-script-kalender.html'>2.PHP Script: Kalender</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/3php-script-kirim-email-pake-php.html'>3.PHP Script: Kirim Email pake PHP</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/4php-script-kirim-email-pake-php-answer.html'>4.PHP Script: Kirim email pake PHP (the answer)</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/5php-script-mengubah-background.html'>5.PHP Script: Mengubah Background Berdasarkan Hari</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/6script-php-membuat-angka-acak-random.html'>6.Script PHP: Membuat angka acak (Random)</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/7script-php-mengubah-tampilan-group-by.html'>7.Script PHP: Mengubah Tampilan Group By MySQL den...</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/8membuat-captcha-dengan-php-bag-1.html'>8.Membuat Captcha dengan PHP bag 1</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/9membuat-captcha-dengan-php-bag-2.html'>9.Membuat Captcha dengan PHP bag 2</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/10menangkap-alamat-url-dengan-php.html'>10.Menangkap alamat URL dengan PHP</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/11script-php-untuk-menampilkan-tanggal.html'>11.Script PHP untuk menampilkan Tanggal Last Updat...</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/1membuat-guest-book-dengan-php-mysql-1.html'>1.Membuat Guest Book dengan PHP & MySQL - 1</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/2membuat-guest-book-dengan-php-mysql-2.html'>2.Membuat Guest Book dengan PHP & MySQL - 2</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/3membuat-guest-book-dengan-php-mysql-3.html'>3.Membuat Guest Book dengan PHP & MySQL - 3</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/4halaman-login-pake-php-bagian-1.html'>4.Halaman login pake PHP - Bagian 1</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/5membuat-halaman-login-pake-php-bagian.html'>5.Membuat halaman login pake PHP bagian 2</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/6membuat-halaman-login-pake-php-bagian.html'>6.Membuat Halaman Login Pake PHP - Bagian 3</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/7tutorial-wake-on-lan-dengan-php-script.html'>7.Tutorial Wake-on-LAN dengan PHP Script</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/8smuo-tips-menambahkan-fasilitas.html'>8.SMUO : Tips menambahkan fasilitas cookies pada s...</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/9menambahkan-script-cookies-pada.html'>9.Menambahkan Script Cookies pada Fortune Bisnis</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/10script-cookies-fortune-bisnis-jawaban.html'>10.Script Cookies Fortune Bisnis - Jawaban</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/11belajar-membuat-script-cookies-php.html'>11.Belajar Membuat Script Cookies PHP untuk Fortun...</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/1koneksi-database-menggunakan-php-dan.html'>1.Koneksi Database Menggunakan PHP dan MySQL</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/menghubungkan-php-dengan-oracle-tentu.html'>2.Koneksi PHP dengan Oracle 1: Konfigurasi PHP Triad</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/3koneksi-php-dengan-oracle-2-contoh.html'>3.Koneksi PHP dengan Oracle 2: Contoh Program</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/4belajar-cara-menampilkan-tanggal-di.html'>4.Belajar Cara Menampilkan Tanggal di PHP</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/cara-setting-error-message-php-pake.html'>5.Cara Setting Error Message PHP pake .htaccess</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/belajar-setting-error-php.html'>6.Belajar Setting Error PHP</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/php-zend-flash-java-class-decoder.html'>7.PHP Zend, Flash & Java Class Decoder</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/php-script-base64-decoder.html'>8.PHP script base64 decoder</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/tips-menggunakan-else-php.html'>9.Tips Menggunakan Else PHP</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/belajar-php-dari-contoh.html'>10.Belajar PHP Dari Contoh</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/menangani-bug-dan-error-pada-php.html'>11.Menangani bug dan error pada PHP</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/menangani-mysql-injection-pada-php.html'>12.Menangani MySQL Injection pada PHP</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/cara-setting-error-message-php-pada.html'>13.Cara setting error message PHP pada php.ini</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/forwarding-halaman-pakai-php.html'>14.Forwarding Halaman Pakai PHP</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/oop-php.html'>1.OOP PHP</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/perbedaan-class-oop-dengan-fungsi.html'>2.Perbedaan Class OOP dengan Fungsi</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/konsep-oop.html'>3.Konsep OOP</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/class-php.html'>4.Class PHP</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/encapsulation-enkapsulasi.html'>5.Encapsulation (Enkapsulasi)</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/sabtu-07-november-2009-desktop-hantu.html'>Sabtu, 07 November 2009 Desktop Hantu</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/selasa-14-september-2010-cara-menjahili.html'>Selasa, 14 September 2010 Cara menjahili dengan Si...</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/senin-18-oktober-2010-menjahili-dan.html'>Senin, 18 Oktober 2010 Menjahili Dan Mengerjai Kom...</a></li> <li><a href='http://rauffamily.blogspot.com/2010/11/cara-membuat-folder-pribadi-tanpa.html'>Cara Membuat Folder Pribadi Tanpa Menggunakan Soft...</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://rauffamily.blogspot.com/2010/10/'> Oktober </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://rauffamily.blogspot.com/2010/08/'> Agustus </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://rauffamily.blogspot.com/2010/07/'> Juli </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://rauffamily.blogspot.com/2010/02/'> Februari </a> <span class='post-count' dir='ltr'>(7)</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://rauffamily.blogspot.com/2009/'> 2009 </a> <span class='post-count' dir='ltr'>(296)</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://rauffamily.blogspot.com/2009/12/'> Desember </a> <span class='post-count' dir='ltr'>(132)</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://rauffamily.blogspot.com/2009/11/'> November </a> <span class='post-count' dir='ltr'>(66)</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://rauffamily.blogspot.com/2009/10/'> Oktober </a> <span class='post-count' dir='ltr'>(56)</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://rauffamily.blogspot.com/2009/09/'> September </a> <span class='post-count' dir='ltr'>(42)</span> </li> </ul> </li> </ul> </div> </div> <div class='clear'></div> </div> </div><div class='widget HTML' data-version='1' id='HTML11'> <h2 class='title'>tidak noleh di copy</h2> <div class='widget-content'> <script language="JavaScript"> <!-- http://www.spacegun.co.uk --> var message = "Maaf blog itu juga karya cipta, belajarlah untuk tidak meng-copy paste, mengarang sendiri itu jauh lebih baik"; function rtclickcheck(keyp){ if (navigator.appName == "Netscape" && keyp.which == 3){ alert(message); return false; } if (navigator.appVersion.indexOf("MSIE") != -1 && event.button == 2) { alert(message); return false; } } document.onmousedown = rtclickcheck; </script> </div> <div class='clear'></div> </div><div class='widget HTML' data-version='1' id='HTML10'> <h2 class='title'>soumix sembunyi</h2> <div class='widget-content'> <style type="text/css"> #gb{ position:fixed; top:50px; z-index:+1000; } * html #gb{position:relative;} .gbtab{ height:100px; width:30px; float:left; cursor:pointer; background:url('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') no-repeat; } .gbcontent{ float:left; border:2px solid #A5BD51; background:#F5F5F5; padding:10px; } </style> <script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0); gb.opened = !gb.opened; } function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; gb.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} } </script> <div id="gb"> <div class="gbtab" onclick="showHideGB()"> </div> <div class="gbcontent"> <!-- Begin ShoutMix - http://www.shoutmix.com --> <iframe scrolling="auto" frameborder="0" width="160" src="http://www5.shoutmix.com/?fbycom" height="400" title="arifcom"> <a href="http://www5.shoutmix.com/?fbycom">View shoutbox</a> </iframe> <br/> <!-- End ShoutMix --> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script></div></div> </div> <div class='clear'></div> </div><div class='widget HTML' data-version='1' id='HTML9'> <h2 class='title'>kotak dialog saat keluar blog</h2> <div class='widget-content'> <script type="text/javascript"> // goodbye alert function goodbye(){ alert('Hayooo.... mau kemana! He..he..he.. O ya terima kasih atas kunjungannya! Lain kali kalau ada waktu luang jangan lupa main ke sini lagi ya!'); } parent.window.onunload=goodbye; </script> </div> <div class='clear'></div> </div><div class='widget HTML' data-version='1' id='HTML8'> <h2 class='title'>efek salju</h2> <div class='widget-content'> <script src="http://alien.keren.googlepages.com/klinikblog.snow.js" type="text/javascript"></script> </div> <div class='clear'></div> </div><div class='widget HTML' data-version='1' id='HTML5'> <h2 class='title'>kata mengikuti kursor</h2> <div class='widget-content'> <script> //mouse //Circling text trail- Tim Tilton //Website: http://www.tempermedia.com/ //Visit http://www.dynamicdrive.com for this script and more function cursor_text_circle(){ // your message here var msg='BLOG ARIFCOM'.split('').reverse().join(''); var font='Times New Roman'; var size=3; // up to seven var color='#ff0000'; // This is not the rotation speed, its the reaction speed, keep low! // Set this to 1 for just plain rotation w/out drag var speed=.2; // This is the rotation speed, set it negative if you want // it to spin clockwise var rotation=-.2; // Alter no variables past here!, unless you are good //--------------------------------------------------- var ns=(document.layers); var ie=(document.all); var dom=document.getElementById; msg=msg.split(''); var n=msg.length; var a=size*13; var currStep=0; var ymouse=0; var xmouse=0; var props="<font face="+font+" color="+color+" size="+size+">"; if (ie) window.pageYOffset=0 // writes the message if (ns){ for (i=0; i < n; i++) document.write('<layer left="0" top="0" width="+a+" name="nsmsg'+i+'" height="+a+"><center>'+props+msg[i]+'</font></center></layer>'); } else if (ie||dom){ document.write('<div id="outer" style="position:absolute;top:0px;left:0px;z-index:30000;"><div style="position:relative">'); for (i=0; i < n; i++) document.write('<div id="iemsg'+(dom&&!ie? i:'')+'" style="position:absolute;top:0px;left:0;height:'+a+'px;width:'+a+'px;text-align:center;font-weight:normal;cursor:default">'+props+msg[i]+'</font></div>'); document.write('</div></div>'); } (ns)?window.captureEvents(Event.MOUSEMOVE):0; function Mouse(evnt){ ymouse = (ns||(dom&&!ie))?evnt.pageY+20-(window.pageYOffset):event.y; // y-position xmouse = (ns||(dom&&!ie))?evnt.pageX+20:event.x-20; // x-position } if (ns||ie||dom) (ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse; var y=new Array(); var x=new Array(); var Y=new Array(); var X=new Array(); for (i=0; i < n; i++){ y[i]=0; x[i]=0; Y[i]=0; X[i]=0; } var iecompattest=function(){ return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body; } var makecircle=function(){ // rotation properties if (ie) outer.style.top=iecompattest().scrollTop+'px'; currStep-=rotation; for (i=0; i < n; i++){ // makes the circle var d=(ns)?document.layers['nsmsg'+i]:ie? iemsg[i].style:document.getElementById('iemsg'+i).style; d.top=y[i]+a*Math.sin((currStep+i*1)/3.8)+window.pageYOffset-15+(ie||dom? 'px' : ''); d.left=x[i]+a*Math.cos((currStep+i*1)/3.8)*2+(ie||dom? 'px' : ''); // remove *2 for just a plain circle, not oval } } var drag=function(){ // makes the resistance y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed); x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed); for (var i=1; i < n; i++){ y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed); x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed); } makecircle(); // not rotation speed, leave at zero setTimeout(function(){drag();},10); } if (ns||ie||dom) if ( typeof window.addEventListener != "undefined" ) window.addEventListener( "load", drag, false ); else if ( typeof window.attachEvent != "undefined" ) window.attachEvent( "onload", drag ); else { if ( window.onload != null ) { var oldOnload = window.onload; window.onload = function ( e ) { oldOnload( e ); drag(); }; } else window.onload = drag; } } cursor_text_circle(); </script> </div> <div class='clear'></div> </div><div class='widget HTML' data-version='1' id='HTML7'> <h2 class='title'>merubah tampilan kursor</h2> <div class='widget-content'> <style>A:hover{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/pigletghost.cur"), url("http://downloads.totallyfreecursors.com/thumbnails/frusty.gif"), auto;}</style> </div> <div class='clear'></div> </div><div class='widget HTML' data-version='1' id='HTML6'> <h2 class='title'>memasang animasi burung dan kupu2</h2> <div class='widget-content'> <script language="JavaScript1.2" src="http://www.geocities.com/teaade@ymail.com/kupu.js"><br/><br/></script> </div> <div class='clear'></div> </div><div class='widget HTML' data-version='1' id='HTML4'> <h2 class='title'>memasang top komentar</h2> <div class='widget-content'> <script type="text/javascript"> function pipeCallback(obj) { document.write("<ul>"); var i; for (i = 0; i < obj.count ; i++) { var href = "'" + obj.value.items[i].link + "'"; var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>"; document.write(item); } document.write("</ul>"); } </script> <script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback& _id=33e2eb4dc25c7c21b9c586e11d2bc904&url=http://rauffamily.blogspot.com&num= 10 " type="text/javascript"></script> </div> <div class='clear'></div> </div><div class='widget HTML' data-version='1' id='HTML3'> <h2 class='title'>kursor bertabur bintang</h2> <div class='widget-content'> <script src="http://h1.ripway.com/ades40/bintanghijau.js" type="text/javascript"></script> <script src="http://h1.ripway.com/ades40/bintangungu.js" type="text/javascript"></script> <script src="http://h1.ripway.com/ades40/bintangmerah.js" type="text/javascript"></script> </div> <div class='clear'></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 PT Keren Sekali. Gambar tema oleh <a href='http://www.istockphoto.com/googleimages.php?id=2849344&platform=blogger&langregion=in' target='_blank'>fpm</a>. 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/2087407620-widgets.js"></script> <script type='text/javascript'> window['__wavt'] = 'AOuZoY4s25e5YRRAnKXUZqscS1z9VuxDXg:1711647592998';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d2539684463642972072','//rauffamily.blogspot.com/2010/11/1belajar-html-tutorial-html-1.html','2539684463642972072'); _WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '2539684463642972072', 'title': 'BERBAGI ILMU', 'url': 'http://rauffamily.blogspot.com/2010/11/1belajar-html-tutorial-html-1.html', 'canonicalUrl': 'http://rauffamily.blogspot.com/2010/11/1belajar-html-tutorial-html-1.html', 'homepageUrl': 'http://rauffamily.blogspot.com/', 'searchUrl': 'http://rauffamily.blogspot.com/search', 'canonicalHomepageUrl': 'http://rauffamily.blogspot.com/', 'blogspotFaviconUrl': 'http://rauffamily.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\x22BERBAGI ILMU - Atom\x22 href\x3d\x22http://rauffamily.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22BERBAGI ILMU - RSS\x22 href\x3d\x22http://rauffamily.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22BERBAGI ILMU - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/2539684463642972072/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22BERBAGI ILMU - Atom\x22 href\x3d\x22http://rauffamily.blogspot.com/feeds/6614316045514931729/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/9058130ec67b7088', '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': '6614316045514931729', 'pageName': '1.Belajar HTML - Tutorial HTML 1', 'pageTitle': 'BERBAGI ILMU: 1.Belajar HTML - Tutorial HTML 1'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Tautan disalin ke papan klip!', 'ok': 'Oke', 'postLink': 'Tautan Pos'}}, {'name': 'template', 'data': {'name': 'Awesome Inc.', 'localizedName': 'PT Keren Sekali', 'isResponsive': false, 'isAlternateRendering': false, 'isCustom': false, 'variant': 'dark', 'variantId': 'dark'}}, {'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': '1.Belajar HTML - Tutorial HTML 1', 'description': 'Belajar HTML gratis, mudah dan menyenangkan di Rauffamily aja. Nah kita mulai ya. Belajar HTML merupakan proses pertama yang umumnya dilakuk...', 'url': 'http://rauffamily.blogspot.com/2010/11/1belajar-html-tutorial-html-1.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 6614316045514931729}}]); _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/1865175624-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/3268905543-lightbox_bundle.css'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_TextView', new _WidgetInfo('Text1', 'sidebar-left-1', document.getElementById('Text1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_ProfileView', new _WidgetInfo('Profile1', 'sidebar-left-1', document.getElementById('Profile1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'sidebar-left-1', document.getElementById('HTML2'), {}, '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('HTML11', 'sidebar-right-1', document.getElementById('HTML11'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML10', 'sidebar-right-1', document.getElementById('HTML10'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML9', 'sidebar-right-1', document.getElementById('HTML9'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML8', 'sidebar-right-1', document.getElementById('HTML8'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML5', 'sidebar-right-1', document.getElementById('HTML5'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML7', 'sidebar-right-1', document.getElementById('HTML7'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML6', 'sidebar-right-1', document.getElementById('HTML6'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML4', 'sidebar-right-1', document.getElementById('HTML4'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'sidebar-right-1', document.getElementById('HTML3'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_AttributionView', new _WidgetInfo('Attribution1', 'footer-3', document.getElementById('Attribution1'), {}, 'displayModeFull')); </script> </body> </html>