Cara Membuat Website, Cara Bikin Situs, Membuat website
sederhana, Langkah membuat website.
1. Yang di butuhkan untuk membuat website.
Domain
- Domain adalah nama situs Anda, atau alamat situs. misalnya
www.yahoo.com , atau http://www.komisiGRATIS.com/?id=Ari12 Domain
bisa di dapat atau di beli dengan cara di daftarkan di jasa register
domain, biaya nya juga termasuk murah, rata-rata sekitar 100
ribu untuk 1 domain selama 1 tahun.
Hosting.
- Hosting adalah tempat Anda menyimpan file-file atau data
mengenai website Anda. misalnya Jika anda ingin siapapun yang
mengakses domain atau situs anda maka pengunjung tersebut
akan melihat photo anda di halaman situs tersebut, maka anda
tinggal letakkan photo anda di hosting tersebut.
Bingung ? penjelasannya singkatnya begini, kita anggap saja
domain itu adalah sebuah alamat toko. dan kemudian hosting
tersebut adalah gudang, atau tempat Anda memajang barang-
barang dagangan anda di toko tersebut.
Apa harus keluar uang untuk membuat situs ?
Tidak, jika anda pengguna email yahoo ada layanan situs gratis
dari yahoo.com yakni
, namun nama
domainnya tidak bisa Anda ubah. harus memakai embel-embel
geocities.com sebagai penyedia layanan ini. jadi misalnya alamat
email yahoo anda adalah ambriserver@yahoo.com maka alamat
situs gratis anda di geocities.com adalah www.geocities.com/
ambriserver kalau mau pakai domain sendiri misalnya
www.nama-anda.com , atau tanpa embel-embel geocities.com
tersebut maka anda harus membeli dan mendaftarkan domain
anda.
Silahkan anda login ke
, jika anda sudah
punya email yahoo. anda tidak perlu mendaftar lagi di geocities,
cukup login dengan memakai email yahoo dan password email
yahoo Anda.
Membuat Situs dengan HTML.
Oh ya, agar belajarnya lebih enak, saya sarankan anda
mempunyai program Microsoft Front page untuk memulai
membuat situs Anda, jika tidak punya pakai notepad saja juga
bisa.
1. Belajar Bikin Text dan Mengubah Font ( huruf ).
Sebelum saya mulai tutorial Cara membuat situs atau website ini,
anda harus tahu dulu, bahwa code html itu selalu di mulai dan di
tutup dengan Tags.
Tags pertama selalu di mulai dengan
. kemudian tags di
tutup dengan .
Contoh, misalnya saya ingin membuat huruf tebal pada kalimat
Selamat Datang, kemudian kita harus menggunakan tags
sebagai pembuka tags, dan sebagai penutup tags.
Maka code html untuk membuat cetak tebal pada huruf selamat
datang adalah seperti ini :
Selamat Datang di situs saya.
Maka hasil nya nanti nya akan seperti ini : Selamat datang di situs
saya.
Seperti yang anda lihat, hanya kalimat Selamat Datang saja yang
di cetak tebal di karenakan tags di buka dan di tutup pada
kalimat tersebut. Pastikan anda selalu menutup tags yang anda
buka, karena jika anda lupa bisa-bisa seluruh text di halaman
situs Anda nantinya akan tercetak tebal semua.
Berikut adalah daftar-daftar Tags yang perlu Anda ketahui :
Paragraph baru :
akan membuka Paragraph baru. penutup
tags ini adalah
Baris Baru :
akan membuat baris baru untuk halaman situs
anda, mirip perintah enter di word. penutup tags ini adalah
Cetak tebal :
akan membuat huruf di cetak tebal, penutupnya
adalah
Garis Bawah :
huruf atau angka yang berada di antara tags
ini akan mempunyai garis bawah. penutup tags nya adalah
Garis miring :
huruf atau angka yang berada di antara tags ini
akan terbentuk miring ( garis miring ) .penutup tags nya adalah
Posisi di tengah :
huruf atau angka yang berada di
antara tags ini akan berada di tengah-tengah halaman, penutup
tags nya adalah
Posisi di kiri :
huruf atau angka yang berada di antara tags
ini akan berada di kiri halaman situs, penutup tags nya adalah left>
Posisi di kanan : huruf atau angka yang berada di antara
tags ini akan berada di kanan halaman situs. Penutup tags nya
adalah
Ubah warna : huruf atau angka yang berada di
antara tags ini akan berwarna merah. Penutup tags nya adalah font>
Mengubah bentuk huruf : huruf atau angka
yang berada di antara tags ini menggunakan Bentuk Arial,
Penutup tags nya adalah
Mengubah ukuran text : Penutup tags nya adalah
Text berjalan :
catatan: tags marquee hanya berjalan jika halaman situs yang
menggunakan tags ini di lihat dengan menggunakan internet
explorer.
2. Structure dasar dari halaman HTML.
Ini adalah contoh dari halaman HTML.
------------------------------------------------------------------------------
----------------------------------------------------------------------
Huruf atau angka yang berada di tags ini, akan menjadi
<br />judul situs Anda
Halo ini adalah halaman situs pertama saya. Jika Anda butuh
bantuan membuat situs, silahkan klik www.yahoo.com">yahoo.com.
------------------------------------------------------------------------------
----------------------------------------------------------------------
Penjelasan dari kode HTML di atas adalah :
Tags hanya mengatakan kepada browser anda di bagian
mana HTML code di mulai.
tags
adalah judul dari situs Anda, anda bisa melihat nya di
<br />bagian paling atas dari browser anda.
<br /><meta name> adalah bagian agar mesin pencari seperti google
<br />agar bisa menampilkan deskripsi singkat mengenai situs Anda
<br /><body> adalah isi dari website Anda, setelah tags </head>
<br />3. Membuat HYPERLINK ( link ke situs )
<br />- hyperlink adalah sebuah link yang bisa Anda klik untuk menuju
<br />ke halaman lainnya dari situs Anda, atau menuju ke situs lain.
<br />contoh :
<br /><a href="http://www.yahoo.com/">Nama link tersebut</a>
<br />maka hasilnya adalah : Nama link tersebut bila link ini di klik,
<br />maka akan menuju ke situs yahoo.com
<br />Membuka link dengan windows baru ( new windows )
<br />- Jika anda ingin link yang di klik akan terbuka dengan windows
<br />baru, maka codenya
<br />adalah : <a href=" http://www.yahoo.com/"target="_
<br />blank">Nama link tersebut</a>
<br />Mengubah warna dari link tersebut
<br />: <body link="green" vlink="yellow" alink="red"> contoh di atas
<br />akan membuat link berwarna hijau, dan link yang sudah di klik
<br />akan berwarna merah.
<br />Membuat email link
<br />- Membuat email link sangat sederhana, anda hanya perlu
<br />menuliskan code mailto:emailanda@emailanda.com
<br />contoh : <a href="mailto:bachri23@yahoo.com">Kirim email ke
<br />saya</a> , maka hasilnya adalah : Kirim email ke saya
<br /><blink>Bersambung</blink>.... ( capek ngetiknya )..
<br />
<div style='clear: both;'></div>
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'><span class='post-author vcard'>
Diposting oleh
<span class='fn'>Jonatan</span>
</span>
<span class='post-timestamp'>
di
<a class='timestamp-link' href='http://jonatanbahari.blogspot.com/2010/10/pernak-pernik-blog.html' rel='bookmark' title='permanent link'><abbr class='published' title='2010-10-23T08:11:00-07:00'>08.11</abbr></a>
</span>
<span class='post-comment-link'>
</span>
<span class='post-icons'>
<span class='item-action'>
<a href='https://www.blogger.com/email-post.g?blogID=2206767059611333690&postID=3170437330203709967' title='Posting Email'>
<img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
</a>
</span>
<span class='item-control blog-admin pid-515422260'>
<a href='https://www.blogger.com/post-edit.g?blogID=2206767059611333690&postID=3170437330203709967&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>
<span class='post-backlinks post-comment-link'>
</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=2206767059611333690&postID=3170437330203709967&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=2206767059611333690&postID=3170437330203709967&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=2206767059611333690&postID=3170437330203709967&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=2206767059611333690&postID=3170437330203709967&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=2206767059611333690&postID=3170437330203709967&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='reaction-buttons'>
</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/2206767059611333690?po=3170437330203709967&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://jonatanbahari.blogspot.com/2010/11/beautiful-women.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://jonatanbahari.blogspot.com/2010/10/selamat-datang.html' id='Blog1_blog-pager-older-link' title='Posting Lama'>Posting Lama</a>
</span>
<a class='home-link' href='http://jonatanbahari.blogspot.com/'>Beranda</a>
</div>
<div class='clear'></div>
<div class='post-feeds'>
<div class='feed-links'>
Langganan:
<a class='feed-link' href='http://jonatanbahari.blogspot.com/feeds/3170437330203709967/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 HTML' data-version='1' id='HTML7'>
<div class='widget-content'>
<a href="http://www.Hajarjahanam.net/?id=pria"target="_blank"><img src="http://hajarjahanam.net/image/HJ.gif" width="262" height="206" /></a>
</div>
<div class='clear'></div>
</div><div class='widget HTML' data-version='1' id='HTML1'>
<div class='widget-content'>
<a href="http://gelorakim.blogspot.com/" target="_blank"><br /
/><br /><img border="0" src="https://sites.google.com/site/
nakimlogo/file-cabinet/logolink.jpg?attredirects=0" /></a>
</div>
<div class='clear'></div>
</div><div class='widget HTML' data-version='1' id='HTML2'>
<div class='widget-content'>
<center>
<a href="http://jonatanbahari.blogspot.com"><img border="0" alt="http://jonatanbahari.blogspot.com" src="http://s1205.photobucket.com/albums/bb434/jonatan17/1286247815.png" /></a><br />
<textarea rows="3" cols="15" name="code"><a href="http://jonatanbahari.blogspot.com"> <img border="0" alt="http://jonatanbahari.blogspot.com" src="http://s1205.photobucket.com/albums/bb434/jonatan17/1286247815.png" /> </a>
</textarea><br />
Tukeran Link Yuk...! <br />Silahkan copy kode di atas...!<br /
/>Saya akan segera link balik...!
</center>
</div>
<div class='clear'></div>
</div><div class='widget Subscribe' data-version='1' id='Subscribe1'>
<div style='white-space:nowrap'>
<div class='widget-content'>
<div class='subscribe-wrapper subscribe-type-POST'>
<div class='subscribe expanded subscribe-type-POST' id='SW_READER_LIST_Subscribe1POST' style='display:none;'>
<div class='top'>
<span class='inner' onclick='return(_SW_toggleReaderList(event, "Subscribe1POST"));'>
<img class='subscribe-dropdown-arrow' src='https://resources.blogblog.com/img/widgets/arrow_dropdown.gif'/>
<img align='absmiddle' alt='' border='0' class='feed-icon' src='https://resources.blogblog.com/img/icon_feed12.png'/>
Postingan
</span>
<div class='feed-reader-links'>
<a class='feed-reader-link' href='https://www.netvibes.com/subscribe.php?url=http%3A%2F%2Fjonatanbahari.blogspot.com%2Ffeeds%2Fposts%2Fdefault' target='_blank'>
<img src='https://resources.blogblog.com/img/widgets/subscribe-netvibes.png'/>
</a>
<a class='feed-reader-link' href='https://add.my.yahoo.com/content?url=http%3A%2F%2Fjonatanbahari.blogspot.com%2Ffeeds%2Fposts%2Fdefault' target='_blank'>
<img src='https://resources.blogblog.com/img/widgets/subscribe-yahoo.png'/>
</a>
<a class='feed-reader-link' href='http://jonatanbahari.blogspot.com/feeds/posts/default' target='_blank'>
<img align='absmiddle' class='feed-icon' src='https://resources.blogblog.com/img/icon_feed12.png'/>
Atom
</a>
</div>
</div>
<div class='bottom'></div>
</div>
<div class='subscribe' id='SW_READER_LIST_CLOSED_Subscribe1POST' onclick='return(_SW_toggleReaderList(event, "Subscribe1POST"));'>
<div class='top'>
<span class='inner'>
<img class='subscribe-dropdown-arrow' src='https://resources.blogblog.com/img/widgets/arrow_dropdown.gif'/>
<span onclick='return(_SW_toggleReaderList(event, "Subscribe1POST"));'>
<img align='absmiddle' alt='' border='0' class='feed-icon' src='https://resources.blogblog.com/img/icon_feed12.png'/>
Postingan
</span>
</span>
</div>
<div class='bottom'></div>
</div>
</div>
<div class='subscribe-wrapper subscribe-type-PER_POST'>
<div class='subscribe expanded subscribe-type-PER_POST' id='SW_READER_LIST_Subscribe1PER_POST' style='display:none;'>
<div class='top'>
<span class='inner' onclick='return(_SW_toggleReaderList(event, "Subscribe1PER_POST"));'>
<img class='subscribe-dropdown-arrow' src='https://resources.blogblog.com/img/widgets/arrow_dropdown.gif'/>
<img align='absmiddle' alt='' border='0' class='feed-icon' src='https://resources.blogblog.com/img/icon_feed12.png'/>
Komentar
</span>
<div class='feed-reader-links'>
<a class='feed-reader-link' href='https://www.netvibes.com/subscribe.php?url=http%3A%2F%2Fjonatanbahari.blogspot.com%2Ffeeds%2F3170437330203709967%2Fcomments%2Fdefault' target='_blank'>
<img src='https://resources.blogblog.com/img/widgets/subscribe-netvibes.png'/>
</a>
<a class='feed-reader-link' href='https://add.my.yahoo.com/content?url=http%3A%2F%2Fjonatanbahari.blogspot.com%2Ffeeds%2F3170437330203709967%2Fcomments%2Fdefault' target='_blank'>
<img src='https://resources.blogblog.com/img/widgets/subscribe-yahoo.png'/>
</a>
<a class='feed-reader-link' href='http://jonatanbahari.blogspot.com/feeds/3170437330203709967/comments/default' target='_blank'>
<img align='absmiddle' class='feed-icon' src='https://resources.blogblog.com/img/icon_feed12.png'/>
Atom
</a>
</div>
</div>
<div class='bottom'></div>
</div>
<div class='subscribe' id='SW_READER_LIST_CLOSED_Subscribe1PER_POST' onclick='return(_SW_toggleReaderList(event, "Subscribe1PER_POST"));'>
<div class='top'>
<span class='inner'>
<img class='subscribe-dropdown-arrow' src='https://resources.blogblog.com/img/widgets/arrow_dropdown.gif'/>
<span onclick='return(_SW_toggleReaderList(event, "Subscribe1PER_POST"));'>
<img align='absmiddle' alt='' border='0' class='feed-icon' src='https://resources.blogblog.com/img/icon_feed12.png'/>
Komentar
</span>
</span>
</div>
<div class='bottom'></div>
</div>
</div>
<div style='clear:both'></div>
</div>
</div>
<div class='clear'></div>
</div><div class='widget Text' data-version='1' id='Text6'>
<div class='widget-content'>
<a href="http://www.ichalcyutebeud.co.cc" target="_blank"><br /><br /><img border="0" alt="Tips & Trik Mempercantik Blog " src="http://www.imgxc.com/fullimage/Ti9Gq3.gif" /></a>
</div>
<div class='clear'></div>
</div><div class='widget Stats' data-version='1' id='Stats1'>
<div class='widget-content'>
<div id='Stats1_content' style='display: none;'>
<script src='https://www.gstatic.com/charts/loader.js' type='text/javascript'></script>
<span id='Stats1_sparklinespan' style='display:inline-block; width:75px; height:30px'></span>
<span class='counter-wrapper text-counter-wrapper' id='Stats1_totalCount'>
</span>
<div class='clear'></div>
</div>
</div>
</div><div class='widget Text' data-version='1' id='Text4'>
<div class='widget-content'>
<a href="http://www.blakblakan.com/?r=jonatan" target="blank"><img src="http://www.blakblakan.com/images/banner_125x125_statis.jpg" border="0" /></a>
<br /><br /><br />
</div>
<div class='clear'></div>
</div><div class='widget Text' data-version='1' id='Text3'>
<div class='widget-content'>
<a href="http://www.komisiGRATIS.com?id=Ari12"><img src="http://s1205.photobucket.com/albums/bb434/jonatan17/1286589432.png" /></a>
</div>
<div class='clear'></div>
</div><div class='widget Profile' data-version='1' id='Profile1'>
<h2>Tentang Saya</h2>
<div class='widget-content'>
<a href='https://www.blogger.com/profile/06821495066868281076'><img alt='Foto saya' class='profile-img' height='80' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdnZrmHpKKrpIKY7YSLzU4S8_iU_IkGgQTk7Jupn8-BMPtktD-Evv1-vcc1Ife0BuHD5sZKihC0K6Zt4YZRy_LvUMScgyK1gWD3Oy3-YQPIpL1EmEn4XybxPNM3_TpLA/s220/joe.jpg' width='60'/></a>
<dl class='profile-datablock'>
<dt class='profile-data'>
<a class='profile-name-link g-profile' href='https://www.blogger.com/profile/06821495066868281076' rel='author' style='background-image: url(//www.blogger.com/img/logo-16.png);'>
Jonatan
</a>
</dt>
<dd class='profile-textblock'>Peria biasa yang ingin berubah lebih baik seperti anda</dd>
</dl>
<a class='profile-link' href='https://www.blogger.com/profile/06821495066868281076' rel='author'>Lihat profil lengkapku</a>
<div class='clear'></div>
</div>
</div><div class='widget Followers' data-version='1' id='Followers1'>
<h2 class='title'>Pengikut</h2>
<div class='widget-content'>
<div id='Followers1-wrapper'>
<div style='margin-right:2px;'>
<div><script type="text/javascript" src="https://apis.google.com/js/platform.js"></script>
<div id="followers-iframe-container"></div>
<script type="text/javascript">
window.followersIframe = null;
function followersIframeOpen(url) {
gapi.load("gapi.iframes", function() {
if (gapi.iframes && gapi.iframes.getContext) {
window.followersIframe = gapi.iframes.getContext().openChild({
url: url,
where: document.getElementById("followers-iframe-container"),
messageHandlersFilter: gapi.iframes.CROSS_ORIGIN_IFRAMES_FILTER,
messageHandlers: {
'_ready': function(obj) {
window.followersIframe.getIframeEl().height = obj.height;
},
'reset': function() {
window.followersIframe.close();
followersIframeOpen("https://www.blogger.com/followers.g?blogID\x3d2206767059611333690\x26colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaByMzMzMzMzMiByNmZjg4MzIqC3RyYW5zcGFyZW50MgcjODg4ODg4OgcjMzMzMzMzQgcjZmY4ODMySgcjMDAwMDAwUgcjZmY4ODMyWgt0cmFuc3BhcmVudA%3D%3D\x26pageSize\x3d21\x26postID\x3d3170437330203709967\x26origin\x3dhttp://jonatanbahari.blogspot.com/");
},
'open': function(url) {
window.followersIframe.close();
followersIframeOpen(url);
},
'blogger-ping': function() {
}
}
});
}
});
}
followersIframeOpen("https://www.blogger.com/followers.g?blogID\x3d2206767059611333690\x26colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaByMzMzMzMzMiByNmZjg4MzIqC3RyYW5zcGFyZW50MgcjODg4ODg4OgcjMzMzMzMzQgcjZmY4ODMySgcjMDAwMDAwUgcjZmY4ODMyWgt0cmFuc3BhcmVudA%3D%3D\x26pageSize\x3d21\x26postID\x3d3170437330203709967\x26origin\x3dhttp://jonatanbahari.blogspot.com/");
</script></div>
</div>
</div>
<div class='clear'></div>
</div>
</div><div class='widget Text' data-version='1' id='Text2'>
<div class='widget-content'>
<br/><a title="Jonatan Bahari" href="http://id-id.facebook.com/jonatan.bahari" target="_TOP"><img style="BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; BORDER-TOP: 0px; BORDER-RIGHT: 0px" src="http://badge.facebook.com/badge/100000277690507.1374.1882940364.png" width="120" height="169" /></a>
<br/><a style="FONT-VARIANT: normal; FONT-STYLE: normal; FONT-FAMILY: 'lucida grande', tahoma, verdana, arial, sans-serif; COLOR: #3b5998; FONT-SIZE: 11px; FONT-WEIGHT: normal; TEXT-DECORATION: none" title="Buat lencana Anda sendiri!" href="http://id-id.facebook.com/badges/" target="_TOP"></a>
<br/>
</div>
<div class='clear'></div>
</div><div class='widget HTML' data-version='1' id='HTML4'>
<div class='widget-content'>
<a href="http://www.hermanblog.com" target="_blank" title="Tutorial Blogger Untuk Pemula - Herman Blog">Herman Blog</a>
</div>
<div class='clear'></div>
</div><div class='widget HTML' data-version='1' id='HTML3'>
<div class='widget-content'>
<a href = "http://www.komisiGRATIS.com "> wah </a>
</div>
<div class='clear'></div>
</div><div class='widget HTML' data-version='1' id='HTML6'>
<div class='widget-content'>
<a href="http://www.jasaiklan.com/">layanan iklan gratis</a>
</div>
<div class='clear'></div>
</div><div class='widget HTML' data-version='1' id='HTML5'>
<div class='widget-content'>
<a href="http://www.formulabisnis.com/?id=bahari/"><img src="http://
s1205.photobucket.com/albums/bb434/jonatan17/1286365338.png " /></a>
</div>
<div class='clear'></div>
</div><div class='widget HTML' data-version='1' id='HTML8'>
<div class='widget-content'>
<a href="https://www.google.com/accounts/Login?hl=id"> log in google</a>,
<a href="http://www.yahoo.com"> login Yahoo </a>
</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 section' id='footer-2-1'>
<div class='widget Feed' data-version='1' id='Feed1'>
<h2>KIAT MENUJU SUKSES</h2>
<div class='widget-content' id='Feed1_feedItemListDisplay'>
<span style='filter: alpha(25); opacity: 0.25;'>
<a href='http://jonatanbahari.blogspot.com/feeds/posts/default'>Memuat...</a>
</span>
</div>
<div class='clear'></div>
</div>
</div>
</td>
<td class='columns-cell'>
<div class='foot section' id='footer-2-2'><div class='widget LinkList' data-version='1' id='LinkList1'>
<h2>link sahabat</h2>
<div class='widget-content'>
<ul>
<li><a href='http://www.formulabisnis.com/?id=bahari'>monye engine</a></li>
</ul>
<div class='clear'></div>
</div>
</div><div class='widget BloggerButton' data-version='1' id='BloggerButton1'>
<div class='widget-content'>
<a href='https://www.blogger.com'><img alt='Powered By Blogger' src='http://img1.blogblog.com/html/buttons/blogger-ipower-blue.gif'/></a>
<div class='clear'></div>
</div>
</div><div class='widget BlogSearch' data-version='1' id='BlogSearch1'>
<h2 class='title'>Jelajah</h2>
<div class='widget-content'>
<div id='BlogSearch1_form'>
<form action='http://jonatanbahari.blogspot.com/search' class='gsc-search-box' target='_top'>
<table cellpadding='0' cellspacing='0' class='gsc-search-box'>
<tbody>
<tr>
<td class='gsc-input'>
<input autocomplete='off' class='gsc-input' name='q' size='10' title='search' type='text' value=''/>
</td>
<td class='gsc-search-button'>
<input class='gsc-search-button' title='search' type='submit' value='Telusuri'/>
</td>
</tr>
</tbody>
</table>
</form>
</div>
</div>
<div class='clear'></div>
</div><div class='widget Text' data-version='1' id='Text5'>
<div class='widget-content'>
<div style="width: 300px;font: 8pt arial;"><form method="GET" action="http://www.index-of-mp3.com/get.php" target="_blank"><b>Masukan Nama Penyanyi - Judul Lagu</b><br /><input type="text" value="" name="search" maxlength="80" size="30" /><input type="submit" value="Cari Mp3 !" /><input type="hidden" name="source" value="index" checked /><br /><b>Mesin Cari <a href="http://www.index-of-mp3.com/" style="text-decoration: none; cursor: auto;"><span style="color:black;">Free Download Mp3 Gratis</span></a></b></form></div>
<br />
</div>
<div class='clear'></div>
</div></div>
</td>
</tr>
</tbody>
</table>
<!-- outside of the include in order to lock Attribution widget -->
<div class='foot section' id='footer-3'><div class='widget Attribution' data-version='1' id='Attribution1'>
<div class='widget-content' style='text-align: center;'>
Jonatan. Tema Jendela Gambar. 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/4290687098-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY4iOtyj-Upm84B3DniOuKHY1pUkrQ:1714838731714';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d2206767059611333690','//jonatanbahari.blogspot.com/2010/10/pernak-pernik-blog.html','2206767059611333690');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '2206767059611333690', 'title': 'KIAT MENUJU SUKSES', 'url': 'http://jonatanbahari.blogspot.com/2010/10/pernak-pernik-blog.html', 'canonicalUrl': 'http://jonatanbahari.blogspot.com/2010/10/pernak-pernik-blog.html', 'homepageUrl': 'http://jonatanbahari.blogspot.com/', 'searchUrl': 'http://jonatanbahari.blogspot.com/search', 'canonicalHomepageUrl': 'http://jonatanbahari.blogspot.com/', 'blogspotFaviconUrl': 'http://jonatanbahari.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\x22KIAT MENUJU SUKSES - Atom\x22 href\x3d\x22http://jonatanbahari.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22KIAT MENUJU SUKSES - RSS\x22 href\x3d\x22http://jonatanbahari.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22KIAT MENUJU SUKSES - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/2206767059611333690/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22KIAT MENUJU SUKSES - Atom\x22 href\x3d\x22http://jonatanbahari.blogspot.com/feeds/3170437330203709967/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/a26ecadc30bb77e6', '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': '3170437330203709967', 'pageName': '\x3cblink\x3ePERNAK-PERNIK BLOG \x3c/blink\x3e', 'pageTitle': 'KIAT MENUJU SUKSES: PERNAK-PERNIK BLOG '}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Tautan disalin ke papan klip!', 'ok': 'Oke', 'postLink': 'Tautan Pos'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Khusus', 'isResponsive': false, 'isAlternateRendering': false, 'isCustom': true, 'variant': 'open', 'variantId': 'open'}}, {'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': '\x3cblink\x3ePERNAK-PERNIK BLOG \x3c/blink\x3e', 'description': 'Cara Membuat Website, Cara Bikin Situs, Membuat website\r sederhana, Langkah membuat website. \r 1. Yang di butuhkan untuk membuat website.\r D...', 'url': 'http://jonatanbahari.blogspot.com/2010/10/pernak-pernik-blog.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 3170437330203709967}}]);
_WidgetManager._RegisterWidget('_NavbarView', new _WidgetInfo('Navbar1', 'navbar', document.getElementById('Navbar1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', document.getElementById('Header1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PageListView', new _WidgetInfo('PageList1', 'crosscol', document.getElementById('PageList1'), {'title': 'Forum', 'links': [{'isCurrentPage': false, 'href': 'http://jonatanbahari.blogspot.com/', 'title': 'Beranda'}, {'isCurrentPage': false, 'href': 'http://jonatanbahari.blogspot.com/p/tentang-ini.html', 'id': '1875346245697915950', 'title': 'TENTANG INI'}, {'isCurrentPage': false, 'href': 'http://jonatanbahari.blogspot.com/p/binis.html', 'id': '7631735008846739772', 'title': 'BISNIS'}, {'isCurrentPage': false, 'href': 'http://jonatanbahari.blogspot.com/p/forum.html', 'id': '2505174794450684430', 'title': 'FORUM'}, {'isCurrentPage': false, 'href': 'http://jonatanbahari.blogspot.com/p/tanya-jawab.html', 'id': '8837760243009424427', 'title': 'TANYA JAWAB'}], 'mobile': false, 'showPlaceholder': true, 'hasCurrentPage': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/1666805145-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/13464135-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML7', 'sidebar-right-1', document.getElementById('HTML7'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'sidebar-right-1', document.getElementById('HTML1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'sidebar-right-1', document.getElementById('HTML2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_SubscribeView', new _WidgetInfo('Subscribe1', 'sidebar-right-1', document.getElementById('Subscribe1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_TextView', new _WidgetInfo('Text6', 'sidebar-right-1', document.getElementById('Text6'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_StatsView', new _WidgetInfo('Stats1', 'sidebar-right-1', document.getElementById('Stats1'), {'title': '', 'showGraphicalCounter': false, 'showAnimatedCounter': false, 'showSparkline': true, 'statsUrl': '//jonatanbahari.blogspot.com/b/stats?style\x3dBLACK_TRANSPARENT\x26timeRange\x3dALL_TIME\x26token\x3dAPq4FmAV35cUi8bh5-Y-nfuAXqKEGF2kbkdd4L7u8Oez08LQB3V-xaHqDqR3KFxd3T8oiO4r96Hjny2gkgDXOxtVrYlHYxDJ4g'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_TextView', new _WidgetInfo('Text4', 'sidebar-right-1', document.getElementById('Text4'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_TextView', new _WidgetInfo('Text3', 'sidebar-right-1', document.getElementById('Text3'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ProfileView', new _WidgetInfo('Profile1', 'sidebar-right-1', document.getElementById('Profile1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_FollowersView', new _WidgetInfo('Followers1', 'sidebar-right-1', document.getElementById('Followers1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_TextView', new _WidgetInfo('Text2', 'sidebar-right-1', document.getElementById('Text2'), {}, '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('_HTMLView', new _WidgetInfo('HTML6', 'sidebar-right-1', document.getElementById('HTML6'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML5', 'sidebar-right-1', document.getElementById('HTML5'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML8', 'sidebar-right-1', document.getElementById('HTML8'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_FeedView', new _WidgetInfo('Feed1', 'footer-2-1', document.getElementById('Feed1'), {'title': 'KIAT MENUJU SUKSES', 'showItemDate': true, 'showItemAuthor': false, 'feedUrl': 'http://jonatanbahari.blogspot.com/feeds/posts/default', 'numItemsShow': 5, 'loadingMsg': 'Memuat...', 'openLinksInNewWindow': true, 'useFeedWidgetServ': 'true'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList1', 'footer-2-2', document.getElementById('LinkList1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BloggerButtonView', new _WidgetInfo('BloggerButton1', 'footer-2-2', document.getElementById('BloggerButton1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogSearchView', new _WidgetInfo('BlogSearch1', 'footer-2-2', document.getElementById('BlogSearch1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_TextView', new _WidgetInfo('Text5', 'footer-2-2', document.getElementById('Text5'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_AttributionView', new _WidgetInfo('Attribution1', 'footer-3', document.getElementById('Attribution1'), {}, 'displayModeFull'));
</script>
</body>
</html>