<?xml version="1.0" encoding="UTF-8" standalone="no"?><rss xmlns:atom="http://www.w3.org/2005/Atom" xmlns:blogger="http://schemas.google.com/blogger/2008" xmlns:gd="http://schemas.google.com/g/2005" xmlns:georss="http://www.georss.org/georss" xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd" xmlns:openSearch="http://a9.com/-/spec/opensearchrss/1.0/" xmlns:thr="http://purl.org/syndication/thread/1.0" version="2.0"><channel><atom:id>tag:blogger.com,1999:blog-8469467529537225477</atom:id><lastBuildDate>Fri, 25 Oct 2024 05:46:36 +0000</lastBuildDate><category>Info</category><category>Tips-trik</category><category>Gratis</category><category>Website</category><category>Domain</category><category>Info Virus</category><category>CSS</category><category>Belajar CSS</category><category>Belajar HTML</category><category>Gadget</category><category>Renungan</category><category>Template</category><category>Consule</category><category>Musik</category><category>Os</category><category>PS2</category><category>Software</category><title>Ichau Hanya Manusia Biasa</title><description>Belajar Dan Terus Belajar</description><link>http://ichau84.blogspot.com/</link><managingEditor>noreply@blogger.com (ichau (M. 5403di))</managingEditor><generator>Blogger</generator><openSearch:totalResults>39</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><language>en-us</language><itunes:explicit>no</itunes:explicit><itunes:subtitle>Belajar Dan Terus Belajar</itunes:subtitle><itunes:owner><itunes:email>noreply@blogger.com</itunes:email></itunes:owner><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8469467529537225477.post-2083950597212888426</guid><pubDate>Thu, 08 Apr 2010 04:07:00 +0000</pubDate><atom:updated>2010-04-08T11:07:35.842+07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Info</category><category domain="http://www.blogger.com/atom/ns#">Tips-trik</category><title>Tips Trik Mempercepat IDM</title><description>Tips Mempercepat Kinerja Mozilla Firefox. Berikut adalah beberapa trik  sederhana untuk mempercepat kinerja Firefox anda. Trik – trik ini  memungkinkan Firefox untuk mengunduh halaman situs lebih cepat dengan  membuka lebih dari satu koneksi agar ia dapat Internet Download Manager  8. Indowebster mass uploader 9. Hiren's Boot CD 10. Cheat engine 11. See  Password 12. GPU-Z 13. Temperature Monitor 14. Cool Timer Jika ada  program bagus terbaru akan segera di Postingkan! Selain mudah trik ini  tidak harus membutuhkan software lagi.Semoga bermanfaat. cara 1 - buka  internet download manager - setting  option-&amp;gt;connections-&amp;gt;connections type speed-&amp;gt;ubah jadi LAN  10Mbs - terus default Max Conn Number pilih 16&lt;a name='more'&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
Nah , untuk itu pakailah software download manager, yang salah satunya  adalah IDM atau internet download manager. Kelebihan software ini dapat  mendownload dengan kecepatan kbs yang lumayan cepat dibanding browser  yang lainnya, dan juga file yang didownload 94SL7-886DA-SR9Z9-LIKEU  first name : BlAcKsHaDoW last name : CiM TeaM emailnya terserah.. yang  penting ada simbol@ nya misal &lt;a href="mailto:ngawur@mbuh.com"&gt;ngawur@mbuh.com&lt;/a&gt;  :P. Diposkan oleh ipank di 23:37. Label: software gratis, tips dan trik  EKO PUSPO C hobby utak-atik komputer dan menulis tentang komputer,  khususnya tips dan trik komputer, hobby browsing ebook dan mencari  informasi terbaru mengenai perkembangan komputer dan internet. Mulai  ngeblog sekitar bulan Juli 2008. 10 Komentar pada “Mempercepat Download  dengan HiDownload Pro 7.32”. iwan Ditulis Pada 3 September, 2009, 7:24.  thank's mau coba dulu, mana yg handal IDM atau HIdownload 7. luky  siswanto Ditulis Pada 3 September, 2009, 10:44. help me. Saya mempunyai  beberapa Tips dan Trik cara untuk mempercepat Koneksi Internet Kalian  Tapi jikalau tak ada perubahan atau komputer kalian Error, jangan  salahkan pada saya. Tapi saya sudah mencobanya dan berhasil ^o^ Udah  saya test dengan mendownload lewat "Internet Download Manager". Saya  bandingin kalo memakain proxy dengan tidak memakai proxy, perbedaan  speed sekitar (90-100)%. Kalo tanpa proxy jika mendownload sekitar  (40-50) KB/sec, Sedangkan bila memakai Proxy Silahkan mencoba tips dan  trik untuk mempercepat ber internet kita. Hal ini sangat berguna bila  kita menggunakan koneksi internet yang serba minim dari segi kecepatan  yang lambat seperti internet menggunakan akses GPRS, dial up dan  sebagainya. Tips ini juga bisa Langkahnya sebagai berikut : Jalankan IDM  klik menu options &amp;gt;&amp;gt;&amp;gt; Proxy &amp;gt;&amp;gt;&amp;gt; Cawang Use Http Proxy  &amp;gt;&amp;gt;&amp;gt; Masukan salah satu Proxy dan port Proxy di atas &amp;gt;&amp;gt;  user name dan Password kosongkan &amp;gt;&amp;gt;&amp;gt; Klik OK. Jangan download  banyak file dalam waktu yang bersamaan terlebih lagi bila file tersebut  berukuran besar. 4. Gunakan software IDM 5.15 Build. Untuk mempercepat  proses download ziddu, anda bisa menggunakan machine download IDM 5.15  Build.&lt;br /&gt;
&lt;br /&gt;
Disamping itu IDM bisa juga buat dpwnload video situs seperti youtube,  myspace dll. Buat yang mau download IDM bisa search di google dengan  keyword site:rapidshare.com IDM. Ini ada sedikit tips dan trik tentang  IDM :&lt;br /&gt;
&lt;br /&gt;
Silahkan mencoba tips dan trik untuk mempercepat ber internet kita. Hal  ini sangat berguna bila kita menggunakan koneksi internet yang serba  minim dari segi kecepatan yang lambat seperti internet menggunakan akses  GPRS, Bila perlu gunakan Proxy di atas pada IDM. Langkahnya sebagai  berikut : Jalankan IDM klik menu options &amp;gt;&amp;gt;&amp;gt; Proxy &amp;gt;&amp;gt;&amp;gt;  Cawang Use Http Proxy &amp;gt;&amp;gt;&amp;gt; Masukan salah satu Proxy dan port  Proxy di atas &amp;gt;&amp;gt; user name dan Password kosongkan &amp;gt;&amp;gt;&amp;gt;  Klik OK. Bagi anda semua yang bermasalh dengan masalh download yang  terlalu lama, maka saya akan memberikan program IDM untuk mengatasi  masalah anda, hal ini sangat membantu karena selain membantu anda dalam  masalh download,program ini juga ni ada sedikit tips dan trik tentang  IDM. 1.setting maksimal IDM TIPS mempercepat windows xp. Tutorial unlock  huawei e220. OPERA mini FULL layar DI PC Tips &amp;amp; Trik Supaya Baterai  HP tidak Lekas Drop. Dec 18 (1) Bush Trik Mempercepat Firefox. Oct 24  (1) Accelerating the process of Computers. Oct 22 (1) Mempercepat  postingan terindex di google. Tips agar blog rame pengunjung Download  IDM 5.17 Full Version. Download XP SP3 Corporate. Rapidshare No limit&lt;br /&gt;
&lt;br /&gt;
Tips Trik : Stop Dreaming Start Action - Anda menggunakan Telkomsel  Flash Tips Mempercepat Koneksi Internet Smart Haier D1200P&lt;br /&gt;
&lt;br /&gt;
Mempercepat Open Office. Files under Tips Trik, linux | Posted by admin  Download IDM 5.17 Full Version. Download XP SP3 Corporate. Rapidshare No  limit Web ini berisikan tentang tips trik dan informasi yang mungkin  bermanfaat untuk anda Mempercepat Download Dengan IDM collection Tips  &amp;amp; Trik in the harga blog | check your WINDOWS | disable Klik kanan |  download video dgn IDM Tips dan trik mIRC tips mempercepat koneksi |  tips mencegah VIRUS | trik ALEXA&lt;br /&gt;
&lt;br /&gt;
Tips Trik Rahasia Menyadap Hp dan SMS Teman/Pacar/Istri/Suami dll 2.  download video youtube make IDM jadi ga bisa, harus nunggu SpeedBit  selesai kerja dulu. kita membicarakan tips dan trik praktis untuk  mempercepat koneksi internet Freeware ghost google gprs/mms IDM Internet  ISP keamanan internet kloning&lt;br /&gt;
&lt;br /&gt;
Blog article: Mempercepat download file dengan IDM Tips dan trik. Blog  Roll. Dhawi1986. PageRank Checker. Gadis Rantau. Internet Marketing  Indonesia&lt;br /&gt;
&lt;br /&gt;
sy perjelas dan persingkat boz2 dan master2 smuanya ... &lt;br /&gt;
&lt;br /&gt;
- gunakan IDM (Internet download Manager) v 5.18.8.0 ... &lt;br /&gt;
utk yg blum pnya versi trsebut silahkan di search boz ,&lt;span style="color: red;"&gt;gunakan tmbol search .. &lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
pada menu tab Registration ..&lt;br /&gt;
-masukan firstname ; BlAcKsHaDoW&lt;br /&gt;
&lt;br /&gt;
-masukan lastname; CiM TeaM&lt;br /&gt;
&lt;br /&gt;
- dan masukan key;94SL7-886DA-SR9Z9-LIKEU&lt;br /&gt;
&lt;br /&gt;
- untuk email ; masukan saja email masing2 ... &lt;br /&gt;
&lt;br /&gt;
Terbukti stelah menggunakan ini,kcpatan download bertambah ... &lt;br /&gt;
karna IDM sudah teregistrasi ... &lt;br /&gt;
&lt;br /&gt;
smoga membantu ..</description><link>http://ichau84.blogspot.com/2010/04/tips-trik-mempercepat-idm.html</link><author>noreply@blogger.com (ichau (M. 5403di))</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8469467529537225477.post-2657440717094684116</guid><pubDate>Tue, 23 Mar 2010 04:47:00 +0000</pubDate><atom:updated>2010-03-23T11:47:44.179+07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Info</category><category domain="http://www.blogger.com/atom/ns#">Tips-trik</category><title>4 Tools Gratis Mengembalikan File yang Terhapus</title><description>Pernah menghapus file-file penting di komputer tanpa disengaja? Kasus  seperti ini mungkin pernah menimpa Anda, terkadang terjadi karena kita  tengah terburu-buru atau dikejar waktu.&lt;br /&gt;
&lt;br /&gt;
Namun jangan khawatir, Anda bisa menggunakan tools khusus untuk  mengembalikan file-file tadi. Berikut ini ada 4 tools yang bisa Anda  gunakan untuk mengembalikan file yang terhapus. Tools ini dapat  di-download secara gratis di internet.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;1. Undelete Plus&lt;/b&gt;&lt;br /&gt;
Di antara aplikasi-aplikasi gratis yang beredar di luaran untuk  mengembalikan file yang terhapus, Undelete Plus salah satu yang dapat  digunakan. User interface-nya (antar muka) tergolong sangat simpel. Anda  dapat mengembalikan file-file yang terhapus dengan mudah sesuai dengan  tipe file, misalnya Application, GIF graphics, HTML Documents, PDF.&lt;br /&gt;
&lt;a name='more'&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
Tools ini beroperasi pada sistem operasi Windows 95, Windows 98, Windows  Me, Windows NT, Windows 2000, Windows XP, Windows 2003 dan Windows  Vista. Anda dapat men-download Undelete Plus di: &lt;a href="http://www.undelete-plus.com/" target="_blank"&gt;http://www.undelete-plus.com/&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;2. Restoration&lt;/b&gt;&lt;br /&gt;
Restoration adalah salah satu aplikasi untuk mengembalikan file yang  terhapus. Tools ini juga sangat mudah digunakan dan tidak perlu diinstal  di komputer. Cukup download toolsnya di: &lt;a href="http://www.snapfiles.com/get/restoration.html" target="_blank"&gt;http://www.snapfiles.com/get/restoration.html&lt;/a&gt;,  lalu jalankan file executable-nya untuk mengembalikan file yang  terhapus.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;3. PC Inspector File Recovery&lt;/b&gt;&lt;br /&gt;
Meski user interface PC inspector File Recovery tidak begitu user  friendly, aplikasi ini tergolong sangat ampuh untuk mendeteksi dan  mengembalikan file yang terhapus. Sesudah dilakukan proses scanning,  akan tersaji file-file yang terhapus dalam folder dengan struktur pohon  (tree structure) untuk mempermudah pencarian. Dengan begitu, Anda dengan  mudah dapat mencari dan memilih file/folder yang terhapus, lalu klik  icon "save" untuk mengembalikan file. Tools ini dapat di-download di: &lt;a href="http://www.pcinspector.de/Sites/file_recovery/info.htm?language=1" target="_blank"&gt;http://www.pcinspector.de/Sites/file...htm?language=1&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;4. Recuva&lt;/b&gt;&lt;br /&gt;
Recuva sering disebut juga sebagai "Recover". User interface-nya sangat  sederhana. Pada mode basic, tools ini akan menampilkan daftar file-file  yang terhapus yang bisa dikembalikan. Jika Anda menggantinya ke mode  advanced, maka proses scanning ulang akan dilakukan dan muncul pilihan  untuk menampilkan informasi berisi daftar file-file yang terhapus. Tools  ini dapat di-download di: &lt;a href="http://www.recuva.com/" target="_blank"&gt;http://www.recuva.com/&lt;/a&gt; &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
bonus!!&lt;br /&gt;
&lt;br /&gt;
Kalau mau mengembalikan data dari floppy disk, CD, DVD, memory card, Zip  disk, USB flash drive atau media penyimpan yang lain bisa di pakai  software yang namanya "Bad Copy" bisa di download di &lt;br /&gt;
&lt;a href="http://www.jufsoft.com/badcopy/download.asp" target="_blank"&gt;http://www.jufsoft.com/badcopy/download.asp&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
semuanya gratis bro &lt;br /&gt;
&lt;br /&gt;
yang nomer 1, besar filenya : 3 MB&lt;br /&gt;
Yang nomer 2, besar filenya : 229 KB (Win Zip)&lt;br /&gt;
Yang nomer 3 : Gw masih belum tau kenapa kalau gw download selalu putus,  padahal sudah pakai FDM (mungkin ada yang mau coba)!&lt;br /&gt;
Yang nomer 4, besar filenya : 2,2 MB&lt;br /&gt;
&lt;br /&gt;
Gw saranin yang nomer 4 aja kalau mau download, tampilan dan  penggunaanya simple!</description><link>http://ichau84.blogspot.com/2010/03/4-tools-gratis-mengembalikan-file-yang.html</link><author>noreply@blogger.com (ichau (M. 5403di))</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8469467529537225477.post-8512478047463225541</guid><pubDate>Mon, 15 Mar 2010 06:04:00 +0000</pubDate><atom:updated>2010-03-15T13:05:12.084+07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Belajar CSS</category><category domain="http://www.blogger.com/atom/ns#">CSS</category><category domain="http://www.blogger.com/atom/ns#">Tips-trik</category><title>Belajar CSS</title><description>&lt;b&gt;CSS&lt;/b&gt; adalah singkatan dari &lt;b&gt;Cascading Style  Sheets&lt;/b&gt;, yang berfungsi untuk mengontrol tampilan dari sebuah  halaman website.&lt;br /&gt;
Ada 3 cara untuk memasukkan CSS ke dalam dokumen HTML yaitu:&lt;br /&gt;
1. Dengan menambahkan langsung di tag dokumen html, sebagai contoh:&lt;br /&gt;
&lt;div class="code"&gt;&lt;code&gt;&amp;lt;p style="color:blue"&amp;gt;Membuat tulisan warna  biru&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p style="font-family:arial;font-size:150%;color:green"&amp;gt;Membuat  jenis font, ukuran dan warna&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p style="color:yellow;background-color:red;width:60px;text-align:  center"&amp;gt;Test&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p style="font-style:italic;"&amp;gt;Membuat tulisan miring&amp;lt;/p&amp;gt;&lt;/code&gt;&lt;/div&gt;Maka hasil dari style diatas adalah sebagai berikut:&lt;br /&gt;
&lt;div class="code"&gt;&lt;div style="color: blue;"&gt;Membuat tulisan warna biru&lt;/div&gt;&lt;div style="color: green; font-family: arial; font-size: 150%;"&gt;Membuat  jenis font, ukuran dan warna&lt;br /&gt;
&lt;a name='more'&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style="background-color: red; color: yellow; text-align: center; width: 60px;"&gt;Test&lt;/div&gt;&lt;div style="font-style: italic;"&gt;Membuat tulisan miring&lt;/div&gt;&lt;/div&gt;2. Dengan menaruhnya di dalam header dokumen html.&lt;br /&gt;
Sebagai contoh kita akan membuat CSS untuk mengontrol tampilan paragraf  di dokumen html, cara penulisannya adalah sebagai berikut:&lt;br /&gt;
&lt;div class="code"&gt;&lt;code&gt;&amp;lt;style&amp;gt;&lt;br /&gt;
&amp;lt;!--&lt;br /&gt;
p { color:green;font-family:arial;font-size:120%;}&lt;br /&gt;
--&amp;gt;&lt;br /&gt;
&amp;lt;/style&amp;gt;&lt;/code&gt;&lt;/div&gt;Kemudian kita masukkan style tersebut di antara tag &amp;lt;head&amp;gt; dan  &amp;lt;/head&amp;gt; :&lt;br /&gt;
&lt;div class="code"&gt;&lt;code&gt;&amp;lt;html&amp;gt;&lt;br /&gt;
&amp;lt;head&amp;gt;&lt;br /&gt;
&amp;lt;style&amp;gt;&lt;br /&gt;
&amp;lt;!--&lt;br /&gt;
p { color:green;font-family:arial;font-size:120%;}&lt;br /&gt;
--&amp;gt;&lt;br /&gt;
&amp;lt;/style&amp;gt;&lt;br /&gt;
&amp;lt;/head&amp;gt;&lt;br /&gt;
&amp;lt;body&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Saat ini saya sedang belajar CSS&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Pengaturan paragraf dengan menggunakan CSS di dalam header  dokumen html&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Dengan contoh ini, maka setiap paragraf atau yang berada  diantara &amp;lt;p&amp;gt;dan&amp;lt;/p&amp;gt;akan memiliki format yang sama&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/body&amp;gt;&lt;br /&gt;
&amp;lt;/html&amp;gt;&lt;/code&gt;&lt;/div&gt;&lt;a href="http://wordpress.htmlcssguides.com/sample/belajar_css1.htm"&gt;Preview&lt;/a&gt;&lt;br /&gt;
3. Kemudian yang ketiga adalah dengan membuat file CSS tersendiri  yang tespisah dari dokumen html, secara umum yang terakhir ini adalah  yang paling sering digunakan. Untuk menghubungkan dokumen html dengan  CSS tersebut kita cukup menambahakan yang berikut ini di header dokumen  html:&lt;br /&gt;
&lt;div class="code"&gt;&lt;code&gt;&amp;lt;link rel="stylesheet" href="style.css"  type="text/css"&amp;gt;&lt;/code&gt;&lt;/div&gt;Sehingga di dokumen html akan terlihat seperti berikut ini:&lt;br /&gt;
&lt;div class="code"&gt;&lt;code&gt;&amp;lt;html&amp;gt;&lt;br /&gt;
&amp;lt;head&amp;gt;&lt;br /&gt;
&amp;lt;title&amp;gt;Titel websiteku&amp;lt;/title&amp;gt;&lt;br /&gt;
&amp;lt;link rel="stylesheet" href="style.css" type="text/css"&amp;gt;&lt;br /&gt;
&amp;lt;/head&amp;gt;&lt;br /&gt;
&amp;lt;body&amp;gt;&lt;br /&gt;
&amp;lt;/body&amp;gt;&lt;br /&gt;
&amp;lt;/html&amp;gt;&lt;/code&gt;&lt;/div&gt;Untuk mengetahui lebih lanjut tentang bagaimana CSS mengontrol sebuah  halaman website, berikut kita akan membuat sebuah halaman website  sederhana yang menggunakan CSS.&lt;br /&gt;
Buka Notepad kemudian salin kode berikut, dan simpan file tersebut  dengan nama “csstest.html”&lt;br /&gt;
&lt;div class="code"&gt;&lt;code&gt;&amp;lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01  Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&amp;gt;&lt;br /&gt;
&amp;lt;html&amp;gt;&lt;br /&gt;
&amp;lt;head&amp;gt;&lt;br /&gt;
&amp;lt;title&amp;gt;Titel websiteku&amp;lt;/title&amp;gt;&lt;br /&gt;
&amp;lt;link href="style.css" rel="stylesheet" type="text/css"&amp;gt;&lt;br /&gt;
&amp;lt;/head&amp;gt;&lt;br /&gt;
&amp;lt;body&amp;gt;&lt;br /&gt;
&amp;lt;div id="halaman"&amp;gt;&amp;lt;!-- div id halaman dimulai --&amp;gt;&lt;br /&gt;
&amp;lt;div id="judul"&amp;gt;&amp;lt;!-- div id judul dimulai --&amp;gt;&lt;br /&gt;
&amp;lt;h1 class="judul"&amp;gt;Disini judul websiteku&amp;lt;/h1&amp;gt;&lt;br /&gt;
&amp;lt;h2 class="sub-judul"&amp;gt;Disini sub-judul websiteku&amp;lt;/h2&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&amp;lt;!-- div id judul berakhir --&amp;gt;&lt;br /&gt;
&amp;lt;div id="konten"&amp;gt;&amp;lt;!-- div id konten dimulai --&amp;gt;&lt;br /&gt;
&amp;lt;div class="kiri"&amp;gt;&amp;lt;!-- div class kiri dimulai --&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Disini navigasi bagian kiri&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&amp;lt;!-- div class kiri berakhir --&amp;gt;&lt;br /&gt;
&amp;lt;div class="tengah"&amp;gt;&amp;lt;!-- div class tengah dimulai --&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Disini konten websiteku&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&amp;lt;!-- div class tengah berakhir --&amp;gt;&lt;br /&gt;
&amp;lt;div class="kanan"&amp;gt;&amp;lt;!-- div class kanan dimulai --&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Disini navigasi bagian kanan&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&amp;lt;!-- div class kanan berakhir --&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&amp;lt;!-- div id konten berakhir --&amp;gt;&lt;br /&gt;
&amp;lt;div class="footer"&amp;gt;&amp;lt;!-- div class footer dimulai --&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Disini Footer websiteku&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&amp;lt;!-- div class footer berakhir --&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&amp;lt;!-- div id halaman berakhir --&amp;gt;&lt;br /&gt;
&amp;lt;/body&amp;gt;&lt;br /&gt;
&amp;lt;/html&amp;gt;&lt;/code&gt;&lt;/div&gt;&lt;a href="http://wordpress.htmlcssguides.com/sample/test_no_css.html"&gt;Preview&lt;/a&gt;&lt;br /&gt;
Yang berada diantara &amp;lt;– dan –&amp;gt; hanya sebagai keterangan agar  lebih mudah dimengerti, anda bisa menghapusnya. Sekarang buka file  tersebut dengan browser, maka kita akan melihat halaman yang polos  dengan tulisan seadanya.&lt;br /&gt;
Sekarang salin CCS berikut kemudian simpan ke folder yang sama dengan  “csstest.html” dengan nama “style.css”&lt;br /&gt;
&lt;div class="code"&gt;&lt;code&gt;#halaman {/* "id" dilambangkan dengan "#" */&lt;br /&gt;
width: 800px;&lt;br /&gt;
margin: 0 auto;/* agar dokumen berada ditengah */&lt;br /&gt;
padding: 0 auto;&lt;br /&gt;
}&lt;br /&gt;
#judul {&lt;br /&gt;
width: 100%;&lt;br /&gt;
height: 100px;&lt;br /&gt;
background: #5F9EA0;&lt;br /&gt;
margin: 0;/* pengaturan sisi bagian luar */&lt;br /&gt;
padding: 0;/* pengaturan sisi bagian dalam */&lt;br /&gt;
}&lt;br /&gt;
#konten {&lt;br /&gt;
width: 100%;&lt;br /&gt;
margin: 0;&lt;br /&gt;
padding: 0;&lt;br /&gt;
}&lt;br /&gt;
.kiri {/* "class" dilambangkan dengan "." */&lt;br /&gt;
width: 25%;&lt;br /&gt;
height: 300px;&lt;br /&gt;
float: left;&lt;br /&gt;
background: #ADD8E6;&lt;br /&gt;
}&lt;br /&gt;
.tengah{&lt;br /&gt;
width: 50%;&lt;br /&gt;
height: 300px;&lt;br /&gt;
float: left;&lt;br /&gt;
background: #FDF5E6;&lt;br /&gt;
}&lt;br /&gt;
.kanan{&lt;br /&gt;
width: 25%;&lt;br /&gt;
height: 300px;&lt;br /&gt;
float: right;&lt;br /&gt;
background: #ADD8E6;&lt;br /&gt;
}&lt;br /&gt;
.footer{&lt;br /&gt;
height: 40px;&lt;br /&gt;
background: #8FBC8F;&lt;br /&gt;
clear: both;&lt;br /&gt;
}&lt;br /&gt;
.judul {&lt;br /&gt;
color: Red;&lt;br /&gt;
padding: 10px 0 0 10px; /* penulisan untuk semua sisi: atas kanan bawah  kiri */&lt;br /&gt;
}&lt;br /&gt;
.sub-judul {&lt;br /&gt;
color: #ff0;&lt;br /&gt;
padding: 0 10px 10px;&lt;br /&gt;
}&lt;br /&gt;
p {&lt;br /&gt;
padding-left: 10px;/* penulisan untuk satu sisi saja */&lt;br /&gt;
}&lt;/code&gt;&lt;/div&gt;Yang berada diantara /* dan  */ hanya sebagai keterangan agar lebih  mudah dimengerti, anda bisa menghapusnya.&lt;br /&gt;
Sekarang buka file “csstest.html” dengan browser anda.&lt;br /&gt;
&lt;a href="http://wordpress.htmlcssguides.com/sample/csstest.html" target="_self" title="css test html"&gt;Preview&lt;/a&gt;&lt;br /&gt;
Itulah kira-kira secara dasar cara kerja dari CSS untuk mengontrol  halaman website.&lt;br /&gt;
Untuk melakukan eksperimen lebih lanjut dan untuk mengetahui  perintah-perintah CSS lainnya anda bisa mendownload CSS editor &lt;a href="http://www.newsgator.com/Individuals/TopStyle/Default.aspx" title="TopStyle Lite"&gt;TopStyle  Lite&lt;/a&gt;. Dengan program tersebut buka file CSS diatas kemudian lakukan  perubahan-perubahan dan refresh browser untuk melihat hasilnya.</description><link>http://ichau84.blogspot.com/2010/03/belajar-css.html</link><author>noreply@blogger.com (ichau (M. 5403di))</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8469467529537225477.post-3048786141879859714</guid><pubDate>Mon, 15 Mar 2010 06:03:00 +0000</pubDate><atom:updated>2010-03-15T13:05:55.813+07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Belajar CSS</category><category domain="http://www.blogger.com/atom/ns#">CSS</category><category domain="http://www.blogger.com/atom/ns#">Tips-trik</category><title>Pengaturan List menu dengan CSS</title><description>&lt;div class="listmenucss"&gt;&lt;b&gt;Pengaturan List menu dengan CSS&lt;/b&gt;&lt;br /&gt;
Tag elemen untuk membuat List di dalam dokumen HTML adalah:  &amp;lt;ul&amp;gt; digunakan untuk list yang tidak berurutan (unordered list)  kemudian, &amp;lt;ol&amp;gt; digunakan untuk list yang berurutan kemudian  diikuti &amp;lt;li &amp;gt; adalah list menu yang akan ditampilkan (list item).&lt;br /&gt;
Untuk lebih jelasnya perhatikan contoh berikut ini:&lt;br /&gt;
&lt;div class="code"&gt;&lt;code&gt;&amp;lt;ul&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Menu A &amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Menu B &amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Menu C &amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;/ul&amp;gt;&lt;/code&gt;&lt;/div&gt;Hasil yang akan ditampilkan di browser:&lt;br /&gt;
&lt;ul&gt;&lt;li&gt;Menu A &lt;/li&gt;
&lt;li&gt;Menu B &lt;/li&gt;
&lt;li&gt;Menu C &lt;/li&gt;
&lt;/ul&gt;&lt;div class="code"&gt;&lt;code&gt;&amp;lt;ol&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Menu A &amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Menu B &amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Menu C &amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;/ol&amp;gt;&lt;/code&gt;&lt;/div&gt;Hasil yang akan ditampilkan di browser:&lt;br /&gt;
&lt;ol&gt;&lt;li&gt;Menu A &lt;/li&gt;
&lt;li&gt;Menu B &lt;/li&gt;
&lt;li&gt;Menu C &lt;a name='more'&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ol&gt;Didalam CSS ada beberapa perintah untuk mengontrol tampilan dari list  style, diantaranya adalah:&lt;br /&gt;
&lt;b&gt;list-style-type: contoh tipe; &lt;/b&gt; adalah untuk mengubah  bentuk bullet yang ada di depan dari list menu.&lt;br /&gt;
&lt;b&gt;list-style-image: url(contoh.jpg);&lt;/b&gt; adalah untuk  mengubah bentuk bullet dengan gambar.&lt;br /&gt;
&lt;b&gt;list-style-position:  posisi;&lt;/b&gt; adalah untuk  memposisikan list menu: inside dan outside. &lt;br /&gt;
Contoh untuk mengubah bullet menjadi berbentuk lingkaran: &lt;br /&gt;
&lt;div class="code"&gt;&lt;code&gt;&amp;lt;ul style="list-style-type:circle"&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;a href="#"&amp;gt;Menu A &amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;a href="#"&amp;gt;Menu B &amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;a href="#"&amp;gt;Menu C &amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;/ul&amp;gt;&lt;/code&gt;&lt;/div&gt;&lt;ul style="list-style-type: circle;"&gt;&lt;li&gt;&lt;a href="http://wordpress.htmlcssguides.com/pengaturan-list-menu-dengan-css#"&gt;Menu  A &lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://wordpress.htmlcssguides.com/pengaturan-list-menu-dengan-css#"&gt;Menu  B &lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://wordpress.htmlcssguides.com/pengaturan-list-menu-dengan-css#"&gt;Menu  C &lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;Contoh untuk mengubah bullet menjadi berbentuk kotak: &lt;br /&gt;
&lt;div class="code"&gt;&lt;code&gt;&amp;lt;ul style="list-style-type:square"&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;a href="#"&amp;gt;Menu A &amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;a href="#"&amp;gt;Menu B &amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;a href="#"&amp;gt;Menu C &amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;/ul&amp;gt;&lt;/code&gt;&lt;/div&gt;&lt;ul style="list-style-type: square;"&gt;&lt;li&gt;&lt;a href="http://wordpress.htmlcssguides.com/pengaturan-list-menu-dengan-css#"&gt;Menu  A &lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://wordpress.htmlcssguides.com/pengaturan-list-menu-dengan-css#"&gt;Menu  B &lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://wordpress.htmlcssguides.com/pengaturan-list-menu-dengan-css#"&gt;Menu  C &lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;Jika menggunakan CSS tersendiri anda bisa menuliskan seperti berikut:&lt;br /&gt;
&lt;div class="code"&gt;&lt;code&gt;li { list-style-type: square; }&lt;/code&gt;&lt;/div&gt;Namun ini  adalah penulisan pengaturan secara global, dimana setiap  yang ada diantara tag elemen "li" didalam dokumen akan mengikuti  pengaturan diatas, jadi jika ingin membuat pengaturan yang lebih  spesifik anda bisa menggunakan id (#) atau class (.), contoh: &lt;br /&gt;
&lt;div class="code"&gt;&lt;code&gt;&amp;lt;ul id="menu"&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;a href="#"&amp;gt;Menu A &amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;a href="#"&amp;gt;Menu B &amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;a href="#"&amp;gt;Menu C &amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;/ul&amp;gt;&lt;/code&gt;&lt;/div&gt;Jadi di dalam file CSS anda bisa menuliskan:&lt;br /&gt;
&lt;div class="code"&gt;&lt;code&gt;#menu li { list-style-type: square; }&lt;/code&gt;&lt;/div&gt;Berikut adalah tabel dari list style kode disertai dengan contohnya  masing-masing, sebagian mungkin tidak akan ditambilkan di browser,  karena ini tergantung dari language atau simbol yang disupport oleh  browser yang kita gunakan:&lt;br /&gt;
&lt;table cellpadding="0" cellspacing="1" class="styletbl"&gt;&lt;tbody&gt;
&lt;tr&gt; &lt;td width="25%"&gt;&lt;h5&gt;Kode didalam CSS&lt;/h5&gt;&lt;/td&gt; &lt;td width="50%"&gt;&lt;h5&gt;Kode di dalam HTML&lt;/h5&gt;&lt;/td&gt; &lt;td width="25%"&gt;&lt;h5&gt;Tampilan di browser &lt;/h5&gt;&lt;/td&gt; &lt;/tr&gt;
&lt;tr&gt; &lt;td colspan="3"&gt;&lt;div class="listm"&gt;List style type&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;
&lt;tr&gt; &lt;td&gt;li {list-style-type: none;}&lt;/td&gt; &lt;td&gt;&amp;lt;ul style="list-style-type:none"&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Menu 1&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Menu 2&amp;lt;/li&amp;gt; &lt;br /&gt;
&amp;lt;/ul&amp;gt;&lt;/td&gt; &lt;td&gt;&lt;ul style="list-style-type: none;"&gt;&lt;li&gt;Menu 1&lt;/li&gt;
&lt;li&gt;Menu 2&lt;/li&gt;
&lt;/ul&gt;&lt;/td&gt; &lt;/tr&gt;
&lt;tr&gt; &lt;td&gt;li {list-style-type: disc;}&lt;/td&gt; &lt;td&gt;&amp;lt;ul style="list-style-type:disc"&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Menu 1&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Menu 2&amp;lt;/li&amp;gt; &lt;br /&gt;
&amp;lt;/ul&amp;gt;&lt;/td&gt; &lt;td&gt;&lt;ul style="list-style-type: disc;"&gt;&lt;li&gt;Menu 1&lt;/li&gt;
&lt;li&gt;Menu 2&lt;/li&gt;
&lt;/ul&gt;&lt;/td&gt; &lt;/tr&gt;
&lt;tr&gt; &lt;td&gt;li {list-style-type: circle;}&lt;/td&gt; &lt;td&gt;&amp;lt;ul style="list-style-type:circle"&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Menu 1&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Menu 2&amp;lt;/li&amp;gt; &lt;br /&gt;
&amp;lt;/ul&amp;gt;&lt;/td&gt; &lt;td&gt;&lt;ul style="list-style-type: circle;"&gt;&lt;li&gt;Menu 1&lt;/li&gt;
&lt;li&gt;Menu 2&lt;/li&gt;
&lt;/ul&gt;&lt;/td&gt; &lt;/tr&gt;
&lt;tr&gt; &lt;td&gt;li {list-style-type: square;}&lt;/td&gt; &lt;td&gt;&amp;lt;ul style="list-style-type:square"&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Menu 1&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Menu 2&amp;lt;/li&amp;gt; &lt;br /&gt;
&amp;lt;/ul&amp;gt;&lt;/td&gt; &lt;td&gt;&lt;ul style="list-style-type: square;"&gt;&lt;li&gt;Menu 1&lt;/li&gt;
&lt;li&gt;Menu 2&lt;/li&gt;
&lt;/ul&gt;&lt;/td&gt; &lt;/tr&gt;
&lt;tr&gt; &lt;td&gt;li {list-style-type: decimal-leading-zero;}&lt;/td&gt; &lt;td&gt;&amp;lt;ul style="list-style-type:decimal-leading-zero"&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Menu 1&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Menu 2&amp;lt;/li&amp;gt; &lt;br /&gt;
&amp;lt;/ul&amp;gt;&lt;/td&gt; &lt;td&gt;&lt;ul style="list-style-type: decimal-leading-zero;"&gt;&lt;li&gt;Menu 1&lt;/li&gt;
&lt;li&gt;Menu 2&lt;/li&gt;
&lt;/ul&gt;&lt;/td&gt; &lt;/tr&gt;
&lt;tr&gt; &lt;td&gt;li {list-style-type: decimal;}&lt;/td&gt; &lt;td&gt;&amp;lt;ul style="list-style-type:decimal"&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Menu 1&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Menu 2&amp;lt;/li&amp;gt; &lt;br /&gt;
&amp;lt;/ul&amp;gt;&lt;/td&gt; &lt;td&gt;&lt;ul style="list-style-type: decimal;"&gt;&lt;li&gt;Menu 1&lt;/li&gt;
&lt;li&gt;Menu 2&lt;/li&gt;
&lt;/ul&gt;&lt;/td&gt; &lt;/tr&gt;
&lt;tr&gt; &lt;td&gt;li {list-style-type: lower-roman;}&lt;/td&gt; &lt;td&gt;&amp;lt;ul style="list-style-type:lower-roman"&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Menu 1&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Menu 2&amp;lt;/li&amp;gt; &lt;br /&gt;
&amp;lt;/ul&amp;gt;&lt;/td&gt; &lt;td&gt;&lt;ul style="list-style-type: lower-roman;"&gt;&lt;li&gt;Menu 1&lt;/li&gt;
&lt;li&gt;Menu 2&lt;/li&gt;
&lt;/ul&gt;&lt;/td&gt; &lt;/tr&gt;
&lt;tr&gt; &lt;td&gt;li {list-style-type: upper-roman;}&lt;/td&gt; &lt;td&gt;&amp;lt;ul style="list-style-type:none"&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Menu 1&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Menu 2&amp;lt;/li&amp;gt; &lt;br /&gt;
&amp;lt;/ul&amp;gt;&lt;/td&gt; &lt;td&gt;&lt;ul style="list-style-type: upper-roman;"&gt;&lt;li&gt;Menu 1&lt;/li&gt;
&lt;li&gt;Menu 2&lt;/li&gt;
&lt;/ul&gt;&lt;/td&gt; &lt;/tr&gt;
&lt;tr&gt; &lt;td&gt;li {list-style-type: lower-alpha;}&lt;/td&gt; &lt;td&gt;&amp;lt;ul style="list-style-type:lower-alpha"&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Menu 1&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Menu 2&amp;lt;/li&amp;gt; &lt;br /&gt;
&amp;lt;/ul&amp;gt;&lt;/td&gt; &lt;td&gt;&lt;ul style="list-style-type: lower-alpha;"&gt;&lt;li&gt;Menu 1&lt;/li&gt;
&lt;li&gt;Menu 2&lt;/li&gt;
&lt;/ul&gt;&lt;/td&gt; &lt;/tr&gt;
&lt;tr&gt; &lt;td&gt;li {list-style-type: upper-alpha;}&lt;/td&gt; &lt;td&gt;&amp;lt;ul style="list-style-type:none"&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Menu 1&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Menu 2&amp;lt;/li&amp;gt; &lt;br /&gt;
&amp;lt;/ul&amp;gt;&lt;/td&gt; &lt;td&gt;&lt;ul style="list-style-type: upper-alpha;"&gt;&lt;li&gt;Menu 1&lt;/li&gt;
&lt;li&gt;Menu 2&lt;/li&gt;
&lt;/ul&gt;&lt;/td&gt; &lt;/tr&gt;
&lt;tr&gt; &lt;td&gt;li {list-style-type: lower-greek;}&lt;/td&gt; &lt;td&gt;&amp;lt;ul style="list-style:lower-greek"&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Menu 1&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Menu 2&amp;lt;/li&amp;gt; &lt;br /&gt;
&amp;lt;/ul&amp;gt;&lt;/td&gt; &lt;td&gt;&lt;ul style="list-style-type: lower-greek;"&gt;&lt;li&gt;Menu 1&lt;/li&gt;
&lt;li&gt;Menu 2&lt;/li&gt;
&lt;/ul&gt;&lt;/td&gt; &lt;/tr&gt;
&lt;tr&gt; &lt;td&gt;li {list-style-type: lower-latin;}&lt;/td&gt; &lt;td&gt;&amp;lt;ul style="list-style-type:lower-latin"&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Menu 1&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Menu 2&amp;lt;/li&amp;gt; &lt;br /&gt;
&amp;lt;/ul&amp;gt;&lt;/td&gt; &lt;td&gt;&lt;ul style="list-style-type: lower-alpha;"&gt;&lt;li&gt;Menu 1&lt;/li&gt;
&lt;li&gt;Menu 2&lt;/li&gt;
&lt;/ul&gt;&lt;/td&gt; &lt;/tr&gt;
&lt;tr&gt; &lt;td&gt;li {list-style-type: upper-latin;}&lt;/td&gt; &lt;td&gt;&amp;lt;ul style="list-style-type:upper-latin"&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Menu 1&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Menu 2&amp;lt;/li&amp;gt; &lt;br /&gt;
&amp;lt;/ul&amp;gt;&lt;/td&gt; &lt;td&gt;&lt;ul style="list-style-type: upper-alpha;"&gt;&lt;li&gt;Menu 1&lt;/li&gt;
&lt;li&gt;Menu 2&lt;/li&gt;
&lt;/ul&gt;&lt;/td&gt; &lt;/tr&gt;
&lt;tr&gt; &lt;td&gt;li {list-style-type: armenian;}&lt;/td&gt; &lt;td&gt;&amp;lt;ul style="list-style-type:armenian"&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Menu 1&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Menu 2&amp;lt;/li&amp;gt; &lt;br /&gt;
&amp;lt;/ul&amp;gt;&lt;/td&gt; &lt;td&gt;&lt;ul style="list-style-type: armenian;"&gt;&lt;li&gt;Menu 1&lt;/li&gt;
&lt;li&gt;Menu 2&lt;/li&gt;
&lt;/ul&gt;&lt;/td&gt; &lt;/tr&gt;
&lt;tr&gt; &lt;td&gt;li {list-style-type: georgian;}&lt;/td&gt; &lt;td&gt;&amp;lt;ul style="list-style-type:georgian"&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Menu 1&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Menu 2&amp;lt;/li&amp;gt; &lt;br /&gt;
&amp;lt;/ul&amp;gt;&lt;/td&gt; &lt;td&gt;&lt;ul style="list-style-type: georgian;"&gt;&lt;li&gt;Menu 1&lt;/li&gt;
&lt;li&gt;Menu 2&lt;/li&gt;
&lt;/ul&gt;&lt;/td&gt; &lt;/tr&gt;
&lt;tr&gt; &lt;td&gt;li {list-style-type: hebrew;}&lt;/td&gt; &lt;td&gt;&amp;lt;ul style="list-style:hebrew"&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Menu 1&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Menu 2&amp;lt;/li&amp;gt; &lt;br /&gt;
&amp;lt;/ul&amp;gt;&lt;/td&gt; &lt;td&gt;&lt;ul style="list-style-type: none;"&gt;&lt;li&gt;Menu 1&lt;/li&gt;
&lt;li&gt;Menu 2&lt;/li&gt;
&lt;/ul&gt;&lt;/td&gt; &lt;/tr&gt;
&lt;tr&gt; &lt;td&gt;li {list-style-type: cjk-ideographic;}&lt;/td&gt; &lt;td&gt;&amp;lt;ul style="list-style-type:cjk-ideographic"&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Menu 1&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Menu 2&amp;lt;/li&amp;gt; &lt;br /&gt;
&amp;lt;/ul&amp;gt;&lt;/td&gt; &lt;td&gt;&lt;ul style="list-style-type: none;"&gt;&lt;li&gt;Menu 1&lt;/li&gt;
&lt;li&gt;Menu 2&lt;/li&gt;
&lt;/ul&gt;&lt;/td&gt; &lt;/tr&gt;
&lt;tr&gt; &lt;td&gt;li {list-style-type: hiragana-iroha;}&lt;/td&gt; &lt;td&gt;&amp;lt;ul style="list-style-type:hiragana-iroha"&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Menu 1&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Menu 2&amp;lt;/li&amp;gt; &lt;br /&gt;
&amp;lt;/ul&amp;gt;&lt;/td&gt; &lt;td&gt;&lt;ul style="list-style-type: none;"&gt;&lt;li&gt;Menu 1&lt;/li&gt;
&lt;li&gt;Menu 2&lt;/li&gt;
&lt;/ul&gt;&lt;/td&gt; &lt;/tr&gt;
&lt;tr&gt; &lt;td&gt;li {list-style-type: katakana;}&lt;/td&gt; &lt;td&gt;&amp;lt;ul style="list-style-type:katakana"&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Menu 1&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Menu 2&amp;lt;/li&amp;gt; &lt;br /&gt;
&amp;lt;/ul&amp;gt;&lt;/td&gt; &lt;td&gt;&lt;ul style="list-style-type: none;"&gt;&lt;li&gt;Menu 1&lt;/li&gt;
&lt;li&gt;Menu 2&lt;/li&gt;
&lt;/ul&gt;&lt;/td&gt; &lt;/tr&gt;
&lt;tr&gt; &lt;td colspan="3"&gt;&lt;div class="listm"&gt;List style position &lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;
&lt;tr&gt; &lt;td&gt;li {list-style-position: inside;}&lt;/td&gt; &lt;td&gt;&amp;lt;ul style="list-style-position:inside"&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Menu 1&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Menu 2&amp;lt;/li&amp;gt; &lt;br /&gt;
&amp;lt;/ul&amp;gt;&lt;/td&gt; &lt;td&gt;&lt;ul style="list-style-position: inside;"&gt;&lt;li&gt;Menu 1&lt;/li&gt;
&lt;li&gt;Menu 2&lt;/li&gt;
&lt;/ul&gt;&lt;/td&gt; &lt;/tr&gt;
&lt;tr&gt; &lt;td&gt;li {list-style-position: outside;}&lt;/td&gt; &lt;td&gt;&amp;lt;ul style="list-style-position:outside"&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Menu 1&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Menu 2&amp;lt;/li&amp;gt; &lt;br /&gt;
&amp;lt;/ul&amp;gt;&lt;/td&gt; &lt;td&gt;&lt;ul style="list-style-position: outside;"&gt;&lt;li&gt;Menu 1&lt;/li&gt;
&lt;li&gt;Menu 2&lt;/li&gt;
&lt;/ul&gt;&lt;/td&gt; &lt;/tr&gt;
&lt;tr&gt; &lt;td colspan="3"&gt;&lt;div class="listm"&gt;List style image &lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;
&lt;tr&gt; &lt;td&gt;li {list-style-image: url(contoh.jpg);}&lt;/td&gt; &lt;td&gt;&amp;lt;ul style="list-style-image: url(contoh.jpg"&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Menu 1&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;Menu 2&amp;lt;/li&amp;gt; &lt;br /&gt;
&amp;lt;/ul&amp;gt;&lt;/td&gt; &lt;td&gt;&lt;ul style="list-style-image: url(&amp;quot;http://wordpress.htmlcssguides.com/images/contoh.jpg&amp;quot;);"&gt;&lt;li&gt;Menu 1&lt;/li&gt;
&lt;li&gt;Menu 2&lt;/li&gt;
&lt;/ul&gt;&lt;/td&gt; &lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;
&lt;/div&gt;</description><link>http://ichau84.blogspot.com/2010/03/pengaturan-list-menu-dengan-css.html</link><author>noreply@blogger.com (ichau (M. 5403di))</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8469467529537225477.post-7476107530333759274</guid><pubDate>Mon, 15 Mar 2010 06:01:00 +0000</pubDate><atom:updated>2010-03-15T13:01:51.101+07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Belajar HTML</category><category domain="http://www.blogger.com/atom/ns#">CSS</category><category domain="http://www.blogger.com/atom/ns#">Tips-trik</category><title>Membuat rounded corners menggunakan CSS</title><description>Apa itu &lt;strong&gt;Rounded corners&lt;/strong&gt;?&lt;br /&gt;
Untuk lebih jelasnya perhatikan gambar di bawah ini:&lt;br /&gt;
&lt;img alt="CSS test1" src="http://wordpress.htmlcssguides.com/images/ccs_test1.jpg" width="100%" /&gt;&lt;br /&gt;
Kita dapat melihat bahwa setiap sudutnya memiliki lengkungan yang  rapi. Biasanya untuk membuat lengkungan tersebut kita menggunakan gambar  (image), namun kita dapat membuat rounded corners tersebut dengan hanya  menggunakan CSS. Bagaimana caranya? ikuti langkah-langkah berikut ini.&lt;br /&gt;
Inilah kehebatan dari CSS, dengan hanya menggunakan tag elemen HTML b  dengan CSS diatur agar berupa blok (display:block) dan membuat warna  latar belakang blok tersebut sesuai dengan halaman web kemudian  memanipulasi posisinya dengan menggunakan margin.&lt;br /&gt;
&lt;a name='more'&gt;&lt;/a&gt;&lt;br /&gt;
Yang pertama kita lakukan adalah membuat pengaturan div untuk halaman  dan judul serta paragraf:&lt;br /&gt;
&lt;div class="code"&gt;&lt;code&gt;#halaman {width:80%; margin: 0 auto; }&lt;br /&gt;
#judul {margin:0px;background:#fff; }&lt;br /&gt;
.judul-teks {height:60px;margin:0px;color:#FFF;background:#090; }&lt;br /&gt;
p {margin:0px; padding-left:20px;}&lt;/code&gt;&lt;/div&gt;Berikut ini adalah kode pengaturan CSS untuk membuat Rounded corners  (garis lengkung) pada setiap sudut div:&lt;br /&gt;
&lt;div class="code"&gt;&lt;code&gt;.line1, .line2, .line3, .line4  {display:block;background:#090;}&lt;br /&gt;
.line1 {height:1px; margin:0 5px;}&lt;br /&gt;
.line2 {height:1px; margin:0 3px;}&lt;br /&gt;
.line3 {height:1px; margin:0 2px;}&lt;br /&gt;
.line4 {height:2px; margin:0 1px;}&lt;/code&gt;&lt;/div&gt;Sekarang kita akan membuat kodenya di dalam dokumen html, buka  notepad salin kode berikut kemudian simpan ke komputer anda dengan nama  “css_test1.html”&lt;br /&gt;
&lt;div class="code"&gt;&lt;code&gt;&amp;lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01  Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&amp;gt;&lt;br /&gt;
&amp;lt;html&amp;gt;&lt;br /&gt;
&amp;lt;head&amp;gt;&lt;br /&gt;
&amp;lt;title&amp;gt;Test CSS&amp;lt;/title&amp;gt;&lt;br /&gt;
&amp;lt;style type="text/css"&amp;gt;&lt;br /&gt;
&amp;lt;!--&lt;br /&gt;
#halaman {width:80%; margin: 0 auto; }&lt;br /&gt;
p {margin:0px; padding-left:20px;}&lt;br /&gt;
#judul {margin:0px;background:#fff; }&lt;br /&gt;
.judul-teks {height:60px;margin:0px;color:#FFF;background:#090; }&lt;br /&gt;
.line1, .line2, .line3, .line4 {display:block;background:#090;}&lt;br /&gt;
.line1 {height:1px; margin:0 5px;}&lt;br /&gt;
.line2 {height:1px; margin:0 3px;}&lt;br /&gt;
.line3 {height:1px; margin:0 2px;}&lt;br /&gt;
.line4 {height:2px; margin:0 1px;}&lt;br /&gt;
--&amp;gt;&lt;br /&gt;
&amp;lt;/style&amp;gt;&lt;br /&gt;
&amp;lt;/head&amp;gt;&lt;br /&gt;
&amp;lt;body&amp;gt;&lt;br /&gt;
&amp;lt;div id="halaman"&amp;gt;&lt;br /&gt;
&amp;lt;div id="judul"&amp;gt;&lt;br /&gt;
&amp;lt;b class="line1"&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;b class="line2"&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;b  class="line3"&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;b class="line4"&amp;gt;&amp;lt;/b&amp;gt;&lt;br /&gt;
&amp;lt;div class="judul-teks"&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Testing membuat rounded corners dengan CSS&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;b class="line4"&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;b class="line3"&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;b  class="line2"&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;b class="line1"&amp;gt;&amp;lt;/b&amp;gt;     &amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/body&amp;gt;&lt;br /&gt;
&amp;lt;/html&amp;gt;&lt;/code&gt;&lt;/div&gt;Selanjutnya dengan browser kita buka file tersebut, maka hasilnya  adalah seperti &lt;a href="http://wordpress.htmlcssguides.com/sample/css_test1.html" target="_self" title="test CSS"&gt;ini&lt;/a&gt;.&lt;br /&gt;
Kemudian sekarang kita akan menambah div untuk konten, jika  menggunakan warna latar yang berbeda kita harus membuat pengaturan CSS  tersendiri untuk lengkungan atau Rounded cornersnya, namun jika sewarna  anda bisa membuatnya tanpa perubahan.&lt;br /&gt;
Kita akan membuat dengan latar yang berbeda sehingga kita  harus  membuat pengaturan CSS tersendiri dengan nama class yang berbeda,  tambahkan kode berikut di dalam style CSS:&lt;br /&gt;
&lt;div class="code"&gt;&lt;code&gt;#konten { margin-top: 14px;margin-bottom:  14px;float: left; width: 100%; background:#fff;}&lt;br /&gt;
.konten-teks { height: 100%;color:#000; background:#ccc;}&lt;br /&gt;
.line1a, .line2a, .line3a, .line4a {display:block;background:#ccc;}&lt;br /&gt;
.line1a {height:1px; margin:0 5px;}&lt;br /&gt;
.line2a {height:1px; margin:0 3px;}&lt;br /&gt;
.line3a {height:1px; margin:0 2px;}&lt;br /&gt;
.line4a {height:2px; margin:0 1px;}&lt;/code&gt;&lt;/div&gt;Dan kode berikut ini kita tambahkan ke dalam tag elemen body:&lt;br /&gt;
&lt;div class="code"&gt;&lt;code&gt;&amp;lt;div id="konten"&amp;gt;&lt;br /&gt;
&amp;lt;b class="line1a"&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;b  class="line2a"&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;b class="line3a"&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;b  class="line4a"&amp;gt;&amp;lt;/b&amp;gt;&lt;br /&gt;
&amp;lt;div class="konten-teks"&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Berikut adalah cara membuat rounded corners tanpa menggunakan  gambar (image). Inilah kehebatan dari CSS, dengan hanya menggunakan tag  elemen HTML b dengan CSS diatur agar berupa blok (display:block) dan  membuat warna latar belakang blok tersebut sesuai dengan halaman web  kemudian memanipulasi posisinya dengan menggunakan margin. Hasilnya  adalah seperti yang anda lihat sekarang.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;b class="line4a"&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;b  class="line3a"&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;b class="line2a"&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;b  class="line1a"&amp;gt;&amp;lt;/b&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;/code&gt;&lt;/div&gt;Atau anda bisa menyalin kode berikut, sebagai kode komplitnya setelah  di masukkan ke dokumen html, simpan file tersebut dengan nama  “css_test2.html”&lt;br /&gt;
&lt;div class="code"&gt;&lt;code&gt;&amp;lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01  Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&amp;gt;&lt;br /&gt;
&amp;lt;html&amp;gt;&lt;br /&gt;
&amp;lt;head&amp;gt;&lt;br /&gt;
&amp;lt;title&amp;gt;Test CSS&amp;lt;/title&amp;gt;&lt;br /&gt;
&amp;lt;style type="text/css"&amp;gt;&lt;br /&gt;
&amp;lt;!--&lt;br /&gt;
#halaman {width:80%; margin: 0 auto; }&lt;br /&gt;
p {margin:0px; padding-left:20px;}&lt;br /&gt;
#judul {margin:0px;background:#fff; }&lt;br /&gt;
.judul-teks {height:60px;margin:0px;color:#FFF;background:#090; }&lt;br /&gt;
.line1, .line2, .line3, .line4 {display:block;background:#090;}&lt;br /&gt;
.line1 {height:1px; margin:0 5px;}&lt;br /&gt;
.line2 {height:1px; margin:0 3px;}&lt;br /&gt;
.line3 {height:1px; margin:0 2px;}&lt;br /&gt;
.line4 {height:2px; margin:0 1px;}&lt;br /&gt;
#konten { margin-top: 14px;margin-bottom: 14px;float: left; width: 100%;  background:#fff;}&lt;br /&gt;
.konten-teks { height: 100%;color:#000; background:#ccc;}&lt;br /&gt;
.line1a, .line2a, .line3a, .line4a {display:block;background:#ccc;}&lt;br /&gt;
.line1a {height:1px; margin:0 5px;}&lt;br /&gt;
.line2a {height:1px; margin:0 3px;}&lt;br /&gt;
.line3a {height:1px; margin:0 2px;}&lt;br /&gt;
.line4a {height:2px; margin:0 1px;}&lt;br /&gt;
--&amp;gt;&lt;br /&gt;
&amp;lt;/style&amp;gt;&lt;br /&gt;
&amp;lt;/head&amp;gt;&lt;br /&gt;
&amp;lt;body&amp;gt;&lt;br /&gt;
&amp;lt;div id="halaman"&amp;gt;&lt;br /&gt;
&amp;lt;div id="judul"&amp;gt;&lt;br /&gt;
&amp;lt;b class="line1"&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;b class="line2"&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;b  class="line3"&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;b class="line4"&amp;gt;&amp;lt;/b&amp;gt;&lt;br /&gt;
&amp;lt;div class="judul-teks"&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Testing membuat lengkungan pada sudut div dengan CSS&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;b class="line4"&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;b class="line3"&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;b  class="line2"&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;b class="line1"&amp;gt;&amp;lt;/b&amp;gt;     &amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div id="konten"&amp;gt;&lt;br /&gt;
&amp;lt;b class="line1a"&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;b  class="line2a"&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;b class="line3a"&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;b  class="line4a"&amp;gt;&amp;lt;/b&amp;gt;&lt;br /&gt;
&amp;lt;div class="konten-teks"&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Berikut adalah cara membuat garis lengkungan pada setiap sudut  div tanpa menggunakan gambar (image). Inilah kehebatan dari CSS, dengan  hanya menggunakan tag elemen HTML b dengan CSS diatur agar berupa blok  (display:block) dan membuat warna latar belakang blok tersebut sesuai  dengan halaman web kemudian memanipulasi posisinya dengan menggunakan  margin. Hasilnya adalah seperti yang anda lihat sekarang.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;b class="line4a"&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;b  class="line3a"&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;b class="line2a"&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;b  class="line1a"&amp;gt;&amp;lt;/b&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/body&amp;gt;&lt;br /&gt;
&amp;lt;/html&amp;gt;&lt;/code&gt;&lt;/div&gt;Kembali kita buka file tersebut dengan menggunakan browser, maka  hasilnya adalah seperti &lt;a href="http://wordpress.htmlcssguides.com/sample/css_test2.html" target="_self" title="test CSS"&gt;ini&lt;/a&gt;.&lt;br /&gt;
Berikut adalah contoh komplit dengan header, konten, navigasi dan  footer.&lt;br /&gt;
&lt;a href="http://wordpress.htmlcssguides.com/sample/css_komplit.html" target="_self" title="test CSS"&gt;Preview&lt;/a&gt;&lt;br /&gt;
Jadi intinya adalah setelah kita mengatur layoutnya, kita cukup  menyelipkan kode untuk membuat rounded corners (lengkungan) tersebut di  antara div awal dan div akhir.&lt;br /&gt;
Untuk melihat atau jika ingin mendownload contoh-contoh dari layout  template yang menggunakan rounded corner ini maupun layout template yang  biasa anda bisa mendapatkannya di &lt;a href="http://htmlcssguides.com/free-css-templates/"&gt;free css templates&lt;/a&gt;</description><link>http://ichau84.blogspot.com/2010/03/membuat-rounded-corners-menggunakan-css.html</link><author>noreply@blogger.com (ichau (M. 5403di))</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8469467529537225477.post-3287328357746732767</guid><pubDate>Mon, 15 Mar 2010 05:59:00 +0000</pubDate><atom:updated>2010-03-15T12:59:53.871+07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Belajar HTML</category><category domain="http://www.blogger.com/atom/ns#">Tips-trik</category><title>Belajar HTML</title><description>&lt;b&gt;Mari belajar HTML.&lt;/b&gt;&lt;br /&gt;
Jika anda baru terjun di dunia maya alias pemula (newbie) dan  tertarik ingin belajar HTML untuk membuat website sendiri maka anda  tidak salah datang ke blog ini, karena disini anda akan mendapatkan  tutorial, tips, triks dan artikel-artikel tentang bagaimana cara belajar  HTML untuk membuat website.&lt;br /&gt;
Di Internet sebenarnya kita bisa saja mendapatkan banyak template  baik yang gratis maupun yang berbayar, namun kadang tidak sesuai dengan  keinginan (selera) kita. Maka kita harus meng-edit dan melakukan  perubaha-perubahan. Di dalam mengedit dan melakukan perubahan inilah  kita harus mengerti dan memahami bahasa HTML.&lt;br /&gt;
Di blog ini anda akan mendapatkan tutorial belajar HTML yang disertai  dengan contoh-contoh mulai dari dasar, sehingga akan mudah dipahami dan  sangat cocok bagi anda yang masih pemula. Dan bagi anda yang mengedit  atau membuat suatu halaman web bisa melangkah ke halaman-halaman  berikutnya sesuai dengan topik yang anda inginkan.&lt;br /&gt;
Untuk belajar anda dapat menggunakan program HTML seperti Ms  FrontPage, Dreamweaver atau Text Editor (Notepad), sesuai dengan selera  anda masing-masing. Namun untuk tutorial ini akan diajarkan dengan  menggunakan teks editor yang simpel yaitu Notepad, jika anda ingin teks  editor yang lebih interaktif anda bisa menggunakan &lt;a href="http://notepad-plus.sourceforge.net/uk/site.htm"&gt;Notepad++&lt;/a&gt;.&lt;br /&gt;
Dalam belajar sebaiknya anda langsung praktek di program HTML anda,  sehingga akan lebih mudah untuk dipahami, anda ketik atau &lt;i&gt;copy/paste&lt;/i&gt;  contoh-contoh HTML-nya di program HTML anda dan &lt;i&gt;preview&lt;/i&gt; di  browser untuk melihat hasilnya.&lt;br /&gt;
Saya sangat berterimakasih jika anda bersedia memberikan kritik,  saran maupun komentar atas kekurangan, error, broken links dan lainnya,  masukan dari anda sangat membantu untuk perbaikan tutorial maupun blog  ini.&lt;br /&gt;
Akhir kata saya mengucapkan terimakasih banyak atas kunjungan anda  dan selamat belajar.&lt;br /&gt;
&lt;a name='more'&gt;&lt;/a&gt;&lt;br /&gt;
&lt;h3&gt;Pengenalan HTML&lt;/h3&gt;&lt;b&gt;Pengertian singkat tentang HTML&lt;/b&gt;&lt;br /&gt;
HTML (Hyper Text Markup Language) merupakan bahasa standar untuk  membuat suatu dokumen HTML (halaman web) yang terdiri dari kode-kode  singkat tertentu, dimana dengan kode-kode tersebut akan memerintahkan  Web browser bagaimana untuk menampilkan halaman Web yang terdiri dari  berbagai macam format file seperti texs, grafik, animasi link maupun  audio-video.&lt;br /&gt;
Sedangkan Web browser adalah sebuah progam yang dapat menterjemahkan  kode perintah dari dokumen HTML tersebut sehingga dapat kita lihat, baca  dan dengar. Contoh dari Web Browser adalah Internet Exsplorer, Netscape  Navigator, Mozilla Firefox, Opera, Safari dll.&lt;br /&gt;
HTML mempunyai file perluasan (extention) htm atau html. Dimana kedua  perluasan tersebut adalah sama, jadi anda boleh menyimpan file dokumen  HTML dengan extention ".htm" atau ".html".&lt;br /&gt;
Untuk mulai belajar HTML kita akan menggunakan Texs Editor, Notepad.  Di bawah ini adalah contoh suatu dokumen HTML yang sangat sederhana.  Buka Notepad, silahkan mulai dengan mengetikkan (copy/paste) texs di  bawah ini:&lt;br /&gt;
&lt;div class="code"&gt;&lt;code&gt;&amp;lt;html&amp;gt;&lt;br /&gt;
&amp;lt;head&amp;gt;&lt;br /&gt;
&amp;lt;title&amp;gt;Titel Websiteku&amp;lt;/title&amp;gt;&lt;br /&gt;
&amp;lt;/head&amp;gt;&lt;br /&gt;
&amp;lt;body&amp;gt;&lt;br /&gt;
Ini adalah dokumen HTML pertamaku&lt;br /&gt;
&amp;lt;/body&amp;gt;&lt;br /&gt;
&amp;lt;/html&amp;gt;&lt;/code&gt;&lt;/div&gt;&lt;a href="http://wordpress.htmlcssguides.com/sample/html_sederhana.htm" target="_self" title="html_sederhana.htm"&gt;Preview&lt;/a&gt;&lt;br /&gt;
Simpan file tersebut dengan pilihan "save as" ke C:\My Documents  dengan nama "websiteku.htm." Kemudian buka browser dari menu File, klik  Open dan tujukan ke C:\My Documents\websiteku.htm "klik Ok" maka halaman  website pertama anda akan ditampilkan.&lt;br /&gt;
&lt;i&gt;*Lakukan hal yang sama untuk contoh-contoh selanjutnya.&lt;/i&gt;&lt;br /&gt;
Perintah didalam dokumen HTML terdiri dari berbagai struktur penyusun  seperti tag, elemen, atribut dan nilai.&lt;b&gt; Tag&lt;/b&gt; terdiri  dari lambang-lambang khusus seperti: " &amp;lt;", " &amp;gt;" dan "/", untuk  menuliskannya di dalam dokumen HTML dimulai dengan tag pembuka "  &amp;lt;…&amp;gt;"dan diakhiri dengan tag penutup " &amp;lt;/…&amp;gt;". Kemudian di  dalam tag tersebut terdapat teks seperti contoh diatas :html, head,  title,body dan yang lainnya ini disebut dengan &lt;b&gt;Elemen&lt;/b&gt;  HTML.&lt;br /&gt;
Elemen HTML kemudian ada yang memiliki &lt;b&gt;atribut&lt;/b&gt; dan &lt;b&gt;nilai&lt;/b&gt;  tertentu, seperti contoh untuk membuat warna latar belakang  (background): &amp;lt;body bgcolor="0000ff"&amp;gt;, body merupakan elemen,  bgcolor adalah atribut dan 0000ff merupakan nilai (value).&lt;br /&gt;
Elemen HTML mempunyai tiga hal penting yaitu: tag pembuka, isi, dan  tag penutup. Sebagai contoh: Elemen html mempunyai tag pembuka "  &amp;lt;html&amp;gt;" dan tag penutup " &amp;lt;/html&amp;gt;" dan yang berada  diantaranya merupakan isi dari elemen html. Untuk menuliskan Elemen HTML  bisa menggunakan huruf besar maupun huruf kecil. Contoh: &amp;lt;HTML&amp;gt;,  &amp;lt;HtMl&amp;gt;, &amp;lt;HTml&amp;gt;, &amp;lt;html&amp;gt;, semuanya adalah sama.&lt;br /&gt;
&lt;h3&gt;Tag Dasar HTML&lt;/h3&gt;Komponen dasar dari suatu dokumen HTML terdiri dari tag elemen HTML,  HEAD dan BODY. Berikut ini adalah penjelasan dari Tag Elemen tersebut:&lt;br /&gt;
&lt;div class="code"&gt;&lt;code&gt;&amp;lt;html&amp;gt;&lt;br /&gt;
&amp;lt;head&amp;gt;&lt;br /&gt;
&amp;lt;title&amp;gt;Disini titel websiteku&amp;lt;/title&amp;gt;&lt;br /&gt;
&amp;lt;/head&amp;gt;&lt;br /&gt;
&amp;lt;body&amp;gt;&lt;br /&gt;
Disini adalah konten yang tampil di browser&lt;br /&gt;
&amp;lt;/body&amp;gt;&lt;br /&gt;
&amp;lt;/html&amp;gt;&lt;/code&gt;&lt;/div&gt;&lt;a href="http://wordpress.htmlcssguides.com/sample/dasar_tag.htm" target="_self" title="Tag dasar HTML"&gt;Preview&lt;/a&gt;&lt;br /&gt;
Tag pertama pada dokumen HTML diatas adalah: " &amp;lt;html&amp;gt;" tag ini  merupakan awal dari suatu dokumen HTML, dan tag " &amp;lt;/html&amp;gt;"  merupakan akhir dari dokumen HTML. Isi keseluruhan dari suatu dokumen  HTML selalu berada diantara tag &amp;lt;html&amp;gt;…&amp;lt;/html&amp;gt;.&lt;br /&gt;
Kemudian tag " &amp;lt;head&amp;gt;…&amp;lt;/head&amp;gt;" (header) adalah informasi  dari dokumen HTML. Informasi di dalam header meliputi: title, meta,  style, script dll. Selain Title informasi di dalam header ini nantinya  tidak akan di tampilkan di web browser.&lt;br /&gt;
Tag berikutnya adalah " &amp;lt;title&amp;gt;…&amp;lt;/title&amp;gt;" merupakan  bagian dari Head, tag ini adalah sebagai Titel dari dokumen HTML, titel  ini akan tampil di titel dan tab browser. Sebagai contoh sewaktu anda  membuka file contoh diatas perhatikan akan muncul tulisan "Disini titel  websiteku".&lt;br /&gt;
&lt;img alt="Titel" src="http://wordpress.htmlcssguides.com/images/titel.jpg" width="100%" /&gt;&lt;br /&gt;
Tag "&amp;lt;body&amp;gt;…&amp;lt;/body&amp;gt;" merupakan isi dari suatu dokumen  HTML yang akan ditampilkan di web browser, yang terdiri dari berbagai  macam format file berupa texs, grafik, link, animasi maupun audio-video  (multimedia).&lt;br /&gt;
&lt;h3&gt;Format Font HTML&lt;/h3&gt;Tag HTML untuk font adalah &amp;lt;font&amp;gt;…&amp;lt;/font&amp;gt;, dengan tag ini  kita bisa menentukan jenis font (face), warna (color), dan ukuran  (size), untuk lebih jelasnya mari kita perhatikan contoh berikut ini:&lt;br /&gt;
&lt;div class="code"&gt;&lt;code&gt;&amp;lt;html&amp;gt;&lt;br /&gt;
&amp;lt;head&amp;gt;&amp;lt;/head&amp;gt;&lt;br /&gt;
&amp;lt;body&amp;gt;&lt;br /&gt;
Untuk membuat jenis font (face):&lt;br /&gt;
&amp;lt;h1&amp;gt;&amp;lt;font face="Verdana"&amp;gt;Judul dengan font  Verdana&amp;lt;/font&amp;gt;&amp;lt;/h1&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;font face="Times"&amp;gt;Konten dengan font  Times&amp;lt;/font&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
Untuk membuat ukuran (size):&lt;br /&gt;
&amp;lt;h1&amp;gt;&amp;lt;font size="5"&amp;gt;Judul dengan size  5&amp;lt;/font&amp;gt;&amp;lt;/h1&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;font size="3"&amp;gt;Konten dengan size  3&amp;lt;/font&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
Untuk membuat warna font (color):&lt;br /&gt;
&amp;lt;h1&amp;gt;&amp;lt;font color="blue"&amp;gt;Judul dengan warna  biru&amp;lt;/font&amp;gt;&amp;lt;/h1&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;font color="red"&amp;gt;Konten dengan warna  merah&amp;lt;/font&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
Contoh komplit untuk membuat jenis font (face),size dan color:&lt;br /&gt;
&amp;lt;h1&amp;gt;&amp;lt;font face="Verdana" size="4" color="green"&amp;gt;Judulnya  Tentang Font&amp;lt;/font&amp;gt;&amp;lt;/h1&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;font face="Arial" size="3" color="#660000"&amp;gt;Ini adalah  contoh tulisan dengan &amp;lt;i&amp;gt;pengaturan font&amp;lt;/i&amp;gt; yang  menggunakan&amp;lt;br&amp;gt;&lt;br /&gt;
tag HTML elemen &amp;lt;b&amp;gt;font&amp;lt;/b&amp;gt; dengan atribut face, size dan  color...&amp;lt;/font&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/body&amp;gt;&lt;br /&gt;
&amp;lt;/html&amp;gt;&lt;/code&gt;&lt;/div&gt;&lt;a href="http://wordpress.htmlcssguides.com/sample/format_font1.htm" target="_self" title="format font1 html"&gt;Preview&lt;/a&gt;&lt;br /&gt;
Berikut adalah sebagai referensi bagi anda untuk memanipulasi atribut  face, color dan size:&lt;br /&gt;
Atribut&lt;br /&gt;
face="Jenis font yang digunakan", contoh: face="Tahoma"&lt;br /&gt;
size="Ukuran dari font (1-7)", contoh: size="3"&lt;br /&gt;
size="Memperbesar ukuran font", contoh: size="+1"&lt;br /&gt;
size="Memperkecil ukuran font", contoh: size="-1"&lt;br /&gt;
color="Warna dari font", contoh: color="blue"&lt;br /&gt;
color="Warna dari font", contoh: color="#FF0000"&lt;br /&gt;
Sesuai dengan recomendasi dari World Web Consortium (W3C), Untuk HTML  4.0 keatas, tag &amp;lt;font&amp;gt; tidak dipergunakan lagi, sebagai gantinya  dibuat tag &amp;lt;style&amp;gt; atau disebut dengan Cassading Style Sheets  (CSS). Dengan CSS penggunaanya akan lebih kompleks dan lebih luas lagi  karena dapat dikombinasikan dengan tag elemen-elemen lainnya di dalam  dokumen HTML. Berikut adalah contoh penggunaan tag style sheets:&lt;br /&gt;
&lt;div class="code"&gt;&lt;code&gt;&amp;lt;html&amp;gt;&lt;br /&gt;
&amp;lt;head&amp;gt;&amp;lt;/head&amp;gt;&lt;br /&gt;
&amp;lt;body&amp;gt;&lt;br /&gt;
Untuk membuat jenis font (face):&lt;br /&gt;
&amp;lt;h1 style="font-family:verdana"&amp;gt;Judul Menggunakan font  verdana&amp;lt;/h1&amp;gt;&lt;br /&gt;
&amp;lt;p style="font-family:tahoma"&amp;gt;Konten menggunakan font  tahoma&amp;lt;/p&amp;gt;&lt;br /&gt;
Untuk membuat ukuran (size):&lt;br /&gt;
&amp;lt;h1 style="font-size:150%"&amp;gt;Judul dengan ukuran 150%&amp;lt;/h1&amp;gt;&lt;br /&gt;
&amp;lt;p style="font-size:80%"&amp;gt;Konten dengan ukuran 80%&amp;lt;/p&amp;gt;&lt;br /&gt;
Untuk membuat warna font (color):&lt;br /&gt;
&amp;lt;h1 style="color:blue"&amp;gt;Judul dengan warna Biru&amp;lt;/h1&amp;gt;&lt;br /&gt;
&amp;lt;p style="color:red"&amp;gt;Konten dengan warna merah&amp;lt;/p&amp;gt;&lt;br /&gt;
Contoh komplit untuk membuat jenis font (face),size dan color:&lt;br /&gt;
&amp;lt;p style="font-family:verdana;font-size:80%;color:green"&amp;gt;&lt;br /&gt;
Ini adalah contoh tulisan pengaturan font dengan &amp;lt;i&amp;gt;Cassading  Style Sheets&amp;lt;/i&amp;gt; (CSS) yang&amp;lt;br&amp;gt;&lt;br /&gt;
menggunakan tag HTML elemen &amp;lt;b&amp;gt;style:&amp;lt;/b&amp;gt; font-family,  font-size dan color...&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/body&amp;gt;&lt;br /&gt;
&amp;lt;/html&amp;gt;&lt;/code&gt;&lt;/div&gt;&lt;a href="http://wordpress.htmlcssguides.com/sample/format_font2.htm" target="_self" title="format font2 html"&gt;Preview&lt;/a&gt;&lt;br /&gt;
Untuk mengetahui lebih lanjut tentang CSS, nanti akan dibuat tutorial  khusus untuk membahas hal ini.&lt;br /&gt;
&lt;h3&gt;Format text HTML&lt;/h3&gt;Untuk menulis biasanya ada paragraf dan baris baru, lantas bagaiman  cara menuliskannya di dokumen HTML?. Dari contoh yang sudah kita buat  sebelumnya, coba tambahkan dengan tag-tag berikut ini:&lt;br /&gt;
&lt;div class="code"&gt;&lt;code&gt;&amp;lt;html&amp;gt;&lt;br /&gt;
&amp;lt;head&amp;gt;&lt;br /&gt;
&amp;lt;title&amp;gt;Selamat Datang di Websiteku&amp;lt;/title&amp;gt;&lt;br /&gt;
&amp;lt;/head&amp;gt;&lt;br /&gt;
&amp;lt;body&amp;gt;&lt;br /&gt;
Ini adalah halaman HTML pertamaku.&lt;br /&gt;
&amp;lt;p&amp;gt;Aku sedang membuat paragraf dan ini contohnya.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Ini contoh paragraf yang lainnya.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Ini juga paragraf mm...tapi de-&amp;lt;br&amp;gt;&lt;br /&gt;
ngan baris baru.&amp;lt;br&amp;gt;&lt;br /&gt;
Ini baris baru yang lain.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/body&amp;gt;&lt;br /&gt;
&amp;lt;/html&amp;gt;&lt;/code&gt;&lt;/div&gt;&lt;a href="http://wordpress.htmlcssguides.com/sample/text_html.htm" target="_self" title="text html"&gt;Preview&lt;/a&gt;&lt;br /&gt;
Untuk membuat suatu paragraf, tag elemennya adalah  &amp;lt;p&amp;gt;…&amp;lt;/p&amp;gt;, dan untuk baris baru adalah &amp;lt;br&amp;gt;, perlu  diketahui bahwa sebagian tag elemen HTML tidak memerlukan tag penutup,  sebagai contoh adalah &amp;lt;br&amp;gt; ada juga &amp;lt;hr&amp;gt;, apa itu  &amp;lt;hr&amp;gt;?, coba lanjutkan lagi dengan contoh berikut ini:&lt;br /&gt;
&lt;div class="code"&gt;&lt;code&gt;&amp;lt;html&amp;gt;&lt;br /&gt;
&amp;lt;head&amp;gt;&lt;br /&gt;
&amp;lt;title&amp;gt;Selamat Datang di Websiteku&amp;lt;/title&amp;gt;&lt;br /&gt;
&amp;lt;/head&amp;gt;&lt;br /&gt;
&amp;lt;body&amp;gt;&lt;br /&gt;
&amp;lt;hr&amp;gt;&lt;br /&gt;
&amp;lt;h1&amp;gt;Ini adalah halaman HTML pertamaku.&amp;lt;/h1&amp;gt;&lt;br /&gt;
Dikerjakan oleh: &amp;lt;!-- Tolong isikan dengan nama anda --&amp;gt;&lt;br /&gt;
&amp;lt;hr&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Aku sedang membuat paragraf dan ini contohnya.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Ini contoh paragraf yang lainnya.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Ini juga paragraf mm...tapi de-&amp;lt;br&amp;gt;&lt;br /&gt;
ngan baris baru.&amp;lt;br&amp;gt;&lt;br /&gt;
Ini baris baru yang lain.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/body&amp;gt;&lt;br /&gt;
&amp;lt;/html&amp;gt;&lt;/code&gt;&lt;/div&gt;&lt;a href="http://wordpress.htmlcssguides.com/sample/text2_html.htm" target="_self" title="text2 html"&gt;Preview&lt;/a&gt;&lt;br /&gt;
Nah..udah tau kan apa itu &amp;lt;hr&amp;gt;. Garis Horizontal &amp;lt;hr&amp;gt;  juga tidak menggunakan tag penutup. Kemudian ada &amp;lt;h1&amp;gt;…&amp;lt;/h1&amp;gt;  disebut dengan Heading, merupakan ukuran teks yang biasa di pakai untuk  judul, bab, maupun sub-bab lainnya. Ukurannya ada 6 jenis mulai dari  &amp;lt;h1&amp;gt; sampai &amp;lt;h6&amp;gt;, ukuran yang paling besar adalah h1 dan  yang terkecil adalah h6.&lt;br /&gt;
Selanjutnya tag &amp;lt;!–…–&amp;gt; adalah Comments digunakan untuk  memasukkan (menyisipkan) suatu komentar di dalam HTML. Suatu comments  akan diabaikasn oleh browser. Kamu dapat menggunakan komentar untuk  menjelaskan sesuatu hal.&lt;br /&gt;
Dibawah ini adalah contoh format teks yang sering digunakan di dalam  dokumen HTML :&lt;br /&gt;
&lt;div class="code"&gt;&lt;code&gt;&amp;lt;html&amp;gt;&lt;br /&gt;
&amp;lt;head&amp;gt;&amp;lt;/head&amp;gt;&lt;br /&gt;
&amp;lt;body&amp;gt;&lt;br /&gt;
&amp;lt;hr&amp;gt;&lt;br /&gt;
&amp;lt;h1&amp;gt;Ini adalah halaman HTML pertamaku.&amp;lt;/h1&amp;gt;&lt;br /&gt;
Dikerjakan oleh: &amp;lt;!-- Tolong isikan dengan nama anda --&amp;gt;&lt;br /&gt;
&amp;lt;hr&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Aku sedang mempelajari format-format teks.&amp;lt;br&amp;gt;&lt;br /&gt;
Contoh-contohnya adalah sebagai berikut:&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Teks Normal&amp;lt;br&amp;gt;&lt;br /&gt;
&amp;lt;tt&amp;gt;Teks mesin ketik&amp;lt;/tt&amp;gt;&amp;lt;br&amp;gt;&lt;br /&gt;
&amp;lt;b&amp;gt;Teks tebal (bold)&amp;lt;/b&amp;gt;&amp;lt;br&amp;gt;&lt;br /&gt;
&amp;lt;strong&amp;gt;Teks tebal dengan perintah Strong&amp;lt;/strong&amp;gt;&amp;lt;br&amp;gt;&lt;br /&gt;
&amp;lt;i&amp;gt;Teks dengan italic (miring)&amp;lt;/i&amp;gt;&amp;lt;br&amp;gt;&lt;br /&gt;
&amp;lt;em&amp;gt;Teks miring dengan perintah Emphasized&amp;lt;/em&amp;gt;&amp;lt;br&amp;gt;&lt;br /&gt;
&amp;lt;u&amp;gt;Teks bergaris bawah (underline)&amp;lt;/u&amp;gt;&amp;lt;br&amp;gt;&lt;br /&gt;
&amp;lt;strike&amp;gt;Teks tercoret (strike)&amp;lt;/strike&amp;gt;&amp;lt;br&amp;gt;&lt;br /&gt;
&amp;lt;big&amp;gt;Teks lebih besar dari normal&amp;lt;/big&amp;gt;&amp;lt;br&amp;gt;&lt;br /&gt;
&amp;lt;small&amp;gt;Teks lebih kecil dari normal&amp;lt;/small&amp;gt;&amp;lt;br&amp;gt;&lt;br /&gt;
Teks menggunakan Subscript: Molekul Air adalah  H&amp;lt;sub&amp;gt;2&amp;lt;/sub&amp;gt;O&amp;lt;br&amp;gt;&lt;br /&gt;
Teks menggunakan Superscript: Hasil dari  10&amp;lt;sup&amp;gt;2&amp;lt;/sup&amp;gt;=100&amp;lt;br&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/body&amp;gt;&lt;br /&gt;
&amp;lt;/html&amp;gt;&lt;/code&gt;&lt;/div&gt;&lt;a href="http://wordpress.htmlcssguides.com/sample/format_text1.htm" target="_self" title="format text1 html"&gt;Preview&lt;/a&gt;&lt;br /&gt;
Kemudian untuk menampilkan teks sesuai dengan yang tertulis kita gunakan  tag &amp;lt;pre&amp;gt;…&amp;lt;/pre&amp;gt;, misalnya jika anda menuliskan syair  sebuah lagu atau puisi:&lt;br /&gt;
&lt;pre class="code"&gt;&lt;code&gt;
&amp;lt;html&amp;gt;
&amp;lt;body&amp;gt;
&amp;lt;pre&amp;gt;
    &amp;lt;b&amp;gt;PUITUIS ASA&amp;lt;/b&amp;gt;
    Hari ini...
    Aku sedang belajar...
    Belajar tentang HTML.
       Sulit 'ntuk dimengerti,
       Karena banyaknya teks-teks aneh.
       Tapi biarlah...
    Akan kucoba...
    Sampai pingsan.
&amp;lt;/pre&amp;gt;
&amp;lt;/body&amp;gt;
&amp;lt;/html&amp;gt;&lt;/code&gt;&lt;/pre&gt;&lt;a href="http://wordpress.htmlcssguides.com/sample/format_text2.htm" target="_self" title="format text2 html"&gt;Preview&lt;/a&gt;&lt;br /&gt;
&lt;h3&gt;Hyperlink HTML&lt;/h3&gt;&lt;b&gt;Hyperlink&lt;/b&gt; digunakan untuk menghubungkan antar  halaman dokumen di dalam web. Tag HTML Hyperlink biasa disebut dengan  anchor (a) kemudian diikuti dengan href sebagai alamat tujuan dari link  tersebut. Berikut kita akan membuat suatu Hyperlink ke suatu alamat url:&lt;br /&gt;
&lt;div class="code"&gt;&lt;code&gt;&amp;lt;html&amp;gt;&lt;br /&gt;
&amp;lt;head&amp;gt;&amp;lt;/head&amp;gt;&lt;br /&gt;
&amp;lt;body&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Aku sekarang sedang membuat hyperlink&amp;lt;/p&amp;gt;&lt;br /&gt;
Jika anda ingin mengunjungi Microsoft&lt;br /&gt;
&amp;lt;a href="http://www.microsoft.com/"&amp;gt;Klik  disini&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;&lt;br /&gt;
&amp;lt;a href="http://www.yahoo.com/"&amp;gt;Link ini&amp;lt;/a&amp;gt; akan membawa  anda ke Yahoo.com&lt;br /&gt;
&amp;lt;p&amp;gt;Untuk membuat hyperlink url agar dibuka pada jendela browser  yang baru:&amp;lt;p&amp;gt;&lt;br /&gt;
&amp;lt;a href="http://www.mp3.com/"target="_blank"&amp;gt;Website  Musik&amp;lt;/a&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Agar hyperlink tidak bergaris bawah:&amp;lt;p&amp;gt;&lt;br /&gt;
&amp;lt;a href="http://www.mp3.com/"target="_blank" style="text-decoration:  none"&amp;gt;Website Musik&amp;lt;/a&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Hyperlink ke suatu halaman tertentu dalam web:&amp;lt;p&amp;gt;&lt;br /&gt;
&amp;lt;!--dengan catatan anda harus tau nama halaman tujuan tersebut--&amp;gt;&lt;br /&gt;
&amp;lt;a href="http://wordpress.htmlcssguides.com/belajar-css/"&amp;gt;Link  ini&amp;lt;/a&amp;gt; akan membawa anda ke halaman belajar css.&lt;br /&gt;
&amp;lt;/body&amp;gt;&lt;br /&gt;
&amp;lt;/html&amp;gt;&lt;/code&gt;&lt;/div&gt;&lt;a href="http://wordpress.htmlcssguides.com/sample/hyperlink1.htm" target="_self" title="hyperlink1.htm"&gt;Preview&lt;/a&gt;&lt;br /&gt;
Untuk membuat hyperlink dengan menggunakan gambar (image). Pastikan  gambar tersebut berada pada folder yang sama dengan dokumen html anda  dan harus tahu nama dan extentionnya, kemudian ganti ke atribut yang  bertuliskan scr, misalkan jika nama gambar tersebut adalah yahoo.gif,  maka :&lt;br /&gt;
&lt;div class="code"&gt;&lt;code&gt;&amp;lt;a href="http://www.yahoo.com"&amp;gt; &amp;lt;img  src="yahoo.gif" border="0" width="147" height="31"&amp;gt;&amp;lt;/a&amp;gt;&lt;/code&gt;&lt;/div&gt;&lt;a href="http://www.yahoo.com/"&gt; &lt;img alt="" border="0" height="31" src="http://wordpress.htmlcssguides.com/images/yahoo.gif" width="147" /&gt;&lt;/a&gt;&lt;br /&gt;
Img merupakan atribut untuk suatu image (gambar), border adalah garis  yang mengelilingi sisi image, width dan height merupakan lebar dan  tinggi dari image. Kreatiflah untuk menganti nilai yang ada diantar  tanda "…"sehingga anda akan lebih mengerti. Untuk memposisikan gambar,  tambahkan dengan atribut align="…", left= kiri, center= tengah dan  right= kanan.&lt;br /&gt;
&lt;div class="code"&gt;&lt;code&gt;&amp;lt;a href="http://www.yahoo.com"&amp;gt; &amp;lt;img  src="yahoo.gif" border="0" width="147" height="31"  align="left"&amp;gt;&amp;lt;/a&amp;gt;&lt;/code&gt;&lt;/div&gt;&lt;a href="http://www.yahoo.com/" target="_blank" title="Hai... klik gambar ini maka 
anda akan dibawa ke Yahoo.com"&gt;&lt;img alt="" height="31" src="http://wordpress.htmlcssguides.com/images/yahoo.gif" width="147" /&gt;&lt;/a&gt;Sekarang coba geser mouse anda ke gambar di  atas, jangan di-klik, perhatikan akan ditampilkan suata tulisan singkat  mengenai gambar tesebut, ini disebut dengan screen tips, cara membuatnya  adalah menambahkan title pada tag anchor (a) sehingga menjadi:&lt;br /&gt;
&lt;div class="code"&gt;&lt;code&gt;&amp;lt;a href="http://www.yahoo.com" title="Hai...  klik gambar ini maka anda akan dibawa ke Yahoo.com"&amp;gt;&amp;lt;img  src="contoh.jpg" border="0" width="147" height="31" align="left"  alt="yahoo"&amp;gt;&amp;lt;/a&amp;gt;&lt;/code&gt;&lt;/div&gt;&lt;a href="http://www.yahoo.com/" target="_blank"&gt;&lt;img alt="Text Alternatif 
Yahoo.com" height="31" src="http://wordpress.htmlcssguides.com/yahoo.gif" width="147" /&gt;&lt;/a&gt; Agar cepat mengakses internet  kita boleh mengatur browser untuk tidak menampilkan image (gambar). Dan  semua gambar akan ditampilkan dengan teks alternatif (alt), jika gambar  tesebut tidak memiliki alternatif teks maka hanya akan dilambangkan  dengan lambang x.&lt;br /&gt;
&lt;div class="code"&gt;&lt;code&gt;&amp;lt;a href="http://www.yahoo.com"&amp;gt; &amp;lt;img  border="0" src="contoh.jpg" width="120" height="30" align="left"  alt="Text Alternatif Yahoo.com"&amp;gt;&amp;lt;/a&amp;gt;&lt;/code&gt;&lt;/div&gt;&lt;h3&gt;Background HTML&lt;/h3&gt;Dengan menggunakan latar belakang (background) maka website kita akan  nampak semakin menarik. Untuk memasukkan latar belakang kita bisa  menggunakan pilihan warna maupun grafik (gambar).&lt;br /&gt;
Sekarang kita mulai dengan menggunakan pilihan warna:&lt;br /&gt;
&lt;div class="code"&gt;&lt;code&gt;&amp;lt;html&amp;gt;&lt;br /&gt;
&amp;lt;head&amp;gt;&amp;lt;/head&amp;gt;&lt;br /&gt;
&amp;lt;body bgcolor="#FF99FF"&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Hai.. Saat ini saya sedang belajar membuat latar belakang  dengan warna&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Kalau anda kurang suka dengan warnanya... ganti aja deh... kode  warnanya... &amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/body&amp;gt;&lt;br /&gt;
&amp;lt;/html&amp;gt;&lt;/code&gt;&lt;/div&gt;&lt;a href="http://wordpress.htmlcssguides.com/sample/background1.htm" target="_self" title="background1.htm"&gt;Preview&lt;/a&gt;&lt;br /&gt;
Untuk nilai dari atribut bgcolor diatas anda bisa menggunakan Kode  hexadecimal, Nilai RGB atau Nama dari warna tersebut.&lt;br /&gt;
Coba anda ganti nilai dari atribut bgcolor dengan contoh dibawah ini:&lt;br /&gt;
&lt;div class="code"&gt;&lt;code&gt;&amp;lt;body bgcolor="#FFFF00"&amp;gt;&lt;br /&gt;
&amp;lt;body bgcolor="rgb(250,250,0)"&amp;gt;&lt;br /&gt;
&amp;lt;body bgcolor="yellow"&amp;gt;&lt;/code&gt;&lt;/div&gt;Hasilnya akan sama. Ikuti link berikut ini untuk mengetahui &lt;a href="http://wordpress.htmlcssguides.com/web-design-tool/kode_hexadecimal_rgb.htm" target="_self" title="kode_hexadecimal_rgb"&gt;Kode Hexadecimal dan Nilai RGB&lt;/a&gt; dari suatu warna,  tapi maaf untuk nama warnanya cari sendiri aja deh…&lt;br /&gt;
Selanjutnya membuat latar belakang dengan grafik atau gambar.&lt;br /&gt;
Pertama anda harus punya gambar yang ber-extention .gif atau .jpg  yang akan dijadikan background, masukkan (copy) gambar tersebut ke  folder tempat file dokumen HTML anda berada, dan harus tahu nama dan  perluasan (extention) dari file tersebut, misalkan nama filenya adalah:  background.jpg&lt;br /&gt;
&lt;div class="code"&gt;&lt;code&gt;&amp;lt;html&amp;gt;&lt;br /&gt;
&amp;lt;head&amp;gt;&amp;lt;/head&amp;gt;&lt;br /&gt;
&amp;lt;body background="background.jpg"&amp;gt;&lt;br /&gt;
&amp;lt;font color="blue"&amp;gt;&amp;lt;h1 color="red"&amp;gt;Selamat datang di  Websiteku&amp;lt;/h1&amp;gt;&amp;lt;/font&amp;gt;&amp;lt;hr color="#ff0000" size="2"&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;font face="Verdana" size="4" color="black"&amp;gt;Hai... Saat  ini saya sedang belajar membuat latar belakang dengan gambar,&amp;lt;br&amp;gt;&lt;br /&gt;
Biar bagaimanapun anda diwajibkan harus  menyukainya...&amp;lt;/font&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/body&amp;gt;&lt;br /&gt;
&amp;lt;/html&amp;gt;&lt;/code&gt;&lt;/div&gt;&lt;a href="http://wordpress.htmlcssguides.com/sample/background2.htm" target="_self" title="background2.htm"&gt;Preview&lt;/a&gt;&lt;br /&gt;
Kemudian latar belakang dapat juga menggunakan gambar yang ada di  website orang lain, tapi dengan catatan anda harus sedang terhubung ke  internet (online) dan harus tahu alamat url dari gambar tersebut di  internet. Untuk mengetahui alamat suatu gambar klik kanan gambar  tersebut kemudian pilih properties dan lihat image location, copy alamat  tersebut dan ganti ke contoh dibawah ini diawali dari http:&lt;br /&gt;
&lt;div class="code"&gt;&lt;code&gt;&amp;lt;html&amp;gt;&lt;br /&gt;
&amp;lt;head&amp;gt;&amp;lt;/head&amp;gt;&lt;br /&gt;
&amp;lt;body  background="http://i703.photobucket.com/albums/ww40/Jessie4life007/background.jpg"&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Hai.. Saat ini saya sedang belajar membuat latarbelakang dengan  menggunakan gambar dari website orang lain! hua ha..ha..ha..&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Mudah-mudahan yang punya website ngamuk sekalian deh...siapa  takut!!&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/body&amp;gt;&lt;br /&gt;
&amp;lt;/html&amp;gt;&lt;/code&gt;&lt;/div&gt;&lt;a href="http://wordpress.htmlcssguides.com/sample/background3.htm" target="_self" title="background3.htm"&gt;Preview&lt;/a&gt;</description><enclosure length="0" type="" url="http://hans.polinpdg.ac.id/html/"/><link>http://ichau84.blogspot.com/2010/03/belajar-html.html</link><author>noreply@blogger.com (ichau (M. 5403di))</author><thr:total>0</thr:total><itunes:explicit>no</itunes:explicit><itunes:subtitle>Mari belajar HTML. Jika anda baru terjun di dunia maya alias pemula (newbie) dan tertarik ingin belajar HTML untuk membuat website sendiri maka anda tidak salah datang ke blog ini, karena disini anda akan mendapatkan tutorial, tips, triks dan artikel-artikel tentang bagaimana cara belajar HTML untuk membuat website. Di Internet sebenarnya kita bisa saja mendapatkan banyak template baik yang gratis maupun yang berbayar, namun kadang tidak sesuai dengan keinginan (selera) kita. Maka kita harus meng-edit dan melakukan perubaha-perubahan. Di dalam mengedit dan melakukan perubahan inilah kita harus mengerti dan memahami bahasa HTML. Di blog ini anda akan mendapatkan tutorial belajar HTML yang disertai dengan contoh-contoh mulai dari dasar, sehingga akan mudah dipahami dan sangat cocok bagi anda yang masih pemula. Dan bagi anda yang mengedit atau membuat suatu halaman web bisa melangkah ke halaman-halaman berikutnya sesuai dengan topik yang anda inginkan. Untuk belajar anda dapat menggunakan program HTML seperti Ms FrontPage, Dreamweaver atau Text Editor (Notepad), sesuai dengan selera anda masing-masing. Namun untuk tutorial ini akan diajarkan dengan menggunakan teks editor yang simpel yaitu Notepad, jika anda ingin teks editor yang lebih interaktif anda bisa menggunakan Notepad++. Dalam belajar sebaiknya anda langsung praktek di program HTML anda, sehingga akan lebih mudah untuk dipahami, anda ketik atau copy/paste contoh-contoh HTML-nya di program HTML anda dan preview di browser untuk melihat hasilnya. Saya sangat berterimakasih jika anda bersedia memberikan kritik, saran maupun komentar atas kekurangan, error, broken links dan lainnya, masukan dari anda sangat membantu untuk perbaikan tutorial maupun blog ini. Akhir kata saya mengucapkan terimakasih banyak atas kunjungan anda dan selamat belajar. Pengenalan HTMLPengertian singkat tentang HTML HTML (Hyper Text Markup Language) merupakan bahasa standar untuk membuat suatu dokumen HTML (halaman web) yang terdiri dari kode-kode singkat tertentu, dimana dengan kode-kode tersebut akan memerintahkan Web browser bagaimana untuk menampilkan halaman Web yang terdiri dari berbagai macam format file seperti texs, grafik, animasi link maupun audio-video. Sedangkan Web browser adalah sebuah progam yang dapat menterjemahkan kode perintah dari dokumen HTML tersebut sehingga dapat kita lihat, baca dan dengar. Contoh dari Web Browser adalah Internet Exsplorer, Netscape Navigator, Mozilla Firefox, Opera, Safari dll. HTML mempunyai file perluasan (extention) htm atau html. Dimana kedua perluasan tersebut adalah sama, jadi anda boleh menyimpan file dokumen HTML dengan extention ".htm" atau ".html". Untuk mulai belajar HTML kita akan menggunakan Texs Editor, Notepad. Di bawah ini adalah contoh suatu dokumen HTML yang sangat sederhana. Buka Notepad, silahkan mulai dengan mengetikkan (copy/paste) texs di bawah ini: &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;title&amp;gt;Titel Websiteku&amp;lt;/title&amp;gt; &amp;lt;/head&amp;gt; &amp;lt;body&amp;gt; Ini adalah dokumen HTML pertamaku &amp;lt;/body&amp;gt; &amp;lt;/html&amp;gt;Preview Simpan file tersebut dengan pilihan "save as" ke C:\My Documents dengan nama "websiteku.htm." Kemudian buka browser dari menu File, klik Open dan tujukan ke C:\My Documents\websiteku.htm "klik Ok" maka halaman website pertama anda akan ditampilkan. *Lakukan hal yang sama untuk contoh-contoh selanjutnya. Perintah didalam dokumen HTML terdiri dari berbagai struktur penyusun seperti tag, elemen, atribut dan nilai. Tag terdiri dari lambang-lambang khusus seperti: " &amp;lt;", " &amp;gt;" dan "/", untuk menuliskannya di dalam dokumen HTML dimulai dengan tag pembuka " &amp;lt;…&amp;gt;"dan diakhiri dengan tag penutup " &amp;lt;/…&amp;gt;". Kemudian di dalam tag tersebut terdapat teks seperti contoh diatas :html, head, title,body dan yang lainnya ini disebut dengan Elemen HTML. Elemen HTML kemudian ada yang memiliki atribut dan nilai tertentu, seperti contoh untuk membuat warna latar belakang (background): &amp;lt;body bgcolor="0000ff"&amp;gt;, body merupakan elemen, bgcolor adalah atribut dan 0000ff merupakan nilai (value). Elemen HTML mempunyai tiga hal penting yaitu: tag pembuka, isi, dan tag penutup. Sebagai contoh: Elemen html mempunyai tag pembuka " &amp;lt;html&amp;gt;" dan tag penutup " &amp;lt;/html&amp;gt;" dan yang berada diantaranya merupakan isi dari elemen html. Untuk menuliskan Elemen HTML bisa menggunakan huruf besar maupun huruf kecil. Contoh: &amp;lt;HTML&amp;gt;, &amp;lt;HtMl&amp;gt;, &amp;lt;HTml&amp;gt;, &amp;lt;html&amp;gt;, semuanya adalah sama. Tag Dasar HTMLKomponen dasar dari suatu dokumen HTML terdiri dari tag elemen HTML, HEAD dan BODY. Berikut ini adalah penjelasan dari Tag Elemen tersebut: &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;title&amp;gt;Disini titel websiteku&amp;lt;/title&amp;gt; &amp;lt;/head&amp;gt; &amp;lt;body&amp;gt; Disini adalah konten yang tampil di browser &amp;lt;/body&amp;gt; &amp;lt;/html&amp;gt;Preview Tag pertama pada dokumen HTML diatas adalah: " &amp;lt;html&amp;gt;" tag ini merupakan awal dari suatu dokumen HTML, dan tag " &amp;lt;/html&amp;gt;" merupakan akhir dari dokumen HTML. Isi keseluruhan dari suatu dokumen HTML selalu berada diantara tag &amp;lt;html&amp;gt;…&amp;lt;/html&amp;gt;. Kemudian tag " &amp;lt;head&amp;gt;…&amp;lt;/head&amp;gt;" (header) adalah informasi dari dokumen HTML. Informasi di dalam header meliputi: title, meta, style, script dll. Selain Title informasi di dalam header ini nantinya tidak akan di tampilkan di web browser. Tag berikutnya adalah " &amp;lt;title&amp;gt;…&amp;lt;/title&amp;gt;" merupakan bagian dari Head, tag ini adalah sebagai Titel dari dokumen HTML, titel ini akan tampil di titel dan tab browser. Sebagai contoh sewaktu anda membuka file contoh diatas perhatikan akan muncul tulisan "Disini titel websiteku". Tag "&amp;lt;body&amp;gt;…&amp;lt;/body&amp;gt;" merupakan isi dari suatu dokumen HTML yang akan ditampilkan di web browser, yang terdiri dari berbagai macam format file berupa texs, grafik, link, animasi maupun audio-video (multimedia). Format Font HTMLTag HTML untuk font adalah &amp;lt;font&amp;gt;…&amp;lt;/font&amp;gt;, dengan tag ini kita bisa menentukan jenis font (face), warna (color), dan ukuran (size), untuk lebih jelasnya mari kita perhatikan contoh berikut ini: &amp;lt;html&amp;gt; &amp;lt;head&amp;gt;&amp;lt;/head&amp;gt; &amp;lt;body&amp;gt; Untuk membuat jenis font (face): &amp;lt;h1&amp;gt;&amp;lt;font face="Verdana"&amp;gt;Judul dengan font Verdana&amp;lt;/font&amp;gt;&amp;lt;/h1&amp;gt; &amp;lt;p&amp;gt;&amp;lt;font face="Times"&amp;gt;Konten dengan font Times&amp;lt;/font&amp;gt;&amp;lt;/p&amp;gt; Untuk membuat ukuran (size): &amp;lt;h1&amp;gt;&amp;lt;font size="5"&amp;gt;Judul dengan size 5&amp;lt;/font&amp;gt;&amp;lt;/h1&amp;gt; &amp;lt;p&amp;gt;&amp;lt;font size="3"&amp;gt;Konten dengan size 3&amp;lt;/font&amp;gt;&amp;lt;/p&amp;gt; Untuk membuat warna font (color): &amp;lt;h1&amp;gt;&amp;lt;font color="blue"&amp;gt;Judul dengan warna biru&amp;lt;/font&amp;gt;&amp;lt;/h1&amp;gt; &amp;lt;p&amp;gt;&amp;lt;font color="red"&amp;gt;Konten dengan warna merah&amp;lt;/font&amp;gt;&amp;lt;/p&amp;gt; Contoh komplit untuk membuat jenis font (face),size dan color: &amp;lt;h1&amp;gt;&amp;lt;font face="Verdana" size="4" color="green"&amp;gt;Judulnya Tentang Font&amp;lt;/font&amp;gt;&amp;lt;/h1&amp;gt; &amp;lt;p&amp;gt;&amp;lt;font face="Arial" size="3" color="#660000"&amp;gt;Ini adalah contoh tulisan dengan &amp;lt;i&amp;gt;pengaturan font&amp;lt;/i&amp;gt; yang menggunakan&amp;lt;br&amp;gt; tag HTML elemen &amp;lt;b&amp;gt;font&amp;lt;/b&amp;gt; dengan atribut face, size dan color...&amp;lt;/font&amp;gt;&amp;lt;/p&amp;gt; &amp;lt;/body&amp;gt; &amp;lt;/html&amp;gt;Preview Berikut adalah sebagai referensi bagi anda untuk memanipulasi atribut face, color dan size: Atribut face="Jenis font yang digunakan", contoh: face="Tahoma" size="Ukuran dari font (1-7)", contoh: size="3" size="Memperbesar ukuran font", contoh: size="+1" size="Memperkecil ukuran font", contoh: size="-1" color="Warna dari font", contoh: color="blue" color="Warna dari font", contoh: color="#FF0000" Sesuai dengan recomendasi dari World Web Consortium (W3C), Untuk HTML 4.0 keatas, tag &amp;lt;font&amp;gt; tidak dipergunakan lagi, sebagai gantinya dibuat tag &amp;lt;style&amp;gt; atau disebut dengan Cassading Style Sheets (CSS). Dengan CSS penggunaanya akan lebih kompleks dan lebih luas lagi karena dapat dikombinasikan dengan tag elemen-elemen lainnya di dalam dokumen HTML. Berikut adalah contoh penggunaan tag style sheets: &amp;lt;html&amp;gt; &amp;lt;head&amp;gt;&amp;lt;/head&amp;gt; &amp;lt;body&amp;gt; Untuk membuat jenis font (face): &amp;lt;h1 style="font-family:verdana"&amp;gt;Judul Menggunakan font verdana&amp;lt;/h1&amp;gt; &amp;lt;p style="font-family:tahoma"&amp;gt;Konten menggunakan font tahoma&amp;lt;/p&amp;gt; Untuk membuat ukuran (size): &amp;lt;h1 style="font-size:150%"&amp;gt;Judul dengan ukuran 150%&amp;lt;/h1&amp;gt; &amp;lt;p style="font-size:80%"&amp;gt;Konten dengan ukuran 80%&amp;lt;/p&amp;gt; Untuk membuat warna font (color): &amp;lt;h1 style="color:blue"&amp;gt;Judul dengan warna Biru&amp;lt;/h1&amp;gt; &amp;lt;p style="color:red"&amp;gt;Konten dengan warna merah&amp;lt;/p&amp;gt; Contoh komplit untuk membuat jenis font (face),size dan color: &amp;lt;p style="font-family:verdana;font-size:80%;color:green"&amp;gt; Ini adalah contoh tulisan pengaturan font dengan &amp;lt;i&amp;gt;Cassading Style Sheets&amp;lt;/i&amp;gt; (CSS) yang&amp;lt;br&amp;gt; menggunakan tag HTML elemen &amp;lt;b&amp;gt;style:&amp;lt;/b&amp;gt; font-family, font-size dan color...&amp;lt;/p&amp;gt; &amp;lt;/body&amp;gt; &amp;lt;/html&amp;gt;Preview Untuk mengetahui lebih lanjut tentang CSS, nanti akan dibuat tutorial khusus untuk membahas hal ini. Format text HTMLUntuk menulis biasanya ada paragraf dan baris baru, lantas bagaiman cara menuliskannya di dokumen HTML?. Dari contoh yang sudah kita buat sebelumnya, coba tambahkan dengan tag-tag berikut ini: &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;title&amp;gt;Selamat Datang di Websiteku&amp;lt;/title&amp;gt; &amp;lt;/head&amp;gt; &amp;lt;body&amp;gt; Ini adalah halaman HTML pertamaku. &amp;lt;p&amp;gt;Aku sedang membuat paragraf dan ini contohnya.&amp;lt;/p&amp;gt; &amp;lt;p&amp;gt;Ini contoh paragraf yang lainnya.&amp;lt;/p&amp;gt; &amp;lt;p&amp;gt;Ini juga paragraf mm...tapi de-&amp;lt;br&amp;gt; ngan baris baru.&amp;lt;br&amp;gt; Ini baris baru yang lain.&amp;lt;/p&amp;gt; &amp;lt;/body&amp;gt; &amp;lt;/html&amp;gt;Preview Untuk membuat suatu paragraf, tag elemennya adalah &amp;lt;p&amp;gt;…&amp;lt;/p&amp;gt;, dan untuk baris baru adalah &amp;lt;br&amp;gt;, perlu diketahui bahwa sebagian tag elemen HTML tidak memerlukan tag penutup, sebagai contoh adalah &amp;lt;br&amp;gt; ada juga &amp;lt;hr&amp;gt;, apa itu &amp;lt;hr&amp;gt;?, coba lanjutkan lagi dengan contoh berikut ini: &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;title&amp;gt;Selamat Datang di Websiteku&amp;lt;/title&amp;gt; &amp;lt;/head&amp;gt; &amp;lt;body&amp;gt; &amp;lt;hr&amp;gt; &amp;lt;h1&amp;gt;Ini adalah halaman HTML pertamaku.&amp;lt;/h1&amp;gt; Dikerjakan oleh: &amp;lt;!-- Tolong isikan dengan nama anda --&amp;gt; &amp;lt;hr&amp;gt; &amp;lt;p&amp;gt;Aku sedang membuat paragraf dan ini contohnya.&amp;lt;/p&amp;gt; &amp;lt;p&amp;gt;Ini contoh paragraf yang lainnya.&amp;lt;/p&amp;gt; &amp;lt;p&amp;gt;Ini juga paragraf mm...tapi de-&amp;lt;br&amp;gt; ngan baris baru.&amp;lt;br&amp;gt; Ini baris baru yang lain.&amp;lt;/p&amp;gt; &amp;lt;/body&amp;gt; &amp;lt;/html&amp;gt;Preview Nah..udah tau kan apa itu &amp;lt;hr&amp;gt;. Garis Horizontal &amp;lt;hr&amp;gt; juga tidak menggunakan tag penutup. Kemudian ada &amp;lt;h1&amp;gt;…&amp;lt;/h1&amp;gt; disebut dengan Heading, merupakan ukuran teks yang biasa di pakai untuk judul, bab, maupun sub-bab lainnya. Ukurannya ada 6 jenis mulai dari &amp;lt;h1&amp;gt; sampai &amp;lt;h6&amp;gt;, ukuran yang paling besar adalah h1 dan yang terkecil adalah h6. Selanjutnya tag &amp;lt;!–…–&amp;gt; adalah Comments digunakan untuk memasukkan (menyisipkan) suatu komentar di dalam HTML. Suatu comments akan diabaikasn oleh browser. Kamu dapat menggunakan komentar untuk menjelaskan sesuatu hal. Dibawah ini adalah contoh format teks yang sering digunakan di dalam dokumen HTML : &amp;lt;html&amp;gt; &amp;lt;head&amp;gt;&amp;lt;/head&amp;gt; &amp;lt;body&amp;gt; &amp;lt;hr&amp;gt; &amp;lt;h1&amp;gt;Ini adalah halaman HTML pertamaku.&amp;lt;/h1&amp;gt; Dikerjakan oleh: &amp;lt;!-- Tolong isikan dengan nama anda --&amp;gt; &amp;lt;hr&amp;gt; &amp;lt;p&amp;gt;Aku sedang mempelajari format-format teks.&amp;lt;br&amp;gt; Contoh-contohnya adalah sebagai berikut:&amp;lt;/p&amp;gt; &amp;lt;p&amp;gt;Teks Normal&amp;lt;br&amp;gt; &amp;lt;tt&amp;gt;Teks mesin ketik&amp;lt;/tt&amp;gt;&amp;lt;br&amp;gt; &amp;lt;b&amp;gt;Teks tebal (bold)&amp;lt;/b&amp;gt;&amp;lt;br&amp;gt; &amp;lt;strong&amp;gt;Teks tebal dengan perintah Strong&amp;lt;/strong&amp;gt;&amp;lt;br&amp;gt; &amp;lt;i&amp;gt;Teks dengan italic (miring)&amp;lt;/i&amp;gt;&amp;lt;br&amp;gt; &amp;lt;em&amp;gt;Teks miring dengan perintah Emphasized&amp;lt;/em&amp;gt;&amp;lt;br&amp;gt; &amp;lt;u&amp;gt;Teks bergaris bawah (underline)&amp;lt;/u&amp;gt;&amp;lt;br&amp;gt; &amp;lt;strike&amp;gt;Teks tercoret (strike)&amp;lt;/strike&amp;gt;&amp;lt;br&amp;gt; &amp;lt;big&amp;gt;Teks lebih besar dari normal&amp;lt;/big&amp;gt;&amp;lt;br&amp;gt; &amp;lt;small&amp;gt;Teks lebih kecil dari normal&amp;lt;/small&amp;gt;&amp;lt;br&amp;gt; Teks menggunakan Subscript: Molekul Air adalah H&amp;lt;sub&amp;gt;2&amp;lt;/sub&amp;gt;O&amp;lt;br&amp;gt; Teks menggunakan Superscript: Hasil dari 10&amp;lt;sup&amp;gt;2&amp;lt;/sup&amp;gt;=100&amp;lt;br&amp;gt;&amp;lt;/p&amp;gt; &amp;lt;/body&amp;gt; &amp;lt;/html&amp;gt;Preview Kemudian untuk menampilkan teks sesuai dengan yang tertulis kita gunakan tag &amp;lt;pre&amp;gt;…&amp;lt;/pre&amp;gt;, misalnya jika anda menuliskan syair sebuah lagu atau puisi: &amp;lt;html&amp;gt; &amp;lt;body&amp;gt; &amp;lt;pre&amp;gt; &amp;lt;b&amp;gt;PUITUIS ASA&amp;lt;/b&amp;gt; Hari ini... Aku sedang belajar... Belajar tentang HTML. Sulit 'ntuk dimengerti, Karena banyaknya teks-teks aneh. Tapi biarlah... Akan kucoba... Sampai pingsan. &amp;lt;/pre&amp;gt; &amp;lt;/body&amp;gt; &amp;lt;/html&amp;gt;Preview Hyperlink HTMLHyperlink digunakan untuk menghubungkan antar halaman dokumen di dalam web. Tag HTML Hyperlink biasa disebut dengan anchor (a) kemudian diikuti dengan href sebagai alamat tujuan dari link tersebut. Berikut kita akan membuat suatu Hyperlink ke suatu alamat url: &amp;lt;html&amp;gt; &amp;lt;head&amp;gt;&amp;lt;/head&amp;gt; &amp;lt;body&amp;gt; &amp;lt;p&amp;gt;Aku sekarang sedang membuat hyperlink&amp;lt;/p&amp;gt; Jika anda ingin mengunjungi Microsoft &amp;lt;a href="http://www.microsoft.com/"&amp;gt;Klik disini&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt; &amp;lt;a href="http://www.yahoo.com/"&amp;gt;Link ini&amp;lt;/a&amp;gt; akan membawa anda ke Yahoo.com &amp;lt;p&amp;gt;Untuk membuat hyperlink url agar dibuka pada jendela browser yang baru:&amp;lt;p&amp;gt; &amp;lt;a href="http://www.mp3.com/"target="_blank"&amp;gt;Website Musik&amp;lt;/a&amp;gt; &amp;lt;p&amp;gt;Agar hyperlink tidak bergaris bawah:&amp;lt;p&amp;gt; &amp;lt;a href="http://www.mp3.com/"target="_blank" style="text-decoration: none"&amp;gt;Website Musik&amp;lt;/a&amp;gt; &amp;lt;p&amp;gt;Hyperlink ke suatu halaman tertentu dalam web:&amp;lt;p&amp;gt; &amp;lt;!--dengan catatan anda harus tau nama halaman tujuan tersebut--&amp;gt; &amp;lt;a href="http://wordpress.htmlcssguides.com/belajar-css/"&amp;gt;Link ini&amp;lt;/a&amp;gt; akan membawa anda ke halaman belajar css. &amp;lt;/body&amp;gt; &amp;lt;/html&amp;gt;Preview Untuk membuat hyperlink dengan menggunakan gambar (image). Pastikan gambar tersebut berada pada folder yang sama dengan dokumen html anda dan harus tahu nama dan extentionnya, kemudian ganti ke atribut yang bertuliskan scr, misalkan jika nama gambar tersebut adalah yahoo.gif, maka : &amp;lt;a href="http://www.yahoo.com"&amp;gt; &amp;lt;img src="yahoo.gif" border="0" width="147" height="31"&amp;gt;&amp;lt;/a&amp;gt; Img merupakan atribut untuk suatu image (gambar), border adalah garis yang mengelilingi sisi image, width dan height merupakan lebar dan tinggi dari image. Kreatiflah untuk menganti nilai yang ada diantar tanda "…"sehingga anda akan lebih mengerti. Untuk memposisikan gambar, tambahkan dengan atribut align="…", left= kiri, center= tengah dan right= kanan. &amp;lt;a href="http://www.yahoo.com"&amp;gt; &amp;lt;img src="yahoo.gif" border="0" width="147" height="31" align="left"&amp;gt;&amp;lt;/a&amp;gt;Sekarang coba geser mouse anda ke gambar di atas, jangan di-klik, perhatikan akan ditampilkan suata tulisan singkat mengenai gambar tesebut, ini disebut dengan screen tips, cara membuatnya adalah menambahkan title pada tag anchor (a) sehingga menjadi: &amp;lt;a href="http://www.yahoo.com" title="Hai... klik gambar ini maka anda akan dibawa ke Yahoo.com"&amp;gt;&amp;lt;img src="contoh.jpg" border="0" width="147" height="31" align="left" alt="yahoo"&amp;gt;&amp;lt;/a&amp;gt; Agar cepat mengakses internet kita boleh mengatur browser untuk tidak menampilkan image (gambar). Dan semua gambar akan ditampilkan dengan teks alternatif (alt), jika gambar tesebut tidak memiliki alternatif teks maka hanya akan dilambangkan dengan lambang x. &amp;lt;a href="http://www.yahoo.com"&amp;gt; &amp;lt;img border="0" src="contoh.jpg" width="120" height="30" align="left" alt="Text Alternatif Yahoo.com"&amp;gt;&amp;lt;/a&amp;gt;Background HTMLDengan menggunakan latar belakang (background) maka website kita akan nampak semakin menarik. Untuk memasukkan latar belakang kita bisa menggunakan pilihan warna maupun grafik (gambar). Sekarang kita mulai dengan menggunakan pilihan warna: &amp;lt;html&amp;gt; &amp;lt;head&amp;gt;&amp;lt;/head&amp;gt; &amp;lt;body bgcolor="#FF99FF"&amp;gt; &amp;lt;p&amp;gt;Hai.. Saat ini saya sedang belajar membuat latar belakang dengan warna&amp;lt;/p&amp;gt; &amp;lt;p&amp;gt;Kalau anda kurang suka dengan warnanya... ganti aja deh... kode warnanya... &amp;lt;/p&amp;gt; &amp;lt;/body&amp;gt; &amp;lt;/html&amp;gt;Preview Untuk nilai dari atribut bgcolor diatas anda bisa menggunakan Kode hexadecimal, Nilai RGB atau Nama dari warna tersebut. Coba anda ganti nilai dari atribut bgcolor dengan contoh dibawah ini: &amp;lt;body bgcolor="#FFFF00"&amp;gt; &amp;lt;body bgcolor="rgb(250,250,0)"&amp;gt; &amp;lt;body bgcolor="yellow"&amp;gt;Hasilnya akan sama. Ikuti link berikut ini untuk mengetahui Kode Hexadecimal dan Nilai RGB dari suatu warna, tapi maaf untuk nama warnanya cari sendiri aja deh… Selanjutnya membuat latar belakang dengan grafik atau gambar. Pertama anda harus punya gambar yang ber-extention .gif atau .jpg yang akan dijadikan background, masukkan (copy) gambar tersebut ke folder tempat file dokumen HTML anda berada, dan harus tahu nama dan perluasan (extention) dari file tersebut, misalkan nama filenya adalah: background.jpg &amp;lt;html&amp;gt; &amp;lt;head&amp;gt;&amp;lt;/head&amp;gt; &amp;lt;body background="background.jpg"&amp;gt; &amp;lt;font color="blue"&amp;gt;&amp;lt;h1 color="red"&amp;gt;Selamat datang di Websiteku&amp;lt;/h1&amp;gt;&amp;lt;/font&amp;gt;&amp;lt;hr color="#ff0000" size="2"&amp;gt; &amp;lt;p&amp;gt;&amp;lt;font face="Verdana" size="4" color="black"&amp;gt;Hai... Saat ini saya sedang belajar membuat latar belakang dengan gambar,&amp;lt;br&amp;gt; Biar bagaimanapun anda diwajibkan harus menyukainya...&amp;lt;/font&amp;gt;&amp;lt;/p&amp;gt; &amp;lt;/body&amp;gt; &amp;lt;/html&amp;gt;Preview Kemudian latar belakang dapat juga menggunakan gambar yang ada di website orang lain, tapi dengan catatan anda harus sedang terhubung ke internet (online) dan harus tahu alamat url dari gambar tersebut di internet. Untuk mengetahui alamat suatu gambar klik kanan gambar tersebut kemudian pilih properties dan lihat image location, copy alamat tersebut dan ganti ke contoh dibawah ini diawali dari http: &amp;lt;html&amp;gt; &amp;lt;head&amp;gt;&amp;lt;/head&amp;gt; &amp;lt;body background="http://i703.photobucket.com/albums/ww40/Jessie4life007/background.jpg"&amp;gt; &amp;lt;p&amp;gt;Hai.. Saat ini saya sedang belajar membuat latarbelakang dengan menggunakan gambar dari website orang lain! hua ha..ha..ha..&amp;lt;/p&amp;gt; &amp;lt;p&amp;gt;Mudah-mudahan yang punya website ngamuk sekalian deh...siapa takut!!&amp;lt;/p&amp;gt; &amp;lt;/body&amp;gt; &amp;lt;/html&amp;gt;Preview</itunes:subtitle><itunes:author>noreply@blogger.com (ichau (M. 5403di))</itunes:author><itunes:summary>Mari belajar HTML. Jika anda baru terjun di dunia maya alias pemula (newbie) dan tertarik ingin belajar HTML untuk membuat website sendiri maka anda tidak salah datang ke blog ini, karena disini anda akan mendapatkan tutorial, tips, triks dan artikel-artikel tentang bagaimana cara belajar HTML untuk membuat website. Di Internet sebenarnya kita bisa saja mendapatkan banyak template baik yang gratis maupun yang berbayar, namun kadang tidak sesuai dengan keinginan (selera) kita. Maka kita harus meng-edit dan melakukan perubaha-perubahan. Di dalam mengedit dan melakukan perubahan inilah kita harus mengerti dan memahami bahasa HTML. Di blog ini anda akan mendapatkan tutorial belajar HTML yang disertai dengan contoh-contoh mulai dari dasar, sehingga akan mudah dipahami dan sangat cocok bagi anda yang masih pemula. Dan bagi anda yang mengedit atau membuat suatu halaman web bisa melangkah ke halaman-halaman berikutnya sesuai dengan topik yang anda inginkan. Untuk belajar anda dapat menggunakan program HTML seperti Ms FrontPage, Dreamweaver atau Text Editor (Notepad), sesuai dengan selera anda masing-masing. Namun untuk tutorial ini akan diajarkan dengan menggunakan teks editor yang simpel yaitu Notepad, jika anda ingin teks editor yang lebih interaktif anda bisa menggunakan Notepad++. Dalam belajar sebaiknya anda langsung praktek di program HTML anda, sehingga akan lebih mudah untuk dipahami, anda ketik atau copy/paste contoh-contoh HTML-nya di program HTML anda dan preview di browser untuk melihat hasilnya. Saya sangat berterimakasih jika anda bersedia memberikan kritik, saran maupun komentar atas kekurangan, error, broken links dan lainnya, masukan dari anda sangat membantu untuk perbaikan tutorial maupun blog ini. Akhir kata saya mengucapkan terimakasih banyak atas kunjungan anda dan selamat belajar. Pengenalan HTMLPengertian singkat tentang HTML HTML (Hyper Text Markup Language) merupakan bahasa standar untuk membuat suatu dokumen HTML (halaman web) yang terdiri dari kode-kode singkat tertentu, dimana dengan kode-kode tersebut akan memerintahkan Web browser bagaimana untuk menampilkan halaman Web yang terdiri dari berbagai macam format file seperti texs, grafik, animasi link maupun audio-video. Sedangkan Web browser adalah sebuah progam yang dapat menterjemahkan kode perintah dari dokumen HTML tersebut sehingga dapat kita lihat, baca dan dengar. Contoh dari Web Browser adalah Internet Exsplorer, Netscape Navigator, Mozilla Firefox, Opera, Safari dll. HTML mempunyai file perluasan (extention) htm atau html. Dimana kedua perluasan tersebut adalah sama, jadi anda boleh menyimpan file dokumen HTML dengan extention ".htm" atau ".html". Untuk mulai belajar HTML kita akan menggunakan Texs Editor, Notepad. Di bawah ini adalah contoh suatu dokumen HTML yang sangat sederhana. Buka Notepad, silahkan mulai dengan mengetikkan (copy/paste) texs di bawah ini: &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;title&amp;gt;Titel Websiteku&amp;lt;/title&amp;gt; &amp;lt;/head&amp;gt; &amp;lt;body&amp;gt; Ini adalah dokumen HTML pertamaku &amp;lt;/body&amp;gt; &amp;lt;/html&amp;gt;Preview Simpan file tersebut dengan pilihan "save as" ke C:\My Documents dengan nama "websiteku.htm." Kemudian buka browser dari menu File, klik Open dan tujukan ke C:\My Documents\websiteku.htm "klik Ok" maka halaman website pertama anda akan ditampilkan. *Lakukan hal yang sama untuk contoh-contoh selanjutnya. Perintah didalam dokumen HTML terdiri dari berbagai struktur penyusun seperti tag, elemen, atribut dan nilai. Tag terdiri dari lambang-lambang khusus seperti: " &amp;lt;", " &amp;gt;" dan "/", untuk menuliskannya di dalam dokumen HTML dimulai dengan tag pembuka " &amp;lt;…&amp;gt;"dan diakhiri dengan tag penutup " &amp;lt;/…&amp;gt;". Kemudian di dalam tag tersebut terdapat teks seperti contoh diatas :html, head, title,body dan yang lainnya ini disebut dengan Elemen HTML. Elemen HTML kemudian ada yang memiliki atribut dan nilai tertentu, seperti contoh untuk membuat warna latar belakang (background): &amp;lt;body bgcolor="0000ff"&amp;gt;, body merupakan elemen, bgcolor adalah atribut dan 0000ff merupakan nilai (value). Elemen HTML mempunyai tiga hal penting yaitu: tag pembuka, isi, dan tag penutup. Sebagai contoh: Elemen html mempunyai tag pembuka " &amp;lt;html&amp;gt;" dan tag penutup " &amp;lt;/html&amp;gt;" dan yang berada diantaranya merupakan isi dari elemen html. Untuk menuliskan Elemen HTML bisa menggunakan huruf besar maupun huruf kecil. Contoh: &amp;lt;HTML&amp;gt;, &amp;lt;HtMl&amp;gt;, &amp;lt;HTml&amp;gt;, &amp;lt;html&amp;gt;, semuanya adalah sama. Tag Dasar HTMLKomponen dasar dari suatu dokumen HTML terdiri dari tag elemen HTML, HEAD dan BODY. Berikut ini adalah penjelasan dari Tag Elemen tersebut: &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;title&amp;gt;Disini titel websiteku&amp;lt;/title&amp;gt; &amp;lt;/head&amp;gt; &amp;lt;body&amp;gt; Disini adalah konten yang tampil di browser &amp;lt;/body&amp;gt; &amp;lt;/html&amp;gt;Preview Tag pertama pada dokumen HTML diatas adalah: " &amp;lt;html&amp;gt;" tag ini merupakan awal dari suatu dokumen HTML, dan tag " &amp;lt;/html&amp;gt;" merupakan akhir dari dokumen HTML. Isi keseluruhan dari suatu dokumen HTML selalu berada diantara tag &amp;lt;html&amp;gt;…&amp;lt;/html&amp;gt;. Kemudian tag " &amp;lt;head&amp;gt;…&amp;lt;/head&amp;gt;" (header) adalah informasi dari dokumen HTML. Informasi di dalam header meliputi: title, meta, style, script dll. Selain Title informasi di dalam header ini nantinya tidak akan di tampilkan di web browser. Tag berikutnya adalah " &amp;lt;title&amp;gt;…&amp;lt;/title&amp;gt;" merupakan bagian dari Head, tag ini adalah sebagai Titel dari dokumen HTML, titel ini akan tampil di titel dan tab browser. Sebagai contoh sewaktu anda membuka file contoh diatas perhatikan akan muncul tulisan "Disini titel websiteku". Tag "&amp;lt;body&amp;gt;…&amp;lt;/body&amp;gt;" merupakan isi dari suatu dokumen HTML yang akan ditampilkan di web browser, yang terdiri dari berbagai macam format file berupa texs, grafik, link, animasi maupun audio-video (multimedia). Format Font HTMLTag HTML untuk font adalah &amp;lt;font&amp;gt;…&amp;lt;/font&amp;gt;, dengan tag ini kita bisa menentukan jenis font (face), warna (color), dan ukuran (size), untuk lebih jelasnya mari kita perhatikan contoh berikut ini: &amp;lt;html&amp;gt; &amp;lt;head&amp;gt;&amp;lt;/head&amp;gt; &amp;lt;body&amp;gt; Untuk membuat jenis font (face): &amp;lt;h1&amp;gt;&amp;lt;font face="Verdana"&amp;gt;Judul dengan font Verdana&amp;lt;/font&amp;gt;&amp;lt;/h1&amp;gt; &amp;lt;p&amp;gt;&amp;lt;font face="Times"&amp;gt;Konten dengan font Times&amp;lt;/font&amp;gt;&amp;lt;/p&amp;gt; Untuk membuat ukuran (size): &amp;lt;h1&amp;gt;&amp;lt;font size="5"&amp;gt;Judul dengan size 5&amp;lt;/font&amp;gt;&amp;lt;/h1&amp;gt; &amp;lt;p&amp;gt;&amp;lt;font size="3"&amp;gt;Konten dengan size 3&amp;lt;/font&amp;gt;&amp;lt;/p&amp;gt; Untuk membuat warna font (color): &amp;lt;h1&amp;gt;&amp;lt;font color="blue"&amp;gt;Judul dengan warna biru&amp;lt;/font&amp;gt;&amp;lt;/h1&amp;gt; &amp;lt;p&amp;gt;&amp;lt;font color="red"&amp;gt;Konten dengan warna merah&amp;lt;/font&amp;gt;&amp;lt;/p&amp;gt; Contoh komplit untuk membuat jenis font (face),size dan color: &amp;lt;h1&amp;gt;&amp;lt;font face="Verdana" size="4" color="green"&amp;gt;Judulnya Tentang Font&amp;lt;/font&amp;gt;&amp;lt;/h1&amp;gt; &amp;lt;p&amp;gt;&amp;lt;font face="Arial" size="3" color="#660000"&amp;gt;Ini adalah contoh tulisan dengan &amp;lt;i&amp;gt;pengaturan font&amp;lt;/i&amp;gt; yang menggunakan&amp;lt;br&amp;gt; tag HTML elemen &amp;lt;b&amp;gt;font&amp;lt;/b&amp;gt; dengan atribut face, size dan color...&amp;lt;/font&amp;gt;&amp;lt;/p&amp;gt; &amp;lt;/body&amp;gt; &amp;lt;/html&amp;gt;Preview Berikut adalah sebagai referensi bagi anda untuk memanipulasi atribut face, color dan size: Atribut face="Jenis font yang digunakan", contoh: face="Tahoma" size="Ukuran dari font (1-7)", contoh: size="3" size="Memperbesar ukuran font", contoh: size="+1" size="Memperkecil ukuran font", contoh: size="-1" color="Warna dari font", contoh: color="blue" color="Warna dari font", contoh: color="#FF0000" Sesuai dengan recomendasi dari World Web Consortium (W3C), Untuk HTML 4.0 keatas, tag &amp;lt;font&amp;gt; tidak dipergunakan lagi, sebagai gantinya dibuat tag &amp;lt;style&amp;gt; atau disebut dengan Cassading Style Sheets (CSS). Dengan CSS penggunaanya akan lebih kompleks dan lebih luas lagi karena dapat dikombinasikan dengan tag elemen-elemen lainnya di dalam dokumen HTML. Berikut adalah contoh penggunaan tag style sheets: &amp;lt;html&amp;gt; &amp;lt;head&amp;gt;&amp;lt;/head&amp;gt; &amp;lt;body&amp;gt; Untuk membuat jenis font (face): &amp;lt;h1 style="font-family:verdana"&amp;gt;Judul Menggunakan font verdana&amp;lt;/h1&amp;gt; &amp;lt;p style="font-family:tahoma"&amp;gt;Konten menggunakan font tahoma&amp;lt;/p&amp;gt; Untuk membuat ukuran (size): &amp;lt;h1 style="font-size:150%"&amp;gt;Judul dengan ukuran 150%&amp;lt;/h1&amp;gt; &amp;lt;p style="font-size:80%"&amp;gt;Konten dengan ukuran 80%&amp;lt;/p&amp;gt; Untuk membuat warna font (color): &amp;lt;h1 style="color:blue"&amp;gt;Judul dengan warna Biru&amp;lt;/h1&amp;gt; &amp;lt;p style="color:red"&amp;gt;Konten dengan warna merah&amp;lt;/p&amp;gt; Contoh komplit untuk membuat jenis font (face),size dan color: &amp;lt;p style="font-family:verdana;font-size:80%;color:green"&amp;gt; Ini adalah contoh tulisan pengaturan font dengan &amp;lt;i&amp;gt;Cassading Style Sheets&amp;lt;/i&amp;gt; (CSS) yang&amp;lt;br&amp;gt; menggunakan tag HTML elemen &amp;lt;b&amp;gt;style:&amp;lt;/b&amp;gt; font-family, font-size dan color...&amp;lt;/p&amp;gt; &amp;lt;/body&amp;gt; &amp;lt;/html&amp;gt;Preview Untuk mengetahui lebih lanjut tentang CSS, nanti akan dibuat tutorial khusus untuk membahas hal ini. Format text HTMLUntuk menulis biasanya ada paragraf dan baris baru, lantas bagaiman cara menuliskannya di dokumen HTML?. Dari contoh yang sudah kita buat sebelumnya, coba tambahkan dengan tag-tag berikut ini: &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;title&amp;gt;Selamat Datang di Websiteku&amp;lt;/title&amp;gt; &amp;lt;/head&amp;gt; &amp;lt;body&amp;gt; Ini adalah halaman HTML pertamaku. &amp;lt;p&amp;gt;Aku sedang membuat paragraf dan ini contohnya.&amp;lt;/p&amp;gt; &amp;lt;p&amp;gt;Ini contoh paragraf yang lainnya.&amp;lt;/p&amp;gt; &amp;lt;p&amp;gt;Ini juga paragraf mm...tapi de-&amp;lt;br&amp;gt; ngan baris baru.&amp;lt;br&amp;gt; Ini baris baru yang lain.&amp;lt;/p&amp;gt; &amp;lt;/body&amp;gt; &amp;lt;/html&amp;gt;Preview Untuk membuat suatu paragraf, tag elemennya adalah &amp;lt;p&amp;gt;…&amp;lt;/p&amp;gt;, dan untuk baris baru adalah &amp;lt;br&amp;gt;, perlu diketahui bahwa sebagian tag elemen HTML tidak memerlukan tag penutup, sebagai contoh adalah &amp;lt;br&amp;gt; ada juga &amp;lt;hr&amp;gt;, apa itu &amp;lt;hr&amp;gt;?, coba lanjutkan lagi dengan contoh berikut ini: &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;title&amp;gt;Selamat Datang di Websiteku&amp;lt;/title&amp;gt; &amp;lt;/head&amp;gt; &amp;lt;body&amp;gt; &amp;lt;hr&amp;gt; &amp;lt;h1&amp;gt;Ini adalah halaman HTML pertamaku.&amp;lt;/h1&amp;gt; Dikerjakan oleh: &amp;lt;!-- Tolong isikan dengan nama anda --&amp;gt; &amp;lt;hr&amp;gt; &amp;lt;p&amp;gt;Aku sedang membuat paragraf dan ini contohnya.&amp;lt;/p&amp;gt; &amp;lt;p&amp;gt;Ini contoh paragraf yang lainnya.&amp;lt;/p&amp;gt; &amp;lt;p&amp;gt;Ini juga paragraf mm...tapi de-&amp;lt;br&amp;gt; ngan baris baru.&amp;lt;br&amp;gt; Ini baris baru yang lain.&amp;lt;/p&amp;gt; &amp;lt;/body&amp;gt; &amp;lt;/html&amp;gt;Preview Nah..udah tau kan apa itu &amp;lt;hr&amp;gt;. Garis Horizontal &amp;lt;hr&amp;gt; juga tidak menggunakan tag penutup. Kemudian ada &amp;lt;h1&amp;gt;…&amp;lt;/h1&amp;gt; disebut dengan Heading, merupakan ukuran teks yang biasa di pakai untuk judul, bab, maupun sub-bab lainnya. Ukurannya ada 6 jenis mulai dari &amp;lt;h1&amp;gt; sampai &amp;lt;h6&amp;gt;, ukuran yang paling besar adalah h1 dan yang terkecil adalah h6. Selanjutnya tag &amp;lt;!–…–&amp;gt; adalah Comments digunakan untuk memasukkan (menyisipkan) suatu komentar di dalam HTML. Suatu comments akan diabaikasn oleh browser. Kamu dapat menggunakan komentar untuk menjelaskan sesuatu hal. Dibawah ini adalah contoh format teks yang sering digunakan di dalam dokumen HTML : &amp;lt;html&amp;gt; &amp;lt;head&amp;gt;&amp;lt;/head&amp;gt; &amp;lt;body&amp;gt; &amp;lt;hr&amp;gt; &amp;lt;h1&amp;gt;Ini adalah halaman HTML pertamaku.&amp;lt;/h1&amp;gt; Dikerjakan oleh: &amp;lt;!-- Tolong isikan dengan nama anda --&amp;gt; &amp;lt;hr&amp;gt; &amp;lt;p&amp;gt;Aku sedang mempelajari format-format teks.&amp;lt;br&amp;gt; Contoh-contohnya adalah sebagai berikut:&amp;lt;/p&amp;gt; &amp;lt;p&amp;gt;Teks Normal&amp;lt;br&amp;gt; &amp;lt;tt&amp;gt;Teks mesin ketik&amp;lt;/tt&amp;gt;&amp;lt;br&amp;gt; &amp;lt;b&amp;gt;Teks tebal (bold)&amp;lt;/b&amp;gt;&amp;lt;br&amp;gt; &amp;lt;strong&amp;gt;Teks tebal dengan perintah Strong&amp;lt;/strong&amp;gt;&amp;lt;br&amp;gt; &amp;lt;i&amp;gt;Teks dengan italic (miring)&amp;lt;/i&amp;gt;&amp;lt;br&amp;gt; &amp;lt;em&amp;gt;Teks miring dengan perintah Emphasized&amp;lt;/em&amp;gt;&amp;lt;br&amp;gt; &amp;lt;u&amp;gt;Teks bergaris bawah (underline)&amp;lt;/u&amp;gt;&amp;lt;br&amp;gt; &amp;lt;strike&amp;gt;Teks tercoret (strike)&amp;lt;/strike&amp;gt;&amp;lt;br&amp;gt; &amp;lt;big&amp;gt;Teks lebih besar dari normal&amp;lt;/big&amp;gt;&amp;lt;br&amp;gt; &amp;lt;small&amp;gt;Teks lebih kecil dari normal&amp;lt;/small&amp;gt;&amp;lt;br&amp;gt; Teks menggunakan Subscript: Molekul Air adalah H&amp;lt;sub&amp;gt;2&amp;lt;/sub&amp;gt;O&amp;lt;br&amp;gt; Teks menggunakan Superscript: Hasil dari 10&amp;lt;sup&amp;gt;2&amp;lt;/sup&amp;gt;=100&amp;lt;br&amp;gt;&amp;lt;/p&amp;gt; &amp;lt;/body&amp;gt; &amp;lt;/html&amp;gt;Preview Kemudian untuk menampilkan teks sesuai dengan yang tertulis kita gunakan tag &amp;lt;pre&amp;gt;…&amp;lt;/pre&amp;gt;, misalnya jika anda menuliskan syair sebuah lagu atau puisi: &amp;lt;html&amp;gt; &amp;lt;body&amp;gt; &amp;lt;pre&amp;gt; &amp;lt;b&amp;gt;PUITUIS ASA&amp;lt;/b&amp;gt; Hari ini... Aku sedang belajar... Belajar tentang HTML. Sulit 'ntuk dimengerti, Karena banyaknya teks-teks aneh. Tapi biarlah... Akan kucoba... Sampai pingsan. &amp;lt;/pre&amp;gt; &amp;lt;/body&amp;gt; &amp;lt;/html&amp;gt;Preview Hyperlink HTMLHyperlink digunakan untuk menghubungkan antar halaman dokumen di dalam web. Tag HTML Hyperlink biasa disebut dengan anchor (a) kemudian diikuti dengan href sebagai alamat tujuan dari link tersebut. Berikut kita akan membuat suatu Hyperlink ke suatu alamat url: &amp;lt;html&amp;gt; &amp;lt;head&amp;gt;&amp;lt;/head&amp;gt; &amp;lt;body&amp;gt; &amp;lt;p&amp;gt;Aku sekarang sedang membuat hyperlink&amp;lt;/p&amp;gt; Jika anda ingin mengunjungi Microsoft &amp;lt;a href="http://www.microsoft.com/"&amp;gt;Klik disini&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt; &amp;lt;a href="http://www.yahoo.com/"&amp;gt;Link ini&amp;lt;/a&amp;gt; akan membawa anda ke Yahoo.com &amp;lt;p&amp;gt;Untuk membuat hyperlink url agar dibuka pada jendela browser yang baru:&amp;lt;p&amp;gt; &amp;lt;a href="http://www.mp3.com/"target="_blank"&amp;gt;Website Musik&amp;lt;/a&amp;gt; &amp;lt;p&amp;gt;Agar hyperlink tidak bergaris bawah:&amp;lt;p&amp;gt; &amp;lt;a href="http://www.mp3.com/"target="_blank" style="text-decoration: none"&amp;gt;Website Musik&amp;lt;/a&amp;gt; &amp;lt;p&amp;gt;Hyperlink ke suatu halaman tertentu dalam web:&amp;lt;p&amp;gt; &amp;lt;!--dengan catatan anda harus tau nama halaman tujuan tersebut--&amp;gt; &amp;lt;a href="http://wordpress.htmlcssguides.com/belajar-css/"&amp;gt;Link ini&amp;lt;/a&amp;gt; akan membawa anda ke halaman belajar css. &amp;lt;/body&amp;gt; &amp;lt;/html&amp;gt;Preview Untuk membuat hyperlink dengan menggunakan gambar (image). Pastikan gambar tersebut berada pada folder yang sama dengan dokumen html anda dan harus tahu nama dan extentionnya, kemudian ganti ke atribut yang bertuliskan scr, misalkan jika nama gambar tersebut adalah yahoo.gif, maka : &amp;lt;a href="http://www.yahoo.com"&amp;gt; &amp;lt;img src="yahoo.gif" border="0" width="147" height="31"&amp;gt;&amp;lt;/a&amp;gt; Img merupakan atribut untuk suatu image (gambar), border adalah garis yang mengelilingi sisi image, width dan height merupakan lebar dan tinggi dari image. Kreatiflah untuk menganti nilai yang ada diantar tanda "…"sehingga anda akan lebih mengerti. Untuk memposisikan gambar, tambahkan dengan atribut align="…", left= kiri, center= tengah dan right= kanan. &amp;lt;a href="http://www.yahoo.com"&amp;gt; &amp;lt;img src="yahoo.gif" border="0" width="147" height="31" align="left"&amp;gt;&amp;lt;/a&amp;gt;Sekarang coba geser mouse anda ke gambar di atas, jangan di-klik, perhatikan akan ditampilkan suata tulisan singkat mengenai gambar tesebut, ini disebut dengan screen tips, cara membuatnya adalah menambahkan title pada tag anchor (a) sehingga menjadi: &amp;lt;a href="http://www.yahoo.com" title="Hai... klik gambar ini maka anda akan dibawa ke Yahoo.com"&amp;gt;&amp;lt;img src="contoh.jpg" border="0" width="147" height="31" align="left" alt="yahoo"&amp;gt;&amp;lt;/a&amp;gt; Agar cepat mengakses internet kita boleh mengatur browser untuk tidak menampilkan image (gambar). Dan semua gambar akan ditampilkan dengan teks alternatif (alt), jika gambar tesebut tidak memiliki alternatif teks maka hanya akan dilambangkan dengan lambang x. &amp;lt;a href="http://www.yahoo.com"&amp;gt; &amp;lt;img border="0" src="contoh.jpg" width="120" height="30" align="left" alt="Text Alternatif Yahoo.com"&amp;gt;&amp;lt;/a&amp;gt;Background HTMLDengan menggunakan latar belakang (background) maka website kita akan nampak semakin menarik. Untuk memasukkan latar belakang kita bisa menggunakan pilihan warna maupun grafik (gambar). Sekarang kita mulai dengan menggunakan pilihan warna: &amp;lt;html&amp;gt; &amp;lt;head&amp;gt;&amp;lt;/head&amp;gt; &amp;lt;body bgcolor="#FF99FF"&amp;gt; &amp;lt;p&amp;gt;Hai.. Saat ini saya sedang belajar membuat latar belakang dengan warna&amp;lt;/p&amp;gt; &amp;lt;p&amp;gt;Kalau anda kurang suka dengan warnanya... ganti aja deh... kode warnanya... &amp;lt;/p&amp;gt; &amp;lt;/body&amp;gt; &amp;lt;/html&amp;gt;Preview Untuk nilai dari atribut bgcolor diatas anda bisa menggunakan Kode hexadecimal, Nilai RGB atau Nama dari warna tersebut. Coba anda ganti nilai dari atribut bgcolor dengan contoh dibawah ini: &amp;lt;body bgcolor="#FFFF00"&amp;gt; &amp;lt;body bgcolor="rgb(250,250,0)"&amp;gt; &amp;lt;body bgcolor="yellow"&amp;gt;Hasilnya akan sama. Ikuti link berikut ini untuk mengetahui Kode Hexadecimal dan Nilai RGB dari suatu warna, tapi maaf untuk nama warnanya cari sendiri aja deh… Selanjutnya membuat latar belakang dengan grafik atau gambar. Pertama anda harus punya gambar yang ber-extention .gif atau .jpg yang akan dijadikan background, masukkan (copy) gambar tersebut ke folder tempat file dokumen HTML anda berada, dan harus tahu nama dan perluasan (extention) dari file tersebut, misalkan nama filenya adalah: background.jpg &amp;lt;html&amp;gt; &amp;lt;head&amp;gt;&amp;lt;/head&amp;gt; &amp;lt;body background="background.jpg"&amp;gt; &amp;lt;font color="blue"&amp;gt;&amp;lt;h1 color="red"&amp;gt;Selamat datang di Websiteku&amp;lt;/h1&amp;gt;&amp;lt;/font&amp;gt;&amp;lt;hr color="#ff0000" size="2"&amp;gt; &amp;lt;p&amp;gt;&amp;lt;font face="Verdana" size="4" color="black"&amp;gt;Hai... Saat ini saya sedang belajar membuat latar belakang dengan gambar,&amp;lt;br&amp;gt; Biar bagaimanapun anda diwajibkan harus menyukainya...&amp;lt;/font&amp;gt;&amp;lt;/p&amp;gt; &amp;lt;/body&amp;gt; &amp;lt;/html&amp;gt;Preview Kemudian latar belakang dapat juga menggunakan gambar yang ada di website orang lain, tapi dengan catatan anda harus sedang terhubung ke internet (online) dan harus tahu alamat url dari gambar tersebut di internet. Untuk mengetahui alamat suatu gambar klik kanan gambar tersebut kemudian pilih properties dan lihat image location, copy alamat tersebut dan ganti ke contoh dibawah ini diawali dari http: &amp;lt;html&amp;gt; &amp;lt;head&amp;gt;&amp;lt;/head&amp;gt; &amp;lt;body background="http://i703.photobucket.com/albums/ww40/Jessie4life007/background.jpg"&amp;gt; &amp;lt;p&amp;gt;Hai.. Saat ini saya sedang belajar membuat latarbelakang dengan menggunakan gambar dari website orang lain! hua ha..ha..ha..&amp;lt;/p&amp;gt; &amp;lt;p&amp;gt;Mudah-mudahan yang punya website ngamuk sekalian deh...siapa takut!!&amp;lt;/p&amp;gt; &amp;lt;/body&amp;gt; &amp;lt;/html&amp;gt;Preview</itunes:summary><itunes:keywords>Belajar HTML, Tips-trik</itunes:keywords></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8469467529537225477.post-931934012433523603</guid><pubDate>Mon, 15 Mar 2010 01:49:00 +0000</pubDate><atom:updated>2010-03-15T08:51:02.515+07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Info</category><category domain="http://www.blogger.com/atom/ns#">Tips-trik</category><title>Cara Membuat Album Foto Pada Blogspot Memakai Gadget</title><description>&lt;div style="text-align: justify;"&gt;&lt;span style="font-weight: bold;"&gt;&lt;span class="awal"&gt;T&lt;/span&gt;ips cara membuat album foto pada blogspot&lt;/span&gt;  ini sebenarnya sudah pernah &lt;a alt="kumpulan tutorial web,
 tips dan trik blog, serta download free blogger template" href="http://tutorial-website.blogspot.com/"&gt;saya&lt;/a&gt;  berikan beberapa waktu yang lalu &lt;a alt="membuat album foto pada blogspot" href="http://tutorial-website.blogspot.com/2009/02/membuat-slide-album-foto-di-blog.html"&gt;disini&lt;/a&gt;. Hanya saja posting  yang pertama tersebut membahas bagaimana &lt;span style="font-weight: bold;"&gt;cara membuat slideshow album foto pada blogspot&lt;/span&gt; dengan  memanfaatkan situs &lt;span style="font-style: italic;"&gt;gallery foto &lt;/span&gt;yaitu  &lt;a href="http://www.slide.com/"&gt;&lt;span style="font-weight: bold;"&gt;www.slide.com&lt;/span&gt;&lt;/a&gt;.  Untuk mengetahui &lt;span style="font-weight: bold;"&gt;trik&lt;/span&gt; &lt;span style="font-weight: bold;"&gt;pembuatan album foto di blog&lt;/span&gt; tersebut,  pembaca boleh membukanya kembali &lt;a alt="membuat album foto pada blogspot" href="http://tutorial-website.blogspot.com/2009/02/membuat-slide-album-foto-di-blog.html"&gt;disini&lt;/a&gt;. Blogspot sebenarnya  menyediakan &lt;span style="font-style: italic;"&gt;gadget&lt;/span&gt; yang  berfungsi untuk &lt;span style="font-weight: bold;"&gt;membuat slide album  foto pada blog&lt;/span&gt; kita. &lt;span class="fullpost"&gt;Namun, menurut &lt;a alt="kumpulan tutorial web,
 tips dan trik blog, serta download free blogger template" href="http://tutorial-website.blogspot.com/"&gt;saya&lt;/a&gt; &lt;span style="font-style: italic;"&gt;gadget&lt;/span&gt; ini lebih sederhana jika  dibandingkan dengan &lt;span style="font-weight: bold;"&gt;slideshow&lt;/span&gt;  yang kita buat dari &lt;span style="font-style: italic; font-weight: bold;"&gt;www.slide.com&lt;/span&gt;,  sebab tampilan &lt;span style="font-weight: bold;"&gt;slide foto&lt;/span&gt; yang  kita dapatkan dari situs &lt;span style="font-style: italic;"&gt;www.slide.com&lt;/span&gt;  tersebut bisa kita&lt;span style="font-style: italic;"&gt; customize&lt;/span&gt;  sesuai kehendak kita mulai dari&lt;span style="font-weight: bold;"&gt; tipe  slide, ukuran, animasi&lt;/span&gt;, dan lain-lain. Meskipun demikian, tidak  ada salahnya jika kita mencoba &lt;span style="font-style: italic;"&gt;gadget&lt;/span&gt;  &lt;span style="font-weight: bold;"&gt;slide album foto blogspot&lt;/span&gt; ini,  sebab kesederhanaan biasanya indentik dengan kemudahan dalam  pengaplikasiannya. Berikut &lt;span style="font-weight: bold;"&gt;langkah-langkah  menambah album foto pada blogger&lt;/span&gt;:&lt;a name='more'&gt;&lt;/a&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;ol style="text-align: justify;"&gt;&lt;span class="fullpost"&gt;
&lt;li&gt;Login pada akun &lt;span style="font-weight: bold;"&gt;Blogspot&lt;/span&gt;  Anda&lt;/li&gt;
&lt;li&gt;Klik link menu &lt;span style="font-weight: bold;"&gt;Tata Letak&lt;/span&gt;  pada halaman dasbor. Pastikan Anda berada pada sub tab menu &lt;span style="font-weight: bold;"&gt;Elemen Halaman&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;Klik link &lt;span style="font-weight: bold;"&gt;Tambah Gadget&lt;/span&gt; pada bagian dimana  pembaca ingin &lt;span style="font-weight: bold;"&gt;memasang slide album foto&lt;/span&gt;  tersebut&lt;/li&gt;
&lt;li&gt;Akan muncul window &lt;span style="font-weight: bold;"&gt;Tambahkan  Gadget&lt;/span&gt; yang berisi daftar &lt;span style="font-style: italic;"&gt;gadget&lt;/span&gt;  yang bisa kita tambah. Silahkan cari dan pilih &lt;span style="font-style: italic;"&gt;gadget&lt;/span&gt; &lt;span style="font-weight: bold;"&gt;Tampilan Slide&lt;/span&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtqyRXORhnZxfPMLGHTf7FFXJkQdFg1sWDSWnSBUFx1DBPeZV_61J6YmXDX3iI4WGorD5ni0Blabi1lELBaWdvL5UENRYgq7l_RGcJ4NvblSY1drHGcfdy9ZPg7tHwXlBe3XD4UgcZ0rJ5/s1600-h/New+Picture+%2836%29.bmp" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"&gt;&lt;img alt="" border="0" id="BLOGGER_PHOTO_ID_5318617978889109826" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtqyRXORhnZxfPMLGHTf7FFXJkQdFg1sWDSWnSBUFx1DBPeZV_61J6YmXDX3iI4WGorD5ni0Blabi1lELBaWdvL5UENRYgq7l_RGcJ4NvblSY1drHGcfdy9ZPg7tHwXlBe3XD4UgcZ0rJ5/s400/New+Picture+%2836%29.bmp" style="cursor: pointer; height: 81px; margin: 0pt 0pt 10px 10px; width: 400px;" /&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Berikut  pengaturannya:&lt;br /&gt;
&lt;span style="font-weight: bold;"&gt;Judul : &lt;/span&gt;&lt;br /&gt;
Isi  dengan nama &lt;span style="font-weight: bold;"&gt;slide foto&lt;/span&gt; Anda.&lt;br /&gt;
&lt;span style="font-weight: bold;"&gt;Sumber : &lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;ul&gt;&lt;li&gt;&lt;span style="font-weight: bold;"&gt;Album Web Picasa.&lt;/span&gt; Album ini merupakan &lt;span style="font-weight: bold;"&gt;album gambar &lt;/span&gt;yang telah Anda masukkan  pada pada blogspot pembaca misalnya ketika menulis posting. Silahkan  klik &lt;a href="http://picasaweb.google.com/"&gt;http://picasaweb.google.com&lt;/a&gt;  untuk melihat album Anda.&lt;/li&gt;
&lt;li&gt;&lt;span style="font-weight: bold;"&gt;Flickr&lt;/span&gt;.  Flickr merupakan situs yang menyediakan tempat &lt;span style="font-weight: bold;"&gt;menyimpan foto dan video&lt;/span&gt;. Untuk  mendapatkan layanan ini, silahkan daftar atau login menggunakan Yahoo ID  Anda di &lt;a href="http://www.flickr.com/"&gt;www.flickr.com&lt;/a&gt;.&lt;/li&gt;
&lt;li&gt;&lt;span style="font-weight: bold;"&gt;Photobucket&lt;/span&gt;. Ini hampir sama dengan &lt;span style="font-weight: bold;"&gt;flickr&lt;/span&gt; dimana kita bisa menyimpan &lt;span style="font-weight: bold;"&gt;foto&lt;/span&gt; dan &lt;span style="font-weight: bold;"&gt;video&lt;/span&gt; secara online pada situs tersebut. Untuk mendapatkan  layanan ini silahkan register di &lt;a href="http://www.photobucket.com/"&gt;www.photobucket.com&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style="font-weight: bold;"&gt;Lainnya.&lt;/span&gt; Sumber selain yang 3 diatas.&lt;/li&gt;
&lt;/ul&gt;&lt;span style="font-weight: bold;"&gt;Pilihan :&lt;/span&gt;&lt;br /&gt;
Memilih apakah  berdasarkan kata kunci atau berdasarkan album&lt;br /&gt;
&lt;span style="font-weight: bold;"&gt;Buka link di jendela baru:&lt;/span&gt;&lt;br /&gt;
Centang  jika ingin foto dibuka pada jendela baru ketika diklik &lt;/li&gt;
&lt;li&gt;Sebagai  contoh kita &lt;span style="font-weight: bold;"&gt;menambah slide foto&lt;/span&gt;  menggunakan &lt;span style="font-weight: bold;"&gt;Album Web Picasa&lt;/span&gt;&lt;br /&gt;
Judul:  beri judul slide album&lt;br /&gt;
Sumber : pilih "Album Web Picasa".&lt;br /&gt;
Pilihan  : pilih "Album"&lt;br /&gt;
Nama Pengguna : masukkan &lt;a alt="membuat email Google" href="http://tutorial-website.blogspot.com/2009/01/membuat-account-google.html"&gt;&lt;span style="font-weight: bold;"&gt;ID akun  Google&lt;/span&gt;&lt;/a&gt; pembaca. Misalkan akun Google pembaca adalah &lt;span style="font-weight: bold;"&gt;kampanye@gmail.com&lt;/span&gt;, maka isikan &lt;span style="font-weight: bold;"&gt;"kampanye"&lt;/span&gt;&lt;br /&gt;
Album : pilih album yang  terdapat pada Album Web Picasa Anda. Perlu diperhatikan bahwa album  yang muncul pada list tersebut adalah album yang diperuntukkan untuk &lt;span style="font-weight: bold;"&gt;"Public"&lt;/span&gt;. Untuk melakukan pengaturan  tersebut, silahkan masuk terlebih dahulu pada &lt;a href="http://picasaweb.google.com/"&gt;http://picasaweb.google.com&lt;/a&gt;  (masuk menggunakan &lt;span style="font-weight: bold;"&gt;akun Google&lt;/span&gt;  Anda). Klik tab &lt;span style="font-weight: bold;"&gt;"My Photos"&lt;/span&gt;,  setelah itu klik album yang ingin Anda atur parameternya.&lt;br /&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwjt_iv7frmjwEGgEgt-1v1UgqfWttcTTNSXp-lkljpe6GqINBgJWQskSjKgan1E__CL3Ex7LeoY18wGS6oudbgB3ukAQAEFrKfcHOhtYEMcdjPchHjxTKBquu2BoUMp_e1Wu2r14tFmWE/s1600-h/New+Picture+%2838%29.bmp" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"&gt;&lt;img alt="" border="0" id="BLOGGER_PHOTO_ID_5318620035608294722" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwjt_iv7frmjwEGgEgt-1v1UgqfWttcTTNSXp-lkljpe6GqINBgJWQskSjKgan1E__CL3Ex7LeoY18wGS6oudbgB3ukAQAEFrKfcHOhtYEMcdjPchHjxTKBquu2BoUMp_e1Wu2r14tFmWE/s400/New+Picture+%2838%29.bmp" style="cursor: pointer; display: block; height: 242px; margin: 0px auto 10px; text-align: center; width: 329px;" /&gt;&lt;/a&gt;Klik  menu "&lt;span style="font-weight: bold;"&gt;Edit"&lt;/span&gt; kemudian pilih sub  menu &lt;span style="font-weight: bold;"&gt;"Album Properties"&lt;/span&gt; sehingga  akan muncul jendela &lt;span style="font-weight: bold;"&gt;"Edit album  information"&lt;/span&gt;.&lt;br /&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguRq9nArV-GaFITqB0FRIUTd23QKJVqqG_fhQ_VMPcx5P82-mGqgZviaJUqIwQA0xEpTQkQUSKLP9BM0JPu1T9R82S6g_pbAXZYPme5o_xaiqQ5KRiUUU35YksJN1a0liJU-CegGA7qS0W/s1600-h/New+Picture+%2839%29.bmp" onblur="try 
{parent.deselectBloggerImageGracefully();} catch(e) {}"&gt;&lt;img alt="" border="0" id="BLOGGER_PHOTO_ID_5318620481840816562" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguRq9nArV-GaFITqB0FRIUTd23QKJVqqG_fhQ_VMPcx5P82-mGqgZviaJUqIwQA0xEpTQkQUSKLP9BM0JPu1T9R82S6g_pbAXZYPme5o_xaiqQ5KRiUUU35YksJN1a0liJU-CegGA7qS0W/s400/New+Picture+%2839%29.bmp" style="cursor: pointer; display: block; height: 150px; margin: 0px auto 10px; text-align: center; width: 400px;" /&gt;&lt;/a&gt;Lihat  dibagian paling bawah, akan ada pilihan &lt;span style="font-weight: bold;"&gt;"Visibility  for this album"&lt;/span&gt;. Silahkan pilih &lt;span style="font-weight: bold;"&gt;"Public"&lt;/span&gt;.  Kemudian klik tombol &lt;span style="font-weight: bold;"&gt;Save changes&lt;/span&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6YM7ftbKhCSw_-mH0UnRWId8xFagVkFl4PQOjc6Bu0F8V12iEaTCCRzq_2z8zEir8quap-pH9Auk3uw-cAMqbg1m65eO-SNCzgABUqxpF9nVJ4VMK__yB5R2FmK5zz9FZlT7gHHgE5-PX/s1600-h/New+Picture+%2840%29.bmp" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"&gt;&lt;img alt="" border="0" id="BLOGGER_PHOTO_ID_5318620980039154114" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6YM7ftbKhCSw_-mH0UnRWId8xFagVkFl4PQOjc6Bu0F8V12iEaTCCRzq_2z8zEir8quap-pH9Auk3uw-cAMqbg1m65eO-SNCzgABUqxpF9nVJ4VMK__yB5R2FmK5zz9FZlT7gHHgE5-PX/s400/New+Picture+%2840%29.bmp" style="cursor: pointer; display: block; height: 94px; margin: 0px auto 10px; text-align: center; width: 400px;" /&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Pratinjau  album akan terlihat pada jendela tambah gadget tersebut.&lt;br /&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj91eiTHV3XHrhRp5HakU_hS9EGBkv4Rc0zmjNOk3qpLhjzPTS5Rky5AEt5_9c1o9EWRb7AdBxZQn8uUHbfjoEDsYLWNWnPRBNZpRdufHKpW5F-rE0-nt-BePKijiqDxsV5Sbh0TwhLHjTg/s1600-h/New+Picture+%2841%29.bmp" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"&gt;&lt;img alt="" border="0" id="BLOGGER_PHOTO_ID_5318622225219625154" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj91eiTHV3XHrhRp5HakU_hS9EGBkv4Rc0zmjNOk3qpLhjzPTS5Rky5AEt5_9c1o9EWRb7AdBxZQn8uUHbfjoEDsYLWNWnPRBNZpRdufHKpW5F-rE0-nt-BePKijiqDxsV5Sbh0TwhLHjTg/s400/New+Picture+%2841%29.bmp" style="cursor: pointer; display: block; height: 250px; margin: 0px auto 10px; text-align: center; width: 200px;" /&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Klik  tombol &lt;span style="font-weight: bold;"&gt;SIMPAN&lt;/span&gt;&lt;/li&gt;
&lt;/span&gt;&lt;/ol&gt;&lt;span class="fullpost"&gt;Untuk  melihat contoh hasilnya bisa pembaca lihat &lt;a href="http://dropdownmenujs.blogspot.com/"&gt;disini&lt;/a&gt; (tapi maaf,  gambarnya hanya 2 dan sama pula, jadinya gak kelihatan deh pergantian  slidenya)&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;blockquote&gt;&lt;span class="fullpost"&gt;Selamat mencoba dan jangan lupa meninggalkan  komentar ya&lt;/span&gt;&lt;/blockquote&gt;&lt;span class="fullpost"&gt;&lt;/span&gt;&lt;/div&gt;</description><link>http://ichau84.blogspot.com/2010/03/cara-membuat-album-foto-pada-blogspot.html</link><author>noreply@blogger.com (ichau (M. 5403di))</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtqyRXORhnZxfPMLGHTf7FFXJkQdFg1sWDSWnSBUFx1DBPeZV_61J6YmXDX3iI4WGorD5ni0Blabi1lELBaWdvL5UENRYgq7l_RGcJ4NvblSY1drHGcfdy9ZPg7tHwXlBe3XD4UgcZ0rJ5/s72-c/New+Picture+%2836%29.bmp" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8469467529537225477.post-6513210604753483468</guid><pubDate>Mon, 15 Mar 2010 01:48:00 +0000</pubDate><atom:updated>2010-03-15T08:50:38.219+07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Info</category><category domain="http://www.blogger.com/atom/ns#">Tips-trik</category><title>Memasang Foto Gallery pada blog</title><description>&lt;div style="text-align: justify;"&gt;Salah satu daya tarik dari sebuah blog  adalah gambar. blog tanpa gambar rasanya hampa. salah satu cara &lt;b&gt;mempercantik  blog&lt;/b&gt; adalah dengan memasang foto gallery pada blog. foto gallery  adalah sebuah widget yang berisi foto-foto atau gambar.&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;b&gt;memasang foto gallery pada  blog&lt;/b&gt; tidak begitu sulit. kita tinggal menentukan letak yang pas dan  strategis untuk foto gallery blog kita. model dari foto gallery ini  adalah slide to slide. Berikut ini preview dari foto gallery yang akan  kita pasang :&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: justify;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIXW9DYKwaCAehsFc4OP6bVBmkGjzagdGhJeK9WmB-y4Ht0zLb-1tZvAxgbsJkXUyYL3ZzK1FImfMbNmkTFovYhGFMrzwDnUSgvGShY4PGDsKN08RpbUSv5oXSPMT7q7IFeeKpWJFwyYs/s1600/slide+picture.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img alt="" border="0" id="BLOGGER_PHOTO_ID_5356403975266767746" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIXW9DYKwaCAehsFc4OP6bVBmkGjzagdGhJeK9WmB-y4Ht0zLb-1tZvAxgbsJkXUyYL3ZzK1FImfMbNmkTFovYhGFMrzwDnUSgvGShY4PGDsKN08RpbUSv5oXSPMT7q7IFeeKpWJFwyYs/s400/slide+picture.png" style="height: 202px; width: 400px;" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
&lt;a name='more'&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div style="text-align: justify;"&gt;&lt;span id="fullpost"&gt;&lt;span id="fullpost"&gt; Tutorial untuk memasang foto gallery pada blog adalah sebagai berikut :&lt;br /&gt;
&lt;br /&gt;
&lt;/span&gt;1. Menu &lt;span style="font-weight: bold;"&gt;Dashboard&lt;/span&gt;, klik &lt;span style="font-weight: bold;"&gt;Tata Letak&lt;/span&gt;, klik &lt;span style="font-weight: bold;"&gt;Edit HTML&lt;/span&gt;.&lt;br /&gt;
2. Centangin checkbox &lt;span style="font-weight: bold;"&gt;Expand Widget  Template.&lt;/span&gt;&lt;span id="fullpost" style="display: inline;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;span id="fullpost"&gt;3. cari kode berikut :&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;blockquote style="font-weight: bold;"&gt;&lt;span id="fullpost"&gt;&lt;span id="fullpost"&gt;]]&amp;gt;&amp;lt;/b:skin&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/blockquote&gt;&lt;div style="text-align: justify;"&gt;&lt;span id="fullpost"&gt;&lt;span id="fullpost"&gt;4. kalau sudah ketemu, kalian ganti kode &lt;/span&gt;&lt;/span&gt;&lt;span id="fullpost"&gt;&lt;span id="fullpost"&gt;&lt;span style="font-weight: bold;"&gt;]]&amp;gt;&amp;lt;/b:skin&amp;gt;  &lt;/span&gt;dengan kode&lt;span style="font-weight: bold;"&gt; &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span id="fullpost"&gt;&lt;span id="fullpost"&gt;berikut :&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;blockquote&gt;&lt;span id="fullpost"&gt;&lt;span id="fullpost"&gt;&lt;span style="color: #006600; font-weight: bold;"&gt;.carousel{&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;span id="fullpost"&gt;&lt;span style="color: #006600; font-weight: bold;"&gt;        float:left;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;span id="fullpost"&gt;&lt;span style="color: #006600; font-weight: bold;"&gt;        margin: 0;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;span id="fullpost"&gt;&lt;span style="color: #006600; font-weight: bold;"&gt;        padding:0px;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;span id="fullpost"&gt;&lt;span style="color: #006600; font-weight: bold;"&gt;        }&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;span id="fullpost"&gt;&lt;span style="color: #006600; font-weight: bold;"&gt;.carousel .widget {&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;span id="fullpost"&gt;&lt;span style="color: #006600; font-weight: bold;"&gt;        width: 920px;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;span id="fullpost"&gt;&lt;span style="color: #006600; font-weight: bold;"&gt;        background:#c4d5ec;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;span id="fullpost"&gt;&lt;span style="color: #006600; font-weight: bold;"&gt;        margin: 0;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;span id="fullpost"&gt;&lt;span style="color: #006600; font-weight: bold;"&gt;        padding:0;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;span id="fullpost"&gt;&lt;span style="color: #006600; font-weight: bold;"&gt;}&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;span id="fullpost"&gt;&lt;span style="color: #006600; font-weight: bold;"&gt;.carousel h2{&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;span id="fullpost"&gt;&lt;span style="color: #006600; font-weight: bold;"&gt;        display:none;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;span id="fullpost"&gt;&lt;span style="color: #006600; font-weight: bold;"&gt;        }&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;span id="fullpost"&gt;&lt;span style="color: #006600; font-weight: bold;"&gt;.stepcarousel{&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;span id="fullpost"&gt;&lt;span style="color: #006600; font-weight: bold;"&gt;        position: relative; &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;span id="fullpost"&gt;&lt;span style="color: #006600; font-weight: bold;"&gt;        overflow: scroll; &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;span id="fullpost"&gt;&lt;span style="color: #006600; font-weight: bold;"&gt;        width: 910px; &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;span id="fullpost"&gt;&lt;span style="color: #006600; font-weight: bold;"&gt;        height: 173px; &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;span id="fullpost"&gt;&lt;span style="color: #006600; font-weight: bold;"&gt;}&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;span id="fullpost"&gt;&lt;span style="color: #006600; font-weight: bold;"&gt;.stepcarousel .belt{&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;span id="fullpost"&gt;&lt;span style="color: #006600; font-weight: bold;"&gt;       position: absolute;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;span id="fullpost"&gt;&lt;span style="color: #006600; font-weight: bold;"&gt;       left: 0;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;span id="fullpost"&gt;&lt;span style="color: #006600; font-weight: bold;"&gt;       top: 0;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;span id="fullpost"&gt;&lt;span style="color: #006600; font-weight: bold;"&gt;}&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;span id="fullpost"&gt;&lt;span style="color: #006600; font-weight: bold;"&gt;.stepcarousel .panel{&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;span id="fullpost"&gt;&lt;span style="color: #006600; font-weight: bold;"&gt;     float: left; &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;span id="fullpost"&gt;&lt;span style="color: #006600; font-weight: bold;"&gt;     overflow: hidden;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;span id="fullpost"&gt;&lt;span style="color: #006600; font-weight: bold;"&gt;     margin: 10px; &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;span id="fullpost"&gt;&lt;span style="color: #006600; font-weight: bold;"&gt;     width: 200px; &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;span id="fullpost"&gt;&lt;span style="color: #006600; font-weight: bold;"&gt;}&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;span id="fullpost"&gt;&lt;span style="color: #006600; font-weight: bold;"&gt;.stepcarousel .panel img{&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;span id="fullpost"&gt;&lt;span style="color: #006600; font-weight: bold;"&gt;     float: left; &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;span id="fullpost"&gt;&lt;span style="color: #006600; font-weight: bold;"&gt;     background:#d9e5f4; &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;span id="fullpost"&gt;&lt;span style="color: #006600; font-weight: bold;"&gt;     margin: 0px;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;span id="fullpost"&gt;&lt;span style="color: #006600; font-weight: bold;"&gt;     padding:10px;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;span id="fullpost"&gt;&lt;span style="color: #006600; font-weight: bold;"&gt;     border:1px solid #ccc;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;span id="fullpost"&gt;&lt;span style="color: #006600; font-weight: bold;"&gt;}&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;span id="fullpost"&gt;&lt;span style="color: #006600; font-weight: bold;"&gt;.stepcarousel .panel img:hover{&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;span id="fullpost"&gt;&lt;span style="color: #006600; font-weight: bold;"&gt;     background:#b5c5d8;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;span id="fullpost"&gt;&lt;span style="color: #006600; font-weight: bold;"&gt;     }&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;span id="fullpost"&gt; &lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;span id="fullpost"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;div style="color: black;"&gt;&lt;span id="fullpost"&gt;&lt;span id="fullpost"&gt;&lt;span style="font-weight: bold;"&gt;&lt;span id="fullpost"&gt;&lt;span id="fullpost"&gt;]]&amp;gt;&amp;lt;/b:skin&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;span id="fullpost"&gt;&lt;span id="fullpost"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;div style="color: red;"&gt;&lt;span id="fullpost"&gt;&lt;span id="fullpost"&gt;&lt;span style="font-weight: bold;"&gt;&amp;lt;script  src='http://blogipank.fileave.com/gallery1.js'  type='text/javascript'/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="color: red;"&gt;&lt;span id="fullpost"&gt;&lt;span id="fullpost"&gt; &lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="color: red;"&gt;&lt;span id="fullpost"&gt;&lt;span id="fullpost"&gt;&lt;span style="font-weight: bold;"&gt;&amp;lt;script  src='http://blogipank.fileave.com/gallery2.js'  type='text/javascript'/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/blockquote&gt;&lt;div style="text-align: justify;"&gt;&lt;span id="fullpost"&gt;&lt;span id="fullpost"&gt;(yang berwarna &lt;span style="color: #38761d;"&gt;hijau&lt;/span&gt;  adalah CSS kodenya sedangkan yang berwarna &lt;span style="color: red;"&gt;merah&lt;/span&gt;  adalah scriptnya. Untuk kenyamanan, sebaiknya scriptnya anda pasang di  hosting anda sendiri)&lt;br /&gt;
&lt;br /&gt;
5. Klik &lt;span style="font-weight: bold;"&gt;Simpan&lt;/span&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;span id="fullpost"&gt;&lt;span id="fullpost"&gt;Langkah menanamkan script dan CSS kode sudah selesai,  sekarang berlanjut kepemasangan widget (bisa dibawah header atau di  bagian bawah blog). berikut ini langkah-langkah memasang widget foto  gallery :&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;span id="fullpost"&gt;&lt;span id="fullpost"&gt; &lt;br /&gt;
&lt;/span&gt;1. Menu &lt;span style="font-weight: bold;"&gt;Dashboard&lt;/span&gt;, klik &lt;span style="font-weight: bold;"&gt;Tata Letak&lt;/span&gt;, klik &lt;span style="font-weight: bold;"&gt;Elemen Halaman&lt;/span&gt;.&lt;br /&gt;
2. Klik &lt;span style="font-weight: bold;"&gt;Tambah Gadget&lt;/span&gt;. Klik &lt;span style="font-weight: bold;"&gt;HTML/Javascript&lt;/span&gt;.&lt;br /&gt;
3. Copy Paste kode berikut :&lt;/span&gt;&lt;/div&gt;&lt;blockquote&gt;&lt;span id="fullpost"&gt;&lt;span style="color: #993399; font-weight: bold;"&gt;&amp;lt;script type="text/javascript"&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;span style="color: #993399; font-weight: bold;"&gt;stepcarousel.setup({&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;span style="color: #993399; font-weight: bold;"&gt;galleryid: 'mygallery', //id of carousel DIV&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;span style="color: #993399; font-weight: bold;"&gt;beltclass: 'belt', //class of inner "belt" DIV containing all the  panel DIVs&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;span style="color: #993399; font-weight: bold;"&gt;panelclass: 'panel', //class of panel DIVs each holding content&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;span style="color: #993399; font-weight: bold;"&gt;autostep: {enable:true, moveby:1, pause:3000},&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;span style="color: #993399; font-weight: bold;"&gt;panelbehavior: {speed:500, wraparound:false, persist:true},&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;span style="color: #993399; font-weight: bold;"&gt;defaultbuttons: {enable: true, moveby: 1, leftnav:  ['http://i41.tinypic.com/j0b0j7.png', 30, 60], rightnav:  ['http://i41.tinypic.com/mcu1zk.png', -65, 60]},&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;span style="color: #993399; font-weight: bold;"&gt;statusvars: ['statusA', 'statusB', 'statusC'], //register 3  variables that contain current panel (start), current panel (last), and  total panels&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;span style="color: #993399; font-weight: bold;"&gt;contenttype: ['inline'] //content setting ['inline'] or  ['external', 'path_to_external_file']&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;span style="color: #993399; font-weight: bold;"&gt;})&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;span style="color: #993399; font-weight: bold;"&gt;&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt; &lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt; &lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;span style="color: #993399; font-weight: bold;"&gt;    &amp;lt;div id="mygallery" class="stepcarousel"&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;span style="color: #993399; font-weight: bold;"&gt;&amp;lt;div class="belt"&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;span style="color: #993399; font-weight: bold;"&gt;    &amp;lt;!-- Ganti link dengan link kalian --&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt; &lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;span style="color: #006600; font-weight: bold;"&gt;&amp;lt;div class="panel"&amp;gt;&lt;br /&gt;
&amp;lt;a href="URL yang dituju"&amp;gt;&amp;lt;img src="URL gambar" width="180  height="130"&amp;gt;&amp;lt;/a&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt; &lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;span style="color: #993399; font-weight: bold;"&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;span style="color: #993399; font-weight: bold;"&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt; &lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;span style="font-weight: bold;"&gt;    Keterangan:&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt; &lt;/span&gt;&lt;br /&gt;
&lt;div style="text-align: justify;"&gt;&lt;span id="fullpost"&gt;&lt;span style="font-weight: bold;"&gt;    1. Apabila ingin menambahkan gambar baru,  copy paste semua kode diatas yang berwarna &lt;span style="color: #006600;"&gt;hijau&lt;/span&gt;.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;span id="fullpost"&gt;&lt;span style="font-weight: bold;"&gt;    2. Kode diatas yang berwarna &lt;span style="color: #993399;"&gt;ungu&lt;/span&gt; jangan dihapus. setiap  menambah gambar, letakan kode warna &lt;span style="color: #006600;"&gt;hijau&lt;/span&gt;  (sesuai keterangan no 2) diantara kode berwarna &lt;span style="color: #993399;"&gt;ungu&lt;/span&gt;.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;span id="fullpost"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt; &lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;span style="font-weight: bold;"&gt;    Contoh untuk  menambahkan gambar baru :&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;span id="fullpost"&gt;&lt;span style="color: #993399; font-weight: bold;"&gt;&amp;lt;script type="text/javascript"&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #993399; font-weight: bold;"&gt;stepcarousel.setup({&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #993399; font-weight: bold;"&gt;galleryid:  'mygallery', //id of carousel DIV&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #993399; font-weight: bold;"&gt;beltclass:  'belt', //class of inner "belt" DIV containing all the panel DIVs&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #993399; font-weight: bold;"&gt;panelclass:  'panel', //class of panel DIVs each holding content&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #993399; font-weight: bold;"&gt;autostep:  {enable:true, moveby:1, pause:3000},&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #993399; font-weight: bold;"&gt;panelbehavior:  {speed:500, wraparound:false, persist:true},&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #993399; font-weight: bold;"&gt;defaultbuttons:  {enable: true, moveby: 1, leftnav:  ['http://i41.tinypic.com/j0b0j7.png', 30, 60], rightnav:  ['http://i41.tinypic.com/mcu1zk.png', -65, 60]},&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #993399; font-weight: bold;"&gt;statusvars:  ['statusA', 'statusB', 'statusC'], //register 3 variables that contain  current panel (start), current panel (last), and total panels&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #993399; font-weight: bold;"&gt;contenttype:  ['inline'] //content setting ['inline'] or ['external',  'path_to_external_file']&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #993399; font-weight: bold;"&gt;})&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span style="color: #993399; font-weight: bold;"&gt;&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #993399; font-weight: bold;"&gt;&amp;lt;div  id="mygallery" class="stepcarousel"&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #993399; font-weight: bold;"&gt;&amp;lt;div  class="belt"&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span style="color: #993399; font-weight: bold;"&gt;    &amp;lt;!--  Ganti link dengan link kalian --&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span style="color: #006600; font-weight: bold;"&gt;&amp;lt;div  class="panel"&amp;gt;&lt;br /&gt;
&amp;lt;a href="http://blognyaipank.blogspot.com/"&amp;gt;&amp;lt;img  src="http://i39.tinypic.com/2vl7f61.png" width="180  height="130"&amp;gt;&amp;lt;/a&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span style="color: #006600; font-weight: bold;"&gt;&amp;lt;div  class="panel"&amp;gt;&lt;br /&gt;
&amp;lt;a href="http://blognyaipank.blogspot.com/"&amp;gt;&amp;lt;img  src="http://i39.tinypic.com/2vl7f61.png" width="180  height="130"&amp;gt;&amp;lt;/a&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;span style="color: #006600; font-weight: bold;"&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span id="fullpost"&gt;&lt;span id="fullpost"&gt;&lt;span style="color: #006600; font-weight: bold;"&gt;&amp;lt;div  class="panel"&amp;gt;&lt;br /&gt;
&amp;lt;a href="http://blognyaipank.blogspot.com/"&amp;gt;&amp;lt;img  src="http://i39.tinypic.com/2vl7f61.png" width="180  height="130"&amp;gt;&amp;lt;/a&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;span id="fullpost"&gt;&lt;span id="fullpost"&gt;&lt;span style="color: #006600; font-weight: bold;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span id="fullpost"&gt;&lt;span id="fullpost"&gt;&lt;span style="color: #006600; font-weight: bold;"&gt;&amp;lt;div  class="panel"&amp;gt;&lt;br /&gt;
&amp;lt;a href="http://blognyaipank.blogspot.com/"&amp;gt;&amp;lt;img  src="http://i39.tinypic.com/2vl7f61.png" width="180  height="130"&amp;gt;&amp;lt;/a&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;span style="color: #006600; font-weight: bold;"&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span id="fullpost"&gt;&lt;span id="fullpost"&gt;&lt;span style="color: #006600; font-weight: bold;"&gt;&amp;lt;div  class="panel"&amp;gt;&lt;br /&gt;
&amp;lt;a href="http://blognyaipank.blogspot.com/"&amp;gt;&amp;lt;img  src="http://i39.tinypic.com/2vl7f61.png" width="180  height="130"&amp;gt;&amp;lt;/a&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;span id="fullpost"&gt; &lt;br /&gt;
&lt;span style="color: #993399; font-weight: bold;"&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #993399; font-weight: bold;"&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;span style="font-weight: bold;"&gt;    Lihat Contoh  diatas untuk menambahkan gambar baru diatas, kode berwarna hijau  bertambah.&lt;/span&gt;&lt;/span&gt;&lt;/blockquote&gt;&lt;div style="text-align: justify;"&gt;&lt;span id="fullpost"&gt;4.  Klik &lt;span style="font-weight: bold;"&gt;Simpan.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;/div&gt;Sekian tips dan trik  mempercantik blog dengan menambahakan foto gallery pada blog. selamat  mencoba kawan, semoga berhasil!&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;span style="font-weight: bold;"&gt;Sumber : &lt;a href="http://www.blognyaipank.web.id/2009/11/memasang-foto-gallery-pada-blog.html"&gt;Blog Ifank&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;</description><link>http://ichau84.blogspot.com/2010/03/memasang-foto-gallery-pada-blog.html</link><author>noreply@blogger.com (ichau (M. 5403di))</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIXW9DYKwaCAehsFc4OP6bVBmkGjzagdGhJeK9WmB-y4Ht0zLb-1tZvAxgbsJkXUyYL3ZzK1FImfMbNmkTFovYhGFMrzwDnUSgvGShY4PGDsKN08RpbUSv5oXSPMT7q7IFeeKpWJFwyYs/s72-c/slide+picture.png" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8469467529537225477.post-39225246653172247</guid><pubDate>Mon, 01 Mar 2010 10:20:00 +0000</pubDate><atom:updated>2010-03-01T17:20:56.342+07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Info</category><category domain="http://www.blogger.com/atom/ns#">Renungan</category><title>KESIMPULAN PARA PROFESOR TENTANG QUR'AN</title><description>&lt;div style="text-align: center;"&gt;&lt;a href="http://www.facebook.com/photo.php?pid=3301993&amp;amp;id=298400792751" id="myphotolink"&gt;&lt;img id="myphoto" src="http://photos-d.ak.fbcdn.net/hphotos-ak-snc3/hs174.snc3/20151_314110962751_298400792751_3301993_6329503_n.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="rfloat" id="photoinalbum"&gt;&lt;span class="text"&gt;&lt;/span&gt;&lt;a href="http://www.facebook.com/pages/-ISLAM-TERBUKTI-BENAR-/298400792751"&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="clearfix" id="photocaption_parent"&gt;&lt;div class="photocaption"&gt;&lt;div class="photocaption_text"&gt;&lt;br /&gt;
&lt;br /&gt;
“Agama dapat menjadi petunjuk yang berhasil untuk pencarian ilmu pengetahuan. Dan agama Islam dapat mencapai sukses dalam hal ini. Tidak ada pertentangan antara ilmu genetika dan agama. Kenyataan di dalam al-Quran yang ditunjuk­kan oleh ilmu pengetahuan menjadi valid. AI-Qu...ran yang berasal dari Allah mendukung ilmu pengetahuan.&lt;br /&gt;
........- Prof. Dr. Joe Leigh Simpson Ketua Jurusan Ilmu Kebidanan dan Ginekologi dan Prof. Molecular dan Genetika Manusia, Baylor College Medicine, Houston, Amerika Serikat.&lt;br /&gt;
&lt;br /&gt;
"Nabi Muhammad SAW sebagai buku ilmu pengetahuan dari Allah. "&lt;br /&gt;
.........- Prof. Marshall Johnson Guru Besar ilmu Anatomi dan Perkembangan Biologi, Universitas Thomas Jefferson, Philadelphia, Pennsylvania, Amerika Serikat.&lt;br /&gt;
&lt;a name='more'&gt;&lt;/a&gt;&lt;br /&gt;
“AI-Quran adalah sebuah kitab, petunjuk, kebenaran, bukti,” dan kebenaran yang abadi bagi kita sampai akhir zaman. "&lt;br /&gt;
.........- Prof. TVN Persaud Ahli anatomi, ahli kesehatan anak-anak,dan ahli ginekologi kebidanan dan ilmu reproduksi di Universitas Manitoba, Winnipeg, Menitoba, Kanada.&lt;br /&gt;
&lt;br /&gt;
"Semua yang tertulis di dalam al-Quran pasti sebuah kebenaran, yang dapat dibuktikan dengan peralatan ilmiah. "&lt;br /&gt;
..........- Prof. Tejatat Tejasen Ketua Jurusan Anatomi Universitas Thailand, Chiang Mai&lt;br /&gt;
&lt;br /&gt;
"...metode ilmiah modern sekarang membuktikan apa yang telah dikatakan Muhammad 1400 tahun yang lalu. AI-Quran adalah buku teks ilmu pengetahuan yang simpel dan sederhana untuk orang yang sederhana. "&lt;br /&gt;
...........- Prof. Alfred Kroner Ketua Jurusan Geologi Institut Geosciences, Universitas Johannnes Gutterburg, Maintz, Jerman.&lt;br /&gt;
&lt;br /&gt;
“AI-Quran adalah kitab yang menakjubkan yang menggambarkan masa lalu, sekarang, dan masa depan. "&lt;br /&gt;
..........- Prof. Palmer Ahli Geologi ternamaAmerika Serikat.&lt;br /&gt;
&lt;br /&gt;
"llmuwan itu sebenarnya hanya menegaskan apa yang telah tertulis di dalam al-Quran beberapa tahun yang lalu. Para ilmuwan sekarang hanya menemukan apa yang telah tersebut di dalam al-Quran sejak 1400 tahun yang lalu."&lt;br /&gt;
..........- Prof. Shroeder Ilmuwan kelautan dari Jerman&lt;br /&gt;
&lt;br /&gt;
"Dengan membaca al-Quran, saya dapat menemukan jalan masa depan saya untuk investigasi alam semesta,"&lt;br /&gt;
...........- Prof. Yoshihide Kozai Guru Besar Universitas Tokyo dan Direktur The National Astronomical Observatory, Mikata, Tokyo, Jepang&lt;br /&gt;
&lt;br /&gt;
PENGETAHUAN YANG BENAR HARUS DITEGASKAN DENGAN AGAMA YANG BENAR&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;</description><link>http://ichau84.blogspot.com/2010/03/kesimpulan-para-profesor-tentang-quran.html</link><author>noreply@blogger.com (ichau (M. 5403di))</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8469467529537225477.post-8530738945614043374</guid><pubDate>Mon, 01 Mar 2010 10:16:00 +0000</pubDate><atom:updated>2010-03-01T17:16:15.338+07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Info</category><category domain="http://www.blogger.com/atom/ns#">Renungan</category><title>TUDUNG / JILBAB PUN TERTULIS "WAJIB" DALAM ALKITAB CHRISTIAN</title><description>السلام عليكم&lt;br /&gt;
بِسْــــــــــــــــــمِ ﷲِالرَّحْمَنِ الرَّحِيم&lt;br /&gt;
الحمد لله رب العا لمين. الصلاة و السلام على رسو ل الله. عما بعد&lt;br /&gt;
&lt;br /&gt;
Seringkali, umat kufar tak suka &amp;amp; menghina muslimah yg bertudung/jilbab, bahkan selalunya mereka berlaku tak adil pada muslimah itu, meski di kerajaan/negeri dengan mayoriti Islam.&lt;br /&gt;
&lt;br /&gt;
Ada pulak Islam Liberal, dengan mengaku muslim tapi membenci Islam, mengatakan jika tudung/jilbab itu tak wajib, rambut itu bukan aurat, demi kebebasan wanita, hak azasi dan hal lainnya.&lt;br /&gt;
&lt;br /&gt;
Kita tak payah risau dengan segala celaan orang yg mencela, kerana dia orang kufar lah yg tak membaca alkitab christian mereka dengan hati kecil mereka yg jujur.&lt;br /&gt;
&lt;br /&gt;
Jika tudung benar, apa buktinya???&lt;br /&gt;
Jika tudung salah, apa buktinya???&lt;a name='more'&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
Tudung/jilbab pun diwajibkan oleh alkitab christian. Sy cakap seperti ini bukan menurut hati sy, tapi sy selalunya cakap dengan BUKTI TERKUAT, yaitu dari kitab masing-masing agama kerana kitab itu diakui "katanya" sebagai perkataan TUHAN.&lt;br /&gt;
&lt;br /&gt;
Tudung muslimah pun diwajibkan oleh alkitab christian.&lt;br /&gt;
&lt;br /&gt;
1 Korintus 11:5 Tetapi tiap-tiap perempuan yang berdoa atau bernubuat dengan kepala yang tidak bertudung, menghina kepalanya, sebab ia sama dengan perempuan yang dicukur rambutnya.&lt;br /&gt;
&lt;br /&gt;
11:6 Sebab jika perempuan tidak mau menudungi kepalanya, maka haruslah ia juga menggunting rambutnya. Tetapi jika bagi perempuan adalah penghinaan, bahwa rambutnya digunting atau dicukur, maka HARUSLAH IA MENUDUNGI KEPALANYA.&lt;br /&gt;
&lt;br /&gt;
11:7 Sebab laki-laki tidak perlu menudungi kepalanya: ia menyinarkan gambaran dan kemuliaan Allah. Tetapi perempuan menyinarkan kemuliaan laki-laki.&lt;br /&gt;
&lt;br /&gt;
11:8 Sebab laki-laki tidak berasal dari perempuan, tetapi perempuan berasal dari laki-laki.&lt;br /&gt;
&lt;br /&gt;
11:9 Dan laki-laki tidak diciptakan karena perempuan, tetapi perempuan diciptakan karena laki-laki.&lt;br /&gt;
&lt;br /&gt;
11:10 Sebab itu, PEREMPUAN HARUS MEMAKAI TANDA WIBAWA DI KEPALANYA oleh karena para malaikat.&lt;br /&gt;
&lt;br /&gt;
11:11 Namun demikian, dalam Tuhan tidak ada perempuan tanpa laki-laki dan tidak ada laki-laki tanpa perempuan.&lt;br /&gt;
&lt;br /&gt;
11:12 Sebab sama seperti perempuan berasal dari laki-laki, demikian pula laki-laki dilahirkan oleh perempuan; dan segala sesuatu berasal dari Allah.&lt;br /&gt;
&lt;br /&gt;
11:13 Pertimbangkanlah sendiri: PATUTKAH PEREMPUAN BERDOA KEPADA ALLAH DENGAN KEPALA TIDAK BERTUDUNG?&lt;br /&gt;
&lt;br /&gt;
Ayat diatas diambil dari surat pertama Paulus kepada jemaat di korintus.&lt;br /&gt;
Tapi ajaran yg sudah hilang, ditinggalkan &amp;amp; tak diikuti lagi oleh ummat terdahulu, dimurnikan lagi oleh ALLAH dalam Qur'an:&lt;br /&gt;
&lt;br /&gt;
Qs.33 Ahzab:59. Hai Nabi, katakanlah kepada isteri-isterimu, anak-anak perempuanmu dan isteri-isteri orang mukmin: "Hendaklah mereka mengulurkan jilbabnya KE SELURUH TUBUH MEREKA". Yang demikian itu supaya mereka lebih mudah untuk dikenal, karena itu mereka tidak di ganggu. Dan Allah adalah Maha Pengampun lagi Maha Penyayang.&lt;br /&gt;
&lt;br /&gt;
Qs.24 Nuur:31. Katakanlah kepada wanita yang beriman: "Hendaklah mereka menahan pandangannya, dan kemaluannya, dan janganlah mereka menampakkan perhiasannya, kecuali yang (biasa) nampak dari padanya. Dan hendaklah mereka MENUTUPKAN KAIN KERUDUNG KE DADANYA, dan janganlah menampakkan perhiasannya kecuali kepada suami mereka, atau ayah mereka, atau ayah suami mereka, atau putera-putera mereka, atau putera-putera suami mereka, atau saudara-saudara laki-laki mereka, atau putera-putera saudara lelaki mereka, atau putera-putera saudara perempuan mereka, atau wanita-wanita islam, atau budak- budak yang mereka miliki, atau pelayan-pelayan laki-laki yang tidak mempunyai keinginan (terhadap wanita) atau anak-anak yang belum mengerti tentang aurat wanita. Dan janganlah mereka memukulkan kakinyua agar diketahui perhiasan yang mereka sembunyikan. Dan bertaubatlah kamu sekalian kepada Allah, hai orang-orang yang beriman supaya kamu beruntung.&lt;br /&gt;
&lt;br /&gt;
Qs.24 Nuur:60. Dan perempuan-perempuan tua yang telah terhenti (dari haid dan mengandung) yang tiada ingin kawin (lagi), tiadalah atas mereka dosa menanggalkan pakaian mereka dengan tidak (bermaksud) menampakkan perhiasan, dan berlaku sopan adalah lebih baik bagi mereka. Dan Allah Maha Mendengar lagi Maha Bijaksana.&lt;br /&gt;
&lt;br /&gt;
Qs.7 A'raaf:26. Hai anak Adam, sesungguhnya Kami telah menurunkan kepadamu pakaian untuk menutup auratmu dan pakaian indah untuk perhiasan. Dan pakaian takwa itulah yang paling baik. Yang demikian itu adalah sebahagian dari tanda-tanda kekuasaan Allah, mudah-mudahan mereka selalu ingat.&lt;br /&gt;
&lt;br /&gt;
Dan kenyataannya, ummat Islam-lah yang mengamalkan kewajiban tersebut sehingga masa ni. Lalu, jika tudung/jilbab diwajibkan oleh alkitab christian, mengapa mereka membenci muslimah bertudung?&lt;br /&gt;
&lt;br /&gt;
Bagi saudari muslimah yg belum bertudung, mari kita bertudung, apa mau ditunggu lagi??? Ramai muslimah cakap belum siap, masih merasa tak baik, dan lainnya. Jika kena tunggu baik, maka sampai mati pun tak kan pernah merasa baik kerana manusia akan selalu merasa berdosa kerana kesilapan di masa lalu, kita ni manusia memiliki nafsu, bukannya malaikat yg selalu berbuat benar kerana tak ber-nafsu.&lt;br /&gt;
&lt;br /&gt;
Dan bagi saudari muslimah yg sudah bertudung, mari perpaiki tudung kita dengan MENUTUPKAN KAIN TUDUNG KE DADA &amp;amp; MENGULURKAN KERUDUNG KE SELURUH TUBUH seperti yg perintahkan oleh ALLAH (bukan diperintah oleh manusia) dalam Qur'an.&lt;br /&gt;
&lt;br /&gt;
Bagi saudari yg tudungnya sudah baik, mari kita ajak sekitar kita, rakan &amp;amp; saudari kita untok bertudung sahaja dahulu. Untok awal pertama, tak payah menutupi dada pun tak apa. Semua kena dilakukan bertahap, pelan-perlahan.&lt;br /&gt;
&lt;br /&gt;
Secara logic pun seharusnya mereka berfikir, Ibunda Nabi Isa AS pun selalu digambarkan dengan bertudung, kenapa mereka tak ikuti suri tauladan yg dicontohkan oleh Ibu "Tuhan"???&lt;br /&gt;
&lt;br /&gt;
Seumur hidup sy belum pernah tengok Bunda Maria tak bertudung, musti dan selalunya digambarkan guna tudung. Sy heran... ^_^&lt;br /&gt;
&lt;br /&gt;
Perempuan ialah godaan iblis yg termasok besar sangat. Ditengok dari segi akhlak &amp;amp; sopan santun pun, setan lagi mudah &amp;amp; senang menggoda melalui wanita.&lt;br /&gt;
&lt;br /&gt;
Dengan menggunakan tudung/jilbab, maka akan menjaga pandangan para bapak-bapak, anak-anak kecil &amp;amp; dewasa.&lt;br /&gt;
&lt;br /&gt;
Bayangkan sahaja jika perempuan dengan baju ketat, pinggang nampak sangat,pantat bergoyang sana goyang sini,betis putih mulusss, paha menggoda... wow... @_~&lt;br /&gt;
&lt;br /&gt;
Menurut Nabi Isa AS, melihat sahaja sudah termasok zinah:&lt;br /&gt;
&lt;br /&gt;
Matius 5:28 Tetapi Aku berkata kepadamu: Setiap orang yang memandang perempuan serta menginginkannya, sudah berzinah dengan dia di dalam hatinya.&lt;br /&gt;
&lt;br /&gt;
Tudung/jilbab justru untok meninggikan derajat wanita &amp;amp; menjaga keselamatannya. Pernah tengok kah ada lelaki hidung belang menggoda muslimah bertudung baik?&lt;br /&gt;
&lt;br /&gt;
tapi jika ada perempuan dengan pusar nampak, punggung pun terlihat, belahan dada menyembul... wow... @_~... ini wajib dikejar... dirayu... disentuh sikit... jika tak marah, diraba... lalu digandeng, jika masih tak marah, direngkuh. Dan bukan tidak mungkin jika dirogol atau diperkosa!&lt;br /&gt;
&lt;br /&gt;
Untok soalan perkosa ini, sebetulnya ramai pulak ayat tentang perkosa dalam alkitab christian, tempo hari sudah dibuka "sikit" oleh saudara Luqman... ^_^ ... 350 ayat! Insya ALLAH kita kena bahas lain masa.&lt;br /&gt;
&lt;br /&gt;
Sekarang ni, mari kita tengok soalan tudung sahaja.&lt;br /&gt;
Ini buktinya jika wanita berjilbab itu justru dilindungi &amp;amp; diangkat derajat:&lt;br /&gt;
&lt;br /&gt;
1 Korintus 11:10 Sebab itu, PEREMPUAN HARUS MEMAKAI TANDA WIBAWA DI KEPALANYA oleh karena para malaikat.&lt;br /&gt;
&lt;br /&gt;
QS.33:59.Hai Nabi, katakanlah kepada isteri-isterimu, anak-anak perempuanmu dan isteri-isteri orang mukmin: "Hendaklah mereka mengulurkan jilbabnya ke seluruh tubuh mereka". Yang demikian itu supaya mereka lebih mudah untuk dikenal, KARENA ITU MEREKA TIDAK DIGANGGU. Dan Allah adalah Maha Pengampun lagi Maha Penyayang.&lt;br /&gt;
&lt;br /&gt;
Kita sebagai orang timur yg ramai beragama muslim, tentu tak pantut jika kita tak jaga sopan santun. Dan jika kita berbicara akhlak &amp;amp; sopan santun, maka tak boleh menurut manusia / sekumpulan manusia.&lt;br /&gt;
&lt;br /&gt;
Kenapa? kerana akhlak sekumpulan manusia setempat sini tak sama dengan tempatan lain.&lt;br /&gt;
&lt;br /&gt;
Saya bagi contoh sahaja: Seorang perempuan, tak bagus akhlaknya jika ia datang ke rumah kepala kampong dengan menggunakan bikini sahaja. Akan tetapi di negara barat, ada ramai tempat yg kita tak boleh mengenakan kain selembar pun ditubuh, jika tak telanjang, maka tak boleh masok ke tempat-tempat itu.&lt;br /&gt;
&lt;br /&gt;
Lalu sy bertanya pada kawan saya yg berasal dari negara itu:&lt;br /&gt;
"Jika punya istri &amp;amp; anak gadis, bolehkah masok ke tempat seperti itu?"&lt;br /&gt;
Dan ternyata dia menjawab: "Tak boleh!" Lalu macam mana dengan para christian &amp;amp; Liberal + Pluralism yg membangga-banggakn budaya barat sementara ada orang barat yg tak bangga dengan budayanya???&lt;br /&gt;
&lt;br /&gt;
Lalu sy tanya lagi pada kawan sy tu:&lt;br /&gt;
"Boleh kah jika istri &amp;amp; anak gadis kamu ditengok secara percuma/free/gratis oleh lelaki buaya???"&lt;br /&gt;
&lt;br /&gt;
Itu budaya yg justru merendahkan kaum wanita, tapi mengapa justru mereka yg fitnah Islam membatasi Hak Azasi wanita dengan jilbab? Padahal itu ialah budaya yg tak tahu malu &amp;amp; tak ber-adab!&lt;br /&gt;
&lt;br /&gt;
Jadi akhlak &amp;amp; sopan santun itu menurut agama, bukan menurut orang atau sekumpulan orang, kerana budaya setempat tak sama dengan budaya tempatan lainnya.&lt;br /&gt;
&lt;br /&gt;
Ratu kecantikan yang ikut "Miss Universe Contest" pun tak tahu malu &amp;amp; tak ber-adab. Bahkan tak ber-adab sama sekali kerana maksiat yg dia lakukan di syiar-kan pada ramai orang sekali, bukan 1-2 negara, tapi syiar maksiat itu menyebar ke seluruh dunia.&lt;br /&gt;
&lt;br /&gt;
Jadi menurut budaya barat, mengenakan bikini "2 pieces" itu masih biasa sahaja, masih sopan. Ada lagi yg teruk iaitu Lelaki, wanita, remaja, tua, muda, budak kecil pun lari sama-sama dengan telanjang bulat!&lt;br /&gt;
&lt;br /&gt;
Bukan dalam gedung, tapi di jalan raya sekali..!!! Masok televisien pulak!!&lt;br /&gt;
&lt;br /&gt;
Jika saudara mempunyai istri &amp;amp; anak gadis, bolehkah jika mereka menjumpai acara lari massal telanjang berkenaan???&lt;br /&gt;
&lt;br /&gt;
Sekarang, ingin disukai para kufar dengan tak guna tudung? atau... ingin disukai ALLAH kerana bertudung?&lt;br /&gt;
&lt;br /&gt;
Tudung... atau Jilbab...&lt;br /&gt;
Jika memang benar, apa buktinya?&lt;br /&gt;
JIka memang salah, apa buktinya?&lt;br /&gt;
&lt;br /&gt;
Dan... ISLAM TERBUKTI BENAR...!!!&lt;br /&gt;
&lt;br /&gt;
Macam mana dengan para christian?&lt;br /&gt;
Apakah masih meng-ingkari ayat WAJIB bertudung dalam alkitab di tangannya sendiri???&lt;br /&gt;
-------------------&lt;br /&gt;
Janganlah ber-ibadah cuma untok diri sendiri sahaja, sedang ramai disekitar kita berkata "Semua agama itu baik", "Semua agama itu benar".&lt;br /&gt;
&lt;br /&gt;
Sila copy paste &amp;amp; yg paling utama ialah menyebarkan &amp;amp; bagi tahu rakan + saudara lain guna email, picture post, wall post, TAG picture dan semua cara kena diguna untok menyebarkan PEMBUKTIAN ISLAM IALAH SATU-SATUNYA AGAMA YG BENAR.&lt;br /&gt;
&lt;br /&gt;
Tolong jemput/undang rakan + saudara di bawah gambar daripada page ini agar ramai orang saling ingat meng-ingati sesama insan:&lt;br /&gt;
&lt;br /&gt;
&lt;span&gt;http://www.facebook.com/pages/-ISLAM-TER&lt;/span&gt;&lt;span class="word_break"&gt;&lt;/span&gt;BUKTI-BENAR-/298400792751?v=info</description><link>http://ichau84.blogspot.com/2010/03/tudung-jilbab-pun-tertulis-wajib-dalam.html</link><author>noreply@blogger.com (ichau (M. 5403di))</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8469467529537225477.post-3986323261899501338</guid><pubDate>Mon, 01 Mar 2010 02:14:00 +0000</pubDate><atom:updated>2010-03-01T09:14:44.482+07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Gadget</category><category domain="http://www.blogger.com/atom/ns#">Info</category><category domain="http://www.blogger.com/atom/ns#">Tips-trik</category><title>Membuat Gambar/Iklan Melayang di Blog</title><description>Setelah kita pernah belajar untuk membuat gambar melayang di pojokan  atau &lt;i&gt;float image &lt;/i&gt;yang belum baca, silahkan kilik saja &lt;a href="http://www.5403di.co.cc/2010/03/membuat-gambar-melayang-float-image-di.html"&gt;di  sini&lt;/a&gt;. Sekarang kita akan belajar yang sedikit sama dengan float  image, tapi juga berbeda. Pernah tentunya saat kita datang ada gambar  atau iklan yang selalu muncul mengikuti mouse kita dan kita harus men &lt;i&gt;close&lt;/i&gt;  agar gambar atau iklan itu hilang. &lt;br /&gt;
&lt;br /&gt;
Apa manfaat membuat Gambar atau iklan ini melayang-layang diblog kita?  Dengan ini tentunya kita dapat menampilkan gambar atau iklan di blog  kita dan itu akan menghemat banyak tempat selain itu juga akan semakin  potensial untuk diklik atau dilihat.&lt;br /&gt;
&lt;a name='more'&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Cara Membuat Gambar/Iklan Melayang di Blog&lt;/b&gt;&lt;br /&gt;
1. &lt;b&gt;Login&lt;/b&gt; ke blogger&lt;br /&gt;
2. Pilih &lt;b&gt;tata letak&lt;/b&gt; kemudian &lt;b&gt;Tambah Gadget&lt;/b&gt;&lt;br /&gt;
3. Pilih &lt;b&gt;HTML/JavaScript&lt;/b&gt;&lt;br /&gt;
4. Masukan kode script berikut ini:&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div class="alert"&gt;&amp;lt;style type="text/css"&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;#topbar{&lt;br /&gt;
position:absolute;&lt;br /&gt;
border: 1px solid #666666;&lt;br /&gt;
padding: 2px;&lt;br /&gt;
background-color: #333333;&lt;br /&gt;
width: 480px;&lt;br /&gt;
visibility: hidden;&lt;br /&gt;
z-index: 100;&lt;br /&gt;
}&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/style&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;script type="text/javascript"&amp;gt;&lt;br /&gt;
var persistclose=0 //set to 0 or 1. 1 means once the bar is manually  closed, it will remain closed for browser session&lt;br /&gt;
var startX = 30 //set x offset of bar in pixels&lt;br /&gt;
var startY = 5 //set y offset of bar in pixels&lt;br /&gt;
var verticalpos="fromtop" //enter "fromtop" or "frombottom"&lt;br /&gt;
&lt;br /&gt;
function iecompattest(){&lt;br /&gt;
return (document.compatMode &amp;amp;&amp;amp;  document.compatMode!="BackCompat")? document.documentElement :  document.body&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
function get_cookie(Name) {&lt;br /&gt;
var search = Name + "="&lt;br /&gt;
var returnvalue = "";&lt;br /&gt;
if (document.cookie.length &amp;gt; 0) {&lt;br /&gt;
offset = document.cookie.indexOf(search)&lt;br /&gt;
if (offset != -1) {&lt;br /&gt;
offset += search.length&lt;br /&gt;
end = document.cookie.indexOf(";", offset);&lt;br /&gt;
if (end == -1) end = document.cookie.length;&lt;br /&gt;
returnvalue=unescape(document.cookie.substring(offset, end))&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
return returnvalue;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
function closebar(){&lt;br /&gt;
if (persistclose)&lt;br /&gt;
document.cookie="remainclosed=1"&lt;br /&gt;
document.getElementById("topbar").style.visibility="hidden"&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
function staticbar(){&lt;br /&gt;
barheight=document.getElementById("topbar").offsetHeight&lt;br /&gt;
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;&lt;br /&gt;
var d = document;&lt;br /&gt;
function ml(id){&lt;br /&gt;
var el=d.getElementById(id);&lt;br /&gt;
if (!persistclose || persistclose &amp;amp;&amp;amp;  get_cookie("remainclosed")=="")&lt;br /&gt;
el.style.visibility="visible"&lt;br /&gt;
if(d.layers)el.style=el;&lt;br /&gt;
el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};&lt;br /&gt;
el.x = startX;&lt;br /&gt;
if (verticalpos=="fromtop")&lt;br /&gt;
el.y = startY;&lt;br /&gt;
else{&lt;br /&gt;
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop +  iecompattest().clientHeight;&lt;br /&gt;
el.y -= startY;&lt;br /&gt;
}&lt;br /&gt;
return el;&lt;br /&gt;
}&lt;br /&gt;
window.stayTopLeft=function(){&lt;br /&gt;
if (verticalpos=="fromtop"){&lt;br /&gt;
var pY = ns ? pageYOffset : iecompattest().scrollTop;&lt;br /&gt;
ftlObj.y += (pY + startY - ftlObj.y)/8;&lt;br /&gt;
}&lt;br /&gt;
else{&lt;br /&gt;
var pY = ns ? pageYOffset + innerHeight - barheight:  iecompattest().scrollTop + iecompattest().clientHeight - barheight;&lt;br /&gt;
ftlObj.y += (pY - startY - ftlObj.y)/8;&lt;br /&gt;
}&lt;br /&gt;
ftlObj.sP(ftlObj.x, ftlObj.y);&lt;br /&gt;
setTimeout("stayTopLeft()", 10);&lt;br /&gt;
}&lt;br /&gt;
ftlObj = ml("topbar");&lt;br /&gt;
stayTopLeft();&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
if (window.addEventListener)&lt;br /&gt;
window.addEventListener("load", staticbar, false)&lt;br /&gt;
else if (window.attachEvent)&lt;br /&gt;
window.attachEvent("onload", staticbar)&lt;br /&gt;
else if (document.getElementById)&lt;br /&gt;
window.onload=staticbar&lt;br /&gt;
&amp;lt;/script&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div id="topbar"&amp;gt;&lt;br /&gt;
&amp;lt;a href="" onclick="closebar(); return false"&amp;gt;&amp;lt;span  style="float:right"&amp;gt;[X]&amp;lt;/span&amp;gt;&amp;lt;/a&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;i&gt;&amp;lt;script src="http://kumpulblogger.com/scahor.php?b=6024"  type="text/javascript"&amp;gt;&amp;lt;/script&amp;gt;&lt;/i&gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;/div&gt;&lt;br /&gt;
Ada beberapa yang harus diubah untuk disesuaiakan dengan tampilan  (template) kita,yitu :&lt;br /&gt;
&lt;b&gt;border: 1px solid #666666;&lt;br /&gt;
padding: 2px;&lt;br /&gt;
background-color: #333333;&lt;br /&gt;
width: 480px;&lt;/b&gt;&lt;br /&gt;
Keterangan : Ganti lebar, warna border, dan backgroud sesuai dengan  tampilan yang dinginkan. Dan kode yang miring ganti dengan kode  banner(gambar) atau dengan script iklan.&lt;br /&gt;
&lt;br /&gt;
5. &lt;b&gt;Simpan&lt;/b&gt; jika sudah selesai</description><link>http://ichau84.blogspot.com/2010/03/membuat-gambariklan-melayang-di-blog.html</link><author>noreply@blogger.com (ichau (M. 5403di))</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8469467529537225477.post-5183295019717232451</guid><pubDate>Mon, 01 Mar 2010 02:09:00 +0000</pubDate><atom:updated>2010-03-01T09:11:31.886+07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Gadget</category><category domain="http://www.blogger.com/atom/ns#">Info</category><category domain="http://www.blogger.com/atom/ns#">Tips-trik</category><title>Membuat Gambar Melayang (Float Image) di Pojok Halaman</title><description>Kita akan belajar bersama-sama cara membuat gambar atau foto yang bisa  melayang, seperti mahluk halus saja &lt;img id="new" src="http://benjamin0331.googlepages.com/smile.png" style="border: 0pt none; margin: 0pt; padding: 0pt;" /&gt;  Apakah seh maksudnya? Lihat  pada layar monitar kita saat ini. Di pojok halaman blog saya ada gambar  rumah (home) walau kita naik turun tetap saja gambar itu berada di sana  (pojok Halaman)&lt;br /&gt;
&lt;br /&gt;
Sebuah blog juga harus kelihatan &lt;i&gt;cantik&lt;/i&gt; atau indah supaya orang  juga betah untuk berlama-lama di blog kita. Tentu dengan kita membuat  gambar melayang atau float image harapan itu akan terwujud. Selain itu  kita juga dapat menganti gambar itu dengan sebuah &lt;a href="http://kurniasepta.blogspot.com/search/label/widget"&gt;widget&lt;/a&gt;,  misalnya &lt;a href="http://kurniasepta.blogspot.com/2009/03/menambahkan-jam-dan-kalender-pada-blog.html"&gt;jam&lt;/a&gt;,  &lt;a href="http://kurniasepta.blogspot.com/2009/03/menambahkan-jam-dan-kalender-pada-blog.html"&gt;kalender&lt;/a&gt;,  atau &lt;a href="http://kurniasepta.blogspot.com/2009/03/membuat-banner-dan-tukeran-link-banner.html"&gt;banner&lt;/a&gt;.&lt;br /&gt;
&lt;a name='more'&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Cara Membuat Gambar Melayang (Float Image) di Pojok Halaman&lt;/b&gt; &lt;br /&gt;
1. &lt;b&gt;Login&lt;/b&gt; ke Blogger.&lt;br /&gt;
2. Di halaman Dasbor, kita pilih &lt;b&gt;Tata Letak&lt;/b&gt;.&lt;br /&gt;
3. Kemudian pilih &lt;b&gt;Edit HTML&lt;/b&gt;&lt;br /&gt;
4. Beri tanda centang pada &lt;b&gt;Expand Template Widget&lt;/b&gt;&lt;br /&gt;
5. Cari kode &lt;b&gt;]]&amp;gt;&amp;lt;/b:skin&amp;gt;&lt;/b&gt; setealah itu, taruh kode  berikut ini di atasnya.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div class="alert"&gt;#trik_pojok {&lt;br /&gt;
position:fixed;_position:absolute;&lt;i&gt;bottom&lt;/i&gt;:0px; &lt;i&gt;left&lt;/i&gt;:0px;&lt;br /&gt;
clip:inherit;&lt;br /&gt;
_top:expression(document.documentElement.scrollTop+&lt;br /&gt;
document.documentElement.clientHeight-this.clientHeight);  _left:expression(document.documentElement.scrollLeft+  document.documentElement.clientWidth - offsetWidth); }&lt;/div&gt;&lt;br /&gt;
6. Selanjutnya Cari kode&lt;b&gt; &amp;lt;/body&amp;gt;&lt;/b&gt; jika sudah ketemu, taruk  kode berikut ini di atasnya.&lt;br /&gt;
&lt;div class="alert"&gt;&lt;/div&gt;&lt;div class="alert"&gt;&amp;lt;div id='trik_pojok'&amp;gt;&lt;br /&gt;
&amp;lt;a href='&lt;i&gt;http://kurniasepta.blogspot.com&lt;/i&gt;'&amp;gt;&lt;br /&gt;
&amp;lt;img border='0' src='&lt;i&gt;http://homepage1.nifty.com/simachan/simacha/material/image/button/home01.gif&lt;/i&gt;'/&amp;gt;&amp;lt;/a&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;nbsp;&amp;lt;script src='http://kendhin.890m.com/emoticon/smile1.js'  type='text/javascript'/&amp;gt;&lt;/div&gt;&lt;br /&gt;
Note : Kita bisa ganti &lt;i&gt;bottom&lt;/i&gt; dengan &lt;i&gt;top&lt;/i&gt; dan &lt;i&gt;left&lt;/i&gt;  dengan &lt;i&gt;right&lt;/i&gt;. Sesuai dengan letak yang kita inginkan atau mungkin  sama dengan itu saja, gak usah diganti &lt;img id="new" src="http://benjamin0331.googlepages.com/lol.png" style="border: 0pt none; margin: 0pt; padding: 0pt;" /&gt; &lt;br /&gt;
Kita juga harus ganti&lt;i&gt; http://kurniasepta.blogspot.com &lt;/i&gt;dengan URL  kita sendiri, tapi kalau tidak diganti juga terima kasih :z Dan kita  juga bisa menganti &lt;i&gt;http://homepage1.nifty.com/simachan/simacha/material/image/button/home01.gif  &lt;/i&gt;dengan URL gambar yang suka.&lt;br /&gt;
&lt;br /&gt;
7. &lt;b&gt;Simpan Template&lt;/b&gt; Kalau sudah selesai.</description><link>http://ichau84.blogspot.com/2010/03/membuat-gambar-melayang-float-image-di.html</link><author>noreply@blogger.com (ichau (M. 5403di))</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8469467529537225477.post-1110611960593642563</guid><pubDate>Mon, 01 Mar 2010 01:40:00 +0000</pubDate><atom:updated>2010-03-01T08:42:24.858+07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Info Virus</category><title>EsTeh: PCMAV 2.3 Update Build4</title><description>&lt;div class="main"&gt;PCMAV 2.3 Update Build4 telah hadir dengan penambahan 9  pengenal varian virus baru. Bagi Anda pengguna PCMAV 2.3, sangat  disarankan segera melakukan &lt;i&gt;update&lt;/i&gt;, agar PCMAV Anda dapat  mengenali dan membasmi virus lebih banyak lagi.&lt;br /&gt;
Untuk mendapatkan dan menggunakan update PCMAV ini, Anda cukup  menjalankan PCMAV Cleaner (PCMAV-CLN.exe), komputer harus dalam keadaan  aktif terhubung ke Internet (&lt;i&gt;non-proxy&lt;/i&gt;). Fitur Automatic  Updates dari PCMAV akan secara otomatis men-download dan meng-update  database dari PCMAV.&lt;br /&gt;
Namun bagi Anda yang ingin mendapatkan file update tersebut secara  manual, Anda bisa men-download file-nya melalui beberapa link ini:&lt;br /&gt;
&lt;a name='more'&gt;&lt;/a&gt;&lt;br /&gt;
&lt;a href="http://www.sendspace.com/file/xr376f" target="_blank" title="SendSpace.com"&gt;SendSpace.com&lt;br /&gt;
&lt;/a&gt; &lt;a href="http://www12.zippyshare.com/v/19155424/file.html" target="_blank" title="ZippyShare.com"&gt;ZippyShare.com&lt;/a&gt;  (mirror)&lt;br /&gt;
&lt;a href="http://rapidshare.com/files/356109323/update.vdb" target="_blank" title="RapidShare.com"&gt;Rapidshare.com&lt;/a&gt;  (mirror)&lt;br /&gt;
Letakkan file hasil download tersebut (update.vdb) ke dalam folder  \vdb. Jika sebelumnya telah terdapat file update yang lama, Anda cukup &lt;b&gt;menimpanya&lt;/b&gt;.  Pastikan sekali lagi, bahwa nama file update adalah update.vdb, jika  berbeda, cukup ubah namanya. Dan nanti saat Anda kembali menjalankan  PCMAV, ia sudah dalam keadaan kondisi ter-update.&lt;br /&gt;
&lt;img alt="Virus EsTeh" src="http://virusindonesia.com/wp-content/uploads/2010/02/esteh.png" title="Virus EsTeh" /&gt;&lt;b&gt;EsTeh&lt;/b&gt;.  Virus ini dibuat dengan bahasa pemrograman Visual Basic dan berukuran  sekitar 189 KB. Virus ini menyebar dengan cara meniru nama file yang  memiliki ekstensi tertentu (antara lain *.rar, *.doc). File virus yang  menyamar berekstensi *.exe, file asli diubah atributnya menjadi &lt;i&gt;hidden&lt;/i&gt;,  dan virus akan berusaha meniru icon file asli dengan menggunakan satu  dari kumpulan icon yang telah di-ekstrak pada &lt;i&gt;temporary folder&lt;/i&gt;.  File-file icon yang diekstrak virus bernama &lt;i&gt;doc.ico, folder.ico,  mptre.ico, rar.ico, txt.ico, wmp.ico, dan xls.ico&lt;/i&gt;.&lt;br /&gt;
String “&lt;b&gt;Es Teh&lt;/b&gt;” terlihat pada bagian &lt;i&gt;Product  Name&lt;/i&gt; (klik kanan file virus, pilih &lt;i&gt;Properties - Version&lt;/i&gt;).  String tersebut juga digunakan untuk mendefinisikan &lt;i&gt;project name&lt;/i&gt;  dengan ekstensi &lt;i&gt;*.vbp &lt;/i&gt;yang terbaca pada tubuh virus.&lt;br /&gt;
Jika sebuah file teks dibuka dengan Notepad, yang terlihat bukanlah  isi file teks tersebut, tetapi animasi kata-kata dibawah ini:&lt;br /&gt;
&lt;i&gt;Kenapa kamu baca?&lt;/i&gt;&lt;br /&gt;
&lt;i&gt;Tulisan sy ini jelek tau…&lt;/i&gt;&lt;br /&gt;
&lt;i&gt;Tidak pantas untuk di baca..!&lt;/i&gt;&lt;br /&gt;
&lt;i&gt;Tapi kalo di paksa untuk di baca&lt;/i&gt;&lt;br /&gt;
&lt;i&gt;nanti sy bilangin orangnya jelek, kaya tulisan sy…&lt;/i&gt;&lt;br /&gt;
&lt;i&gt;[yang baca tulisan sy]&lt;br /&gt;
SALAM KENAL AJA&lt;/i&gt;&lt;br /&gt;
&lt;i&gt;By : vbSor0n9&lt;/i&gt;&lt;br /&gt;
&lt;b&gt;Daftar tambahan virus hingga PCMAV 2.3 Update Build4: &lt;/b&gt;&lt;br /&gt;
AngeloCaliber.C&lt;br /&gt;
Aurel_666&lt;br /&gt;
Autoit.ES&lt;br /&gt;
Autoit.ES.inf&lt;br /&gt;
Autoit.ET&lt;br /&gt;
Autoit.EU&lt;br /&gt;
Autoit.EU.inf&lt;br /&gt;
BigBang&lt;br /&gt;
BlackMoron.B&lt;br /&gt;
Buxto.E&lt;br /&gt;
Cobax.exe.B&lt;br /&gt;
EsTeh&lt;br /&gt;
EsTeh.exe.A&lt;br /&gt;
EsTeh.exe.B&lt;br /&gt;
EsTeh.exe.C&lt;br /&gt;
EsTeh.exe.D&lt;br /&gt;
EsTeh.inf&lt;br /&gt;
EvolutionMp3&lt;br /&gt;
F3ndhi&lt;br /&gt;
F3ndhi.inf&lt;br /&gt;
Flyff666.vbs&lt;br /&gt;
Flyff666.vbs.inf&lt;br /&gt;
Gasak.A&lt;br /&gt;
Gasak.A.bat&lt;br /&gt;
Gasak.A.reg.A&lt;br /&gt;
Gasak.A.reg.B&lt;br /&gt;
Gasak.B&lt;br /&gt;
Gasak.B.reg&lt;br /&gt;
Harpot.J&lt;br /&gt;
IFunU&lt;br /&gt;
Istig.C&lt;br /&gt;
Istig.D&lt;br /&gt;
Istig.E&lt;br /&gt;
LoveStory.C&lt;br /&gt;
M3Reincarnation&lt;br /&gt;
M3Reincarnation.sys&lt;br /&gt;
Malingsi.J&lt;br /&gt;
Malingsi.J.dll.A&lt;br /&gt;
Malingsi.J.dll.B&lt;br /&gt;
Malingsi.J.dll.C&lt;br /&gt;
Malingsi.J.dll.D&lt;br /&gt;
Malingsi.J.dll.E&lt;br /&gt;
Malingsi.J.exe&lt;br /&gt;
Malingsi.J.ini.A&lt;br /&gt;
Malingsi.J.ini.B&lt;br /&gt;
Malingsi.J.mrc&lt;br /&gt;
Malingsi.K&lt;br /&gt;
Malingsi.L&lt;br /&gt;
Malingsi.L.dll&lt;br /&gt;
Malingsi.L.exe&lt;br /&gt;
Malingsi.M&lt;br /&gt;
Nhac_moi&lt;br /&gt;
Nhac_moi.inf&lt;br /&gt;
Soundvc&lt;br /&gt;
Test-Eicar-File.B&lt;br /&gt;
UnDeepFreeze&lt;br /&gt;
Winlogon&lt;br /&gt;
Winlogon.inf&lt;br /&gt;
Xevil.sys.vbs&lt;br /&gt;
Xevil.sys.vbs.inf &lt;/div&gt;Sumber &lt;a href="http://virusindonesia.com/2010/02/26/esteh-pcmav-23-update-build4/#more-516"&gt;virus indonesia&lt;/a&gt;</description><link>http://ichau84.blogspot.com/2010/03/esteh-pcmav-23-update-build4.html</link><author>noreply@blogger.com (ichau (M. 5403di))</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8469467529537225477.post-2219922302239489791</guid><pubDate>Fri, 19 Feb 2010 02:01:00 +0000</pubDate><atom:updated>2010-02-19T10:23:13.986+07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Info</category><title>KODE BABI PADA MAKANAN BERKEMAS</title><description>&lt;input autocomplete="off" id="post_form_id" name="post_form_id" type="hidden" value="dbdb9da089fc280cb5f696efd1daf99b" /&gt; &lt;br /&gt;
&lt;div class="note_content text_align_ltr direction_ltr clearfix"&gt;&lt;div&gt;Assalamu'alaikum&lt;br /&gt;
Oleh Dr.M. Anjad Khan&lt;/div&gt;&lt;div&gt;&lt;br /&gt;
Salah seorang rekan saya bernama Shaikh Sahib, bekerja sebagai pegawai  di&lt;br /&gt;
Badan Pengawasan Obat &amp;amp; Makanan (POM) di Pegal, Perancis. Tugasnya,&lt;br /&gt;
mencatat semua merk barang, makanan &amp;amp; obat-obatan&lt;br /&gt;
Produk apapun yang akan disajikan suatu perusahaan ke pasaran,&lt;br /&gt;
bahan-bahan produk tesebut harus terlebih dulu mendapat ijin dari BPOM&lt;br /&gt;
Prancis dan Shaikh Sahib bekerja di bagian QC. Tak heran jika ia  mengetahui&lt;br /&gt;
berbagai macam bahan makanan yang dipasarkan. Banyak dari bahan-bahan  tersebut&lt;br /&gt;
dituliskan dengan istilah ilmiah, namun ada juga beberapa yang  dituliskan dalam&lt;br /&gt;
bentuk matematis seperti E-904, E-141.&lt;br /&gt;
&lt;a name='more'&gt;&lt;/a&gt;&lt;br /&gt;
Awalnya, saat Shaikh Sahib menemukan bentuk matematis, dia penasaran&lt;br /&gt;
lalu menanyakan kode matematis tersebut kepada orang Prancis yang  berwenang&lt;br /&gt;
dalam bidang itu. Orang Prancis menjawab, Kerjakan saja tugasmu, dan&lt;br /&gt;
jangan banyak tanya ...!&lt;br /&gt;
Jawaban itu, semakin menimbulkan kecurigaan Sahib, lalu ia pun mulai&lt;br /&gt;
mencari tahu kode matematis dalam dokumen yang ada. Ternyata, apa yang&lt;br /&gt;
dia temukan cukup mengagetkan kaum muslimin dunia. Hampir di seluruh&lt;br /&gt;
negara bagian barat, termasuk Eropa pilihan utama untuk daging adalah  daging&lt;br /&gt;
babi.&lt;br /&gt;
Peternakan babi sangat banyak terdapat di negara- negara tersebut. Di&lt;br /&gt;
Perancis sendiri jumlah peternakan babi mencapai lebih dari 42.000 unit.&lt;br /&gt;
Jumlah kandungan lemak dalam tubuh babi sangat tinggi dibandingkan&lt;br /&gt;
dengan hwan lainnya. Namun, orang Eropa &amp;amp; Amerika berusaha  menghindari&lt;br /&gt;
lemak-lemak itu. Yang menjadi pertanyaan dikemanakan lemak-lemak babi&lt;br /&gt;
tersebut ? Babi-babi dipotong di rumah jagal yang diawasi BPOM, tapi  yang bikin&lt;br /&gt;
pusing POM adalah membuang lemak yang sudah dipisahkan dari daging babi.&lt;br /&gt;
Dahulu sekitar 60 tahun lalu, lemak-lemak babi itu dibakar. Kini mereka&lt;br /&gt;
pun berpikir untuk memanfaatkan lemak-lemak tersebut. Sebagai awal uji&lt;br /&gt;
cobanya, mereka membuat sabun dengan bahan lemak babi, dan ternyata&lt;br /&gt;
berhasil.&lt;br /&gt;
Lemak-lemak itu diproses secara kimiawi, dikemas rapi dan dipasarkan.&lt;br /&gt;
Negara di Eropa memberlakukan aturan yang mewajibkan bahan setiap&lt;br /&gt;
produk makanan, obat-obatan harus dicantumkan pada kemasan. Karena itu,  bahan&lt;br /&gt;
dari lemak babi dicantumkan dengan nama Pig Fat (lemak babi) pada&lt;br /&gt;
kemasan produknya. Agar mudah dipasarkan, penulisan lemak babi dalam  kemasan&lt;br /&gt;
diganti dengan lemak hewan. Ketika produsen ditanya pihak berwenang dari  negara Islam,&lt;br /&gt;
maka dijawab lemak tersebut adalah lemak sapi &amp;amp; domba. Meskipun  begitu&lt;br /&gt;
lemak-lemak itu haram bagi muslim, karena penyembelihannya tidak sesuai&lt;br /&gt;
syariat Islam.Label baru itu dilarang keras masuk negara Islam,  akibatnya&lt;br /&gt;
produsen menghadapi masalah keuangan sangat serius, karena 75%  penghasilan&lt;br /&gt;
mereka diperoleh dengan menjual produk ke negara Islam, mengingat laba  yang&lt;br /&gt;
dicapai bisa mencapai miliaran dollar.&lt;br /&gt;
Akhirnya, mereka membuat kodifikasi bahasa yang hanya dimengerti BPOM,&lt;br /&gt;
sementara orang lain tak ada yang tahu. Kode diawali dengan E ? CODES,&lt;br /&gt;
E-INGREDIENTS, ini terdapat dalam produk perusahaan mutinasional,&lt;br /&gt;
antara lain :&lt;br /&gt;
pasta gigi, permen karet, cokelat, gula2, biskuit, makanan kaleng,&lt;br /&gt;
buah2an kaleng, dan beberapa multivitamin serta masih banyak lagi jenis  makanan&lt;br /&gt;
&amp;amp; obat2an lainnya.&lt;br /&gt;
Karena itu, saya mohon kepada sesama muslim dimana pun, untuk&lt;br /&gt;
memeriksa secara seksama bahan2 produk yang akan kita konsumsi dan  mencocokannya&lt;br /&gt;
dengan daftar kode E-CODES, berikut ini karena produk dengan kode-kode&lt;br /&gt;
di bawah ini, positif mengandung lemak babi :&lt;br /&gt;
E100, E110, E120, E-140, E141, E153, E210, E213, E214, E216, E234,&lt;br /&gt;
E252,E270, E280, E325, E326, E327, E337, E422, E430, E431, E432, E433,  E434, E435, E436, E440, E470, E471, E472, E473, E474, E475, E476, E477,  E478, E481, E482,E483, E491, E492, E493, E494, E495, E542, E570, E572,  E631, E635, E904.&lt;br /&gt;
&lt;br /&gt;
Adalah tanggungjawab kita bersama untuk mengikuti syari'at Islam dan&lt;br /&gt;
juga memberitahukan informasi ini kepada sesama muslim lainnya.&lt;br /&gt;
Semoga manfaat,&lt;br /&gt;
M. Anjad Khan&lt;br /&gt;
Medical Research Institute United States&lt;br /&gt;
****************&lt;br /&gt;
&lt;br /&gt;
Dear all ...&lt;br /&gt;
Jika memang emulsifier yang dipake starbuck adalah kode E471 (tidak ada&lt;br /&gt;
embel2 lain, misal : lecithin de sojaatau soy lecithin), maka saya&lt;br /&gt;
yakni bahwa "origin"nya adalah pork or varken (babi)&lt;br /&gt;
Sebenarnya tak hanya E471 tapi juga E472, para keluarga muslim&lt;br /&gt;
Groningen the Netherlands &amp;amp; ikatan kel muslim Eropa memperingatkan  kami utk&lt;br /&gt;
mengecek content / ingredient emulsifier ini pd setiap produk makanan yg  akan&lt;br /&gt;
dibeli. Kami pun sempat kaget, karena emulsifier juga digunakan pada  roti&lt;br /&gt;
tawar. Karena itu, kami sarankan kpd kel muslim utk pilih roti tawar dg&lt;br /&gt;
istilah biological bread (non-chemical additive), tentu saja resikonya  harga&lt;br /&gt;
lebih mahal (1/2 blok roti tawar jenis ini hampir 3 X harga roti tawar  dg&lt;br /&gt;
emulsifier),yang pentingkan halal.&lt;br /&gt;
**************************&lt;wbr&gt;&lt;/wbr&gt;&lt;span class="word_break"&gt;&lt;/span&gt;**&lt;br /&gt;
FYI ....&lt;br /&gt;
E471 biasa dikenal dg sebutan lecithin è originnya merupakan ekstrak&lt;br /&gt;
dari tulang babi.&lt;br /&gt;
E472 (saya tak ingat nama dagangnya) è originnya adalah ekstrak&lt;br /&gt;
tulang babi.&lt;br /&gt;
Kedua additive ini merupakan senyawa turunan dr asam lemak (fatty&lt;br /&gt;
acid).Biasanya kedua additive ini sangat sering ditemukan pada produk2&lt;br /&gt;
berikut :&lt;br /&gt;
Produk makanan mengandung cokelat è roti, ice cream, biskuit, dll&lt;br /&gt;
Produk makanan yg perlu elmusifier è coklat bar, ice cream, or bulk,&lt;br /&gt;
coffee cream, marshmallo, jelly, dsb.&lt;br /&gt;
Demikian sekilas info, semoga manfaat&lt;br /&gt;
&lt;br /&gt;
Wallahu'alam bi shawab&lt;br /&gt;
Wassalam, &lt;br /&gt;
NB: Tolong sebarkan catatan ini ke saudara muslim kita...sebagai bahan  referensi untuk mengkonsumsi makanan siap saji yg halal....&lt;/div&gt;&lt;/div&gt;</description><link>http://ichau84.blogspot.com/2010/02/kode-babi-pada-makanan-berkemas.html</link><author>noreply@blogger.com (ichau (M. 5403di))</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8469467529537225477.post-4340428063043442170</guid><pubDate>Wed, 17 Feb 2010 10:53:00 +0000</pubDate><atom:updated>2010-02-19T10:22:21.335+07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Gratis</category><category domain="http://www.blogger.com/atom/ns#">Info</category><category domain="http://www.blogger.com/atom/ns#">Template</category><category domain="http://www.blogger.com/atom/ns#">Tips-trik</category><title>Template Generator Untuk Blog</title><description>Sebenarnya rencana awal ingin membuat template dengan template generator tapi setelah keliling-keliling surving di search engine nya mbah google belum diketemukan template generator yang Ichau harapkan. Ya sudahlah karena terlanjur mengahabiskan waktu buat surving apa salahnya menulis situs penyedia layanan template generator yang sudah Ichau kunjungi. ini dia hasil surving Ichau setelah beberapa lama surving.&lt;span id="fullpost"&gt;&lt;br /&gt;
&lt;span style="font-weight: bold;"&gt;1. PsycHo&lt;/span&gt;&lt;br /&gt;
&lt;a href="http://psyc.horm.org/"&gt;http://psyc.horm.org/&lt;/a&gt;&lt;br /&gt;
Layanan template generator ini lumayan komplit dari pengaturn font, warna dan lebar kolom, header, namun yang Ichau sayangkan tidak ada fasilitas penambahan sidebar. tapi lumayan kan buat referensi. hasil generatenya bisa kita oprek sendiri sehingga menjadi yang kita harapkan.&lt;br /&gt;
&lt;br /&gt;
&lt;span style="font-weight: bold;"&gt;2. Firdamatic&lt;/span&gt;&lt;br /&gt;
&lt;a href="http://www.wannabegirl.org/firdamatic/"&gt;http://www.wannabegirl.org/firdamatic/&lt;/a&gt;&lt;br /&gt;
Layanan yang satu ini hampir minrip dengan Psycho namun layanannya sangat minim. hasil generatenya pun sangat minim. kamu tinggal tambahkan disana sini hingga sesaui selera kamu.:)&lt;a name='more'&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span style="font-weight: bold;"&gt;3.Make Template&lt;/span&gt;&lt;br /&gt;
&lt;a href="http://www.maketemplate.com/"&gt;http://www.maketemplate.com/&lt;/a&gt;&lt;br /&gt;
Layanan yang satu ini cukup memudahkan dalam pembuatan template, namun diperluakan sedikit pemahaman terhadap css.. selamat mencoba..&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
ada lagi sedikit tambahan&lt;br /&gt;
&lt;i&gt;&lt;b&gt;&lt;a href="http://e-infotainment.com/applications/blogger-template-generator/"&gt;&lt;/a&gt;&lt;/b&gt;&lt;/i&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;a href="http://www.pimp-my-profile.com/generators/blogger.php" target="_blank"&gt;&amp;nbsp;Pimp-My-Profile.com &lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.pagecolumn.com/1_col_generator.htm" target="_blank"&gt;Single  Column Layout Generator&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.pagecolumn.com/2_col_generator.htm" target="_blank"&gt;2  Columns Blogger Layout Generator&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.pagecolumn.com/3_col_generator_blogger.htm" target="_blank"&gt;3 Columns Blogger Layout Generator&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.pagecolumn.com/4_col_generator.htm" target="_blank"&gt;4  Columns Blogger Layout Generator&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.pagecolumn.com/5_col_generator.htm" target="_blank"&gt;5  Columns Blogger Layout Generator&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://e-infotainment.com/trixapps/trixtg/" target="_blank"&gt;Trix  Blogspot Template Generator&lt;/a&gt;&lt;/span&gt;&lt;i&gt;&lt;b&gt; &lt;/b&gt;&lt;/i&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;a href="http://chethstudios.blogspot.com/2009/06/free-e-book-blogger-template-book.html" target="_blank"&gt;&lt;br /&gt;
Free E-Book - The Blogger Template Book&lt;/a&gt;&lt;br /&gt;
&lt;a href="http://chethstudios.blogspot.com/2009/01/roundup-of-best-blogger-templates.html" target="_blank"&gt;&lt;br /&gt;
Roundup Of Best Blogger Templates&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://chethstudios.blogspot.com/2009/06/spoonfed-seo-guide-for-blogger-users.html" target="_blank"&gt;Spoonfed SEO Guide For Blogger Users&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://chethstudios.blogspot.com/search/label/blogger%20hacks" target="_blank"&gt;Check out All Blogger Hacks and tweaks on chethstudios &lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://chethstudios.blogspot.com/search/label/blogger%20widgets" target="_blank"&gt;Check out all Blogger widgets &lt;/a&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;span id="fullpost"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
jalan lupa komentarnya ya?:D</description><link>http://ichau84.blogspot.com/2010/02/template-generator-untuk-blog.html</link><author>noreply@blogger.com (ichau (M. 5403di))</author><thr:total>0</thr:total><enclosure length="-1" type="application/javascript" url="http://e-infotainment.com/applications/blogger-template-generator/"/><itunes:explicit>no</itunes:explicit><itunes:subtitle>Sebenarnya rencana awal ingin membuat template dengan template generator tapi setelah keliling-keliling surving di search engine nya mbah google belum diketemukan template generator yang Ichau harapkan. Ya sudahlah karena terlanjur mengahabiskan waktu buat surving apa salahnya menulis situs penyedia layanan template generator yang sudah Ichau kunjungi. ini dia hasil surving Ichau setelah beberapa lama surving. 1. PsycHo http://psyc.horm.org/ Layanan template generator ini lumayan komplit dari pengaturn font, warna dan lebar kolom, header, namun yang Ichau sayangkan tidak ada fasilitas penambahan sidebar. tapi lumayan kan buat referensi. hasil generatenya bisa kita oprek sendiri sehingga menjadi yang kita harapkan. 2. Firdamatic http://www.wannabegirl.org/firdamatic/ Layanan yang satu ini hampir minrip dengan Psycho namun layanannya sangat minim. hasil generatenya pun sangat minim. kamu tinggal tambahkan disana sini hingga sesaui selera kamu.:) 3.Make Template http://www.maketemplate.com/ Layanan yang satu ini cukup memudahkan dalam pembuatan template, namun diperluakan sedikit pemahaman terhadap css.. selamat mencoba.. ada lagi sedikit tambahan &amp;nbsp;Pimp-My-Profile.com Single Column Layout Generator 2 Columns Blogger Layout Generator 3 Columns Blogger Layout Generator 4 Columns Blogger Layout Generator 5 Columns Blogger Layout Generator Trix Blogspot Template Generator Free E-Book - The Blogger Template Book Roundup Of Best Blogger Templates Spoonfed SEO Guide For Blogger Users Check out All Blogger Hacks and tweaks on chethstudios Check out all Blogger widgets jalan lupa komentarnya ya?:D</itunes:subtitle><itunes:author>noreply@blogger.com (ichau (M. 5403di))</itunes:author><itunes:summary>Sebenarnya rencana awal ingin membuat template dengan template generator tapi setelah keliling-keliling surving di search engine nya mbah google belum diketemukan template generator yang Ichau harapkan. Ya sudahlah karena terlanjur mengahabiskan waktu buat surving apa salahnya menulis situs penyedia layanan template generator yang sudah Ichau kunjungi. ini dia hasil surving Ichau setelah beberapa lama surving. 1. PsycHo http://psyc.horm.org/ Layanan template generator ini lumayan komplit dari pengaturn font, warna dan lebar kolom, header, namun yang Ichau sayangkan tidak ada fasilitas penambahan sidebar. tapi lumayan kan buat referensi. hasil generatenya bisa kita oprek sendiri sehingga menjadi yang kita harapkan. 2. Firdamatic http://www.wannabegirl.org/firdamatic/ Layanan yang satu ini hampir minrip dengan Psycho namun layanannya sangat minim. hasil generatenya pun sangat minim. kamu tinggal tambahkan disana sini hingga sesaui selera kamu.:) 3.Make Template http://www.maketemplate.com/ Layanan yang satu ini cukup memudahkan dalam pembuatan template, namun diperluakan sedikit pemahaman terhadap css.. selamat mencoba.. ada lagi sedikit tambahan &amp;nbsp;Pimp-My-Profile.com Single Column Layout Generator 2 Columns Blogger Layout Generator 3 Columns Blogger Layout Generator 4 Columns Blogger Layout Generator 5 Columns Blogger Layout Generator Trix Blogspot Template Generator Free E-Book - The Blogger Template Book Roundup Of Best Blogger Templates Spoonfed SEO Guide For Blogger Users Check out All Blogger Hacks and tweaks on chethstudios Check out all Blogger widgets jalan lupa komentarnya ya?:D</itunes:summary><itunes:keywords>Gratis, Info, Template, Tips-trik</itunes:keywords></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8469467529537225477.post-2753295383426069231</guid><pubDate>Wed, 17 Feb 2010 10:05:00 +0000</pubDate><atom:updated>2010-02-17T17:05:11.918+07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Info</category><category domain="http://www.blogger.com/atom/ns#">Info Virus</category><category domain="http://www.blogger.com/atom/ns#">Tips-trik</category><title>Anti virus Autorun Pc &amp; Usb</title><description>Aplikasi gratis bernama Panda USB Vaccine ini memiliki dua cara untuk menangkal penyebaran virus melalui media penyimpanan:&lt;br /&gt;
&lt;br /&gt;
1. Computer Vaccination - aplikasi ini akan menonaktifkan fitur AutoRun dari komputer bersistem operasi Windows secara menyeluruh, sehingga program/virus yang memanfaatkan file AUTORUN.inf dan berada di dalam USB/CD/DVD tidak akan dieksekusi/dijalankan secara otomatis. Tapi Anda tetap bisa mengembalikan fitur tersebut ke keadaan semula.&lt;br /&gt;
&lt;br /&gt;
2. USB Drive Vaccination - Virus kini tidak bisa lagi membuat file AUTORUN.inf untuk membantu penyebarannya. Aplikasi ini akan membuat file AUTORUN.inf khusus ke dalam flash disk, di mana file tersebut sudah dirancang supaya tidak bisa diganti, diedit, ataupun dihapus oleh virus. Pengguna juga tidak bisa menghapus file tersebut kecuali dengan melakukan format.&lt;br /&gt;
&lt;br /&gt;
Aplikasi nya Ada dua&amp;nbsp;   &lt;a href="http://www.forum-indoflasher.com/vbb/attachment.php?attachmentid=234040&amp;amp;d=1239304272" target="_blank"&gt;USBVaccine.zip&lt;/a&gt;&lt;br /&gt;
&lt;a href="http://www.forum-indoflasher.com/vbb/attachment.php?attachmentid=234333&amp;amp;d=1239382679" target="_blank"&gt;super-autorun-1.0.1.10.zip&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
Silahkan Coba Semoga bermanfaat</description><link>http://ichau84.blogspot.com/2010/02/anti-virus-autorun-pc-usb.html</link><author>noreply@blogger.com (ichau (M. 5403di))</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8469467529537225477.post-517773810670808591</guid><pubDate>Fri, 12 Feb 2010 02:36:00 +0000</pubDate><atom:updated>2010-02-12T09:36:49.007+07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Consule</category><category domain="http://www.blogger.com/atom/ns#">Info</category><category domain="http://www.blogger.com/atom/ns#">PS2</category><category domain="http://www.blogger.com/atom/ns#">Tips-trik</category><title>Free MCBOOT Untuk PS2 Yang Belum Ganti Modbo/chip Matrix</title><description>&lt;div style="text-align: justify;"&gt; MC Booting ini akan kita coba buat dan untuk booting dari playstation 2  yang belum diganti mochipnya dengan mochip/modbo matrix. Adapun cara  membuatnya kita memerlukan PS2 yang optiknya masih bagus alias masih  bisa dipakai.&lt;br /&gt;
&lt;/div&gt;&lt;span class="fullpost"&gt;&lt;div style="text-align: justify;"&gt; &lt;br /&gt;
Sekilas cara kerja tips ini adalah, menggunakan CDBooting Multi yang  mana isi dari CDBooting Multi tersebut sudah saya isi antara lain :&lt;br /&gt;
&lt;ul&gt;&lt;li&gt;&lt;b&gt;Free MC Boot &lt;/b&gt;sebagai software bikin MC Booting,&lt;/li&gt;
&lt;li&gt;&lt;b&gt;USB Advance &lt;/b&gt;sebagai software meload game dari HD Xternal,&lt;/li&gt;
&lt;li&gt;&lt;b&gt;UlaunchElf &lt;/b&gt;sebagai software untuk mengolah file yang nanti  kita gunakan untuk mengcopy/paste file" yang kita butuhkan dalam membuat  MC Booting ini di Playstation 2,&lt;/li&gt;
&lt;li&gt;&lt;b&gt;SMS&lt;/b&gt; sebagai software pemutar audio video di Playstation 2,&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Codebreaker&lt;/b&gt; sebagai software untuk mengaktifkan cheats,  membackup MC, dan dapat juga digunakan untuk memformat MC,&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Format MC&lt;/b&gt; sebagai software untuk memformat MC yang  Corupt/Rusak (Bukan fisik),&lt;/li&gt;
&lt;li&gt;&lt;b&gt;HD Loader &lt;/b&gt;sebagai software untuk meload game dari HD PS2 yang  menggunakan Network HD a/ HDDCombo.&lt;a name='more'&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;Jadi dengan CD Multi ini, kita bisa menggunakannya sebagai : &lt;br /&gt;
&lt;ul&gt;&lt;li&gt;CD Booting USB Advance,&lt;/li&gt;
&lt;li&gt;CD Booting HD Loader,&lt;/li&gt;
&lt;li&gt;CD Booting Ulauncher,&lt;/li&gt;
&lt;li&gt;CD Booting SMS,&lt;/li&gt;
&lt;li&gt;CD Booting Format MC,&lt;/li&gt;
&lt;li&gt;CD Booting Codebreaker,&lt;/li&gt;
&lt;/ul&gt;Disamping itu, kita juga bisa gunakan untuk membuat MCBooting khusus&lt;br /&gt;
&lt;ul&gt;&lt;li&gt;MC Booting USB Advance,&lt;/li&gt;
&lt;li&gt;MC Booting HD Loader,&lt;/li&gt;
&lt;li&gt;MC Booting Ulauncher,&lt;/li&gt;
&lt;li&gt;MC Booting Format MC,&lt;/li&gt;
&lt;li&gt;MC Booting Pemutar Audio Video (SMS),&lt;/li&gt;
&lt;li&gt;MC Booting Codebreaker.&lt;/li&gt;
&lt;li&gt;MC Booting Multi&lt;/li&gt;
&lt;/ul&gt;Dan semuanya dibikin lewat Playstation 2 yang masih punya optik yg  berfungsih normal.&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: justify;"&gt; &lt;br /&gt;
&lt;br /&gt;
Pertama-tama Download dulu &lt;a href="http://rapidshare.com/files/177719393/CDMakeMCBooting.iso"&gt;&lt;b&gt;Softwarenya&lt;/b&gt;&lt;/a&gt;  lewat Komputer yang sekarang teman" pakei online,&lt;br /&gt;
Setelah itu, &lt;a href="http://blogku-007.blogspot.com/2009/12/saya-ingin-memposting-ini-karena-banyak.html"&gt;&lt;b&gt;burning  &lt;/b&gt;&lt;/a&gt;ke CD-R atau DVD-R software yang baru" temen download tadi.  bagi yang belum bisa burning file bisa baca dulu Tips Burning Image. &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div style="color: #76a5af;"&gt; &lt;b&gt;Trik Buat PS2 yang Belum Upgrade Chip Matrix/Modbo&lt;/b&gt;&lt;br /&gt;
&lt;/div&gt;Sebelum mulai membikin MCBooting, terlebih dahulu sediakan MC 8mb, saya  saranin menggunakan MC yang menggunakan kedua ICnya adalah IC Kaki Laba"  atau gunakan MC yang original.&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: justify;"&gt; &lt;br /&gt;
&lt;br /&gt;
Setelah itu tancapkan MCnya diport 0 MC Playstation 2 dan nyalakan  PS2nya,&lt;br /&gt;
Masukkan CDMultinya yang sudah kita burning, dan tunggu beberapa saat  sampai masuk dimenu Multi loader, dan setelah masuk, akan temen" liat  gambar" yang disertai dengan tulisan mengenai fungsi dari gambar"  tersebut gunakan tombol L1 dan R1 untuk scrolling layar dan gunakan stik  tombol arah untuk memilih program apa yang ingin temen" jalankan,  setelah itu baru tekan Kali (Stik).&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: justify;"&gt; Seperti yang pertama saya tulis, bahwa tujuan sebenernya CD Multi ini  adalah membikin MCBooting .Dengan bantun CD Multi ini, maka kita akan  mulai membuat MCBooting.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: justify;"&gt; Pertama-tama, kita masuk dulu diprogram Free MC Boot dengan memilih  gambar seperti dibawah ini :&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: justify;"&gt; &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt; &lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGXEsbCN35aB_ThvVJFEKfhVCwniKbClX_qYZnj0nbZchxKrSk08ikveDhJKvUufkNDRrVOA-EjHi5rdRvODikF-3ukWiSQbiwDyd4gy61NIf-yLGbRHS5bmeElQFHPpS5qBOUm7PT4Xs/s1600-h/FREE+MCBOOT.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGXEsbCN35aB_ThvVJFEKfhVCwniKbClX_qYZnj0nbZchxKrSk08ikveDhJKvUufkNDRrVOA-EjHi5rdRvODikF-3ukWiSQbiwDyd4gy61NIf-yLGbRHS5bmeElQFHPpS5qBOUm7PT4Xs/s320/FREE+MCBOOT.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt; &lt;br /&gt;
&lt;br /&gt;
kemudian tekan Kali, tunggu beberapa saat sampai masuk diprogram Free MC  Boot.&lt;br /&gt;
Setelah masuk diprogram free mc boot, maka disini, jika MC yang  digunakan terdapat beberapa save permainan, alangka baiknya jika mcnya  diformat dulu dengan memilih Format mc kemudian tekan kali.&lt;br /&gt;
Setelah itu akan ada konfirmasi untuk menformat/menghapus semua isi dari  memory card yang terpasang di slot 0 (mc0), pilh OK dan tekan kali.&lt;br /&gt;
Maka setelah itu proses format memory akan dimulai, tunggu beberapa saat  sampai proses selesai dan setelah itu tekan OK.&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: justify;"&gt; &lt;br /&gt;
&lt;br /&gt;
Setelah itu kita lanjutkan dengan menginstal Free MCBootnya.&lt;br /&gt;
Disini terdapat 2 pilihan untuk menginstal Free MCBoot ini, yaitu :&lt;br /&gt;
&lt;ul&gt;&lt;li&gt;&lt;b&gt;Normal Instal&lt;/b&gt; menghasilkan MCBooting yang hanya bisa dipake  di PS2 dimana MCBooting itu diinstal,&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Multi version instal &lt;/b&gt;menghasilkan MCBooting yang bisa  digunakan pada semua PS2 yang mempunyai region yang sama, dan PS2 yang  masuk dipasaran Indonesia adalah region Amerika, Eropa, dan sebagian  Jepang.&lt;/li&gt;
&lt;/ul&gt;Jadi disini terserah sama temen" yang mana mau dipilih, yang masing"  punya kelebihan dan kekurangan masing", dimana jika menggunakan Normal  instal maka kekurangannya cuma bisa dipake pada satu PS2 tapi  kelebihannya adalah besar file instalnya di MC lebih kecil jika  dibandingkan dengan Multi version instal jadi sisa kapasitan MC bisa  digunakan untuk Save permainan, sementara kelebihan dan kekurangan Multi  version instal adalah kebalikan dari Normal instal.&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: justify;"&gt; &lt;br /&gt;
&lt;br /&gt;
Pada contoh ini saya pilih Multi version instal, kemudian tekan Kali.&lt;br /&gt;
Setelah itu akan ada konfirmasi untuk meneruskan proses instal di MC,  pilih OK terus dan tekan Kali.&lt;br /&gt;
Setelah itu proses instal Free MCBoot di MC akan dimulai, tunggu  beberapa saat hingga proses instal selesai dan berhasil dengan  konfirmasi pesan sebagai berikut :&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div style="text-align: center;"&gt; &lt;b&gt;FreeMcBoot installed successfully on Memory Card 1&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;OK&lt;/b&gt;&lt;br /&gt;
&lt;/div&gt;Setelah itu tekan Kali.&lt;br /&gt;
Kemudian pilih Launch Fmcb dan tekan Kali, tunggu beberapa saat hingga  PS2 reboot dan launch lagi ke CDMulti Boot.&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: justify;"&gt; &lt;br /&gt;
&lt;br /&gt;
&lt;div style="text-align: justify;"&gt; Setelah masuk dimenu Multi Loader, kita masuk lagi ke Ulaunch dengan  memilih gambar seperti dibawah ini,&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: justify;"&gt; &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt; &lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhae1uZYO35hpksADYIQsvDaXXkWe8-2i4XAcdghpjYAoh_OEleqq3mUKQy9A1TIifTdcrzAtKHz6dGyhT6nSuUqdmKhqBvpt-wJ8tlOq7VkIQV3SEmcRlu_GNHKdX28GJWTD6FPkmMWK8/s1600-h/FREE+ULE.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhae1uZYO35hpksADYIQsvDaXXkWe8-2i4XAcdghpjYAoh_OEleqq3mUKQy9A1TIifTdcrzAtKHz6dGyhT6nSuUqdmKhqBvpt-wJ8tlOq7VkIQV3SEmcRlu_GNHKdX28GJWTD6FPkmMWK8/s320/FREE+ULE.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt; &lt;br /&gt;
&lt;br /&gt;
Kemudian tekan Kali, tunggu beberapa saat hingga masuk di UlaunchElf v.  4.30.&lt;br /&gt;
&lt;/div&gt;&lt;br /&gt;
&lt;br /&gt;
Di Ulaunch tekan Lingkaran untuk masuk dibrowser file.&lt;br /&gt;
Coba pilih Mc0:/ kemudian tekan lingkaran, jika proses instal Free  MCBootnya tadi berhasil, maka akan menemukan folder" sebagai berikut :&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: justify;"&gt; &lt;br /&gt;
&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;b&gt;&amp;nbsp;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; BEEXEC-SYSTEM/&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; BOOT/&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; SYS-CONF/&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: justify;"&gt; Setelah itu kita keluar dari path Mc0 ini dengan menekan Segitiga,&lt;br /&gt;
Sekarang kita browse lagi ke CD dengan memilih path Cdfs:/ dan tekan  Lingkaran, maka teman" akan menemukan&lt;br /&gt;
file sebagai berikut :&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: justify;"&gt; &lt;br /&gt;
&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;b&gt;CODEBREAKER/&lt;/b&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: justify;"&gt; &lt;b&gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; HDLOADER/&lt;/b&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: justify;"&gt; &lt;b&gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; IMAGES/&lt;/b&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: justify;"&gt; &lt;b&gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; MCFORMAT/&lt;/b&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: justify;"&gt; &lt;b&gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; SMS/&lt;/b&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: justify;"&gt; &lt;b&gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; ULE/&lt;/b&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: justify;"&gt; &lt;b&gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; USB_ADVANCE/&lt;/b&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: justify;"&gt; &lt;b&gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; MCBOOT.ELF&lt;/b&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: justify;"&gt; &lt;b&gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; USB.ELF&lt;/b&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: justify;"&gt; &lt;b&gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; MULTI.XML&lt;/b&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: justify;"&gt; &lt;b&gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; SYSTEM.CNF&lt;/b&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: justify;"&gt; &lt;br /&gt;
&lt;br /&gt;
Kemudian file" yang kita butuhkan berada pada folder :&lt;br /&gt;
&lt;ul&gt;&lt;li&gt;CODEBREAKER jika ingin membikin MCBoot khusus Codebreker.&lt;/li&gt;
&lt;li&gt;HDLOADER jika ingin membikin MCBoot khusus HDLoader.&lt;/li&gt;
&lt;li&gt;MCFORMAT jika ingin membikin MCBoot khusus Format MC.&lt;/li&gt;
&lt;li&gt;SMS jika ingin membikin MCBoot khusus Pemutar Audio Video.&lt;/li&gt;
&lt;li&gt;ULE jika ingin membikin MCBoot khusus Ulauncher.&lt;/li&gt;
&lt;li&gt;USB_ADVANCE jika ingin membikin MCBoot khusus USB Advance. &lt;/li&gt;
&lt;/ul&gt;Jadi tinggal temen" pilih yang mana mau dibikin dan dibutuhkan.&lt;br /&gt;
Umpamanya Temen" mau bikin MCBoot khusus USB Advance, maka pilih folder  USB_ADVANCE kemudian tekan lingkaran, setelah itu pilih BOOT.ELF  kemudian tekan R1 dan pilih Copy kemudian tekan Lingkaran, setelah itu  keluar kebrowse dengan menekan Segitiga.&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: justify;"&gt; &lt;br /&gt;
&lt;br /&gt;
Kemudian kita masuk ke path memory card dengan memilih Mc0:/.&amp;nbsp; Kemudian  tekan Lingkaran, setelah itu pilih folder BOOT/ dan tekan lingkaran,  setelah itu tekan R1 dan pilih Paste kemudian tekan lingkaran, tunggu  beberapa saat hingga proses paste selesai,&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: justify;"&gt; Setelah itu MCBootnya sudah selesai dibikin.&lt;br /&gt;
&lt;/div&gt;&lt;br /&gt;
&lt;br /&gt;
Untuk mencobanya tinggal keluarin CD/DVD dari DVDRom PS2, dan jika  MCBootnya berhasil maka akan langsung masuk menu pilihan Playstation 2,  Pilih UlaunchELF dan tekan Kali.&lt;br /&gt;
&lt;br /&gt;
===================================================== &lt;/span&gt;</description><link>http://ichau84.blogspot.com/2010/02/free-mcboot-untuk-ps2-yang-belum-ganti.html</link><author>noreply@blogger.com (ichau (M. 5403di))</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGXEsbCN35aB_ThvVJFEKfhVCwniKbClX_qYZnj0nbZchxKrSk08ikveDhJKvUufkNDRrVOA-EjHi5rdRvODikF-3ukWiSQbiwDyd4gy61NIf-yLGbRHS5bmeElQFHPpS5qBOUm7PT4Xs/s72-c/FREE+MCBOOT.jpg" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8469467529537225477.post-6902692719585986531</guid><pubDate>Tue, 09 Feb 2010 10:04:00 +0000</pubDate><atom:updated>2010-02-10T08:33:19.169+07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Gratis</category><category domain="http://www.blogger.com/atom/ns#">Info</category><category domain="http://www.blogger.com/atom/ns#">Tips-trik</category><category domain="http://www.blogger.com/atom/ns#">Website</category><title>Cari Dollar Via Findfinder.com Dapet Kartu Debit Master Card Gratis untuk Verifikasi Paypal</title><description>&lt;div style="text-align: center;"&gt;&lt;a href="http://friendfinder.com/go/g1202915-brk" target="_blank"&gt;&lt;img border="0" height="60" src="http://ads.friendfinder.com/banners/ff/ff_broker_468x60_01.gif" width="468" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;Sebelumnya Ane mau berterimakasih kepada Bro &lt;a href="http://arzaku.blogspot.com/2009/04/cari-dollar-via-findfindercom-dapet.html/"&gt;Arzaku&lt;/a&gt; atas infonya.... oke deh... :D :z&lt;/div&gt;&lt;div style="text-align: justify;"&gt;keluaran dari Bank Royal Scotland. Kartu tersebut sangat berguna untuk &lt;a href="http://arzaku.blogspot.com/"&gt;verified paypal,&lt;/a&gt; pengambilan uang dari penghasilan Anda di situs ini atau afiliasi yg lainnya di seluruh ATM didunia yg ada logo mastercardnya.&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvK1bU_D7Q-kKfA72O-ZXW8FPMqODpdxPUKHuScZ-LCcWjOjNHoyyk1HN9c_A5vVBLu7r4ylgoBf9FK6fQwsnNvb52nneFoek-hLlEECP3hMuHjbu0CfSMEpAKGBQMpKok5kjWZ6PGJBc/s1600-h/Card.JPG" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"&gt;&lt;img alt="" border="0" id="BLOGGER_PHOTO_ID_5249528117854933410" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvK1bU_D7Q-kKfA72O-ZXW8FPMqODpdxPUKHuScZ-LCcWjOjNHoyyk1HN9c_A5vVBLu7r4ylgoBf9FK6fQwsnNvb52nneFoek-hLlEECP3hMuHjbu0CfSMEpAKGBQMpKok5kjWZ6PGJBc/s400/Card.JPG" style="cursor: pointer; display: block; margin: 0px auto 10px; text-align: center;" /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;a name='more'&gt;&lt;/a&gt;Anda tidak perlu kwatir kartu tsb legal, aman dan terpercaya dan yg paling penting gratis. Nah bagaimana cara memperoleh kartu tsb dan memperoleh penghasilan disini ? Bacalah baik-baik dan ikuti langkah-langkahnya.&lt;/div&gt;&lt;span style="font-weight: bold;"&gt;Langkah Pertama Daftar dulu&lt;/span&gt;: &lt;a href="http://friendfinder.com/go/g1106679" style="color: blue;" target="_blank"&gt;KLIK DISINI&lt;/a&gt;&lt;br /&gt;
Lalu klik Join Now&lt;br /&gt;
Isilah data-data Anda dg lengkap.&lt;br /&gt;
I am a : Man jika Anda laki-laki, Woman jika Anda perempuan&lt;br /&gt;
Interested in meeteng a : Man jika ingin mencari/berteman dg laki-laki, woman dg perempuan, atau bisa Anda pilih dua-duanya.&lt;br /&gt;
For : Friendship (berteman), Dating (ketemuan), Serious relationship (hubungan serius), Marriage (menikah), bisa Anda pilih lebih dari satu, pilih semuanya juga bisa.&lt;br /&gt;
Birthdate : Tanggal lahir Anda.&lt;br /&gt;
Country : Negara Anda.&lt;br /&gt;
Zip/Postal code : Kosongkan saja, jika Anda berada selain di Amerika ( US only )&lt;br /&gt;
Email Address : Isikan &lt;a class="kLink" href="http://arzaku.blogspot.com/2009/04/cari-dollar-via-findfindercom-dapet.html#" id="KonaLink0" style="position: static; text-decoration: underline ! important;" target="undefined"&gt;&lt;span style="color: blue; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; font-weight: 400; position: static;"&gt;&lt;span class="kLink" style="background-color: transparent; border-bottom: 1px solid blue; color: blue; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; font-weight: 400; position: relative;"&gt;email&lt;/span&gt;&lt;/span&gt;&lt;span class="preLoadWrap" id="preLoadWrap0" style="position: relative;"&gt;&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;
&lt;div id="preLoadLayer0" style="display: none; left: -18px; position: absolute; top: -32px; z-index: 4000;"&gt;&lt;a class="kLink" href="http://arzaku.blogspot.com/2009/04/cari-dollar-via-findfindercom-dapet.html#" id="KonaLink0" style="position: static; text-decoration: underline ! important;" target="undefined"&gt;&lt;span class="preLoadWrap" id="preLoadWrap0" style="position: relative;"&gt;&lt;img class="preloadImg" src="http://kona.kontera.com/javascript/lib/imgs/grey_loader.gif" style="border: medium none; height: 22px; width: 22px;" /&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;a class="kLink" href="http://arzaku.blogspot.com/2009/04/cari-dollar-via-findfindercom-dapet.html#" id="KonaLink0" style="position: static; text-decoration: underline ! important;" target="undefined"&gt;&lt;span class="preLoadWrap" id="preLoadWrap0" style="position: relative;"&gt;&lt;/span&gt;&lt;/a&gt; Anda&lt;br /&gt;
Username : username Anda antara 4 sampai 16 karakter&lt;br /&gt;
Lalu klik Click Here and Have Fun&lt;br /&gt;
Setelah itu Anda masuk ketahap berikutnya.&lt;br /&gt;
City : Kota tempat tinggal Anda&lt;br /&gt;
Closest City: Sama seperti diatas&lt;br /&gt;
State: Propinsi Anda&lt;br /&gt;
Your Height : Tinggi Anda&lt;br /&gt;
&lt;a class="kLink" href="http://arzaku.blogspot.com/2009/04/cari-dollar-via-findfindercom-dapet.html#" id="KonaLink1" style="position: static; text-decoration: underline ! important;" target="undefined"&gt;&lt;span style="color: blue; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; font-weight: 400; position: static;"&gt;&lt;span class="kLink" style="background-color: transparent; border-bottom: 1px solid blue; color: blue; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; font-weight: 400; position: relative;"&gt;Your &lt;/span&gt;&lt;span class="kLink" style="background-color: transparent; border-bottom: 1px solid blue; color: blue; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; font-weight: 400; position: relative;"&gt;Body&lt;/span&gt;&lt;/span&gt;&lt;span class="preLoadWrap" id="preLoadWrap1" style="position: relative;"&gt;&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;
&lt;div id="preLoadLayer1" style="display: none; left: -18px; position: absolute; top: -32px; z-index: 4000;"&gt;&lt;a class="kLink" href="http://arzaku.blogspot.com/2009/04/cari-dollar-via-findfindercom-dapet.html#" id="KonaLink1" style="position: static; text-decoration: underline ! important;" target="undefined"&gt;&lt;span class="preLoadWrap" id="preLoadWrap1" style="position: relative;"&gt;&lt;img class="preloadImg" src="http://kona.kontera.com/javascript/lib/imgs/grey_loader.gif" style="border: medium none; height: 22px; width: 22px;" /&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;a class="kLink" href="http://arzaku.blogspot.com/2009/04/cari-dollar-via-findfindercom-dapet.html#" id="KonaLink1" style="position: static; text-decoration: underline ! important;" target="undefined"&gt;&lt;span class="preLoadWrap" id="preLoadWrap1" style="position: relative;"&gt;&lt;/span&gt;&lt;/a&gt; Type : Tipe badan Anda&lt;br /&gt;
Your Race : Ras Anda atau suku Anda biasanya kalau Indonesia adalah Asia&lt;br /&gt;
Marital Status : Status pernikahan Anda&lt;br /&gt;
Your Religion : Agama Anda&lt;br /&gt;
Your Education : Pendidikan terakhir Anda&lt;br /&gt;
Your Occupation : Pekerjaan Anda misal: Staff &lt;a class="kLink" href="http://arzaku.blogspot.com/2009/04/cari-dollar-via-findfindercom-dapet.html#" id="KonaLink2" style="position: static; text-decoration: underline ! important;" target="undefined"&gt;&lt;span style="color: blue; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; font-weight: 400; position: static;"&gt;&lt;span class="kLink" style="color: blue; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; font-weight: 400; position: relative;"&gt;office&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;, jika Anda pegawai, Business jika Anda pengusaha dll.&lt;br /&gt;
Introduction Title : Judul tentang diri Anda, misal : I am a good Man atau I like Travelling, dll minimum 10 karakter&lt;br /&gt;
Tell others about yourself : Ceritakanlah tentang diri Anda, misalnya: I am a good women, I like travelling and my hobby reading, &lt;a class="kLink" href="http://arzaku.blogspot.com/2009/04/cari-dollar-via-findfindercom-dapet.html#" id="KonaLink3" style="position: static; text-decoration: underline ! important;" target="undefined"&gt;&lt;span style="color: blue; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; font-weight: 400; position: static;"&gt;&lt;span class="kLink" style="color: blue; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; font-weight: 400; position: relative;"&gt;computer&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;, sports, and others, i love new friend men or women, buatlah suka-suka Anda, minimumnya 50 karakter.&lt;br /&gt;
Jika Anda sudah memiliki foto uploadlah foto Anda, klik browse lalu carilah &lt;a class="kLink" href="http://arzaku.blogspot.com/2009/04/cari-dollar-via-findfindercom-dapet.html#" id="KonaLink4" style="position: static; text-decoration: underline ! important;" target="undefined"&gt;&lt;span style="color: blue; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; font-weight: 400; position: static;"&gt;&lt;span class="kLink" style="color: blue; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; font-weight: 400; position: relative;"&gt;file&lt;/span&gt;&lt;/span&gt;&lt;/a&gt; yg berisi foto Anda. Jika Anda belum punya fota bisa Anda kosongkan dulu, nanti dikemudian hari bisa Anda isi kembali.&lt;br /&gt;
Setelah itu klik Click to Join. Maka akan ada email masuk di email anda.&lt;br /&gt;
Setelah itu bukalah email Anda, lalu klik Activate Now&lt;br /&gt;
Maka Anda sudah diaktivasi, jika Anda ingin login isilah dg username dan password yg ada di email Anda.&lt;br /&gt;
&lt;br /&gt;
Setelah itu keluarlah dulu, dengan klik log out.&lt;br /&gt;
&lt;br /&gt;
&lt;span style="font-weight: bold;"&gt;LANGKAH KEDUA&lt;/span&gt;: klik&lt;a href="http://friendfinder.com/go/g1106679-brk"&gt; &lt;/a&gt;&lt;a href="http://friendfinder.com/go/g1106679-brk"&gt;DISINI&lt;/a&gt; untuk membuat affiliasi sumber dollarnya.&lt;br /&gt;
Lalu klik Affiliate Signup.&lt;br /&gt;
Isilah data-data tsb dg benar.&lt;br /&gt;
Preferred Program: Pilihlah no 1&lt;br /&gt;
First Name: Nama pertama Anda&lt;br /&gt;
Last Name: Nama akhir Anda&lt;br /&gt;
URL: Website/blog Anda, wajib Anda isi, jika Anda belum punya isi saja dengan http://1perfectjob.blogspot.com/, tapi ini hanya untuk sementara nanti bisa Anda ganti.&lt;br /&gt;
Desired Password : Password yg Anda inginkan&lt;br /&gt;
Preferred Newsletter Language: English&lt;br /&gt;
Email Address: Masukkan email Anda&lt;br /&gt;
Secondary Email Address: Email Anda yg lain, boleh juga dikosongkan&lt;br /&gt;
Checks Payable To: Nama lengkap Anda sesuai KTP&lt;br /&gt;
Street Address: Alamat Anda sesuai KTP&lt;br /&gt;
City: Kota tempat tinggal Anda&lt;br /&gt;
State/Province: Provinsi tempat Anda tinggal&lt;br /&gt;
Country: Negara Anda&lt;br /&gt;
ZIP/Postal Code: Kode Pos kota Anda&lt;br /&gt;
What is your business tax classification? Kosongkan saja karena untuk warga Amerika saja&lt;br /&gt;
Tax ID or Social &lt;a class="kLink" href="http://arzaku.blogspot.com/2009/04/cari-dollar-via-findfindercom-dapet.html#" id="KonaLink5" style="position: static; text-decoration: underline ! important;" target="undefined"&gt;&lt;span style="color: blue; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; font-weight: 400; position: static;"&gt;&lt;span class="kLink" style="color: blue; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; font-weight: 400; position: relative;"&gt;Security&lt;/span&gt;&lt;/span&gt;&lt;/a&gt; Number: Kosongkan saja karena untuk warga Amerika saja&lt;br /&gt;
Phone Number: No telp Anda, misalnya no telp Anda: 021 1234567 maka buat 6221 1234567 atau no hp Anda 081xxxxx maka buat 6281xxxxx.( harus pakai kode 62, yaitu kode telphone Indonesia)&lt;br /&gt;
Which &lt;a class="kLink" href="http://arzaku.blogspot.com/2009/04/cari-dollar-via-findfindercom-dapet.html#" id="KonaLink6" style="position: static; text-decoration: underline ! important;" target="undefined"&gt;&lt;span style="color: blue; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; font-weight: 400; position: static;"&gt;&lt;span class="kLink" style="background-color: transparent; border-bottom: 1px solid blue; color: blue; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; font-weight: 400; position: relative;"&gt;Instant &lt;/span&gt;&lt;span class="kLink" style="background-color: transparent; border-bottom: 1px solid blue; color: blue; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; font-weight: 400; position: relative;"&gt;Messenger&lt;/span&gt;&lt;/span&gt;&lt;/a&gt; do you use? Pilih saja None&lt;br /&gt;
Use ePassporte : Pilih saja No&lt;br /&gt;
Please give us your comments: Buatlah komentar Anda misalnya: Heloo. I like it. Thank You,&lt;br /&gt;
Setelah itu klik Click Here for the Last Step&lt;br /&gt;
Lalu klik kotak kecil yg ada tulisan&lt;br /&gt;
Yes, I have read and accepted the Affiliate Agreement, ........&lt;br /&gt;
Lalu klik Submit.&lt;br /&gt;
Setelah itu klik Account Information&lt;br /&gt;
Lalu klik yg warna biru di tulisan Here is your account information. Click here to update your information.&lt;br /&gt;
klik Payoneer: Signup to be paid by Prepaid MasterCard®.You will be directed to a FriendFinder page hosted by Payoneer, where you can sign up for a card.&lt;br /&gt;
Lalu isilah data-data Anda di Payoneer tsb, setelah Anda Isi tunggulah kira-kira 20 hari kartu Anda sampai di rumah Anda, setelah kartu debit Anda sampai lalu aktivasilah ikuti petunjuk yg ada disurat yg dikirim bersama dg kartu Anda. Nah gampangkan..&lt;br /&gt;
Hanya dg menjadi member FrindFinder Anda bisa dapat kartu debit dari payoneer, kalau Anda langsung daftar di payoner Anda tidak bisa mendapatkannya karena country untuk Indonesia tidak ada.&lt;br /&gt;
Lihatlah kembali email Anda, disana Anda akan diberikan username dan password untuk affiliate. Login sebagai member dg login sebagai affiliate itu beda.&lt;br /&gt;
Dengan gabung di affiliate FriendFinder Anda juga sudah gabung dg kroni-kroninya FrindFinder, byk sekali ternyata, ada adultfrindfinder dll, memang situs ini berbau porno tapi kita hanya mengambil manfaatnya saja. Saya tidak mengajak Anda untuk berporno ria, tapi hanya mengambil manfaatnya saja, yaitu kartu debit dan &lt;a href="http://arzaku.blogspot.com/"&gt;dolarnya&lt;/a&gt;.OK?&lt;br /&gt;
&lt;br /&gt;
source : &lt;a href="http://www.exelinca.com/"&gt;http://www.exelinca.com&lt;/a&gt;</description><link>http://ichau84.blogspot.com/2010/02/cari-dollar-via-findfindercom-dapet.html</link><author>noreply@blogger.com (ichau (M. 5403di))</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvK1bU_D7Q-kKfA72O-ZXW8FPMqODpdxPUKHuScZ-LCcWjOjNHoyyk1HN9c_A5vVBLu7r4ylgoBf9FK6fQwsnNvb52nneFoek-hLlEECP3hMuHjbu0CfSMEpAKGBQMpKok5kjWZ6PGJBc/s72-c/Card.JPG" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8469467529537225477.post-3672155378514182229</guid><pubDate>Mon, 08 Feb 2010 02:26:00 +0000</pubDate><atom:updated>2010-02-08T09:28:28.886+07:00</atom:updated><title>Membuat Tittle Bar Berjalan</title><description>Sahabat blogger pasti pernah melihat Tittle Blog Teman Anda jalan – jalan, maksudnya tulisan yang ada di bar browser blog milik teman anda tiu bergerak – gerak dari kanan kekiri gini lho chontohnya [lihat di tab atas blog aku] sebenarnya cara membuat tittle bar berjalan itu langkah –langkahnya mudah lho ..!!&lt;br /&gt;
&lt;br /&gt;
Tetapi tampaknya masih banyak orang yang belum tahu caranya. Memang sih kalau tidak punya scripnya kita pasti tidak akan dapat melakukan pengeditan blog, apalagi ini masalahnya adalah pengeditan kode html utama blog yaitu pengeditan di bagian edit html template blog. Untuk itulah sekarang saya akan mencoba untuk memaparkan kepada anda scrip htmlnya beserta cara pemakainnya sekaligus agar scrip itu tidak basi karena hanya tersimpan didalam flash disk anda saja (emangnya makanan apa ??? ). Baiklah begini langkah – langkahnya :&lt;br /&gt;
&lt;a name='more'&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
1.masuk ke account blogger anda&lt;br /&gt;
&lt;br /&gt;
2.setelah sampai di Dashboard klik tab [layout] kemudian pilih [Edit Html] untuk memulai pengeditan.&lt;br /&gt;
&lt;br /&gt;
&lt;span class="fullpost"&gt;3.copy scrip berikut ini : &lt;br /&gt;
&lt;/span&gt;&lt;span class="fullpost"&gt;&lt;span style="color: blue;"&gt;&lt;code&gt;&lt;br /&gt;
&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="fullpost"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;div style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-size: auto auto; background-attachment: scroll; background-color: #ffffcc; background-image: none; background-position: 0% 0%; background-repeat: repeat; border: 3px dashed rgb(245, 0, 61); padding: 5px;"&gt;&lt;span class="fullpost"&gt;&lt;span class="fullpost"&gt;&lt;span style="color: blue;"&gt;&amp;lt;&lt;/span&gt;&lt;/span&gt;script  type='text/javascript'&lt;span class="fullpost"&gt;&lt;span style="color: blue;"&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="fullpost"&gt;//&lt;span class="fullpost"&gt;&lt;span style="color: blue;"&gt;&amp;lt;&lt;/span&gt;&lt;/span&gt;![CDATA[ &lt;/span&gt;&lt;br /&gt;
&lt;span class="fullpost"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;span class="fullpost"&gt;msg = "&lt;span style="color: red;"&gt; ---ALAMAT BLOG ANDA---&lt;/span&gt;  "; &lt;/span&gt;&lt;br /&gt;
&lt;span class="fullpost"&gt;msg = "&lt;span style="color: red;"&gt;JUDUL BLOG ANDA&lt;/span&gt;" +  msg;pos = 0; &lt;/span&gt;&lt;br /&gt;
&lt;span class="fullpost"&gt;function scrollMSG() { &lt;/span&gt;&lt;br /&gt;
&lt;span class="fullpost"&gt;document.title = msg.substring(pos, msg.length) + msg.substring(0,  pos); pos++; &lt;/span&gt;&lt;br /&gt;
&lt;span class="fullpost"&gt;if (pos &amp;gt; msg.length) pos = 0 &lt;/span&gt;&lt;br /&gt;
&lt;span class="fullpost"&gt;window.setTimeout("scrollMSG()",200); &lt;/span&gt;&lt;br /&gt;
&lt;span class="fullpost"&gt;} &lt;/span&gt;&lt;br /&gt;
&lt;span class="fullpost"&gt;scrollMSG(); &lt;/span&gt;&lt;br /&gt;
&lt;span class="fullpost"&gt;//]]&lt;span class="fullpost"&gt;&lt;span style="color: blue;"&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="fullpost"&gt;&lt;span class="fullpost"&gt;&lt;span style="color: blue;"&gt;&amp;lt;&lt;/span&gt;&lt;/span&gt;/script&lt;span class="fullpost"&gt;&lt;span style="color: blue;"&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;span class="fullpost"&gt;&lt;br /&gt;
&lt;br /&gt;
4.kemudian pastekan kode tadi diatas kode &lt;span class="fullpost"&gt;&lt;span style="color: blue;"&gt;&amp;lt;&lt;/span&gt;&lt;/span&gt;/head&lt;span class="fullpost"&gt;&lt;span style="color: blue;"&gt;&amp;gt; &lt;/span&gt;&lt;/span&gt;yang ada dikotak Edit Html.kemudian tukar tulisan &lt;/span&gt;yang berwarna merah diatas dengan URL blog dan Judul blog anda ( boleh juga dengan tulisan lainnya yang anda mau )&lt;br /&gt;
5.simpan perubahan yang telah anda lakukan tadi dengan mengklik tombol [save template] yang ada, kemudian untuk melihat hasilnya refresh jendela blog anda atau buka ditab baru dengan mengklik link View Blog yang ada.&lt;br /&gt;
&lt;br /&gt;
6.Selamat Mencoba !!!!!</description><link>http://ichau84.blogspot.com/2010/02/membuat-tittle-bar-berjalan_08.html</link><author>noreply@blogger.com (ichau (M. 5403di))</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8469467529537225477.post-7001780194265767098</guid><pubDate>Sun, 07 Feb 2010 12:21:00 +0000</pubDate><atom:updated>2010-02-19T10:54:44.577+07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Info</category><category domain="http://www.blogger.com/atom/ns#">Template</category><category domain="http://www.blogger.com/atom/ns#">Tips-trik</category><title>Gratis Template Blogspot</title><description>&lt;div style="text-align: justify;"&gt;Berikut ini adalah list free blogger template yang saya temukan di internet dan adapun jika link2 di bawah ini sudah tidak bisa diakses itu berarti bukan kesalahan saya karena pada saat saya akses linknya masih ada, Teman-teman nih saya mau sharing tempet untuk download templet blogspot yang sudah di modifikasi dan bagus-bagus tinggal anda pakai dan kalau teman-teman tahu tempet tempelt yang lain di share disini ya...&lt;br /&gt;
&lt;a name='more'&gt;&lt;/a&gt;&lt;/div&gt;&lt;a href="http://freetemplates.blogspot.com/" target="blank"&gt;freetemplates.blogspot.com&lt;/a&gt;&lt;br /&gt;
&lt;a href="http://www.eblogtemplates.com/" target="blank"&gt;www.eblogtemplates.com&lt;/a&gt;&lt;br /&gt;
&lt;a href="http://www.finalsense.com/" target="blank"&gt;www.finalsense.com&lt;/a&gt;&lt;br /&gt;
&lt;a href="http://www.blogspottemplate.com/" target="blank"&gt;www.blogspottemplate.com&lt;/a&gt;&lt;br /&gt;
&lt;a href="http://www.geckoandfly.com/blogspot-templates/" target="blank"&gt;www.geckoandfly.com&lt;/a&gt;&lt;br /&gt;
&lt;a href="http://freshbloggertemplates.blogspot.com/" target="blank"&gt;freshbloggertemplates.blogspot.com&lt;/a&gt;&lt;br /&gt;
&lt;a href="http://www.suckmylolly.com/" target="blank"&gt;www.suckmylolly.com&lt;/a&gt;&lt;br /&gt;
&lt;a href="http://k2modify.blogspot.com/" target="blank"&gt;k2modify.blogspot.com&lt;/a&gt;&lt;br /&gt;
&lt;a href="http://www.blogcrowds.com/resources/blogger-templates/" target="blank"&gt;www.blogcrowds.com&lt;/a&gt;&lt;br /&gt;
&lt;a href="http://webbietips.blogspot.com/" target="blank"&gt;webbietips.blogspot.com&lt;/a&gt;&lt;br /&gt;
&lt;a href="http://btemplates.com/" target="blank"&gt;btemplates.com&lt;/a&gt;&lt;br /&gt;
&lt;a href="http://blogandweb.com/" target="blank"&gt;blogandweb.com&lt;/a&gt;&lt;br /&gt;
&lt;a href="http://freeskins.blogspot.com/" target="blank"&gt;freeskins.blogspot.com&lt;/a&gt;&lt;br /&gt;
&lt;a href="http://www.template-godown.com/" target="blank"&gt;www.template-godown.com&lt;/a&gt;&lt;br /&gt;
&lt;a href="http://www.ourblogtemplates.com/" target="blank"&gt;www.ourblogtemplates.com&lt;/a&gt;&lt;br /&gt;
&lt;a href="http://layout4all.blogspot.com/" target="blank"&gt;layout4all.blogspot.com&lt;/a&gt;&lt;br /&gt;
&lt;a href="http://www.templatepanic.com/" target="blank"&gt;templatepanic.com&lt;/a&gt;&lt;br /&gt;
&lt;a href="http://goblogtemplate.blogspot.com/" target="blank"&gt;goblogtemplate.com&lt;/a&gt;&lt;br /&gt;
&lt;a href="http://themes.butikkita.com/" target="blank"&gt;butikkita.com&lt;/a&gt;&lt;br /&gt;
&lt;a href="http://www.sushidating.com/blogspot-templates/" target="blank"&gt;sushidating.com&lt;/a&gt;&lt;br /&gt;
&lt;a href="http://mashable.com/2008/05/17/70-plus-new-and-beautiful-blogger-templates/" target="blank"&gt;mashable.com&lt;/a&gt;&lt;br /&gt;
&lt;a href="http://www.bloggerbuster.com/2007/08/blogger-template-downloads.html" target="blank"&gt;bloggerbuster&lt;/a&gt;&lt;br /&gt;
&lt;a href="http://www.wishix.com/pages/blogskins.php" target="blank"&gt;wishix.com&lt;/a&gt;&lt;br /&gt;
&lt;a href="http://bloggertricks.com/2008/05/japanese-fleur-blogger-template-free.html" target="blank"&gt;bloggertrick&lt;/a&gt;&lt;br /&gt;
&lt;a href="http://bloggero.com/category/blogger-templates/" target="blank"&gt;bloggero.com&lt;/a&gt;&lt;br /&gt;
&lt;a href="http://www.blogtemplate4u.com/" target="blank"&gt;blogtemplate4u.com&lt;/a&gt;&lt;br /&gt;
&lt;a href="http://www.forfreebloggertemplates.com/"&gt;forfreebloggertemplates&lt;/a&gt;&lt;br /&gt;
&lt;a href="http://3columnsnewspaper.blogspot.com/"&gt;3columnsnewspaper&lt;/a&gt;&lt;br /&gt;
&lt;a href="http://easyblogtrick.blogspot.com/2009/06/3-columns-newspaper-free-blog-template.html"&gt;easyblogtrick&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
List tambahan blogger template gratis:&lt;br /&gt;
&lt;a href="http://www.zoomtemplate.com/" target="blank"&gt;&lt;cite&gt;www.zoom&lt;b&gt;template&lt;/b&gt;.com&lt;/cite&gt;&lt;/a&gt; - blogspot template dan wordpress template list&lt;br /&gt;
&lt;a href="http://www.bloggertemplates.org/" target="blank"&gt;&lt;cite&gt;www.&lt;b&gt;bloggertemplates&lt;/b&gt;.org&lt;/cite&gt;&lt;/a&gt; - blogspot template&lt;br /&gt;
&lt;a href="http://www.bloggerstyles.com/" target="blank"&gt;www.bloggerstyles.com&lt;/a&gt; - blogger template&lt;br /&gt;
&lt;a href="http://www.deluxetemplates.net/" target="blank"&gt;www.deluxetemplates.net&lt;/a&gt; - template blogger juga&lt;br /&gt;
&lt;a href="http://www.bloggerthemes.net/" target="blank"&gt;www.bloggerthemes.net&lt;/a&gt; - template blogspot&lt;br /&gt;
&lt;a href="http://www.allblogtools.com/" target="blank"&gt;www.allblogtools.com&lt;/a&gt; - all blog template&lt;br /&gt;
&lt;a href="http://www.ipietoon.com/" target="blank"&gt;www.ipietoon.com&lt;/a&gt; - blogtemplate&lt;br /&gt;
&lt;a href="http://www.btheme.info/" target="blank"&gt;www.btheme.info&lt;/a&gt; - blogspot template&lt;br /&gt;
&lt;a href="http://www.cahayabiru.com/" target="blank"&gt;www.cahayabiru.com&lt;/a&gt; - template blog&lt;br /&gt;
&lt;br /&gt;
silahkan tambahkan lagi ya listnya biar rame gitu.........</description><link>http://ichau84.blogspot.com/2010/02/gratis-template-blogspot.html</link><author>noreply@blogger.com (ichau (M. 5403di))</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8469467529537225477.post-6631569275931089174</guid><pubDate>Sat, 06 Feb 2010 02:57:00 +0000</pubDate><atom:updated>2010-02-06T09:57:23.893+07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Info</category><category domain="http://www.blogger.com/atom/ns#">Tips-trik</category><title>Cara Membuat Partisi Di flash Disk</title><description>&lt;span mce_style="font-size: large;" style="font-size: large;"&gt;Membuat  Partisi Di flash Disk&lt;/span&gt;&lt;br /&gt;
Contoh...Flash Disk Anda Total Size nya 4GB,  Ada Di drive F.&lt;br /&gt;
Dan anda mau membagi 2GB di Drive F&lt;br /&gt;
dan tambah 1 lagi di Drive G dgn size 2GB juga&lt;br /&gt;
Ini cara2 pembagian partisi di flash disknya....&lt;br /&gt;
&lt;img alt="" class="mceWPmore mceItemNoResize" mce_src="http://ichau.wordpress.com/wp-includes/js/tinymce/plugins/wordpress/img/trans.gif" src="http://ichau.wordpress.com/wp-includes/js/tinymce/plugins/wordpress/img/trans.gif" title="Selebihnya..." /&gt;&lt;br /&gt;
1.Download file &lt;a href="http://www.ziddu.com/download/4240142/lexar_usb_format_guntingbatukertas.zip.html" mce_href="http://www.ziddu.com/download/4240142/lexar_usb_format_guntingbatukertas.zip.html" target="_blank"&gt;BootIt tool&lt;/a&gt; dan extract ke dalam PC Anda,Tancapkan   Flashdisk Anda dan jalankan BootIt.exe&lt;br /&gt;
2.Pilih Flip Removable Bit:&lt;br /&gt;
&lt;a name='more'&gt;&lt;/a&gt;&lt;br /&gt;
&lt;img alt="" border="0" mce_src="http://i362.photobucket.com/albums/oo67/kenny_055/partisi-flashdisk1-boot-it.png" src="http://i362.photobucket.com/albums/oo67/kenny_055/partisi-flashdisk1-boot-it.png" /&gt;&lt;br /&gt;
3.Cabut flashdisk, dan tancapkan kembali. Sekarang seharusnya  Flashdisk  Anda akan terdeteksi sebagai Fixed Disk (bukan sebagai  removable disk).  Anda dapat memeriksanya dengan mengklik kanan  Flashdisk dan lihat di  Device Properties.&lt;br /&gt;
&lt;b&gt;B. Membuat partisi dalam Windows&lt;/b&gt;&lt;br /&gt;
Langkah berikut ini mensyaratkan Anda sudah membalik RMB Flashdik   seperti disebutkan dalam langkah A. di atas.&lt;br /&gt;
1.Pilih Start &amp;gt; Run, ketik diskmgmt.msc [OK]&lt;br /&gt;
2.Dalam jendela Disk Management, klik kanan Flashdisk Anda dan pilih   Delete Partition&lt;br /&gt;
&lt;img alt="" border="0" mce_src="http://i362.photobucket.com/albums/oo67/kenny_055/partisi-flashdisk1-delete-partition.png" src="http://i362.photobucket.com/albums/oo67/kenny_055/partisi-flashdisk1-delete-partition.png" /&gt;&lt;br /&gt;
3.Klik kanan Flashdisk Anda kembali dan pilih New Partition&lt;br /&gt;
&lt;img alt="" border="0" mce_src="http://i362.photobucket.com/albums/oo67/kenny_055/partisi-flashdisk1-new-partition.png" src="http://i362.photobucket.com/albums/oo67/kenny_055/partisi-flashdisk1-new-partition.png" /&gt;&lt;br /&gt;
4.Ikuti langkah dalam New Partition Wizard dan buat ‘Primary  Partition’.  Saat berada pada pilihan Partition Size, Pastikan Anda  memasukkan nilai  yang lebih kecil dari kapasitas maksimal flashdisk  Anda untuk  menyisakan ruang bagi partisi berikutnya.&lt;br /&gt;
&lt;img alt="" border="0" mce_src="http://i362.photobucket.com/albums/oo67/kenny_055/partisi-flashdisk1-partition-size.png" src="http://i362.photobucket.com/albums/oo67/kenny_055/partisi-flashdisk1-partition-size.png" /&gt;&lt;br /&gt;
5.Lanjutkan Wizard, memberi Pilihan Abjad dan memformat partisi. Saya   merekomendasikan FAT32.&lt;br /&gt;
6.Setelah selesai membuat partisi pertama, Anda dapat menambahkan   partisi tambahan dengan mengulangi langkah 3 hingga 5 pada space kosong   yang tersisa dalam flashdisk.&lt;br /&gt;
&lt;img alt="" border="0" mce_src="http://i362.photobucket.com/albums/oo67/kenny_055/partisi-flashdisk1-remaining-partit.png" src="http://i362.photobucket.com/albums/oo67/kenny_055/partisi-flashdisk1-remaining-partit.png" /&gt;&lt;br /&gt;
7.Setelah semua selesai, Anda akan mendapatkan beberapa partisi dalam   flashdisk dan terdeteksi sebagai drive yang dapat dipakai secara   terpisah dalam Windows.&lt;br /&gt;
&lt;span mce_style="font-size: large;" style="font-size: large;"&gt;Semoga  Bermanfaat&lt;/span&gt;&lt;br /&gt;
&lt;a href="http://www.addtoany.com/share_save?linkurl=&amp;amp;linkname=Cara%20Membuat%20Partisi%20Di%20flash%20Disk" mce_href="http://www.addtoany.com/share_save?linkurl=&amp;amp;linkname=Cara%20Membuat%20Partisi%20Di%20flash%20Disk"&gt;&lt;img alt="Share" mce_src="http://static.addtoany.com/buttons/share_save_256_24.png" src="http://static.addtoany.com/buttons/share_save_256_24.png" /&gt;&lt;/a&gt;</description><link>http://ichau84.blogspot.com/2010/02/cara-membuat-partisi-di-flash-disk.html</link><author>noreply@blogger.com (ichau (M. 5403di))</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8469467529537225477.post-3206547914415481577</guid><pubDate>Sat, 06 Feb 2010 02:56:00 +0000</pubDate><atom:updated>2010-02-06T10:41:59.559+07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Info</category><category domain="http://www.blogger.com/atom/ns#">Tips-trik</category><title>Memelihara Kinerja Windows XP</title><description>&lt;i&gt;Kita semua tidak mengetahui  bahwa melakukan pemeliharaan sistem  dapat menyebabkan beberapa hal—yang  tak seorang pun dari kita ingin  mengalaminya.&lt;/i&gt;&lt;br /&gt;
Jika komputer Anda tampak lebih lambat dari biasanya, mungkin memang   demikian. Komputer kami yang baru satu tahun lebih lambat dibanding  pada  waktu baru. Seiring dengan waktu, komputer menjadi lebih lambat  karena  berbagai sebab: file yang tidak teratur, software yang tidak  diperlukan  memakan resources, drive jaringan yang tidak digunakan  memperlambat  startup, atau terlalu banyak program yang dijalankan pada  waktu startup.  Masalah serius yang lebih besar juga dapat memperlambat  komputer secara  dramatis.&lt;img alt="" class="mceWPmore mceItemNoResize" mce_src="http://ichau.wordpress.com/wp-includes/js/tinymce/plugins/wordpress/img/trans.gif" src="http://ichau.wordpress.com/wp-includes/js/tinymce/plugins/wordpress/img/trans.gif" title="Selebihnya..." /&gt;&lt;br /&gt;
Dua hal penting yang perlu dilakukan secara teratur adalah Disk   Cleanup dan Disk Defragmenter. Disk Cleanup membersihkan komputer Anda   dari bermacam-macam “sampah” yang menumpuk—file temporary dari segala   macam jenis dan file setup yang lama. Disk Defragmenter sedikit lebih   jarang, tetapi masih diperlukan sebab file cenderung untuk terus   meningkat dari waktu ke waktu.&lt;br /&gt;
&lt;a name='more'&gt;&lt;/a&gt;&lt;br /&gt;
Kedua permasalahan ini dapat memperlambat sistem, tetapi keduanya   mudah diatasi. Yang mengganggu dalam&amp;nbsp; melakukan pemeliharaan sistem   adalah bahwa Anda tidak bisa lakukan yang lain-lain dengan komputer Anda   selagi harddisk sedang dibersihkan atau didefragmentasi. Banyak orang   menunda pemeliharaan sistem sebab mereka mempunyai pekerjaan yang harus   dilakukan, dan mereka bosan melihat proses pemeliharaan dilakukan.   Untungnya, dengan Windows XP Anda dapat mengotomatisasi operasi ini.   Hanya atur mereka sekali dan lupakan mereka.&lt;br /&gt;
&lt;b&gt;Back-up Dulu&lt;/b&gt;&lt;br /&gt;
Back-up komputer Anda sebelum  menjalankan system tools apapun untuk  melakukan troubleshooting. Ini  bukan peringatan yang berlebihan.  Beberapa langkah yang kami sarankan di  sini dapat membuat masalah  tersembunyi yang sudah ada muncul ke  permukaan, yang dapat membuat  komputer Anda tidak mau berjalan. Windows  XP mempunyai Backup, suatu  tool yang membantu Anda melindungi data.  Untuk membuka Backup or  Restore Wizard klik Start, pilih All Programs,  Accessories, System  Tools, dan kemudian klik Backup.&lt;br /&gt;
Sebelum membuat perubahan, kami ukur komputer untuk melihat berapa   lama untuk restart. Dengan demikian, kami bisa mengetahui perubahan mana   yang paling signifikan. Komputer kami membutuhkan sekitar 3 menit  untuk  mati, restart, dan kemudian membuka e-mail client dan browser.  Tentu  saja, kami berharap untuk meningkatkan kinerja keseluruhan  komputer,  tetapi waktu untuk restart paling mudah diukur.&lt;br /&gt;
&lt;b&gt;Hapus Program yang Tidak Digunakan&lt;/b&gt;&lt;br /&gt;
Langkah  pertama dalam meningkatkan kinerja komputer Anda adalah dengan  menghapus  program yang tidak diperlukan. Kami selalu menginstal program  baru.  Kadang-kadang kami tertarik dengan program baru tersebut dan  tetap  menggunakannya. Lain waktu, ia tidak melakukan apa yang kami  harapkan,  dan program tersebut tetap ada dalam komputer, maka ia dapat  memakan  resources dan menurunkan kinerja.&lt;br /&gt;
&lt;b&gt;Disk Cleanup&lt;/b&gt;&lt;br /&gt;
Menggunakan Disk Cleanup membantu  membebaskan ruang pada harddisk Anda.  Disk Cleanup mencari harddisk  Anda, dan kemudian menampilkan file  temporary, file cache Internet, dan  program yang tidak perlu yang dapat  dihapus dengan aman.&lt;br /&gt;
Disk Cleanup dapat ditemukan dengan dengan mengklik Start, All   Programs, Accessories, kemudian System Tools, dan kemudian klik Disk   Cleanup. Disk Cleanup akan menampilkan daftar file yang dapat dihapus.   Pilih suatu file untuk melihat keterangannya. Klik file yang Anda ingin   hapus, dan klik OK.&lt;br /&gt;
Task Scheduler akan secara otomatis menjalankan Disk Cleanup dengan   setting yang Anda pilih (Ingatlah untuk meninggalkan komputer tetap   menyala!).&lt;br /&gt;
Anda dapat mengatur Disk Cleanup untuk menghapus file yang  berbeda pada  interval yang berbeda dengan menggunakan beberapa sageset.  Cukup ubah  nomornya ke sageset: 2 atau sageset: 3 (nomor berapapun dari  0 sampai  65535). Masing-Masing sageset dapat mempunyai file yang  berbeda.  Kemudian Anda dapat membuat jadwal yang terpisah untuk  melaksanakan  masing-masing tugas dengan menggunakan sagerun: 2 dan  sagerun: 3 dan  seterusnya.&lt;br /&gt;
&lt;b&gt;Defragmentasi Komputer Anda&lt;/b&gt;&lt;br /&gt;
Kami tidak suka  artikel koran yang mulai pada halaman depan, tetapi  bersambung ke suatu  tempat di halaman tengah. Kami bisa lebih cepat  membaca artikel tersebut  jika dicetak pada halaman yang berurutan  seperti artikel majalah. File  pada komputer Anda dapat terfragmentasi  (terbagi-bagi) seperti surat  kabar, atau tidak terfragmentasi  (berurutan) seperti majalah.&lt;br /&gt;
Seiring dengan waktu, semakin banyak file yang terfragmentasi. Pada   waktu file terfragmentasi, komputer membutuhkan waktu lebih lama untuk   membacanya karena ia harus melompat ke bagian yang berbeda dari   harddisk—sama seperti kami yang membutuhkan beberapa detik untuk   menemukan halaman tengah surat kabar. Pada gambar, Anda dapat melihat   perbandingan bagaimana komputer membaca file yang tidak terfragmentasi   dan terfragmentasi.&lt;br /&gt;
Anda juga dapat mendefragmentasi harddisk secara otomatis, meskipun   itu tidak perlu sesering membersihkan harddisk. Hanya satu Disk   Defragmenter yang dapat berjalan pada satu waktu, jadi jika Anda   mempunyai beberapa partisi, Anda perlu membuat jadwal yang terpisah   untuk masing-masing. Minimum 15% ruang kosong pada harddisk diperlukan   oleh Disk Defragmenter untuk berjalan.&lt;br /&gt;
&lt;u&gt;Tips&lt;/u&gt;&lt;br /&gt;
Berikut adalah bagaimana cara mengotomatisasi  keseluruhan proses untuk  menjalankan Disk Cleanup&amp;nbsp; selagi Anda sedang  jauh dari komputer:&lt;br /&gt;
1. Klik Run dari Start Menu.&lt;br /&gt;
2. Pada kotak Open, ketik cleanmgr  /sageset:1.&lt;br /&gt;
3. Klik OK.&lt;br /&gt;
Berikutnya, Anda dapat menjadwalkan Disk Cleanup untuk dijalankan   pada waktu yang diinginkan.&lt;br /&gt;
&lt;ol&gt;&lt;li&gt;Klik Control Panel, kemudian klik System and Maintenance, dan   kemudian klik Scheduled Tasks.&lt;/li&gt;
&lt;li&gt;Klik ganda Add Scheduled Task untuk memulai Scheduled Task Wizard.   Pada daftar aplikasi yang Anda ingin jalankan, klik Disk Cleanup,   kemudian klik Next.&lt;/li&gt;
&lt;li&gt;Pilih frekuensi untuk tugas—mingguan boleh—dan klik Next.&lt;/li&gt;
&lt;li&gt;Pilih hari dan waktu tugas dijalankan.&lt;/li&gt;
&lt;li&gt;Masukkan nama dan password user. Program akan dijalankan seolah-olah   oleh user tersebut. Beri tanda centang (?) untuk membuka Advanced   Settings jika sudah selesai.&lt;/li&gt;
&lt;li&gt;Pada kotak Run, tambahkan baris berikut pada bagian akhir:   /sagerun:1 dan kemudian klik OK.&lt;/li&gt;
&lt;/ol&gt;&lt;b&gt;Putuskan Koneksi Jaringan yang Tidak Digunakan&lt;/b&gt;&lt;br /&gt;
Jika  pernah tergabung dalam jaringan dengan beberapa komputer, Anda  mungkin  berbagi file dengan me-mapping drive jaringan. Drive jaringan   memungkinkan satu komputer membaca dan menulis file ke harddisk komputer   lain seolah-olah mereka secara langsung terhubung. Kami selalu   menggunakan drive jaringan dan bagi kami, mereka mempunyai pengaruh yang   cukup signifikan terhadap kinerja.&lt;br /&gt;
Permasalahan dengan drive  jaringan adalah Windows XP akan mencoba  untuk menghubungkan diri ke  drive jaringan tersebut pada waktu Windows  mulai. Jika komputer remote  tidak segera merespon, Windows akan  menunggu dengan sabar. Di samping  itu, beberapa program akan mencoba  menghubungkan diri ke drive jaringan  pada waktu Anda browsing file dan  folder. Jika Anda pernah membuka file  dan harus menunggu beberapa detik  (atau menit!), mungkin karena program  tersebut mencoba untuk membuat  koneksi jaringan—meskipun jika file yang&amp;nbsp;  Anda buka ada di komputer  lokal.&lt;br /&gt;
&lt;b&gt;Hapus Autostart Program&lt;/b&gt;&lt;br /&gt;
Langkah berikutnya dalam  mengembalikan kinerja komputer Anda adalah  dengan mengidentifikasi  program yang tidak perlu yang dijalankan secara  otomatis. Sering kali  program mengonfigurasi diri mereka sendiri untuk  berjalan secara  background sehingga mereka nampak berjalan dengan  cepat ketika  dibutuhkan. Beberapa dari program ini menampilkan icon  pada taskbar  supaya Anda tahu mereka sedang berjalan, sementara yang  lain sepenuhnya  tersembunyi. Autostart program ini mungkin tidak terasa  memperlambat  komputer pada waktu startup, tetapi mereka akan mencuri  sejumlah memory  dan waktu proses pada waktu komputer Anda berjalan.&lt;br /&gt;
Cara lain untuk memeriksa autostart program adalah dengan menggunakan   Autoruns (&lt;a href="http://www.sysinternals/" mce_href="http://www.sysinternals/"&gt;http://www.sysinternals&lt;/a&gt;.   com/ntw2k/freeware/autoruns.shtml) tool freeware dari Sysinternal.   Autoruns menampilkan setiap program yang hendak berjalan secara otomatis   dan memungkinkan Anda dengan cepat menghapus link ke program tersebut.   Banyak entri autostart yang merupakan bagian penting dari Windows XP,   termasuk Userinit.exe dan Explorer.exe. Jadi, Anda jangan langsung   begitu saja menghapus semua yang tidak dikenal. Sebaliknya, Anda harus   melihat setiap entri pada Startup Application List Paul Collins (&lt;a href="http://www.sysinfo.org/startuplist.php" mce_href="http://www.sysinfo.org/startuplist.php"&gt;http://www.sysinfo.org/startuplist.php&lt;/a&gt;)   untuk menentukan apakah Anda ingin menjalankannya secara otomatis.&lt;br /&gt;
Sebagai contoh, kami menemukan file bernama nwiz.exe yang dijalankan   secara otomatis. Kami buka Startup Applications List, ketik nwiz dan   menemukan bahwa itu digunakan untuk menentukan pilihan layout desktop.   Kami ingin tetap menjalankan fungsi ini, jadi kami tidak menghapusnya.&lt;br /&gt;
Kami juga menemukan file bernama Wzqkpick.exe. Setelah membaca   keterangannya pada Startup Application List, kami memutuskan bahwa tidak   perlu menjalankannya secara otomatis. Kami menghapus link-nya   menggunakan Autoruns dengan mengklik kanan link dan kemudian mengklik   Delete. Cara ini cocok untuk pengguna Windows XP tingkat lanjut. Jika   Anda tidak yakin apakah program tersebut diperlukan—biarkanlah!&lt;br /&gt;
Startup Applications List mungkin menyediakan instruksi untuk   menghapus startup program. Jika tersedia, Anda harus mengikuti instruksi   itu daripada menghapus link dengan menggunakan Autoruns.&lt;br /&gt;
&lt;u&gt;Tips&lt;/u&gt;&lt;br /&gt;
Anda perlu hak administrator untuk mendefragmentasi  suatu drive atau  volume. Meskipun fragmentasi itu rumit, adalah mudah  untuk  mendefragmentasi komputer Anda dengan mengikuti langkah berikut:&lt;br /&gt;
&lt;ol&gt;&lt;li&gt;Buka My Computer, klik kanan Local Disk, dan kemudian klik   Properties.&lt;/li&gt;
&lt;li&gt;Pada tab Tools, klik Defragment Now. Disk Defragmenter akan terbuka.&lt;/li&gt;
&lt;li&gt;Klik harddisk Anda dan kemudian klik Defragment. Disk Defragmenter   akan bekerja paling tidak beberapa menit, meskipun kadang-kadang ia   membutuhkan beberapa jam.&lt;/li&gt;
&lt;li&gt;Jika Anda mempunyai beberapa harddisk, ulangi langkah 3 untuk setiap   harddisk.&lt;br /&gt;
File komputer kami tidak terlalu terfragmentasi, jadi  mendefragmentasi  mereka tidak mempercepat terlalu banyak. Namun, setelah   mendefragmentasi harddisk, Windows dan program lainnya berjalan 20%   lebih cepat!&lt;/li&gt;
&lt;/ol&gt;&lt;u&gt;Tips&lt;/u&gt;&lt;br /&gt;
Kami tidak sesabar Windows, dan kami tidak mau  menunggu respon dari  koneksi jaringan yang tidak digunakan. Untuk  mengurangi masalah ini,  putuskan koneksi jaringan yang tidak diperlukan  dengan melakukan  langkah berikut:&lt;br /&gt;
1. Buka My Computer.&lt;br /&gt;
2. Pada  menu Tools, klik Disconnect Network Drive.&lt;br /&gt;
3. Pilih drive jaringan  yang tidak lagi Anda butuhkan, dan kemudian  klik OK.&lt;br /&gt;
Setelah memutuskan drive jaringan, komputer kami dapat restart 40%   lebih cepat.&lt;br /&gt;
&lt;br /&gt;
&lt;u&gt;Tips&lt;/u&gt;&lt;br /&gt;
Windows XP mempunyai tool System Configuration  (Msconfig.exe), yang  merupakan cara yang sempurna dalam mengatur proses  start up. Untuk  menjalankannya:&lt;br /&gt;
&lt;ol&gt;&lt;li&gt;Klik Start, klik Run, ketik Msconfig, dan kemudian tekan Enter.&lt;/li&gt;
&lt;li&gt;Pada tab Startup, Anda akan melihat daftar semua program dan proses   yang dijalankan pada waktu Windows XP dimulai.&lt;/li&gt;
&lt;li&gt;Klik Apply, kemudian restart komputer Anda agar perubahannya   berlaku.&lt;/li&gt;
&lt;/ol&gt;&lt;b&gt;Memelihara Komputer Anda&lt;/b&gt;&lt;br /&gt;
Gunakan best practices  berikut untuk membantu memelihara dan melindungi  komputer yang Anda  gunakan di tempat kerja. Anda harus menanyakan ke  bagian TI untuk  mengetahui kebijakan mereka.&lt;br /&gt;
&lt;ol&gt;&lt;li&gt;Instal semua update yang diperlukan oleh bagian TI Anda. Dengan   tidak menginstal update yang diperlukan oleh bagian TI, dapat mengekspos   perusahaan Anda terhadap virus dan risiko keamanan lainnya. Beberapa   perusahaan bahkan mencegah komputer mengakses jaringan jika patch belum   diinstal setelah tanggal yang ditentukan. Di samping itu, tanyakan   apakah bagian TI ingin Anda menginstal update pada office update dan   Windows update. Jika ya, biasakan mengecek kedua situs tersebut secara   teratur.&lt;/li&gt;
&lt;li&gt;Hanya instal program yang berlisensi. Pastikan Anda dan perusahaan   Anda mempunyai lisensi atas setiap software yang diinstal pada komputer   kerja Anda. Perusahaan Anda dapat dituntut karena menggunakan software   tanpa lisensi. Sebagai contoh, menginstal program yang dibeli oleh  teman  dapat menimbulkan beberapa masalah. Software yang Anda beli  lisensinya  mungkin sah, tapi periksa sekali lagi lisensi tersebut untuk  memastikan.  Kadang-kadang, lisensi software yang dibeli untuk pengguna  rumahan  tidak dapat diinstal di tempat kerja.&lt;/li&gt;
&lt;li&gt;Jangan instal versi software yang berbeda. Walaupun Anda lebih   menyukai versi software yang digunakan di rumah dibanding di tempat   kerja jangan instal pada komputer kerja Anda. Anda dapat mengalami   masalah inkompatibilitas dengan rekan kerja dan aplikasi bisnis Anda.   Bagian TI Anda juga mungkin tidak dapat melakukan update yang diperlukan   atau memberikan bantuan teknis.&lt;/li&gt;
&lt;li&gt;Beritahu bagian TI pada waktu hardware tidak bekerja. Memperbaiki   sendiri komputer yang rusak dapat menimbulkan lebih banyak masalah.   Hasil perbaikan Anda, misalnya, dapat membuat komputer tidak kompatibel   dengan jaringan perusahaan. Kebanyakan bagian TI mempunyai helpdesk  atau  program technical assitance yang ditujukan untuk pekerjaan seperti  ini.  Bagian TI mungkin pernah melihat masalah yang sama dan mempunyai   solusinya. Membantu bagian TI Anda dalam mencatat masalah komputer yang   umum juga dapat membantu mereka dalam menentukan merk komputer yang  akan  dibeli di masa mendatang.&lt;/li&gt;
&lt;li&gt;Beritahu bagian TI pada waktu Anda membutuhkan sesuatu. Memberikan   permintaan yang beralasan dan waktu yang cukup untuk perencanaan dapat   membantu bagian TI dalam merespon permintaan Anda. Jika tidak, Anda   mungkin mendapatkan hardware atau software komputer yang tidak   diingikan—yang dapat menghambat efektivitas Anda di tempat kerja.&lt;/li&gt;
&lt;li&gt;Jangan download program dari situs Internet yang tidak dipercaya.   Dengan men-download program yang mungkin tidak aman, Anda membahayakan   semua komputer pada jaringan.&lt;/li&gt;
&lt;li&gt;Waspadalah terhadap e-mail yang mencurigakan. Virus diawali melalui   e-mail yang disamarkan sebagai file biasa. Jika e-mail yang diterima   berasal dari seseorang yang tidak Anda kenal, mempunyai teks yang aneh,   atau tampak mencurigakan, hubungi bagian TI Anda. Jika Anda membukanya,   besar kemungkinan timbul suatu masalah bagi Anda dan rekan kerja Anda.&lt;/li&gt;
&lt;li&gt;Gunakan online support. Banyak bagian TI yang telah membuat situs   help internal secara online yang dapat memberikan jawabab atas masalah   komputer Anda. Setiap hari, helpdesk biasanya menerima banyak pertanyaan   yang sudah dijawab pada situs ini. Gartner Group, yang melakukan   penelitian dan analisis pada industri TI, memperkirakan bahwa pada tahun   2005 telepon ke support akan berkurang 50 persen. Para karyawan akan   menggunakan fasilitas help mandiri—seperti frequently asked questions   (FAQ) dan panduan how-to online untuk membantu mereka memecahkan   masalah. Bagi yang menggunakan produk Microsoft, Anda dapat membuka   Microsoft Office Online Assitance Center, Microsoft Knowledge Base, dan   Windows XP Support Center.&lt;/li&gt;
&lt;/ol&gt;&lt;b&gt;Memperbaiki Masalah yang Lebih Besar&lt;/b&gt;&lt;br /&gt;
Banyak user  yang mengalami masalah kinerja yang serius dan tiba-tiba.  Suatu hari,  komputer mereka baik-baik saja dan besoknya sangat lambat.  Masalah  seperti ini biasanya disebabkan oleh virus komputer atau  hardware  komputer yang gagal. Saran yang diberikan di sini mungkin  tidak akan  memperbaiki masalah seperti itu. Lakukan scan virus pada  komputer Anda.&lt;br /&gt;
Jika itu bukan masalahnya, Anda harus menghubungi technical support   vendor komputer Anda untuk bantuan tambahan. Proses troubleshooting   untuk masalah seperti ini memerlukan kemampuan untuk memeriksa kinerja   komputer berdasarkan proses-per-proses, dan ini biasanya melibatkan   “eliminasi proses” di mana driver, service, dan hardware dihapus/diganti   satu per satu sampai masalahnya hilang. Besar kemungkinan komputer   tidak akan bekerja sama sekali pada tahap tertentu proses ini, jadi ada   baiknya mempunyai support selama proses ini.&lt;br /&gt;
Berbicara tentang kinerja, sering kali berkaitan dengan tweaking.   Beberapa di antaranya berguna, tetapi kebanyakan jangan digunakan jika   Anda tahu pasti apa yang Anda lakukan.&lt;br /&gt;
Sebagai contoh, ada user yang menganjurkan untuk men-disable Internet   Connection Firewall untuk meningkatkan kinerja. Meskipun hal itu  benar,  komputer Anda mudah diserang dari Internet. Kami lebih baik  mempunyai  komputer yang kinerjanya lebih lambar daripada komputer yang  di-hack!&lt;br /&gt;
Sumber &lt;a href="http://www.pcmedia.co.id/detail.asp?id=362&amp;amp;Cid=22&amp;amp;cp=1&amp;amp;Eid=8" mce_href="http://www.pcmedia.co.id/detail.asp?id=362&amp;amp;Cid=22&amp;amp;cp=1&amp;amp;Eid=8"&gt;PC  Media.co.id&lt;/a&gt;&lt;br /&gt;
&lt;a href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fichau.wordpress.com%2F2010%2F02%2F04%2Fmemelihara-kinerja-windows-xp%2F&amp;amp;linkname=Memelihara%20Kinerja%20Windows%20XP" mce_href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fichau.wordpress.com%2F2010%2F02%2F04%2Fmemelihara-kinerja-windows-xp%2F&amp;amp;linkname=Memelihara%20Kinerja%20Windows%20XP"&gt;&lt;img alt="Share" mce_src="http://static.addtoany.com/buttons/share_save_256_24.png" src="http://static.addtoany.com/buttons/share_save_256_24.png" /&gt;&lt;/a&gt;</description><link>http://ichau84.blogspot.com/2010/02/memelihara-kinerja-windows-xp.html</link><author>noreply@blogger.com (ichau (M. 5403di))</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8469467529537225477.post-4664428227253334412</guid><pubDate>Sat, 06 Feb 2010 02:56:00 +0000</pubDate><atom:updated>2010-02-06T09:56:20.289+07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Info</category><category domain="http://www.blogger.com/atom/ns#">Os</category><category domain="http://www.blogger.com/atom/ns#">Software</category><category domain="http://www.blogger.com/atom/ns#">Tips-trik</category><title>Windows 7 RC Akan Segera Basi</title><description>&lt;h1&gt;&lt;a href="http://chip.co.id/articles/news/2010/02/02/windows-7-rc-akan-segera-basi/" mce_href="http://chip.co.id/articles/news/2010/02/02/windows-7-rc-akan-segera-basi/" rel="bookmark"&gt;Windows  7 RC Akan Segera Basi&lt;/a&gt;&lt;/h1&gt;&lt;div mce_style="text-align: center;" style="text-align: center;"&gt;&lt;img alt="win7-logo" class="aligncenter" height="123" mce_src="http://chip.co.id/articles/news/files/2010/02/win7-logo.jpg" src="http://chip.co.id/articles/news/files/2010/02/win7-logo.jpg" title="win7-logo" width="123" /&gt;&lt;/div&gt;Sebentar lagi, Windows 7 versi Release Candidate akan segera masuk ke   dalam masa expired. &lt;a href="http://chip.co.id/" mce_href="http://chip.co.id"&gt;CHIP&lt;/a&gt; menyarankan bagi Anda yang masih  menggunakan  versi ini untuk segera membeli dan menggunakan Windows 7  versi Retail.  Anda tidak akan didatangi oleh tim dari Microsoft. Anda  juga tidak akan  ditangkap oleh polisi. Anda hanya akan dibuat tidak  nyaman saat  menggunakan OS versi RC ini. Kenyamanan apa yang akan Anda  terima?&lt;img alt="" class="mceWPmore mceItemNoResize" mce_src="http://ichau.wordpress.com/wp-includes/js/tinymce/plugins/wordpress/img/trans.gif" src="http://ichau.wordpress.com/wp-includes/js/tinymce/plugins/wordpress/img/trans.gif" title="Selebihnya..." /&gt;&lt;br /&gt;
&lt;a name='more'&gt;&lt;/a&gt;&lt;br /&gt;
Para pengguna Windows 7 versi RC akan mulai menerima pesan pengingat   mulai tanggal 15 Februari. Isi pesannya meminta Anda untuk segera   membeli lisensi dari Windows 7 versi Retail. Apabila si pengguna tetap   membandel, pengguna akan mendapati kalau OS akan Shut Down secara   otomatis setiap 2 jam penggunaan.&lt;br /&gt;
Parahnya lagi, ada rumor yang menyatakan kalau Anda masih tidak   mengupgrade OS hingga tanggal 1 Juni, wallpaper Anda akan diganti secara   paksa oleh Microsoft. Wallpaper Anda akan diganti menjadi tulisan  “This  copy of Windows is not genuine” di kanan bawah layar.&lt;br /&gt;
Bagi Anda yang akhirnya mengalami masalah ini pada tanggal 1 Maret   besok, Anda boleh buang jauh pikiran kalau Anda terkena virus. Hal   tersebut memang sengaja dilakukan Microsoft untuk “memaksa” Anda membeli   dan menggunakan Windows 7 versi Retail.&lt;br /&gt;
Hingga saat ini, Windows 7 masih menjadi bahan pembicaraan banyak   orang. Windows 7 berhasil dijual sebanyak 60 jutaan kopi di seluruh   dunia. Bahkan, Windows 7 mencetak rekor tersendiri bagi Microsoft,   sebagai OS yang paling cepat terjual.&lt;br /&gt;
&lt;a href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fichau.wordpress.com%2F2010%2F02%2F04%2Fwindows-7-rc-akan-segera-basi%2F&amp;amp;linkname=Windows%207%20RC%20Akan%20Segera%20Basi" mce_href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fichau.wordpress.com%2F2010%2F02%2F04%2Fwindows-7-rc-akan-segera-basi%2F&amp;amp;linkname=Windows%207%20RC%20Akan%20Segera%20Basi"&gt;&lt;img alt="Share" mce_src="http://static.addtoany.com/buttons/share_save_256_24.png" src="http://static.addtoany.com/buttons/share_save_256_24.png" /&gt;&lt;/a&gt;</description><link>http://ichau84.blogspot.com/2010/02/windows-7-rc-akan-segera-basi.html</link><author>noreply@blogger.com (ichau (M. 5403di))</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8469467529537225477.post-9194764044212074619</guid><pubDate>Sat, 06 Feb 2010 02:55:00 +0000</pubDate><atom:updated>2010-02-06T09:55:24.545+07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Info</category><category domain="http://www.blogger.com/atom/ns#">Info Virus</category><category domain="http://www.blogger.com/atom/ns#">Tips-trik</category><title>Membasmi Virus Facebook (W32/Zbot.DBB)</title><description>&lt;b&gt; Membasmi Virus Facebook  (W32/Zbot.DBB) &lt;/b&gt;&lt;br /&gt;
Membasmi virus “maling teriak  rampok”&lt;br /&gt;
Seiring dengan tingginya penyebaran virus yang mengeksploitasi  Facebook  &lt;a href="http://vaksin.com/2009/1109/facebook-zbot/facebook-zbot.html" mce_href="http://vaksin.com/2009/1109/facebook-zbot/facebook-zbot.html"&gt;  http://vaksin.com/2009/1109/facebook-zbot/facebook-zbot.html&lt;/a&gt; yang    bertujuan untuk mencuri password pengguna Facebook dan menginfeksi   komputer   korbannya dengan Scareware (antivirus palsu) yang akan  menampilkan   peringatan palsu “seakan-akan” komputer korbannya  terinfeksi virus yang    sangat akut dan gawat (padahal tidak) dengan  tujuan menjual antivirus  palsu   yang jika di ikuti bukannya  menyembuhkan komputer dari infeksi virus   melainkan lebih parah dan  data kartu kredit yang digunakan untuk  pembelian   antivirus palsu  tersebut terancam disalahgunakan untuk menjadi sasaran   fraud.&lt;br /&gt;
&lt;a name='more'&gt;&lt;/a&gt;&lt;br /&gt;
&lt;b&gt; &lt;/b&gt;&lt;br /&gt;
&lt;b&gt; Facebook oh... Facebook&lt;/b&gt;&lt;br /&gt;
Masih   ingat dengan virus Obfuscated.D2!genr atau Bredolab, sebuah  virus yang  akan  &amp;nbsp;menggunakan rekayasa sosial dengan   sasaran utama  para member faceebook dengan mengirimkan sebuah  notifikasi   untuk  merubah user account yang sudah terdaftar sebelumnya dengan  alasan    untuk keamanan dengan menyertakan sebuah attachment yang sebenarnya   berisi   trojan dan “sialnya” email ini dikirim seolah-olah dari Admin  Faceebok   (lihat gambar 2 dan 3). File attachment yang disertakan  teryata bukan  sebuah   tools untuk     meseset password seperti yang   di informasikan dalam email tersebut, tetapi   justru akan mendownload  trojan baru berupa fake antispyware dengan nama    “Security Tools”  (lihat gambar 1), spyware yang menyamarkan dirinya  sebagai    antispyware ini akan memberikan informasi menampilkan sederetan   virus/trojan   palsu yang berhasil di deteksi. Sedangkan untuk  menyebarkan dirinya ia  akan   mengirimkan email yang sama ke semua  alamat email yang berhasil ia  dapat   dengan menyertakan attachment  dalam bentuk ZIP dengan nama acak.&lt;img alt="" class="mceWPmore mceItemNoResize" mce_src="http://ichau.wordpress.com/wp-includes/js/tinymce/plugins/wordpress/img/trans.gif" src="http://ichau.wordpress.com/wp-includes/js/tinymce/plugins/wordpress/img/trans.gif" title="Selebihnya..." /&gt;&lt;br /&gt;
&lt;i&gt; Gambar 1, Security Tools,  spyware yang menyamar sebagai    program Antispyware&lt;/i&gt;&lt;br /&gt;
&lt;i&gt; Gambar 2 Contoh email yang  akan di kirimkan oleh    Obfuscated.D2!genr&lt;/i&gt;&lt;br /&gt;
&lt;i&gt; Gambar 3 Aktivitas pengiriman  email yang dilakukan oleh    Obfuscated.D2!genr&lt;/i&gt;&lt;br /&gt;
Untuk   informasi virus virus Obfuscated.D2!genr atau Bredolab,  silahkan  kunjungi   situe &lt;a href="http://vaksin.com/2009/1109/facebook/facebook2.html" mce_href="http://vaksin.com/2009/1109/facebook/facebook2.html"&gt;  http://vaksin.com/2009/1109/facebook/facebook2.html&lt;/a&gt;&lt;br /&gt;
&lt;b&gt; &lt;/b&gt;&lt;br /&gt;
&lt;b&gt; W32/Zbot.DBB menyebarkan  Email Phishing&lt;/b&gt;&lt;br /&gt;
Rupanya peperangan ini akan terus berlanjut, kini mereka datang  dengan  cara   yang&amp;nbsp; berbeda dan lebih canggih.   Kenapa dikatakan  dengan demikian    ??? Agar tidak mengundang  kecurigaan dari user kini  datang   tidak&amp;nbsp; dengan menyertakan   attachment seperti sebelumnya,  tetapi ia akan datang sebagai email dari    admin faceebok yang  menginformasikan agar user melakukan update account    dengan alasan  untuk kenyamanan dan keamanan saat mengunjungi situs  tersebut.&lt;br /&gt;
Unuk   melakukan update terhadap account tersebut, ia akan  menyertakan sebuah   tombol “Update” yang akan mengakses webuah web  login yang sudah  dipalsukan,   web login ini bukanlah web login  facebook tetapi web login yang sudah  di   siapkan untuk menampung  username dan password yang nantinya akan  digunakan   untuk mengambil  daftar account yang ada di facebook dari komputer yang   terinfeksi.&lt;br /&gt;
Web   login palsu ini akan mempunyai alamat yang berbeda-beda seperti  contoh   dibawah ini : (lihat gambar 4)&lt;br /&gt;
&lt;a href="http://www.facebook.com.xxxxx.eu/globaldirectory/LoginFacebook.php?ref=1584270691543478059651590405901802254672004589860384285&amp;amp;email=xxxxxxx@xxxx.com" mce_href="http://www.facebook.com.xxxxx.eu/globaldirectory/LoginFacebook.php?ref=1584270691543478059651590405901802254672004589860384285&amp;amp;email=xxxxxxx@xxxx.com"&gt;  http://www.facebook.com.&lt;b&gt;xxxxx.eu&lt;/b&gt;/globaldirectory/LoginFacebook.php?ref=1584270691543478059651590405901802254672004589860384285&amp;amp;email=x&lt;b&gt;xxxxxx&lt;/b&gt;@xxxx.com&lt;/a&gt;&lt;br /&gt;
&lt;b&gt; Catatan&lt;/b&gt;:   xxxxx adalah karakter acak.&lt;br /&gt;
&lt;i&gt; Gambar 4, Alamat login  facebook palsu&lt;/i&gt;&lt;br /&gt;
Jika   kita perhatikan sepintas, web login palsu ini mirip dengan web  login  asli   (lihat gambar 5)faceebok, tetapi jika ditelusuri lebih  teliti terdapat   beberapa perbedaan&amp;nbsp; yang mencolok   seperti terlihat  pada gambar dibawah ini :&lt;br /&gt;
&lt;i&gt; Gambar 5, Web login faceebok  asli&lt;/i&gt;&lt;br /&gt;
Pada   saat user mengisi username dan password, ia akan membuka  halaman baru  yang   berisi link untuk download tool update account  dengan nama  [updatetool.exe]   yang sebenarnya adalah sebuah  virus/trojan yang akan menginfeksi jika  user   menjalankan file  tersebut. (lihat gambar 6)&lt;br /&gt;
&lt;i&gt; Gambar 6, Link download  virus/trojan&lt;/i&gt;&lt;br /&gt;
Subject email yang dikirimkan oleh virus ini biasanya akan  berbeda-beda    seperti : (lihat gambar 7)&lt;br /&gt;
-&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;    New login system&lt;br /&gt;
-&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;    Facebook account update&lt;br /&gt;
-&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;    Facebook Update Tools&lt;br /&gt;
&lt;i&gt; Gambar 7, Contoh   email phishing yang akan di kirimkan oleh  virus&lt;/i&gt;&lt;br /&gt;
Dengan teknologi Sandbox Norman mendeteksi virus tersebut sebagai   Trojan:   W32/Zbot.DBB (lihat gambar 8)&lt;br /&gt;
&lt;i&gt; Gambar 8, Hasil deteksi  Norman Security Suite&lt;/i&gt;&lt;br /&gt;
&lt;b&gt; &lt;/b&gt;&lt;br /&gt;
&lt;b&gt; File Virus Zbot.DBB&lt;/b&gt;&lt;br /&gt;
Virus   ini mempunyai ukuran file sekitar 105 KB &amp;nbsp;dengan   nama  [updatetools.exe], file ini mempunyai ekstensi EXE . (lihat gambar  9)&lt;br /&gt;
&lt;i&gt; Gambar 9, File induk  W32/Zbot.DBB&lt;/i&gt;&lt;br /&gt;
Jika   file tersebut dijalankan ia akan membuat file induk dengan  nama   [C:\WINDOWS\system32\sdra64.exe], file inilah yang bertugas untuk    menginjeksi beberapa proses Windows seperti :&lt;br /&gt;
·&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;    C:\Windows\Syste32\services.exe&lt;br /&gt;
·&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;    C:\Windows\System32\lsass.exe&lt;br /&gt;
·&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;    C:\Windows\System32\svchost.exe&lt;br /&gt;
·&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;    C:\Windows\System32\alg.exe&lt;br /&gt;
·&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;    C:\ProgramFiles\internet  explorer\iexplore.exe&lt;br /&gt;
Agar   tidak mudah di hapus oleh virus, file tersebut akan  disembunyikan  walaupun   user sudah menampilkan file yang tersembunyi.  Selain itu ia juga akan   membuat beberapa file berikut yang juga akan  disembunyikan dengan  tujuan   agar tidak mudah di hapus:&lt;br /&gt;
·&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;    C:\Windows\system32\lowsec&lt;br /&gt;
-&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;    local.ds&lt;br /&gt;
-&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;    user.ds&lt;br /&gt;
-&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;    user.ds.lll&lt;br /&gt;
W32/Zbot.DBB juga akan membuat file lain dengan nama    [C:\windows\pdhemprf.dll] serta mendownload beberapa file dari ip yang   telah   ditentukan [97.74.144.118] dan [hxxp://193.104.27.42/lcc/ip2.gif  dan   hxxp://193.104.27.42/ip.php], file yang di download tersebut akan  di  simpan   ke direktori [C:\Documents and Settings\Elvina\Local  Settings\Temp\]  (lihat   gambar 10 dan 11)&lt;br /&gt;
&lt;i&gt; Gambar 10, Download trojan&lt;/i&gt;&lt;br /&gt;
&lt;i&gt; Gambar 11, Proses download  Trojan&lt;/i&gt;&lt;br /&gt;
Untuk   memperlancar aksinya Ia juga akan membuat beberapa registri  berikut:&lt;br /&gt;
·&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;    HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows     NT\CurrentVersion\Winlogon&lt;br /&gt;
-&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;     C:\WINDOWS\System32\userinit.exe,C:\WINDOWS\system32\sdra64.exe,&lt;br /&gt;
·&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;       HKEY_USERS\.DEFAULT\Software\Microsoft\Windows\CurrentVersion\Explorer&lt;br /&gt;
-&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;    {43BF8CD1-C5D5-2230-7BB2-98F22C2B7DC6}&lt;br /&gt;
-&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;    {19127AD2-394B-70F5-C650-B97867BAA1F7}&lt;br /&gt;
-&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;    {8FFA689D-2C2B-2B2E-D865-74C04CA4EF06}&lt;br /&gt;
·&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;       HKEY_USERS\S-1-5-18\Software\Microsoft\Windows\CurrentVersion\Explorer&lt;br /&gt;
-&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;    {43BF8CD1-C5D5-2230-7BB2-98F22C2B7DC6}&lt;br /&gt;
-&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;    {19127AD2-394B-70F5-C650-B97867BAA1F7}&lt;br /&gt;
-&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;    {8FFA689D-2C2B-2B2E-D865-74C04CA4EF06}&lt;br /&gt;
&lt;b&gt; Media pengiriman (phishing)&lt;/b&gt;&lt;br /&gt;
Untuk   menyebarkan dirinya, ia akan mengirimkan email phishing  kesemua alamat  yang   telah diperoleh yang berisi pemberitahuan kepada  user yang mempunyai  account   facebook untuk melakukan update tehadap  account facebook yang  dimilikinya   demi keamanan dan kenyamanan saat  akses ke situs facebook. Email  tersebut   akan menyertakan satu tombol  “update” yang berisi alamat web login  palsu   untuk menampung username  dan password yang digunakan oleh user, untuk   kemudian akan menampilkan  alamat download virus yang menyamar sebagai  &amp;nbsp;sebuah tools dengan nama    [updatetool.exe], file gadungan inilah yang akan mengaktifkan   W32/Zbot.DBB   di komputer user jika file tersebut dijalankan.&lt;br /&gt;
Jika   menggunakan tools monitoring seperti Ethereal   [http://www.ethereal.com/]   atau Wireshark [http://www.wireshark.org/]  W32/Zbot.DBB tidak melakukan    pengiriman email phishing alamat email  lain, jadi kemungkinan besar  virus   ini akan mengambil informasi  penting termasuk username dan password  facebook   dari komputer yang  terinfeksi dan mengirimkan ke pembuat virus, account  yang   berhasil ia  dapat inilah yang akan digunakan untuk mengambil account  lain   yang  terdapat dalam facebook tersebut yang kemudian akan mengiriman  email    phishing tersebut.&lt;br /&gt;
Jika   kita telusuri lebih jauh dari email yang dikirimkan dapat  dilihat bahwa    pengirim email phishing tersebut berasal dari luar  seperti Brazil,  Italia   atau Belanda dan bukan dari komputer yang  terinfeksi. (lihat gambar 12,  13   dan 14)&lt;br /&gt;
&lt;i&gt; Gambar 12, Contoh email yang  di kirim oleh W32/Zbot.DBB&lt;/i&gt;&lt;br /&gt;
&lt;i&gt; Gambar 13, Contoh email yang  di kirim oleh W32/Zbot.DBB&lt;/i&gt;&lt;br /&gt;
&lt;i&gt; Gambar 14, Informasi pengirim  email phishing yang   sebenarnya&lt;/i&gt;&lt;br /&gt;
Berikut ciri-ciri email phishing yang dikirimkan oleh W32/Zbot.DBB   (lihat   gambar 15).&lt;br /&gt;
&lt;i&gt; Gambar 15, Ciri email  phishing yang dikirimkan oleh virus.&lt;/i&gt;&lt;br /&gt;
&lt;b&gt; &lt;/b&gt;&lt;br /&gt;
Jadi   harap berhati-hati jika menerima email walaupun dari Admin  Facebook  terutama   yang mempunyai subject&amp;nbsp; di bawah   ini, sebaiknya  HAPUS dan jangan ikuti informasi yang terdapat dalam  email   tersebut.&lt;br /&gt;
&lt;b&gt; &lt;/b&gt;&lt;br /&gt;
&lt;b&gt; Cara membersihkan  W32/Zbot.DBB&lt;/b&gt;&lt;br /&gt;
1)&amp;nbsp;&amp;nbsp;&amp;nbsp;    Putuskan komputer yang akan  di bersihkan dari  jaringan/internet&lt;br /&gt;
2)&amp;nbsp;&amp;nbsp;&amp;nbsp;    Disable [System Restore]  selama proses pembersihan [jika  menggunakan Windows   XP] (lihat gambar 16)&lt;br /&gt;
·&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;    Buka Windows Explorer&lt;br /&gt;
·&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;    Klik kanan [My Computer]&lt;br /&gt;
·&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;    Klik [Properties]&lt;br /&gt;
·&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;    Klik tabulasi [System Retore]&lt;br /&gt;
·&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;    Centang opsi [Turn off System  Restore on all drives]&lt;br /&gt;
·&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;    Klik tombol [Apply]&lt;br /&gt;
·&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;    Klik tombol [OK]&lt;br /&gt;
&lt;i&gt; Gambar 16,   Disable [System Restore] Windows&lt;/i&gt;&lt;br /&gt;
3)&amp;nbsp;&amp;nbsp;&amp;nbsp;    Install tools “unlocker”  untuk menghapus file virus yang  menginjeksi proses   Windows [http://unlocker.en.softonic.com/download]&lt;br /&gt;
4)&amp;nbsp;&amp;nbsp;&amp;nbsp;    Sebaiknya lakukan pembersihan  melalui “safe mode”&lt;br /&gt;
5)&amp;nbsp;&amp;nbsp;&amp;nbsp;    Matikan proses virus yang  aktif di memori. Silahkan gunakan  tools pengganti   Task Manager seperti “Security Task Manager”    [http://www.neuber.com/taskmanager/download.html] seperti terlihat pada     gambar di bawah ini dengan cara : (lihat gambar 17 dan 18)&lt;br /&gt;
&lt;ol&gt;&lt;li&gt;Klik kanan pada file yang  dianggap virus [sdra64.exe]&lt;/li&gt;
&lt;li&gt;Klik [remove]&lt;/li&gt;
&lt;li&gt;Pilih opsi [move file to  quarantine]&lt;/li&gt;
&lt;li&gt;Klik [OK]&lt;/li&gt;
&lt;/ol&gt;&lt;i&gt; Gambar 17, Mematikan proses virus dengan “security task manager”&lt;/i&gt;&lt;br /&gt;
&lt;i&gt; Gambar 18, Menghapus file virus&lt;/i&gt;&lt;br /&gt;
6)&amp;nbsp;&amp;nbsp;&amp;nbsp;    Hapus file yang dibuat oleh  virus dengan terlebih dahulu  menampilkan file   yang tersembunyi : (lihat gambar 19)&lt;br /&gt;
·&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;    Buka [Windows Explorer]&lt;br /&gt;
·&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;    Klik menu [Tools]&lt;br /&gt;
·&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;    Klik [Properties]&lt;br /&gt;
·&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;    Klik tabulasi [View]&lt;br /&gt;
·&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;    Check list opsi [Show hidden  files and folders]&lt;br /&gt;
·&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;    Uncheck opsi [Hide protected  operating system files    (recommanded).&lt;br /&gt;
&lt;i&gt; Gambar 19, Menampilkan file yang tersembunyi&lt;/i&gt;&lt;br /&gt;
Kemudian hapus file berikut:&lt;br /&gt;
·&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;    C:\WINDOWS\system32\sdra64.exe&lt;br /&gt;
·&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;    C:\Windows\system32\lowsec&lt;br /&gt;
-&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;    local.ds&lt;br /&gt;
-&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;    user.ds&lt;br /&gt;
-&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;    user.ds.lll&lt;br /&gt;
&lt;b&gt; Catatan:&lt;/b&gt;&lt;br /&gt;
Untuk menghapus folder  [C:\Windows\system32\lowsec] dan    [C:\windows\system32\sdra64.exe], gunakan tools “unlocker” untuk   memisahkan   proses tersebut dengan proses system windows (services.exe,  lsass.exe,   alg.exe, svchost.exe dan iexplore.exe),&amp;nbsp;  karena kedua  file tersebut akan menginjeksi file Windows di  atas,   caranya : (lihat  gambar 20)&lt;br /&gt;
·&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;    Klik kanan pada file  [C:\windows\system32\sdra64.exe]  atau   folder [C:\Windows\system32\lowsec]&lt;br /&gt;
·&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;    Kemudian klik menu [unlocker]&lt;br /&gt;
·&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;    Pada layar unlocker, pilih  opsi [Hapus]&lt;br /&gt;
·&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;    Kemudian klik tombol [OK]&lt;br /&gt;
·&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;    Jika muncul pesan error, di  abaikan saja (klik ok)&lt;br /&gt;
&lt;i&gt; Gambar 20,   Menghapus file dengan menggunakan unlocker&lt;/i&gt;&lt;br /&gt;
7)&amp;nbsp;&amp;nbsp;&amp;nbsp;    Hapus registry yang dibuat  oleh virus. Untuk mempercepat  proses pembersihan   silahkan salin script di bawah ini pada program  notepad, kemudian  simpan   dengan nama REPAIR.INF. Jalankan file  tersebut dengan cara:&lt;br /&gt;
&lt;ol&gt;&lt;li&gt;Klik kanan REPAIR.INF&lt;/li&gt;
&lt;li&gt;Klik INSTALL&lt;/li&gt;
&lt;/ol&gt;[Version]&lt;br /&gt;
Signature="$Chicago$"&lt;br /&gt;
Provider=Vaksincom Oyee&lt;br /&gt;
[DefaultInstall]&lt;br /&gt;
AddReg=UnhookRegKey&lt;br /&gt;
DelReg=del&lt;br /&gt;
[UnhookRegKey]&lt;br /&gt;
HKLM,  Software\CLASSES\batfile\shell\open\command,,,"""%1"" %*"&lt;br /&gt;
HKLM,  Software\CLASSES\comfile\shell\open\command,,,"""%1"" %*"&lt;br /&gt;
HKLM,  Software\CLASSES\exefile\shell\open\command,,,"""%1"" %*"&lt;br /&gt;
HKLM,  Software\CLASSES\piffile\shell\open\command,,,"""%1"" %*"&lt;br /&gt;
HKLM,  Software\CLASSES\regfile\shell\open\command,,,"regedit.exe  "%1""&lt;br /&gt;
HKLM,  Software\CLASSES\scrfile\shell\open\command,,,"""%1"" %*"&lt;br /&gt;
HKLM,  SOFTWARE\Microsoft\Windows NT\CurrentVersion\Winlogon,  Shell,0,   "Explorer.exe"&lt;br /&gt;
HKLM,  SOFTWARE\Microsoft\Windows  NT\CurrentVersion\Winlogon,userinit,0,   "userinit.exe"&lt;br /&gt;
[del]&lt;br /&gt;
HKLM,  SOFTWARE\Microsoft\Windows\CurrentVersion\Run,reader_s&lt;br /&gt;
HKLM,  SOFTWARE\Microsoft\Windows\CurrentVersion\Run,47543326&lt;br /&gt;
HKLM,  SOFTWARE\Microsoft\Windows\CurrentVersion\Run,PromoReg&lt;br /&gt;
HKCU,  SOFTWARE\Microsoft\Windows\CurrentVersion\Run,reader_s&lt;br /&gt;
HKCU,     Software\Microsoft\Windows\CurrentVersion\Policies\System,EnableProfileQuota&lt;br /&gt;
HKLM, SOFTWARE\AGProtect&lt;br /&gt;
HKLM, SOFTWARE\47543326&lt;br /&gt;
HKLM,  SOFTWARE\Microsoft\Windows NT\CurrentVersion\Network, UID&lt;br /&gt;
HKLM,  SOFTWARE\Microsoft\Windows\CurrentVersion, Rlist&lt;br /&gt;
HKU,     .DEFAULT\Software\Microsoft\Windows\CurrentVersion\Explorer\{43BF8CD1-C5D5-2230-7BB2-98F22C2B7DC6}&lt;br /&gt;
HKU,     .DEFAULT\Software\Microsoft\Windows\CurrentVersion\Explorer\{8FFA689D-2C2B-2B2E-D865-74C04CA4EF06}&lt;br /&gt;
HKU,     .DEFAULT\Software\Microsoft\Windows\CurrentVersion\Explorer\{19127AD2-394B-70F5-C650-B97867BAA1F7}&lt;br /&gt;
8)&amp;nbsp;&amp;nbsp;&amp;nbsp;    Hapus file temporary dan  temporary internet file dengan  menggunakan tools   ATF-Cleaner&lt;br /&gt;
9)&amp;nbsp;&amp;nbsp;&amp;nbsp;    Restart komputer kemudian  booting ke mode “safe mode”&lt;br /&gt;
10)    Untuk pembersihan optimal dan  mencegah infeksi ulang, scan  dengan antivirus   yang up-to-date. Anda juga dapat membersihkan dengan  menggunakan tools   Norman Malware Cleaner  &lt;a href="http://www.norman.com/support/support_tools/58732/en-us" mce_href="http://www.norman.com/support/support_tools/58732/en-us"&gt;  http://www.norman.com/support/support_tools/58732/en-us&lt;/a&gt; atau  Malwarebytes Anti Malware  &lt;a href="http://www.malwarebytes.org/" mce_href="http://www.malwarebytes.org/"&gt;www.malwarebytes.org&lt;/a&gt; (lihat    gambar 21 dan 22)&lt;br /&gt;
&lt;i&gt; Gambar 21, Hasil   deteksi Malwarebytes Anti Malware&lt;/i&gt;&lt;br /&gt;
&lt;i&gt; Gambar 22, Hasil   deteksi Norman Malware Cleaner&lt;/i&gt;&lt;br /&gt;
&lt;a href="http://vaksin.com/2010/0210/basmi%20zbot/basmi%20zbot.html" mce_href="http://vaksin.com/2010/0210/basmi%20zbot/basmi%20zbot.html"&gt;Sumber  Vaksin.com&lt;/a&gt;&lt;br /&gt;
&lt;a href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fichau.wordpress.com%2F2010%2F02%2F04%2Fmembasmi-virus-facebook-w32zbot-dbb%2F&amp;amp;linkname=Membasmi%20Virus%20Facebook%20%28W32%2FZbot.DBB%29" mce_href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fichau.wordpress.com%2F2010%2F02%2F04%2Fmembasmi-virus-facebook-w32zbot-dbb%2F&amp;amp;linkname=Membasmi%20Virus%20Facebook%20(W32%2FZbot.DBB)"&gt;&lt;img alt="Share" mce_src="http://static.addtoany.com/buttons/share_save_256_24.png" src="http://static.addtoany.com/buttons/share_save_256_24.png" /&gt;&lt;/a&gt;</description><link>http://ichau84.blogspot.com/2010/02/membasmi-virus-facebook-w32zbotdbb.html</link><author>noreply@blogger.com (ichau (M. 5403di))</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8469467529537225477.post-4110864661475654059</guid><pubDate>Sat, 06 Feb 2010 02:54:00 +0000</pubDate><atom:updated>2010-02-06T09:54:20.652+07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Info</category><category domain="http://www.blogger.com/atom/ns#">Tips-trik</category><title>TEXT MARQUEE</title><description>&lt;div&gt; &lt;div&gt; Just Copied from &lt;a href="http://blogtrick.wordpress.com/2009/10/08/membuat-efek-marquee/" mce_href="http://blogtrick.wordpress.com/2009/10/08/membuat-efek-marquee/"&gt;http://blogtrick.wordpress.com&lt;/a&gt;&lt;br /&gt;
Apa itu marquee ? Marquee adalah suatu program HTML untuk membuat   teks bisa bergerak atau berjalan. Program marquee ini banyak diminati   dan di pakai oleh para blogger di dalam blognya karena sifat program ini   yang dinamis serta menarik untuk di lihat disamping untuk menghemat   tempat pada halaman blog.&lt;img alt="" class="mceWPmore mceItemNoResize" mce_src="http://ichau.wordpress.com/wp-includes/js/tinymce/plugins/wordpress/img/trans.gif" src="http://ichau.wordpress.com/wp-includes/js/tinymce/plugins/wordpress/img/trans.gif" title="Selebihnya..." /&gt;&lt;br /&gt;
Marquee ini bisa di buat dengan menggunakan tag   &lt;marquee&gt;…&lt;/marquee&gt;.&lt;br /&gt;
Atribut yang sering di gunakan adalah :&lt;br /&gt;
&lt;a name='more'&gt;&lt;/a&gt;&lt;br /&gt;
BGCOLOR=”warna” –&amp;gt; Untuk mengatur warna background (latar   belakang) teks&lt;br /&gt;
DIRECTION=”left/right/up/down” –&amp;gt; Mengatur arah gerakan teks&lt;br /&gt;
BEHAVIOR=”scroll/slide/alternate” –&amp;gt; Untuk mengatur perilaku   gerakan&lt;br /&gt;
Scroll –&amp;gt; teks bergerak berputar&lt;br /&gt;
Slide–&amp;gt; teks bergerak sekali lalu berhenti&lt;br /&gt;
Alternate –&amp;gt; teks bergerak dari kiri kekanan lalu balik lagi (   bolak-balik bo)&lt;br /&gt;
TITLE=’pesan” –&amp;gt; Pesan akan muncul saat mouse berada di atas teks&lt;br /&gt;
SCROLLMOUNT=”angka” –&amp;gt; mengatur kecepatan gerakan dalam pixel,   semakin besar angka semajin cepat gerakannya.&lt;br /&gt;
SCROLLDELAY=”angka” –&amp;gt; Untuk mengatur waktu tunda gerakan dalam   mili detik&lt;br /&gt;
LOOP=”angka|-1|infinite” –&amp;gt; Mengatur jumlah loop&lt;br /&gt;
WIDTH=”lebar” –&amp;gt; Mengatur lebar blok teks dalam pixel atau persen&lt;br /&gt;
Agar lebih jelas akan saya sertakan contohnya :&lt;br /&gt;
Contoh marquee dari gerakan :&lt;br /&gt;
&lt;marquee align="”center”" direction="”right”" height="”200″" scrollamount="”2″" width="”30%”"&gt;&lt;/marquee&gt;&lt;br /&gt;
marquee dari kanan ke kiri&lt;br /&gt;
&lt;br /&gt;
ganti kata “left” dengan keinginan anda yaitu bisa : left, up, down .&lt;br /&gt;
Contoh marquee dari perilaku gerakan :&lt;br /&gt;
&lt;marquee align="”center”" behavior="”alternate”" direction="”left”" height="”200″" scrollamount="”3″" width="”70%”"&gt;&lt;/marquee&gt;&lt;br /&gt;
marquee menurut perilaku&lt;br /&gt;
&lt;br /&gt;
marquee menurut perilaku&lt;br /&gt;
Contoh marquee dengan variasi hurup dan warna latar belakang :&lt;br /&gt;
&lt;br /&gt;
&lt;div align="”left”"&gt;&amp;amp;ltFONT FACE=”georgia”   color=”White”&amp;gt;&lt;b&gt;&lt;marquee behavior="”alternate”" bgcolor="”RED”" scrollamount="”3″" width="”70%”"&gt; &lt;/marquee&gt;&lt;/b&gt;&lt;/div&gt;Ada variasi lain dari marquee ini, yakni ketika mouse sedang berada   di area marquee teks akan berhenti dan ketika mouse di geser kembali   ketempat lain maka teks akan bergerak kembali, ini hanya di tambahkan   sedikit program pada kolom marquee.&lt;br /&gt;
Contoh, silahkan arahkan mouse anda ke area marquee di bawah ini :&lt;br /&gt;
&lt;marquee align="”center”" direction="”up”" height="”200″" onmouseout="”this.start()”" onmouseover="”this.stop()”" scrollamount="”2″" width="”50%”"&gt;&lt;/marquee&gt;&lt;br /&gt;
silahkan tunjuk ke sini&lt;br /&gt;
&lt;br /&gt;
Contoh marquee yang di dalam nya terdapat link :&lt;br /&gt;
&lt;marquee align="”center”" direction="”up”" height="”100″" onmouseout="”this.start()”" onmouseover="”this.stop()”" scrollamount="”2″" width="”100%”"&gt;&lt;/marquee&gt;&lt;br /&gt;
&lt;a href="http://www.blogger.com/%E2%80%9D%3Ca" mce_href="http://maskris.blogguru.net/"&gt;http://maskris.blogguru.net&lt;/a&gt;”   target=”new”&amp;gt;Blogguru&lt;br /&gt;
&lt;a href="http://www.blogger.com/%E2%80%9D%3Ca" mce_href="http://m4s4nto.wordpress.com/"&gt;http://m4s4nto.wordpress.com&lt;/a&gt;”   target=”new”&amp;gt;WordPress&lt;br /&gt;
&lt;br /&gt;
Mungkin itu saja beberapa contoh yang bisa di berikan, silahkan anda   otak-atik sendiri agar tercipta variasi-variasi dari marquee ini.&lt;br /&gt;
Selamat ber eksperimen.&lt;br /&gt;
&lt;/div&gt;&lt;/div&gt;﻿&lt;br /&gt;
&lt;a href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fichau.wordpress.com%2F2010%2F02%2F02%2Ftext-marquee%2F&amp;amp;linkname=TEXT%20MARQUEE" mce_href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fichau.wordpress.com%2F2010%2F02%2F02%2Ftext-marquee%2F&amp;amp;linkname=TEXT%20MARQUEE"&gt;&lt;img alt="Share" mce_src="http://static.addtoany.com/buttons/share_save_256_24.png" src="http://static.addtoany.com/buttons/share_save_256_24.png" /&gt;&lt;/a&gt;</description><link>http://ichau84.blogspot.com/2010/02/text-marquee.html</link><author>noreply@blogger.com (ichau (M. 5403di))</author><thr:total>0</thr:total></item></channel></rss>