0
web design
Posted by Unknown
on
22.00
|
Posted by Unknown
on
02.56
Tutorial membuat WEB menggunakan Dreamweaver
• Instal dreamweaver (Adobe atau macromedia)
• Jika anda sudah menginstal dreamweaver, bukalah program tersebut dan pilih menu HTML seperti pada gambar di bawah ini.
Anda lihat menu create new di atas. klik HTML!
• selanjutnya setelah anda klik html maka layar putih kosong akan tampil pada layar anda, layar tersebut berguna untuk web yang akan anda buat nantinya.
Gambar di atas adalah gambar form untuk anda membuat web.
• Selanjutnya anda harus menamai web yang anda buat, bagaimana caranya??
Lihat gambar di atas, blok tulisan untitled, dan ganti jadi nama web yang anda inginkan
• Selanjutnya jika anda ingin mengatur konfigurasi huruf, background image, dll yang harus anda lakukan adalah masuk ke menu page properties, menu ini ada di bagian bawah.
Gambar di atas adalah gambar tombol menuju menu page properties, dan seperti inilah tampilan page properties.
dari pada anda cape scroll-scroll terus, lebih baik kita ganti page. hehehe
ok, di halaman sebelumnya anda sudah tau cara mengatur konfigurasi halaman web lewat page properties, selanjutnya yang anda lakukan adalah membuat tabel. Untuk apa??? tabel tersebut berguna untuk anda menaruh gambar sebagai header, advertisement, dll. Untuk membuat tabel, klik lah menu tabel.
Gambar di atas adalah gambar pilihan menu dari menu tabel
• Selanjutnya setelah anda mengklik menu tabel, pilih, anda ingin membuat berapa kolom, dan berapa baris, serta ketebalan rangka tabel, dll.
Pada gambar di atas dapat anda lihat, anda dapat menentukan berapa baris dan kolom yang anda inginkan, dan ubah nilai border thickness menjadi noll, agar saat web di publish web anda terlihat rapih karena borderless, jiah TV kalee borderless ahahaha
• Setelah itu akan muncul tabel seperti yang anda inginkan, kenapa tabel saya posisinya ada di tengah sedangkan anda ada di kiri? selain itu mengapa punya saya tabelnya lebih lebar? pada saat tabel muncul karena baru saja anda buat, anda klik align menjadi center di bagian bawah menu, setelah itu tarik DOT pada tabel, untuk membuatnya menjadi melar, tariklah ke kiri. maka akan tampil saperti gambar ini.
• Selanjutnya jika kita ingin menyisipkan gambar pada web, pada menubar pilihlah image, lalu insert image seperti gambar di bawah ini.
• Pada saat anda ingin menyisipkan gambar, misalnya untuk header, pertama-tama blok lah beberapa kolom, kemudian di merge dengan sortcut key ctrl+alt+m seperti gambar di bawah ini.
• Lalu saat anda memasukan gambar maka gambar yang anda masukan tergantung pada resoulsinya, tabel tersebut akan melar, lalu anda setting tabel agar rapih kembali, inilah repotna pake tabel.
• sisanya dapat anda mengembangkannya sendiri, baik dari backgroundnya ataupun menyisipkan flash kedalamnya, lalu saya akan menjelaskan bagaimana cara anda mempreview blog anda seandainya sudah terpublish. caranya adalah pilih menu file, lalu preview in browser, plihlah default browser anda, dan inilah hasilnya.
Langkah Selanjutnya
1. Silahkan jalankan program Dreamweaver jika pembaca telah menginstalnya.
2. Pada menu utama, pilih File --> New, maka akan muncul tampilan pilihan jenis dokumen baru yang ingin kita buat. Maksudnya adalah kita memilih apakah ingin membuat halaman web basic (statis), web dinamis (biasanya untuk web berbasis database), halaman template, dan lain-lain. Setiap kategori terdiri dari beberapa jenis dokumen. Menurut saya jenis ini dibedakan berdasarkan bahasa dan fungsi yang akan digunakan untuk halaman website yang akan kita buat. Karena saat ini kita mencoba belajar yang dasar terlebih dahulu, maka silahkan pilih kategori Basic Page dan jenisnya HTML.
3. Tampilan layar desain Dreamweaver terdiri dari 3 jenis, yaitu code, split, dan design.
Layar Code berfungsi sebagai tempat kita membuat halaman web dengan mengetik bahasa pemograman secara langsung. Artinya, layar inilah yang menampilkan struktur bahasa pemograman web yang dipakai pada halaman web yang sedang kita buat. Pada bagian design, kita membuat website dengan menggunakan menu-menu yang tersedia, misalnya menu menambahkan gambar, membuat tabel, mengatur tampilan tulisan, dan lain-lain. Kita tidak perlu mengetik bahasa pemograman halaman web yang kita buat karena secara otomatis, setiap kita menambahkan sebuah elemen, maka dreamweaver akan menerjemaahkannya kedalam kalimat-kalimat bahasa pemograman yang kita gunakan. Inilah keunggulan dreamweaver dibanding notepad, frontpage, dan mungkin yang lainnya. Karena pada dreamweaver sudah tersedia menu-menu yang siap pakai untuk mendesain halaman web. Selain itu, interface-nya juga sangat bagus dan mudah digunakan. Bagian split berguna untuk membagi halaman kerja dreamweaver menjadi 2, separuh untuk menampilkan layar code, dan separuh lagi menampilkan layar design. Hal ini berguna jika kita ingin mendesain halaman melalui layar design namun ingin melihat perubahan kode bahasa webnya, dan juga sebaliknya. Jika pembaca masuk ke layar Code, Anda akan melihat struktur HTML sebagai contoh struktur:
Untitled Document
dimana struktur tersebut berfungsi untuk mendefenisikan judul halaman web kita yang akan muncul di title bar browser.
4. Dibagian kiri atas dibawah menu File, terdapat menu dropdown yang terdiri dari beberapa pilihan. Pilihan ini berguna untuk memilih menu-menu desain yang akan kita gunakan. Misalnya kita ingin menambah gambar, maka pilih Common, maka disebelah kanannya akan muncul menu-menu bergambar yang bisa kita gunakan, salah satunya untuk memasukkan gambar ke halaman website.
5. Coba pembaca masuk ke layar Design seperti yang saya jelaskan pada poin 3. Setelah memilih bagian tersebut, dibagian bawah pembaca akan melihat bagian Properties. Bagian ini berfungsi untuk mengatur tampilan dari elemen-elemen yang kita tambahkan kedalam halaman web yang kita buat. Menu-menu Properties ini hanya terlihat jika kita bekerja pada layar Design.
6. Dibagian samping, terdapat pula bagian yang bernama Panel. Salah satu fungsi panel ini adalah untuk mengatur file-file web yang telah kita buat.
7. Dibagian atas tepatnya disamping menu pilihan layar, ada kotak isian bernama Title. Bagian berfungsi untuk memberikan judul halaman web yang sedang kita buat yang akan muncul pada title bar browser.
Fungsi ini sama seperti yang dijelaskan pada poin 3 diatas mengenai tag title. Coba pembaca ganti tulisan yang ada di kotak tersebut menjadi misalnya "Tutorial Website Dengan Dreamweaver". Setelah itu, kembali ke layar code dan lihat perubahan yang terjadi pada bagian tag.<br />
<br />
<br />
<br />
Pilih menu ini untuk preview<br />
<br />
Pada gambar di atas, dapat anda lihat, gambar sudah di tampilkan, setelah itu dapat anda lhat karna settingan di awal border thicknessnya di setting nol, setelah itu dapat anda lihat juga, layarnya putih, karna backgroundnya belum di edit, jadi untuk lebih lengkapnya silahkan anda mencobanya, silahkan mencoba <br />
<br />
<div style='clear: both;'></div>
<br/>
<span class='post-backlinks post-comment-link'>
</span>
<span class='post-icons'>
|
<span class='item-action'>
<a href='https://www.blogger.com/email-post.g?blogID=6900169424854666443&postID=3652668481191815768' title='Posting Email'>
<img alt='' class='icon-action' height='13' src='http://www.blogger.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</span>
</div>
<div class='clearfix'></div>
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
</div>
<div class='post-footer-line post-footer-line-2'>
<span class='reaction-buttons'>
</span>
<span class='star-ratings'>
</span>
</div>
<div class='post-footer-line post-footer-line-3'>
<span class='post-location'>
</span>
</div>
</div>
</div>
<div class='post'>
<a name='7187763130045321957'></a>
<div class='post-comments'>
<a class='comment-link' href='https://fitrasanialzahra.blogspot.com/2013/02/tugas-design-web.html#comment-form' onclick=''>
0
</a>
</div>
<div class='postdata'>
Posted by <span class='fn'>Unknown</span>
on
02.40
</div>
<div class='post-header-line-1'></div>
<div class='post-body entry-content'>
<div class='entry'>
tugas design web .<br />
<br />
tampilan registrasi<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW9j5fUTqxLN4nf-n-7c78Vszv1HRWMaEqLtYNBjBSP_YS1UGFa4GHln3vpEmbLWHwioJkxIuB4DBAz0-KLIiWZE8xShhUiIakbfVnDZUa6xSmee9k6OV6dg1wCvGjq84SFQPmVaXaX6s/s1600/foot.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW9j5fUTqxLN4nf-n-7c78Vszv1HRWMaEqLtYNBjBSP_YS1UGFa4GHln3vpEmbLWHwioJkxIuB4DBAz0-KLIiWZE8xShhUiIakbfVnDZUa6xSmee9k6OV6dg1wCvGjq84SFQPmVaXaX6s/s320/foot.jpg" /></a><br />
<br />
tampilan galeri .<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTLVrqBesVDSPTClZfRCu7a5B_H483u44YlYUCnoWwNvduyUiiPoYC8SyGg-85UY4Mk3sy_VZjeZ2HQ62PrHGrBDGxNK3tshyphenhyphenwnqgYbwMGtlTslLtJQTQR3NnAOKoLYkCe6LWJFScbllE/s1600/body.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTLVrqBesVDSPTClZfRCu7a5B_H483u44YlYUCnoWwNvduyUiiPoYC8SyGg-85UY4Mk3sy_VZjeZ2HQ62PrHGrBDGxNK3tshyphenhyphenwnqgYbwMGtlTslLtJQTQR3NnAOKoLYkCe6LWJFScbllE/s320/body.jpg" /></a><br />
<br />
tampilan awal <br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgn25WrIS2upVuDLmYUzNAR5Ng4z2rT0KjrXRAeZSM9baypzk6zAdpvLtFq_PpvQF5UMUwWRkPfxBcSy6qJebWS9LORd93RM_4vjvOXHYE1yZN9jI7XfMvPsVzrnCInYFHEqNZLkShDPcA/s1600/head.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgn25WrIS2upVuDLmYUzNAR5Ng4z2rT0KjrXRAeZSM9baypzk6zAdpvLtFq_PpvQF5UMUwWRkPfxBcSy6qJebWS9LORd93RM_4vjvOXHYE1yZN9jI7XfMvPsVzrnCInYFHEqNZLkShDPcA/s320/head.jpg" /></a>
<div style='clear: both;'></div>
<br/>
<span class='post-backlinks post-comment-link'>
</span>
<span class='post-icons'>
|
<span class='item-action'>
<a href='https://www.blogger.com/email-post.g?blogID=6900169424854666443&postID=7187763130045321957' title='Posting Email'>
<img alt='' class='icon-action' height='13' src='http://www.blogger.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</span>
</div>
<div class='clearfix'></div>
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
</div>
<div class='post-footer-line post-footer-line-2'>
<span class='reaction-buttons'>
</span>
<span class='star-ratings'>
</span>
</div>
<div class='post-footer-line post-footer-line-3'>
<span class='post-location'>
</span>
</div>
</div>
</div>
<div class='post'>
<a name='6820606562646306655'></a>
<div class='post-comments'>
<a class='comment-link' href='https://fitrasanialzahra.blogspot.com/2013/02/profile-robert-pattinson.html#comment-form' onclick=''>
0
</a>
</div>
<h1>
<a href='https://fitrasanialzahra.blogspot.com/2013/02/profile-robert-pattinson.html'> profile Robert Pattinson</a>
</h1>
<div class='postdata'>
Posted by <span class='fn'>Unknown</span>
on
03.52
</div>
<div class='post-header-line-1'></div>
<div class='post-body entry-content'>
<div class='entry'>
Profil Robert Pattinson :<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLXw5L76u-o8aFVJw8Uny3bmXQ6idGMwx0kSnEWlrlMw2IejreyXKnv-6-ajVoRNCe9SKMLwlTb6GxYvVxMaFgVeuGy3-sjO-d9Ck18epz_ZSsY73Izat0uTdLAYM93GfCRxmnXWZHruU/s1600/cullent.jpeg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLXw5L76u-o8aFVJw8Uny3bmXQ6idGMwx0kSnEWlrlMw2IejreyXKnv-6-ajVoRNCe9SKMLwlTb6GxYvVxMaFgVeuGy3-sjO-d9Ck18epz_ZSsY73Izat0uTdLAYM93GfCRxmnXWZHruU/s320/cullent.jpeg" /></a><br />
<br />
Cowok keren ini bernama lengkap Robert Thomas-Pattinson. Pattinson lahir di London, Inggris tanggal 13 Mei 1986. Ibunya bernama Clare dan bekerja di sebuah Modeling Agency. Dan ayahnya, Richard, pengimpor mobil vintage di Amerika. Robert punya dua orang kakak.<br />
<br />
Aktor Inggris ini mengawali karir dengan menjadi pekerja belakang layar di sebuah Teater “Barnes Theatre Company”. Lantas, dia mulai jatuh cinta sama seni peran dan mulai ngambil Pendidikan formal di bidang itu.<br />
<br />
Sebuah keberuntungan muncul saat Talent Agency melihat bakat pemeran Edward Cullen ini dan mengajaknya berperan dalam drama Tess Of The D’Urbervilles. Pat lantas mulai menjajal dunia televisi dengan jadi pemeran pembantu di Film Ring Of The Nibelungs, The Haunted Airman, dan The Bad Mother’s Handbook.<br />
<br />
Taon 2005, Robert tampil sebagai Cedric Diggory di Film Harry Potter and the Goblet of Fire. Tapi baru di tahun 2007, Robert Pattinson mulai dikenal sebagai Cedric di Film Harry Potter And The Order Of The Phoenix. Film remaja dunia sihir inilah yang membawa Patt menuju kesuksesan Film Twilight.<br />
<br />
Pacar Robert Thomas Pattinson :<br />
<br />
“I don’t [...] have people’s phone numbers. I almost don’t want to have a girlfriend in this environment.”<br />
<br />
Tapi banyak foto ciuman mesra bareng Kristen Steward yang menyebar di internet pasca twilight beredar.<br />
<br />
Foto Robert Pattinson : Edward Cullen – Cedric Diggory<br />
<br />
Biodata Lengkap Kristen Stewart – Bella Swan :<br />
<br />
Cewek seksi bernama lengkap Kristen Jaymes Stewart ini lahir di Los Angeles, California, AS pada tanggal 9 April 1990. Ayahnya, John Stewart adalah seorang manager teater dan produser tv yang berkerja di Fox. Ibunya, Jules Mann Stewart adalah penulis naskah yang berasal dari Maroochydore, Queensland, Australia. Dia punya seorang kakak bernama Cameron Stewart.<br />
<br />
Artis Amerika ini jelas punya darah seni dalam darahnya. Dan, bakat terpendam Kristen muncul dalam Acara drama natal di sekolahnya. Film perdananya adalah Film Thirteenth Year produksi Disney Channel TV.<br />
<br />
Nama Kristen mulai terkenal sejak berperan jadi Puteri Jodie Foster di Film Panic Room, yang dilanjutkan di film Cold Creek Manor, Catch That Kid, Zathura dan yang fenomenal Twilight.<br />
<br />
Pacar Kristen Jaymes Stewart :<br />
<br />
Pemain gitar dan penyanyi ini sempet pacaran sama Michael Angarano, aktor yang juga maen di Film Speak. Tapi, begitu Twilight nongol, kabarnya, Krist rela memutuskan sang pacar buat ngegandeng Robert Pattinson.<br />
<br />
Foto Kristen Stewart : Bella Swan<br />
<br />
Taylor Lautner – Jacob Black Profile :<br />
<br />
Cowok muda ini bernama lengkap Taylor Daniel Lautner. Lahir di Grand Rapids, Michigan, 11 Februari 1992. Ibunya, Deborah, bekerja di sebuah perusahaan pengembangan Software. Ayahya, Daniel Lautner, adalah seorang pilot pesawat komersial. Dia dibesarkan di Hudsonville, Michigan dan punya seorang adik perempuan, Makena. Aktor Amerika ini berdarah campuran Belanda, Perancis dan Jerman, beberapa mengklaim dia keturunan penduduk asli Amerika (khususnya Ottawa dan Potawatomi) dari sang ibu.<br />
<br />
Lautner adalah seorang seniman Bela Diri. Dia mempelajari karete dari umur 6 taon sampai 13 tahun. Dia pernah juara satu untuk dunia untuk gelar NASKA’s Black Belt Open Forms, Musical Weapons, Traditional Weapons and Traditional Forms. Pernah juga memenangkan Junior World Championships<br />
<br />
Aktro penyuka sepakbola ini pertama kali tampil di film televisi, Shadow Fury di taon 2001. Dan makin dikenal sejak maen di Film The Adventures Of Sharkboy and Lavagirl In 3-D taon 2005 dan Film Cheaper By The Dozen 2 taon 2004. Yang paling terkenal, menjadi Jacob Black di Twilight SAGA.<br />
Pacar Taylor Daniel Lautner :<br />
<br />
Cowok keren ini ternyata laris manis juga. Pernah pacaran sama Sarah Hicks sejak taon 2006. Sayang hubungan ini bubar pas di taon 2009 kabarnya karena Taylor nge date ama Selena Gomez. Sttt, ada kabar juga kalo dia ada kencan sama Taylor Swift<br />
<br />
Foto Taylor Lautner : Jacob Black<br />
<br />
Sumber : oktavita.com
<div style='clear: both;'></div>
<br/>
<span class='post-backlinks post-comment-link'>
</span>
<span class='post-icons'>
|
<span class='item-action'>
<a href='https://www.blogger.com/email-post.g?blogID=6900169424854666443&postID=6820606562646306655' title='Posting Email'>
<img alt='' class='icon-action' height='13' src='http://www.blogger.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</span>
</div>
<div class='clearfix'></div>
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
</div>
<div class='post-footer-line post-footer-line-2'>
<span class='reaction-buttons'>
</span>
<span class='star-ratings'>
</span>
</div>
<div class='post-footer-line post-footer-line-3'>
<span class='post-location'>
</span>
</div>
</div>
</div>
<div class='post'>
<a name='1383030073468122661'></a>
<div class='post-comments'>
<a class='comment-link' href='https://fitrasanialzahra.blogspot.com/2013/02/not-lagu-just-why-you-are-bruno-mars.html#comment-form' onclick=''>
1
</a>
</div>
<h1>
<a href='https://fitrasanialzahra.blogspot.com/2013/02/not-lagu-just-why-you-are-bruno-mars.html'>not lagu just the why you are . bruno mars </a>
</h1>
<div class='postdata'>
Posted by <span class='fn'>Unknown</span>
on
23.07
</div>
<div class='post-header-line-1'></div>
<div class='post-body entry-content'>
<div class='entry'>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfa0c4VNh6BtX_L_zdk5n-2CeYOgIC5N1H-EP6JC6IczCouXSwvGj-P_xvsx9M_81Xj3cOoAp8BY7IGgWNTt5oQEA6OQDcyJYUXNQ3lPqHAqICCbketm3Jfb7UXwyZTucGwCizuknyKjo/s1600/Not+angka+just+the+way+you+are+brunom.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfa0c4VNh6BtX_L_zdk5n-2CeYOgIC5N1H-EP6JC6IczCouXSwvGj-P_xvsx9M_81Xj3cOoAp8BY7IGgWNTt5oQEA6OQDcyJYUXNQ3lPqHAqICCbketm3Jfb7UXwyZTucGwCizuknyKjo/s320/Not+angka+just+the+way+you+are+brunom.jpg" /></a>
<div style='clear: both;'></div>
<br/>
<span class='post-backlinks post-comment-link'>
</span>
<span class='post-icons'>
|
<span class='item-action'>
<a href='https://www.blogger.com/email-post.g?blogID=6900169424854666443&postID=1383030073468122661' title='Posting Email'>
<img alt='' class='icon-action' height='13' src='http://www.blogger.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</span>
</div>
<div class='clearfix'></div>
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
</div>
<div class='post-footer-line post-footer-line-2'>
<span class='reaction-buttons'>
</span>
<span class='star-ratings'>
</span>
</div>
<div class='post-footer-line post-footer-line-3'>
<span class='post-location'>
</span>
</div>
</div>
</div>
<!--Can't find substitution for tag [adEnd]-->
</div>
<div class='blog-pager' id='blog-pager'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' href='https://fitrasanialzahra.blogspot.com/' id='Blog1_blog-pager-newer-link' title='Postingan Lebih Baru'>Postingan Lebih Baru</a>
</span>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' href='https://fitrasanialzahra.blogspot.com/search?updated-max=2013-02-12T23:07:00-08:00' id='Blog1_blog-pager-older-link' title='Postingan Lama'>Postingan Lama</a>
</span>
<a class='home-link' href='https://fitrasanialzahra.blogspot.com/'>Beranda</a>
</div>
<div class='clear'></div>
<div class='blog-feeds'>
<div class='feed-links'>
Langganan:
<a class='feed-link' href='https://fitrasanialzahra.blogspot.com/feeds/posts/default' target='_blank' type='application/atom+xml'>Postingan (Atom)</a>
</div>
</div>
</div></div>
</div>
<!-- /Mainblog -->
<!-- Sidebar -->
<div id='sidebar'>
<div id='sidebar-top'></div>
<div id='sidebar-content'>
<div id='subcolumn'>
<div id='search'>
<form action='/search' id='searchform' method='get'>
<div>
<input class='form-input' id='s' name='q' size='35' type='text' value=''/>
<input class='search-submit' name='search' type='submit' value='Search'/>
</div>
</form>
</div>
<div class='widgeth section' id='widgeth'>
<div class='widget BlogArchive' data-version='1' id='BlogArchive2'>
<h2>Blog Archive</h2>
<div class='widget-content'>
<div id='ArchiveList'>
<div id='BlogArchive2_ArchiveList'>
<ul>
<li class='archivedate collapsed'>
<a class='toggle' href='//fitrasanialzahra.blogspot.com/2013/02/?widgetType=BlogArchive&widgetId=BlogArchive2&action=toggle&dir=open&toggle=YEARLY-1388563200000&toggleopen=MONTHLY-1359705600000'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://fitrasanialzahra.blogspot.com/2014/'>2014</a>
<span class='post-count' dir='ltr'>(7)</span>
<ul>
<li class='archivedate collapsed'>
<a class='toggle' href='//fitrasanialzahra.blogspot.com/2013/02/?widgetType=BlogArchive&widgetId=BlogArchive2&action=toggle&dir=open&toggle=MONTHLY-1393660800000&toggleopen=MONTHLY-1359705600000'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://fitrasanialzahra.blogspot.com/2014/03/'>Maret</a>
<span class='post-count' dir='ltr'>(7)</span>
</li>
</ul>
</li>
</ul>
<ul>
<li class='archivedate expanded'>
<a class='toggle' href='//fitrasanialzahra.blogspot.com/2013/02/?widgetType=BlogArchive&widgetId=BlogArchive2&action=toggle&dir=close&toggle=YEARLY-1357027200000&toggleopen=MONTHLY-1359705600000'>
<span class='zippy toggle-open'>▼ </span>
</a>
<a class='post-count-link' href='https://fitrasanialzahra.blogspot.com/2013/'>2013</a>
<span class='post-count' dir='ltr'>(18)</span>
<ul>
<li class='archivedate collapsed'>
<a class='toggle' href='//fitrasanialzahra.blogspot.com/2013/02/?widgetType=BlogArchive&widgetId=BlogArchive2&action=toggle&dir=open&toggle=MONTHLY-1375340400000&toggleopen=MONTHLY-1359705600000'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://fitrasanialzahra.blogspot.com/2013/08/'>Agustus</a>
<span class='post-count' dir='ltr'>(1)</span>
</li>
</ul>
<ul>
<li class='archivedate collapsed'>
<a class='toggle' href='//fitrasanialzahra.blogspot.com/2013/02/?widgetType=BlogArchive&widgetId=BlogArchive2&action=toggle&dir=open&toggle=MONTHLY-1367391600000&toggleopen=MONTHLY-1359705600000'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://fitrasanialzahra.blogspot.com/2013/05/'>Mei</a>
<span class='post-count' dir='ltr'>(4)</span>
</li>
</ul>
<ul>
<li class='archivedate collapsed'>
<a class='toggle' href='//fitrasanialzahra.blogspot.com/2013/02/?widgetType=BlogArchive&widgetId=BlogArchive2&action=toggle&dir=open&toggle=MONTHLY-1364799600000&toggleopen=MONTHLY-1359705600000'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://fitrasanialzahra.blogspot.com/2013/04/'>April</a>
<span class='post-count' dir='ltr'>(2)</span>
</li>
</ul>
<ul>
<li class='archivedate collapsed'>
<a class='toggle' href='//fitrasanialzahra.blogspot.com/2013/02/?widgetType=BlogArchive&widgetId=BlogArchive2&action=toggle&dir=open&toggle=MONTHLY-1362124800000&toggleopen=MONTHLY-1359705600000'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://fitrasanialzahra.blogspot.com/2013/03/'>Maret</a>
<span class='post-count' dir='ltr'>(1)</span>
</li>
</ul>
<ul>
<li class='archivedate expanded'>
<a class='toggle' href='//fitrasanialzahra.blogspot.com/2013/02/?widgetType=BlogArchive&widgetId=BlogArchive2&action=toggle&dir=close&toggle=MONTHLY-1359705600000&toggleopen=MONTHLY-1359705600000'>
<span class='zippy toggle-open'>▼ </span>
</a>
<a class='post-count-link' href='https://fitrasanialzahra.blogspot.com/2013/02/'>Februari</a>
<span class='post-count' dir='ltr'>(5)</span>
<ul class='posts'>
<li><a href='https://fitrasanialzahra.blogspot.com/2013/02/blog-post.html'>web design</a></li>
<li><a href='https://fitrasanialzahra.blogspot.com/2013/02/tutorial-membuat-web-menggunakan.html'>Tutorial membuat WEB menggunakan Dreamweaver
• Ins...</a></li>
<li><a href='https://fitrasanialzahra.blogspot.com/2013/02/tugas-design-web.html'>tugas design web .
tampilan registrasi
tampila...</a></li>
<li><a href='https://fitrasanialzahra.blogspot.com/2013/02/profile-robert-pattinson.html'>profile Robert Pattinson</a></li>
<li><a href='https://fitrasanialzahra.blogspot.com/2013/02/not-lagu-just-why-you-are-bruno-mars.html'>not lagu just the why you are . bruno mars</a></li>
</ul>
</li>
</ul>
<ul>
<li class='archivedate collapsed'>
<a class='toggle' href='//fitrasanialzahra.blogspot.com/2013/02/?widgetType=BlogArchive&widgetId=BlogArchive2&action=toggle&dir=open&toggle=MONTHLY-1357027200000&toggleopen=MONTHLY-1359705600000'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://fitrasanialzahra.blogspot.com/2013/01/'>Januari</a>
<span class='post-count' dir='ltr'>(5)</span>
</li>
</ul>
</li>
</ul>
<ul>
<li class='archivedate collapsed'>
<a class='toggle' href='//fitrasanialzahra.blogspot.com/2013/02/?widgetType=BlogArchive&widgetId=BlogArchive2&action=toggle&dir=open&toggle=YEARLY-1325404800000&toggleopen=MONTHLY-1359705600000'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://fitrasanialzahra.blogspot.com/2012/'>2012</a>
<span class='post-count' dir='ltr'>(19)</span>
<ul>
<li class='archivedate collapsed'>
<a class='toggle' href='//fitrasanialzahra.blogspot.com/2013/02/?widgetType=BlogArchive&widgetId=BlogArchive2&action=toggle&dir=open&toggle=MONTHLY-1354348800000&toggleopen=MONTHLY-1359705600000'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://fitrasanialzahra.blogspot.com/2012/12/'>Desember</a>
<span class='post-count' dir='ltr'>(1)</span>
</li>
</ul>
<ul>
<li class='archivedate collapsed'>
<a class='toggle' href='//fitrasanialzahra.blogspot.com/2013/02/?widgetType=BlogArchive&widgetId=BlogArchive2&action=toggle&dir=open&toggle=MONTHLY-1351753200000&toggleopen=MONTHLY-1359705600000'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://fitrasanialzahra.blogspot.com/2012/11/'>November</a>
<span class='post-count' dir='ltr'>(10)</span>
</li>
</ul>
<ul>
<li class='archivedate collapsed'>
<a class='toggle' href='//fitrasanialzahra.blogspot.com/2013/02/?widgetType=BlogArchive&widgetId=BlogArchive2&action=toggle&dir=open&toggle=MONTHLY-1349074800000&toggleopen=MONTHLY-1359705600000'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://fitrasanialzahra.blogspot.com/2012/10/'>Oktober</a>
<span class='post-count' dir='ltr'>(2)</span>
</li>
</ul>
<ul>
<li class='archivedate collapsed'>
<a class='toggle' href='//fitrasanialzahra.blogspot.com/2013/02/?widgetType=BlogArchive&widgetId=BlogArchive2&action=toggle&dir=open&toggle=MONTHLY-1346482800000&toggleopen=MONTHLY-1359705600000'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://fitrasanialzahra.blogspot.com/2012/09/'>September</a>
<span class='post-count' dir='ltr'>(3)</span>
</li>
</ul>
<ul>
<li class='archivedate collapsed'>
<a class='toggle' href='//fitrasanialzahra.blogspot.com/2013/02/?widgetType=BlogArchive&widgetId=BlogArchive2&action=toggle&dir=open&toggle=MONTHLY-1343804400000&toggleopen=MONTHLY-1359705600000'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://fitrasanialzahra.blogspot.com/2012/08/'>Agustus</a>
<span class='post-count' dir='ltr'>(3)</span>
</li>
</ul>
</li>
</ul>
</div>
</div>
<div class='clear'></div>
</div>
</div><div class='widget Attribution' data-version='1' id='Attribution1'>
<div class='widget-content' style='text-align: center;'>
Diberdayakan oleh <a href='https://www.blogger.com' target='_blank'>Blogger</a>.
</div>
<div class='clear'></div>
</div>
<div class='widget PopularPosts' data-version='1' id='PopularPosts1'>
<h2>Entri Populer</h2>
<div class='widget-content popular-posts'>
<ul>
<li>
<div class='item-content'>
<div class='item-title'><a href='https://fitrasanialzahra.blogspot.com/2014/03/001.html'>001</a></div>
<div class='item-snippet'> 1. Surat yang isinya mengenai perdagangan atau perniagaan yang dibuat oleh perusahaan untuk dikirim kepada para langganannya adalah...</div>
</div>
<div style='clear: both;'></div>
</li>
<li>
<div class='item-content'>
<div class='item-title'><a href='https://fitrasanialzahra.blogspot.com/2014/03/002.html'>002</a></div>
<div class='item-snippet'> 1. Perbedaan yang paling mendasar antara perpustakaan dan arsip adalah .... A. arsip menyimpan bahan ...</div>
</div>
<div style='clear: both;'></div>
</li>
<li>
<div class='item-content'>
<div class='item-title'><a href='https://fitrasanialzahra.blogspot.com/2013/08/blog-post.html'>(tanpa judul)</a></div>
<div class='item-snippet'>
</div>
</div>
<div style='clear: both;'></div>
</li>
<li>
<div class='item-content'>
<div class='item-thumbnail'>
<a href='https://fitrasanialzahra.blogspot.com/2013/01/1-dua-buah-partikel-bermuatan-berjarak.html' target='_blank'>
<img alt='' border='0' src='https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_sqLrQM-3MbJAhIpmzuMgCR4JvULu_dyBclbc5fimLWCTm8yOLbosIaYl7xWapF0057K0TTJJAdxn3YKy23sYFKbccNnelIugFlD2OMPTXC62wK6FrnRkrYhALCWUWseujQD6OJ8cyR=w72-h72-p-k-no-nu'/>
</a>
</div>
<div class='item-title'><a href='https://fitrasanialzahra.blogspot.com/2013/01/1-dua-buah-partikel-bermuatan-berjarak.html'>contoh soal soal fisika umum .</a></div>
<div class='item-snippet'>1) Dua buah partikel bermuatan berjarak R satu sama lain dan terjadi gaya tarik-menarik sebesar F. Jika jarak antara kedua muatan dijadikan ...</div>
</div>
<div style='clear: both;'></div>
</li>
<li>
<div class='item-content'>
<div class='item-thumbnail'>
<a href='https://fitrasanialzahra.blogspot.com/2013/02/blog-post.html' target='_blank'>
<img alt='' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqOzLbRT_-K12_PNT_2FVfw01bFsDrvxW2IVQBHj2vDFqUNC1ox3lDFKHFfZpq2Xa_7_rwaYRqk_ueb3gRXyWSREGq98ExKBW5M0MFfDDGbOh2D1a-gncyZMapsrjFb5B82RQSYYAQJis/w72-h72-p-k-no-nu/head.jpg'/>
</a>
</div>
<div class='item-title'><a href='https://fitrasanialzahra.blogspot.com/2013/02/blog-post.html'>web design </a></div>
<div class='item-snippet'>
</div>
</div>
<div style='clear: both;'></div>
</li>
<li>
<div class='item-content'>
<div class='item-title'><a href='https://fitrasanialzahra.blogspot.com/2013/01/normal-0-false-false-false-en-us-x-none.html'>soal soal fisika tentang listrik statis</a></div>
<div class='item-snippet'> --> 1. Sebuah benda dikatakan bermuatan positif apabila benda tersebut … A. kelebihan elektron B. kekurangan elektron C. kel...</div>
</div>
<div style='clear: both;'></div>
</li>
<li>
<div class='item-content'>
<div class='item-thumbnail'>
<a href='https://fitrasanialzahra.blogspot.com/2014/03/module.html' target='_blank'>
<img alt='' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIMfr0XxoLGA-jX_qgvMU11Uc3BG0eiMFcUAA2lUuavhFZi5CldRiPwbfirgeXIvzr8MjPpx-1tp9MQLb9Lxhm18-4dx0I5PcM4DMTLRSW2vFmrLQEw0zUsVOGiV1JrHpZhxn7JRnGC47W/w72-h72-p-k-no-nu/gambar1.gif'/>
</a>
</div>
<div class='item-title'><a href='https://fitrasanialzahra.blogspot.com/2014/03/module.html'>module</a></div>
<div class='item-snippet'> buka pada “All Programs” Cari “Microsoft SQL Server 2008” -> “Configuration Tools”, klik “SQL Server Configuration Manager” (Lihat Gam...</div>
</div>
<div style='clear: both;'></div>
</li>
<li>
<div class='item-content'>
<div class='item-thumbnail'>
<a href='https://fitrasanialzahra.blogspot.com/2014/03/koneksi-c-dengan-sql-server-dan.html' target='_blank'>
<img alt='' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh93zctjxQSR3QHJ_k2CIYd849hvfWjAWgWqRmzjWFgQ7lwLe1OoRFeqU4gLSaptumdAniRaMHA6F-79gQ-L9Om0Mr9z-tjz05Y8xgJelvRoXfXkWHnmsk-lcGPzOkkDul5I_NY7dpkpWYX/w72-h72-p-k-no-nu/www%252Ccsharp-indonesia.com.png'/>
</a>
</div>
<div class='item-title'><a href='https://fitrasanialzahra.blogspot.com/2014/03/koneksi-c-dengan-sql-server-dan.html'>koneksi C# dengan SQL SERVER dan mengambil data dari SQL SERVER</a></div>
<div class='item-snippet'> SQL server merupakan DBMS yang powerfull, DBMS ini banyak digunakan untuk kalangan komputer SERVER karena kemampuan, fitur dan recovery dat...</div>
</div>
<div style='clear: both;'></div>
</li>
<li>
<div class='item-content'>
<div class='item-thumbnail'>
<a href='https://fitrasanialzahra.blogspot.com/2014/03/program-pembayaran-spp.html' target='_blank'>
<img alt='' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZBD9GYazlp_29bTCgkbrWxEp1wiObyA-n8qnw-Bo2ZSDIh6m-dHmcCFgFcOZAqWQjxgMLaAsC-voiMPOG9m1ZfyxO0tyku3DgrCN85IiCVBe0CNq_OQuFWbQlUP3SJEqWQAystfULZ2k/w72-h72-p-k-no-nu/tabel.JPG'/>
</a>
</div>
<div class='item-title'><a href='https://fitrasanialzahra.blogspot.com/2014/03/program-pembayaran-spp.html'>Program Pembayaran SPP</a></div>
<div class='item-snippet'> Langkah awal buat database dengan mana”DbSekolah.mdb” dengan 5 Tabel sebagi berikut: Selanjutnya Butat form Pembayaran dengan...</div>
</div>
<div style='clear: both;'></div>
</li>
<li>
<div class='item-content'>
<div class='item-title'><a href='https://fitrasanialzahra.blogspot.com/2012/09/tugas-naskah-game.html'>Tugas Naskah Game</a></div>
<div class='item-snippet'>klik disini Klik Disini The missing letter's lengkap from fitrasani </div>
</div>
<div style='clear: both;'></div>
</li>
</ul>
<div class='clear'></div>
</div>
</div><div class='widget Followers' data-version='1' id='Followers1'>
<h2 class='title'>Followers</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\x3d6900169424854666443\x26colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaByMwMDAwMDAiByMwMDAwMDAqByNGRkZGRkYyByMwMDAwMDA6ByMwMDAwMDBCByMwMDAwMDBKByMwMDAwMDBSByNGRkZGRkZaC3RyYW5zcGFyZW50\x26pageSize\x3d21\x26origin\x3dhttps://fitrasanialzahra.blogspot.com/");
},
'open': function(url) {
window.followersIframe.close();
followersIframeOpen(url);
},
'blogger-ping': function() {
}
}
});
}
});
}
followersIframeOpen("https://www.blogger.com/followers.g?blogID\x3d6900169424854666443\x26colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaByMwMDAwMDAiByMwMDAwMDAqByNGRkZGRkYyByMwMDAwMDA6ByMwMDAwMDBCByMwMDAwMDBKByMwMDAwMDBSByNGRkZGRkZaC3RyYW5zcGFyZW50\x26pageSize\x3d21\x26origin\x3dhttps://fitrasanialzahra.blogspot.com/");
</script></div>
</div>
</div>
<div class='clear'></div>
</div>
</div><div class='widget Profile' data-version='1' id='Profile1'>
<h2>About Me</h2>
<div class='widget-content'>
<dl class='profile-datablock'>
<dt class='profile-data'>Unknown</dt>
</dl>
<a class='profile-link' href='https://www.blogger.com/profile/18362388585949717179'>Lihat profil lengkapku</a>
<div class='clear'></div>
</div>
</div><div class='widget HTML' data-version='1' id='HTML2'>
<h2 class='title'>bla</h2>
<div class='widget-content'>
<div style="position: fixed; bottom: 0px; right: 30px;width:160px;height:160px;"><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" border="0" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget-Animasi-Blog</a></center></small></div>
</div>
<div class='clear'></div>
</div><div class='widget BlogArchive' data-version='1' id='BlogArchive1'>
<h2>Blog Archive</h2>
<div class='widget-content'>
<div id='ArchiveList'>
<div id='BlogArchive1_ArchiveList'>
<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='https://fitrasanialzahra.blogspot.com/2012/'>
2012
</a>
<span class='post-count' dir='ltr'>(19)</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='https://fitrasanialzahra.blogspot.com/2012/08/'>
Agustus
</a>
<span class='post-count' dir='ltr'>(3)</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='https://fitrasanialzahra.blogspot.com/2012/09/'>
September
</a>
<span class='post-count' dir='ltr'>(3)</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='https://fitrasanialzahra.blogspot.com/2012/10/'>
Oktober
</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='https://fitrasanialzahra.blogspot.com/2012/11/'>
November
</a>
<span class='post-count' dir='ltr'>(10)</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='https://fitrasanialzahra.blogspot.com/2012/12/'>
Desember
</a>
<span class='post-count' dir='ltr'>(1)</span>
</li>
</ul>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate expanded'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy toggle-open'>
▼
</span>
</a>
<a class='post-count-link' href='https://fitrasanialzahra.blogspot.com/2013/'>
2013
</a>
<span class='post-count' dir='ltr'>(18)</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='https://fitrasanialzahra.blogspot.com/2013/01/'>
Januari
</a>
<span class='post-count' dir='ltr'>(5)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate expanded'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy toggle-open'>
▼
</span>
</a>
<a class='post-count-link' href='https://fitrasanialzahra.blogspot.com/2013/02/'>
Februari
</a>
<span class='post-count' dir='ltr'>(5)</span>
<ul class='posts'>
<li><a href='https://fitrasanialzahra.blogspot.com/2013/02/not-lagu-just-why-you-are-bruno-mars.html'>not lagu just the why you are . bruno mars</a></li>
<li><a href='https://fitrasanialzahra.blogspot.com/2013/02/profile-robert-pattinson.html'>profile Robert Pattinson</a></li>
<li><a href='https://fitrasanialzahra.blogspot.com/2013/02/tugas-design-web.html'>tugas design web .
tampilan registrasi
tampila...</a></li>
<li><a href='https://fitrasanialzahra.blogspot.com/2013/02/tutorial-membuat-web-menggunakan.html'>Tutorial membuat WEB menggunakan Dreamweaver
• Ins...</a></li>
<li><a href='https://fitrasanialzahra.blogspot.com/2013/02/blog-post.html'>web design</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='https://fitrasanialzahra.blogspot.com/2013/03/'>
Maret
</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='https://fitrasanialzahra.blogspot.com/2013/04/'>
April
</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='https://fitrasanialzahra.blogspot.com/2013/05/'>
Mei
</a>
<span class='post-count' dir='ltr'>(4)</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='https://fitrasanialzahra.blogspot.com/2013/08/'>
Agustus
</a>
<span class='post-count' dir='ltr'>(1)</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='https://fitrasanialzahra.blogspot.com/2014/'>
2014
</a>
<span class='post-count' dir='ltr'>(7)</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='https://fitrasanialzahra.blogspot.com/2014/03/'>
Maret
</a>
<span class='post-count' dir='ltr'>(7)</span>
</li>
</ul>
</li>
</ul>
</div>
</div>
<div class='clear'></div>
</div>
</div><div class='widget HTML' data-version='1' id='HTML1'>
<h2 class='title'>kursor</h2>
<div class='widget-content'>
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/anime/ani-11/ani1088.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/03/20/domo-kun-13.html" target="_blank" title="Domo-kun"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Domo-kun" style="position:absolute; top: 0px; right: 0px;" /></a>
</div>
<div class='clear'></div>
</div><div class='widget Navbar' data-version='1' id='Navbar1'><script type="text/javascript">
function setAttributeOnload(object, attribute, val) {
if(window.addEventListener) {
window.addEventListener('load',
function(){ object[attribute] = val; }, false);
} else {
window.attachEvent('onload', function(){ object[attribute] = val; });
}
}
</script>
<div id="navbar-iframe-container"></div>
<script type="text/javascript" src="https://apis.google.com/js/platform.js"></script>
<script type="text/javascript">
gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() {
if (gapi.iframes && gapi.iframes.getContext) {
gapi.iframes.getContext().openChild({
url: 'https://www.blogger.com/navbar.g?targetBlogID\x3d6900169424854666443\x26blogName\x3dFitra+Sani+Alzahra\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dLIGHT\x26layoutType\x3dLAYOUTS\x26searchRoot\x3dhttps://fitrasanialzahra.blogspot.com/search\x26blogLocale\x3din\x26v\x3d2\x26homepageUrl\x3dhttps://fitrasanialzahra.blogspot.com/\x26vt\x3d5082489948094631733',
where: document.getElementById("navbar-iframe-container"),
id: "navbar-iframe"
});
}
});
</script><script type="text/javascript">
(function() {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js';
var head = document.getElementsByTagName('head')[0];
if (head) {
head.appendChild(script);
}})();
</script>
</div><div class='widget HTML' data-version='1' id='HTML4'>
<h2 class='title'>kalender</h2>
<div class='widget-content'>
<embed src="http://www.blogclock.cn/swf/S1002892a8a2d3d-2.swf" width="170px" height="260px" type="application/x-shockwave-flash" quality="high" wmode="transparent"></embed>
</div>
<div class='clear'></div>
</div><div class='widget HTML' data-version='1' id='HTML3'>
<h2 class='title'>hey</h2>
<div class='widget-content'>
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/539/th/53966.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>
</div>
<div class='clear'></div>
</div><div class='widget HTML' data-version='1' id='HTML5'>
<h2 class='title'>gadetfoya</h2>
<div class='widget-content'>
<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEzNjk4MjcwODE4MTcmcHQ9MTM2OTgyNzEyNTc1NSZwPTM3MzU4MSZkPSZnPTEmbz1kOTQyM2U2NmVlMjc*ZTNhYTll/NjUzOWI2ZWZhNTc5NyZvZj*w.gif" /><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="300" height="250" id="cnet_rb_finder" align="middle"><param name="allowScriptAccess" value="sameDomain" /><param name="FlashVars" value="varPart=widgets-cnet&varEdId=2121&gig_lt=1232999071623&gig_pt=1232999072374&gig_g=3" /><param name="movie" value="http://i.i.com.com/cnwk.1d/i/cnetWidgets/productFinder/cnet_rb_finder.swf" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><param name="bgcolor" value="#ffffff" /><embed src="http://i.i.com.com/cnwk.1d/i/cnetWidgets/productFinder/cnet_rb_finder.swf" quality="high" bgcolor="#ffffff" width="300" height="250" name="cnet_rb_finder" flashvars="varPart=widgets-cnet&varEdId=2121&gig_lt=1232999071623&gig_pt=1232999072374&gig_g=3" align="middle" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" /></embed></object><img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.11NXC/bT*xJmx*PTEyMzI5OTkwNzE2MjMmcHQ9MTIzMjk5OTA3MjM3NCZwPTM3MzU4MSZkPUNORVQlNUZSQiU1RkZJTkRFUiZnPTMmdD*=.gif" />
</div>
<div class='clear'></div>
</div></div>
</div>
</div>
<div id='sidebar_bottom'></div>
</div>
<!-- /Sidebar -->
<div class='clear'></div>
</div>
<!-- /Content -->
</div>
<!-- /Wrapper -->
<!-- Bottom -->
<div id='bottom'>
<p style='padding-top:110px; clear:both;'> Copyright © 2009 <a href='https://fitrasanialzahra.blogspot.com/'>Fitra Sani Alzahra</a> All rights reserved. Theme by <a href='http://www.geekwithlaptop.com' style='text-decoration:none; color: #635537;' title='Geek with Laptop'>Laptop Geek</a>. | Bloggerized by <a href='http://www.falconhive.com' target='_blank' title='Falcon Hive'>FalconHive</a>.</p>
</div>
<!-- /Bottom -->
</div>
<!-- /Mainwrap -->
<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/1807328581-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY5gCsMz09cNFNN71Y-toQCZbe9tng:1714263288217';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d6900169424854666443','//fitrasanialzahra.blogspot.com/2013/02/','6900169424854666443');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '6900169424854666443', 'title': 'Fitra Sani Alzahra', 'url': 'https://fitrasanialzahra.blogspot.com/2013/02/', 'canonicalUrl': 'http://fitrasanialzahra.blogspot.com/2013/02/', 'homepageUrl': 'https://fitrasanialzahra.blogspot.com/', 'searchUrl': 'https://fitrasanialzahra.blogspot.com/search', 'canonicalHomepageUrl': 'http://fitrasanialzahra.blogspot.com/', 'blogspotFaviconUrl': 'https://fitrasanialzahra.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\x22Fitra Sani Alzahra - Atom\x22 href\x3d\x22https://fitrasanialzahra.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Fitra Sani Alzahra - RSS\x22 href\x3d\x22https://fitrasanialzahra.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Fitra Sani Alzahra - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/6900169424854666443/posts/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/16e657cb9c57b8a2', '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': 'archive', 'pageName': 'Februari 2013', 'pageTitle': 'Fitra Sani Alzahra: Februari 2013'}}, {'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}}, {'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': 'Fitra Sani Alzahra', 'description': '', 'url': 'https://fitrasanialzahra.blogspot.com/2013/02/', 'type': 'feed', 'isSingleItem': false, 'isMultipleItems': true, 'isError': false, 'isPage': false, 'isPost': false, 'isHomepage': false, 'isArchive': true, 'isLabelSearch': false, 'archive': {'year': 2013, 'month': 2, 'rangeMessage': 'Menampilkan postingan dari Februari, 2013'}}}]);
_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/1666805145-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/13464135-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive2', 'widgeth', document.getElementById('BlogArchive2'), {'languageDirection': 'ltr', 'loadingMessage': 'Memuat\x26hellip;'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_AttributionView', new _WidgetInfo('Attribution1', 'widgeth', document.getElementById('Attribution1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts1', 'widgeth', document.getElementById('PopularPosts1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_FollowersView', new _WidgetInfo('Followers1', 'widgeth', document.getElementById('Followers1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ProfileView', new _WidgetInfo('Profile1', 'widgeth', document.getElementById('Profile1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'widgeth', document.getElementById('HTML2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive1', 'widgeth', document.getElementById('BlogArchive1'), {'languageDirection': 'ltr', 'loadingMessage': 'Memuat\x26hellip;'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'widgeth', document.getElementById('HTML1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_NavbarView', new _WidgetInfo('Navbar1', 'widgeth', document.getElementById('Navbar1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML4', 'widgeth', document.getElementById('HTML4'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'widgeth', document.getElementById('HTML3'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML5', 'widgeth', document.getElementById('HTML5'), {}, 'displayModeFull'));
</script>
</body>
</html>
• Instal dreamweaver (Adobe atau macromedia)
• Jika anda sudah menginstal dreamweaver, bukalah program tersebut dan pilih menu HTML seperti pada gambar di bawah ini.
Anda lihat menu create new di atas. klik HTML!
• selanjutnya setelah anda klik html maka layar putih kosong akan tampil pada layar anda, layar tersebut berguna untuk web yang akan anda buat nantinya.
Gambar di atas adalah gambar form untuk anda membuat web.
• Selanjutnya anda harus menamai web yang anda buat, bagaimana caranya??
Lihat gambar di atas, blok tulisan untitled, dan ganti jadi nama web yang anda inginkan
• Selanjutnya jika anda ingin mengatur konfigurasi huruf, background image, dll yang harus anda lakukan adalah masuk ke menu page properties, menu ini ada di bagian bawah.
Gambar di atas adalah gambar tombol menuju menu page properties, dan seperti inilah tampilan page properties.
dari pada anda cape scroll-scroll terus, lebih baik kita ganti page. hehehe
ok, di halaman sebelumnya anda sudah tau cara mengatur konfigurasi halaman web lewat page properties, selanjutnya yang anda lakukan adalah membuat tabel. Untuk apa??? tabel tersebut berguna untuk anda menaruh gambar sebagai header, advertisement, dll. Untuk membuat tabel, klik lah menu tabel.
Gambar di atas adalah gambar pilihan menu dari menu tabel
• Selanjutnya setelah anda mengklik menu tabel, pilih, anda ingin membuat berapa kolom, dan berapa baris, serta ketebalan rangka tabel, dll.
Pada gambar di atas dapat anda lihat, anda dapat menentukan berapa baris dan kolom yang anda inginkan, dan ubah nilai border thickness menjadi noll, agar saat web di publish web anda terlihat rapih karena borderless, jiah TV kalee borderless ahahaha
• Setelah itu akan muncul tabel seperti yang anda inginkan, kenapa tabel saya posisinya ada di tengah sedangkan anda ada di kiri? selain itu mengapa punya saya tabelnya lebih lebar? pada saat tabel muncul karena baru saja anda buat, anda klik align menjadi center di bagian bawah menu, setelah itu tarik DOT pada tabel, untuk membuatnya menjadi melar, tariklah ke kiri. maka akan tampil saperti gambar ini.
• Selanjutnya jika kita ingin menyisipkan gambar pada web, pada menubar pilihlah image, lalu insert image seperti gambar di bawah ini.
• Pada saat anda ingin menyisipkan gambar, misalnya untuk header, pertama-tama blok lah beberapa kolom, kemudian di merge dengan sortcut key ctrl+alt+m seperti gambar di bawah ini.
• Lalu saat anda memasukan gambar maka gambar yang anda masukan tergantung pada resoulsinya, tabel tersebut akan melar, lalu anda setting tabel agar rapih kembali, inilah repotna pake tabel.
• sisanya dapat anda mengembangkannya sendiri, baik dari backgroundnya ataupun menyisipkan flash kedalamnya, lalu saya akan menjelaskan bagaimana cara anda mempreview blog anda seandainya sudah terpublish. caranya adalah pilih menu file, lalu preview in browser, plihlah default browser anda, dan inilah hasilnya.
Langkah Selanjutnya
1. Silahkan jalankan program Dreamweaver jika pembaca telah menginstalnya.
2. Pada menu utama, pilih File --> New, maka akan muncul tampilan pilihan jenis dokumen baru yang ingin kita buat. Maksudnya adalah kita memilih apakah ingin membuat halaman web basic (statis), web dinamis (biasanya untuk web berbasis database), halaman template, dan lain-lain. Setiap kategori terdiri dari beberapa jenis dokumen. Menurut saya jenis ini dibedakan berdasarkan bahasa dan fungsi yang akan digunakan untuk halaman website yang akan kita buat. Karena saat ini kita mencoba belajar yang dasar terlebih dahulu, maka silahkan pilih kategori Basic Page dan jenisnya HTML.
3. Tampilan layar desain Dreamweaver terdiri dari 3 jenis, yaitu code, split, dan design.
Layar Code berfungsi sebagai tempat kita membuat halaman web dengan mengetik bahasa pemograman secara langsung. Artinya, layar inilah yang menampilkan struktur bahasa pemograman web yang dipakai pada halaman web yang sedang kita buat. Pada bagian design, kita membuat website dengan menggunakan menu-menu yang tersedia, misalnya menu menambahkan gambar, membuat tabel, mengatur tampilan tulisan, dan lain-lain. Kita tidak perlu mengetik bahasa pemograman halaman web yang kita buat karena secara otomatis, setiap kita menambahkan sebuah elemen, maka dreamweaver akan menerjemaahkannya kedalam kalimat-kalimat bahasa pemograman yang kita gunakan. Inilah keunggulan dreamweaver dibanding notepad, frontpage, dan mungkin yang lainnya. Karena pada dreamweaver sudah tersedia menu-menu yang siap pakai untuk mendesain halaman web. Selain itu, interface-nya juga sangat bagus dan mudah digunakan. Bagian split berguna untuk membagi halaman kerja dreamweaver menjadi 2, separuh untuk menampilkan layar code, dan separuh lagi menampilkan layar design. Hal ini berguna jika kita ingin mendesain halaman melalui layar design namun ingin melihat perubahan kode bahasa webnya, dan juga sebaliknya. Jika pembaca masuk ke layar Code, Anda akan melihat struktur HTML sebagai contoh struktur:
dimana struktur tersebut berfungsi untuk mendefenisikan judul halaman web kita yang akan muncul di title bar browser.
4. Dibagian kiri atas dibawah menu File, terdapat menu dropdown yang terdiri dari beberapa pilihan. Pilihan ini berguna untuk memilih menu-menu desain yang akan kita gunakan. Misalnya kita ingin menambah gambar, maka pilih Common, maka disebelah kanannya akan muncul menu-menu bergambar yang bisa kita gunakan, salah satunya untuk memasukkan gambar ke halaman website.
5. Coba pembaca masuk ke layar Design seperti yang saya jelaskan pada poin 3. Setelah memilih bagian tersebut, dibagian bawah pembaca akan melihat bagian Properties. Bagian ini berfungsi untuk mengatur tampilan dari elemen-elemen yang kita tambahkan kedalam halaman web yang kita buat. Menu-menu Properties ini hanya terlihat jika kita bekerja pada layar Design.
6. Dibagian samping, terdapat pula bagian yang bernama Panel. Salah satu fungsi panel ini adalah untuk mengatur file-file web yang telah kita buat.
7. Dibagian atas tepatnya disamping menu pilihan layar, ada kotak isian bernama Title. Bagian berfungsi untuk memberikan judul halaman web yang sedang kita buat yang akan muncul pada title bar browser.
Fungsi ini sama seperti yang dijelaskan pada poin 3 diatas mengenai tag title. Coba pembaca ganti tulisan yang ada di kotak tersebut menjadi misalnya "Tutorial Website Dengan Dreamweaver". Setelah itu, kembali ke layar code dan lihat perubahan yang terjadi pada bagian tag