<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:blogger='http://schemas.google.com/blogger/2008' xmlns:georss='http://www.georss.org/georss' xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-5840195662625752054</id><updated>2012-03-22T15:46:28.081+07:00</updated><category term="Tips and Trick Blogger"/><category term="Artikel TI"/><category term="Edukasi"/><category term="Healthy"/><category term="Komputer"/><title type='text'>Inspirasi 4Blogger | &quot;mari jelajahi dunia&quot;</title><subtitle type='html'></subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://inspirasi00.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5840195662625752054/posts/default?redirect=false'/><link rel='alternate' type='text/html' href='http://inspirasi00.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><link rel='next' type='application/atom+xml' href='http://www.blogger.com/feeds/5840195662625752054/posts/default?start-index=26&amp;max-results=25&amp;redirect=false'/><author><name>Iffan Komarudin</name><uri>http://www.blogger.com/profile/10893661383991032313</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='21' height='32' src='http://4.bp.blogspot.com/-bqxy6JZ2FfY/Tsv-rQ-1Q5I/AAAAAAAAAp4/-E_ey8JSY40/s220/iffan%2Bkomarudin.JPG'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>40</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-5840195662625752054.post-1063300469818315156</id><published>2011-11-25T00:35:00.000+07:00</published><updated>2011-11-25T00:35:43.017+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Edukasi"/><title type='text'>Modul Pembelajaran Matrik, Record, dan Array - Pascal</title><content type='html'>&lt;span class=&quot;fullpost&quot;&gt;Modul ini saya buat saat sang dosen memberikan tugas pembuatan makalah, saya share di blog saya.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span class=&quot;fullpost&quot;&gt;ini link downloadnya :&lt;/span&gt;&lt;br /&gt;&lt;span class=&quot;fullpost&quot;&gt;&lt;a href=&quot;http://www.4shared.com/file/zS4BnMYu/Makalah_Pascal.html&quot;&gt;http://www.4shared.com/file/zS4BnMYu/Makalah_Pascal.html&lt;/a&gt;&lt;br /&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;&lt;span class=&quot;fullpost&quot;&gt;   &lt;/span&gt;&lt;div class=&quot;blogger-post-footer&quot;&gt;My Feed&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5840195662625752054/posts/default/1063300469818315156'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5840195662625752054/posts/default/1063300469818315156'/><link rel='alternate' type='text/html' href='http://inspirasi00.blogspot.com/2011/11/modul-pembelajaran-matrik-record-dan.html' title='Modul Pembelajaran Matrik, Record, dan Array - Pascal'/><author><name>Iffan Komarudin</name><uri>http://www.blogger.com/profile/10893661383991032313</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='21' height='32' src='http://4.bp.blogspot.com/-bqxy6JZ2FfY/Tsv-rQ-1Q5I/AAAAAAAAAp4/-E_ey8JSY40/s220/iffan%2Bkomarudin.JPG'/></author></entry><entry><id>tag:blogger.com,1999:blog-5840195662625752054.post-6950650038813595538</id><published>2011-11-24T23:56:00.001+07:00</published><updated>2011-11-24T23:57:54.652+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Komputer"/><title type='text'>Cara perbaiki Flashdisk yang tak terdeteksi komputer</title><content type='html'>&lt;span class=&quot;fullpost&quot;&gt;Ada yang minta bantuan kepada saya, &quot;flashdisk saya enggak bisa terdeteksi oleh flashdisk, gimana nih?. padahal ini flashdisk saya satu-satunya&quot;.&lt;/span&gt;&lt;br /&gt;&lt;span class=&quot;fullpost&quot;&gt;saya langsung searching saja di bang google,akhirnya saya nemuin cara langsung saya coba. dan alhamdulilah berhasil..&lt;/span&gt;&lt;br /&gt;&lt;span class=&quot;fullpost&quot;&gt;nih saya share caranya :&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;div class=&quot;MsoNormal&quot;&gt;buka &lt;b style=&quot;mso-bidi-font-weight: normal;&quot;&gt;CMD&lt;/b&gt;.&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;1. ketik &lt;b style=&quot;mso-bidi-font-weight: normal;&quot;&gt;DISKPART&lt;/b&gt;.&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;2. ketik &lt;b style=&quot;mso-bidi-font-weight: normal;&quot;&gt;LIST DISK&lt;/b&gt; (untuk mengetahui penomoran Disk dari USB Flashdisk tersebut)&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;Jika diasumsikan, USB flashdisk kita berada dipenomoran Disk 1, maka ketik dan jalankan perintah selanjutnya :&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;3. ketik &lt;b style=&quot;mso-bidi-font-weight: normal;&quot;&gt;SELECT DISK 1&lt;/b&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;4. ketik &lt;b style=&quot;mso-bidi-font-weight: normal;&quot;&gt;CLEAN&lt;/b&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;5. ketik &lt;b style=&quot;mso-bidi-font-weight: normal;&quot;&gt;CREATE PARTITION PRIMARY&lt;/b&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;6. ketik &lt;b style=&quot;mso-bidi-font-weight: normal;&quot;&gt;SELECT PARTITION 1&lt;/b&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;7. ketik &lt;b style=&quot;mso-bidi-font-weight: normal;&quot;&gt;ACTIVE&lt;/b&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;8. ketik &lt;b style=&quot;mso-bidi-font-weight: normal;&quot;&gt;FORMAT FS=NTFS&lt;/b&gt; (tunggu proses format sampai selesai)&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;9. ketik &lt;b style=&quot;mso-bidi-font-weight: normal;&quot;&gt;ASSIGN&lt;/b&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;10. ketik &lt;b style=&quot;mso-bidi-font-weight: normal;&quot;&gt;EXIT&lt;/b&gt;&lt;/div&gt;&lt;br /&gt;&lt;span class=&quot;fullpost&quot;&gt;Selamat mencoba... Semoga berhasil !! &lt;/span&gt;&lt;div class=&quot;blogger-post-footer&quot;&gt;My Feed&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5840195662625752054/posts/default/6950650038813595538'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5840195662625752054/posts/default/6950650038813595538'/><link rel='alternate' type='text/html' href='http://inspirasi00.blogspot.com/2011/11/cara-perbaiki-flashdisk-yang-tak.html' title='Cara perbaiki Flashdisk yang tak terdeteksi komputer'/><author><name>Iffan Komarudin</name><uri>http://www.blogger.com/profile/10893661383991032313</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='21' height='32' src='http://4.bp.blogspot.com/-bqxy6JZ2FfY/Tsv-rQ-1Q5I/AAAAAAAAAp4/-E_ey8JSY40/s220/iffan%2Bkomarudin.JPG'/></author></entry><entry><id>tag:blogger.com,1999:blog-5840195662625752054.post-988650232344547382</id><published>2011-11-24T23:25:00.003+07:00</published><updated>2011-11-24T23:32:58.727+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Edukasi"/><title type='text'>Contoh Surat Lamaran Pekerjaan</title><content type='html'>Teringat saat saya masih duduk di bangku SMA. Ketika belajar Bahasa Indonesia saya sangat menyepelekan pembuatan Surat Lamaran Kerja,,, waduh ternyata saat saya LULUS dan akan melamar pekerjaan, saya kebingungan mencari contoh Surat Lamarannya. karena saya lupa.. he&lt;br /&gt;&lt;br /&gt;Terinspirasi dari itu, saya share Surat Lamaran Perkerjaan yang mungkin berguna bagi semuanya..&lt;br /&gt;&lt;br /&gt;nih link downloadnya :&lt;br /&gt;&lt;b&gt;&lt;a href=&quot;http://www.4shared.com/document/16ZDmpJK/iffankomarudin_-_Contoh_Surat_.html&quot;&gt;http://www.4shared.com/document/16ZDmpJK/iffankomarudin_-_Contoh_Surat_.html&lt;/a&gt;&lt;/b&gt;&lt;div class=&quot;blogger-post-footer&quot;&gt;My Feed&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5840195662625752054/posts/default/988650232344547382'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5840195662625752054/posts/default/988650232344547382'/><link rel='alternate' type='text/html' href='http://inspirasi00.blogspot.com/2011/11/normal-0-false-false-false-in-x-none-x.html' title='Contoh Surat Lamaran Pekerjaan'/><author><name>Iffan Komarudin</name><uri>http://www.blogger.com/profile/10893661383991032313</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='21' height='32' src='http://4.bp.blogspot.com/-bqxy6JZ2FfY/Tsv-rQ-1Q5I/AAAAAAAAAp4/-E_ey8JSY40/s220/iffan%2Bkomarudin.JPG'/></author></entry><entry><id>tag:blogger.com,1999:blog-5840195662625752054.post-1289510845333034890</id><published>2011-11-23T10:32:00.000+07:00</published><updated>2011-11-23T10:32:00.889+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Healthy"/><title type='text'>Alasan Rambut Bisa Rontok</title><content type='html'>&lt;span class=&quot;fullpost&quot;&gt;TRIBUNNEWS.COM, JAKARTA - Stres dan rambut rontok seringkali disebut memiliki hubungan sebab akibat. Banyak orang beranggapan, stres dapat membuat rambut rontok ataupun sebaliknya.&lt;br /&gt;&lt;br /&gt;Namun benarkan seperti ini?&lt;br /&gt;&lt;br /&gt;Daniel K. Hall-Flavin, M.D, psikiater dari Mayo Clinic mengatakan, stres dan rambut rontok memang punya keterkaitan satu sama lain. Daniel memaparkan, ada tiga kondisi penyebab rambut rontok yang dikaitkan dengan stres tingkat tinggi. Ketiga kondisi yang perlu Anda ketahui adalah :&lt;br /&gt;&lt;br /&gt;1. Alopecia areata&lt;br /&gt;Alopecia areata adalah suatu kondisi rambut rontok yang umumnya terjadi pada daerah yang berbatas tegas seperti kulit kepala. Banyak faktor penyebab alopesia areata, termasuk salah satunya stres berat. Orang dengan alopecia areata, sel darah putih akan menyerang folikel rambut, menghentikan pertumbuhan rambut, sehingga membuat rambut rontok.&lt;br /&gt;&lt;br /&gt;2. Telogen effluvium&lt;br /&gt;Telogen effluvium adalah bentuk alopesia yang ditandai dengan kerontokan rambut secara difus yang dapat terjadi secara akut maupun kronis. Dalam kondisi ini, stres emosional atau stres fisik turut mendorong pertumbuhan rambut masuk ke dalam fase istirahat. Dalam beberapa bulan, rambut-rambut yang terkena efeknya akan tanggal secara tiba-tiba. Misalnya, saat Anda sedang menyisir atau sedang keramas.&lt;br /&gt;&lt;br /&gt;3. Trikotilomania&lt;br /&gt;Trikotilomania adalah gambaran kondisi kejiwaan di mana orang memiliki kecenderungan menarik rambut, alis atau bagian lain dari tubuh mereka sendiri. Orang dengan kondisi seperti ini biasanya sedang mengalami masalah dengan perasaannya (tidak nyaman), seperti stres, cemas, tegang, kelelahan, kesepian, atau frustrasi.&lt;br /&gt;&lt;br /&gt;Stres dan rambut rontok tidak harus permanen. Jika Anda mampu mengendalikan stres, besar kemungkinan rambut Anda akan tumbuh kembali. Segera konsultasikan dengan dokter jika Anda melihat rambut rontok tiba-tiba atau mengalami kerontokan yang tidak wajar ketika menyisir atau mencuci rambut. Rambut rontok tiba-tiba merupakan sinyal dari kondisi medis bahwa Anda perlu mendapatkan pengobatan.   &lt;/span&gt;&lt;div class=&quot;blogger-post-footer&quot;&gt;My Feed&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5840195662625752054/posts/default/1289510845333034890'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5840195662625752054/posts/default/1289510845333034890'/><link rel='alternate' type='text/html' href='http://inspirasi00.blogspot.com/2011/11/alasan-rambut-bisa-rontok.html' title='Alasan Rambut Bisa Rontok'/><author><name>Iffan Komarudin</name><uri>http://www.blogger.com/profile/10893661383991032313</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='21' height='32' src='http://4.bp.blogspot.com/-bqxy6JZ2FfY/Tsv-rQ-1Q5I/AAAAAAAAAp4/-E_ey8JSY40/s220/iffan%2Bkomarudin.JPG'/></author></entry><entry><id>tag:blogger.com,1999:blog-5840195662625752054.post-7371120598815395076</id><published>2011-11-23T10:23:00.000+07:00</published><updated>2011-11-23T10:23:08.701+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Healthy"/><title type='text'>Ada Bahaya di Cat Rambut</title><content type='html'>&lt;span class=&quot;fullpost&quot;&gt;REPUBLIKA.CO.ID, LONDON - Seorang wanita Inggris, Julie McCabe menjadi korban kesekian kalinya produk pewarna rambut. Dia mengalami koma sesaat setelah melakukan pembilasan cat rambut, seperti saran dalam kemasan produk cat rambut merek populer di dunia.&lt;br /&gt;&lt;br /&gt;Dugaan sementara, ia mengalami keracunan zat kimia para-phenylenediamine (PPD) – yang terkandung dalam 99 persen produk pewarna rambut yang saat ini beredar di pasaran.&lt;br /&gt;&lt;br /&gt;PPD sebelumnya telah dilarang di Perancis, Jerman, dan Swedia, dan sebuah studi AS telah menghubungkan paparan untuk itu untuk peningkatan tingkat kanker kandung kemih. Berdasarkan aturan UE, di Inggris zat ini bisa digunakan sampai 6 persen dalam satu produk pewarna rambut.&lt;br /&gt;&lt;br /&gt;PPD adalah senyawa tidak berwarna tetapi mempunyai warna yang kaya ketika bereaksi dengan oksigen yang terkandung dalam bahan-bahan pewarna rambut, seperti hidrogen peroksida.&lt;br /&gt;&lt;br /&gt;Kimia ini digunakan dalam banyak pewarna rambut permanen karena ia mengikat kuat ke rambut dan tidak luntur saat dicuci.&lt;br /&gt;&lt;br /&gt;Alergi itu jarang terjadi, hanya mempengaruhi satu dalam 250 ribu orang, dan dalam kebanyakan kasus efeknya hanya ruam ringan. Tapi reaksi dapat menjadi parah, menyebabkan iritasi kulit yang serius, atau bahkan anafilaksis.&lt;br /&gt;&lt;br /&gt;Suatu reaksi alergi tidak selalu saat pertama kali produk mereka gunakan. Hal ini dapat terjadi setelah beberapa kali digunakan.&lt;br /&gt;&lt;br /&gt;Pengguna cat rambut biasanya diminta melakukan tes&amp;nbsp; &#39;uji tempel&#39; sebelum mengenakannya. Caranya adalah dengan menerapkan sejumlah kecil cat rambut pada kulit mereka 48 jam sebelum digunakan.&lt;br /&gt;&lt;br /&gt;Untuk kasus Julie, spesialis rambut dan kulit kepala mengklaim bahwa alergi terhadap pewarna rambut meningkat sebagai akibat dari pajanan kumulatif terhadap PPD.&lt;br /&gt;&lt;br /&gt;Seorang juru bicara L&#39;Oreal mengatakan, &quot;L&#39;Oreal sangat prihatin mendengar tentang hal ini situasi yang serius. Kami tidak tahu rincian kasus sehingga tidak pantas bagi kita untuk komentar lebih lanjut, namun kami akan melakukan segala yang kami bisa untuk membantu keluarga ini wanita dan tim medis dengan informasi yang mereka mungkin perlu untuk mendirikan apa yang terjadi.&quot; &lt;/span&gt;&lt;div class=&quot;blogger-post-footer&quot;&gt;My Feed&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5840195662625752054/posts/default/7371120598815395076'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5840195662625752054/posts/default/7371120598815395076'/><link rel='alternate' type='text/html' href='http://inspirasi00.blogspot.com/2011/11/ada-bahaya-di-cat-rambut.html' title='Ada Bahaya di Cat Rambut'/><author><name>Iffan Komarudin</name><uri>http://www.blogger.com/profile/10893661383991032313</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='21' height='32' src='http://4.bp.blogspot.com/-bqxy6JZ2FfY/Tsv-rQ-1Q5I/AAAAAAAAAp4/-E_ey8JSY40/s220/iffan%2Bkomarudin.JPG'/></author></entry><entry><id>tag:blogger.com,1999:blog-5840195662625752054.post-4041129310889520329</id><published>2011-06-16T12:17:00.000+07:00</published><updated>2011-11-23T01:49:00.150+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Tips and Trick Blogger"/><title type='text'>Cara Membuat Tampilan Postingan Rolling</title><content type='html'>Caranya adalah :&lt;br /&gt;&lt;ol&gt;&lt;li&gt;Masuk Akun Blogger Anda.&amp;nbsp;&lt;/li&gt;&lt;li&gt;Klik &lt;b&gt;Tata Letak.&lt;/b&gt;&lt;/li&gt;&lt;li&gt;&lt;b&gt;Tambah Gadget&lt;/b&gt;&lt;/li&gt;&lt;li&gt;Pilih &lt;b&gt;HTML/JAVA SCRIPT&lt;/b&gt;&lt;/li&gt;&lt;li&gt;copy kode dibawah ini.&amp;nbsp;&lt;/li&gt;&lt;/ol&gt;&lt;span style=&quot;color: red;&quot;&gt;&amp;lt;div style=&quot;border: 3px solid rgb(51, 255, 53); overflow: auto; height: 350px;&quot; margin=&quot;5px&quot; ;&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;color: red;&quot;&gt;&amp;lt;script style=&quot;text/javascript&quot; src=&quot;http://sites.google.com/site/masfaysblog/Home/codedaftarisi.txt&quot;&amp;gt;&amp;lt;/script&amp;gt;&amp;lt;script style=&quot;text/javascript&quot;&amp;gt;var numposts = 1000;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;&amp;lt;/script&amp;gt;&amp;lt;script src=&quot;&lt;span style=&quot;color: yellow;&quot;&gt;http://blog-45.blogspot.com&lt;/span&gt;/feeds/posts/default?orderby=published&amp;amp;alt=json-in-script&amp;amp;max-results=999&amp;amp;callback=showrecentposts&quot;&amp;gt;&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;color: red;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; 6. Kemudian Paste di jendela tersebut.&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; 7. Setelah selesai, &lt;b&gt;Simpan&lt;/b&gt;.&lt;br /&gt;&lt;br /&gt;&lt;blockquote&gt;Yang Berwarna Kuning, ganti dengan alamat blog kamu.&lt;/blockquote&gt;selesai deh............&lt;br /&gt;s&#39;moga brhasil&lt;div class=&quot;blogger-post-footer&quot;&gt;My Feed&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5840195662625752054/posts/default/4041129310889520329'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5840195662625752054/posts/default/4041129310889520329'/><link rel='alternate' type='text/html' href='http://inspirasi00.blogspot.com/2010/01/cara-membuat-tampilan-postingan-rolling.html' title='Cara Membuat Tampilan Postingan Rolling'/><author><name>Iffan Komarudin</name><uri>http://www.blogger.com/profile/10893661383991032313</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='21' height='32' src='http://4.bp.blogspot.com/-bqxy6JZ2FfY/Tsv-rQ-1Q5I/AAAAAAAAAp4/-E_ey8JSY40/s220/iffan%2Bkomarudin.JPG'/></author></entry><entry><id>tag:blogger.com,1999:blog-5840195662625752054.post-4383496177554415891</id><published>2011-01-09T15:07:00.000+07:00</published><updated>2011-01-09T15:07:22.645+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Artikel TI"/><title type='text'>MSI P67 coba RAM dengan kapasitas 32GB</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;http://www.beritanet.com/files.php?file=MSI-P67-coba-RAM-kapasitas-32GB_138902207.jpg&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;400&quot; src=&quot;http://www.beritanet.com/files.php?file=MSI-P67-coba-RAM-kapasitas-32GB_138902207.jpg&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div align=&quot;center&quot; class=&quot;MsoNormal&quot; style=&quot;text-align: center;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div align=&quot;center&quot; class=&quot;MsoNormal&quot; style=&quot;text-align: center;&quot;&gt;&lt;strong&gt;MSI P67&lt;/strong&gt;&lt;strong&gt;&lt;span&gt;  coba RAM kapasitas 32GB&lt;/span&gt;&lt;/strong&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot; style=&quot;text-indent: 36pt;&quot;&gt;&lt;span&gt;Kapasitas memori dari DDR3 yang  mencapai 24GB dirasa tidak memberi kepuasan bagi  sebagian orang. Itulah sebabnya beberapa vendor  motherboard sedang mengembangkan platform yang mampu  secara signifikan memberikan kapasitas lebih untuk  memori DDR3. Salah satu vendor yang mengembangkan hal  tersebut adalah MSI. Biasanya, sebuah PC high end  mainstream harus dapat menampung memori 4GB untuk tiap  slotnya. Namun, terdapat beberapa pengguna yang ingin  mendorong sistem mereka untuk tidak mengikuti batasan  yang diberikan pabrik atau perusahaan. Mereka adalah  orang-orang yang menginginkan sistem sendiri dengan  tampilan slot motherboard yang menampung 24 GB memori  DDR3.&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot; style=&quot;text-indent: 36pt;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot; style=&quot;text-indent: 36pt;&quot;&gt;&lt;span&gt;Perlu  diingat bahwa vendor motherboard yang mengembangkan  tambahan slot memori bagi produknya harus disesuaikan  dengan CPU yang baru juga. Untuk itu, Intel dan AMD  juga sedang mempersiapkan tantangan tersebut. Bahkan,  Motherboard yang mampu menahan 32GB RAM sekaligus juga  sangat baik untuk dikembangakan. MSI yang merupakan  salah satu vendor motherboard terkemuka telah  mempersiapkan P67A-GD65, yang dibangun di atas chipset  Intel P67. Chipset baru tersebut merupakan hasil  rancangan dari Intel untuk Sandy Bridge CPU, karena  memiliki soket LGA 1155.&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot; style=&quot;text-indent: 36pt;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;MsoNormal&quot; style=&quot;text-indent: 36pt;&quot;&gt;&lt;span&gt;Seperti yang diungkapkan  &lt;em&gt;tcmagazine&lt;/em&gt; motherboard terbaru dari MSI telah  lulus dari uji coba di bawah CPU-Z dan tidak ditemukan  kesulitan dalam mengadopsi kapasitas memori RAM hingga  32GB dengan sampel rekayasa Core i7-2600K. Sekedar  informasi, Core seri 2000 adalah skema penamaan untuk  prosesor Sandy Bridge. Bila hal tersebut berjalan  sangat lancar, maka berbagai produsen memori RAM  seperti OCZ, Kingston, Corsair dan yang lainnya akan  membuat memori kit 32GB dengan terburu-buru.  &lt;strong&gt;&lt;em&gt;(jimmyfernanda/BeritaNet.com)&lt;/em&gt;&lt;/strong&gt;  &lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;blogger-post-footer&quot;&gt;My Feed&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5840195662625752054/posts/default/4383496177554415891'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5840195662625752054/posts/default/4383496177554415891'/><link rel='alternate' type='text/html' href='http://inspirasi00.blogspot.com/2011/01/msi-p67-coba-ram-dengan-kapasitas-32gb.html' title='MSI P67 coba RAM dengan kapasitas 32GB'/><author><name>Iffan Komarudin</name><uri>http://www.blogger.com/profile/10893661383991032313</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='21' height='32' src='http://4.bp.blogspot.com/-bqxy6JZ2FfY/Tsv-rQ-1Q5I/AAAAAAAAAp4/-E_ey8JSY40/s220/iffan%2Bkomarudin.JPG'/></author></entry><entry><id>tag:blogger.com,1999:blog-5840195662625752054.post-4047121014919599524</id><published>2011-01-09T15:04:00.002+07:00</published><updated>2011-01-09T15:04:58.669+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Artikel TI"/><title type='text'>Mousepad Berbentuk Buah-buahan</title><content type='html'>Akibat kesibukan di tempat kerja dan bisnis &lt;a href=&quot;http://bukaini.com/ptcasyik&quot;&gt;PTC 1&lt;/a&gt; dan &lt;a href=&quot;http://bukaini.com/30detik&quot;&gt;PTC 2&lt;/a&gt; (dan banyak lagi sih) :). Postingan kali ini akan membahas gadget, yaitu mouse pad penghangat berbentuk buah-buahan.&lt;br /&gt;&lt;br /&gt;&lt;a href=&quot;http://2.bp.blogspot.com/_GxypJvBL4AE/TOzQpQZ6UXI/AAAAAAAABU8/ybUdmm7qhbM/s1600/usb%2Bbuah-2.jpg&quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; id=&quot;BLOGGER_PHOTO_ID_5543034648583098738&quot; src=&quot;http://2.bp.blogspot.com/_GxypJvBL4AE/TOzQpQZ6UXI/AAAAAAAABU8/ybUdmm7qhbM/s320/usb%2Bbuah-2.jpg&quot; style=&quot;cursor: pointer; display: block; height: 240px; margin: 0px auto 10px; text-align: center; width: 320px;&quot; /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span class=&quot;fullpost&quot;&gt; &lt;div style=&quot;text-align: justify;&quot;&gt;&lt;a href=&quot;http://3.bp.blogspot.com/_GxypJvBL4AE/TOzQhSxvr0I/AAAAAAAABU0/2uIZrOOy8f0/s1600/usb%2Bbuah-1.jpg&quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; id=&quot;BLOGGER_PHOTO_ID_5543034511780982594&quot; src=&quot;http://3.bp.blogspot.com/_GxypJvBL4AE/TOzQhSxvr0I/AAAAAAAABU0/2uIZrOOy8f0/s320/usb%2Bbuah-1.jpg&quot; style=&quot;cursor: pointer; display: block; height: 240px; margin: 0px auto 10px; text-align: center; width: 320px;&quot; /&gt;&lt;/a&gt;&lt;br /&gt;Sebetulnya,  gadget ini ditujukan bagi orang-orang yang tinggal di negara yang  memiliki musim dingin. Ketika para pengguna ingin menggunakan komputer,  padahal cuaca sedang dingin, maka gadget ini sangat cocok untuk  digunakan.&lt;br /&gt;&lt;br /&gt;Caranya sangat mudah. Cukup hubungkan gadget ini  melalui port USB di PC anda, maka anda dapat menghangatkan tangan anda  setiap saat.&lt;br /&gt;&lt;br /&gt;Oh ya, saat ini baru tersedia dua jenis buah-buahan ,  yaitu buah kiwi dan orange. Ada pun harga yang ditawarkan untuk produk  ini adalah $13.50.&lt;/div&gt;&lt;/span&gt;&lt;div class=&quot;blogger-post-footer&quot;&gt;My Feed&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5840195662625752054/posts/default/4047121014919599524'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5840195662625752054/posts/default/4047121014919599524'/><link rel='alternate' type='text/html' href='http://inspirasi00.blogspot.com/2011/01/mousepad-berbentuk-buah-buahan.html' title='Mousepad Berbentuk Buah-buahan'/><author><name>Iffan Komarudin</name><uri>http://www.blogger.com/profile/10893661383991032313</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='21' height='32' src='http://4.bp.blogspot.com/-bqxy6JZ2FfY/Tsv-rQ-1Q5I/AAAAAAAAAp4/-E_ey8JSY40/s220/iffan%2Bkomarudin.JPG'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://2.bp.blogspot.com/_GxypJvBL4AE/TOzQpQZ6UXI/AAAAAAAABU8/ybUdmm7qhbM/s72-c/usb%2Bbuah-2.jpg" height="72" width="72"/></entry><entry><id>tag:blogger.com,1999:blog-5840195662625752054.post-3844877263176942261</id><published>2011-01-08T19:27:00.002+07:00</published><updated>2011-01-08T19:27:20.810+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Artikel TI"/><title type='text'>Teknologi Grafis</title><content type='html'>&lt;div style=&quot;text-align: center;&quot;&gt;&lt;img alt=&quot;GAMBAR Teknologi Grafis&quot; height=&quot;288&quot; src=&quot;http://teknik-informatika.com/images/pti/multimedia-grafis.jpg&quot; title=&quot;teknologi grafis&quot; width=&quot;329&quot; /&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Grafis atau gambar memiliki peranan  penting dalam penyajian informasi, “Gambar mewakili seribu kata” kata  pepatah. Istilah gambar (picture) biasa diberikan pada hasil gambar  manual seperti lukisan, sedang istilah citra (image) biasa diberikan  pada hasil kamera foto. Disamping itu grafis biasa juga dibedakan  menjadi dua, yaitu gambar statis atau &lt;em&gt;stilled image&lt;/em&gt; dan gambar dinamis &lt;em&gt;animated image.&lt;span id=&quot;more-125&quot;&gt;&lt;/span&gt;&lt;/em&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Digitalisasi gambar dapat diperoleh secara tidak langsung melalui &lt;em&gt;scanner&lt;/em&gt; atau secara langsung melalui &lt;em&gt;digital camera&lt;/em&gt;. Tampilan gambar digital diukur dengan pixel, misalnya 100 x 150 pixel, atau 200 x 400 pixel. Setiap pixel (singkatan dari &lt;em&gt;picture element&lt;/em&gt;) mewakili satu bintik (dot) pada bidang gambar. Ukuran lain adalah jumlah dot dalam satu inchi persegi, atau &lt;em&gt;dot per inch &lt;/em&gt;(dpi),  berarti menyatakan jumlah pixel dalam luasan gambar 1 x 1 inch persegi.  Setiap pixel disimpan dalam storage/memory dalam bentuk bit, dimana  jumlah bit/pixel ditentukan oleh kedalaman warna yang di-inginkan.  Misalnya jumlah warna yang dinginkan hanya 16 macam, maka warna pixel  bisa diwakili oleh 4 bit. Warna asli (true color) memerlukan kode 32 bit  per-pixel.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Ketika membeli peralatan digital gambar  perlu diperhatikan kemampuan pixel, kedalaman warna, atau jumlah dot  per-inch. Misalnya kamera digital diukur dengan berapa &lt;em&gt;megapixel&lt;/em&gt;  kemampuan rekam-nya per-citra, dengan kata lain kamera 6 megapixel  lebih baik dari kamera 3 megapixel. Peralatan scanner biasanya dinilai  dengan jumlah dot per-inch (dpi), scanner dengan 10.000 dpi lebih baik  dari scanner 6.000 dpi.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Format file gambar/citra sangat beragam, beberapa diantaranya yang populer adalah:&lt;/div&gt;&lt;blockquote&gt;&lt;em&gt;.bmp&lt;/em&gt; atau bitmap picture yaitu format yang digunakan oleh Microsoft Windows,&lt;br /&gt;&lt;em&gt;.cdr&lt;/em&gt; adalah format gambar dari Corel Draw,&lt;br /&gt;&lt;em&gt;.gif&lt;/em&gt; adalah format gambar ciptaan Compuserve yang membatasi kedalam warna hanya 256 macam atau 8 bit,&lt;br /&gt;&lt;em&gt;.jpg&lt;/em&gt; adalah format citra ciptaan kelompok Joint Photographic Expert yang merupakan format kompressi gambar&lt;br /&gt;&lt;em&gt;.pcx &lt;/em&gt;adalah format gambar dari software PaintBrush&lt;br /&gt;&lt;em&gt;.png (portable network graphics) &lt;/em&gt;format hasil rancangan W3C (World Wide Web Consortium) untuk menggantikan format .gif yang dikomersilkan oleh Compuserve.&lt;br /&gt;&lt;em&gt;.tiff &lt;/em&gt; format gambar yang kualitas-nya cukup bagus dan banyak digunakan untuk foto-foto pada desktop publishing (percetakan).&lt;/blockquote&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Berbagai perangkat lunak telah diciptakan untuk pengolahan gambar/citra, antara lain:&lt;/div&gt;&lt;ul style=&quot;text-align: justify;&quot;&gt;&lt;li&gt;Paint : perangkat lunak gambar dari Microsoft Windows&lt;/li&gt;&lt;li&gt;Adobe Photoshop : perangkat lunak ciptaan Adobe&lt;/li&gt;&lt;li&gt;Corel Draw : perangkat lunak Corel yang cukup lengkap utk grafis&lt;/li&gt;&lt;li&gt;PaintShop&lt;/li&gt;&lt;li&gt;PrintShop&lt;/li&gt;&lt;/ul&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;em&gt;Source : http://teknik-informatika.com/teknologi-grafis/&lt;/em&gt;&lt;/div&gt;&lt;div class=&quot;blogger-post-footer&quot;&gt;My Feed&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5840195662625752054/posts/default/3844877263176942261'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5840195662625752054/posts/default/3844877263176942261'/><link rel='alternate' type='text/html' href='http://inspirasi00.blogspot.com/2011/01/teknologi-grafis.html' title='Teknologi Grafis'/><author><name>Iffan Komarudin</name><uri>http://www.blogger.com/profile/10893661383991032313</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='21' height='32' src='http://4.bp.blogspot.com/-bqxy6JZ2FfY/Tsv-rQ-1Q5I/AAAAAAAAAp4/-E_ey8JSY40/s220/iffan%2Bkomarudin.JPG'/></author></entry><entry><id>tag:blogger.com,1999:blog-5840195662625752054.post-2930754844332121274</id><published>2011-01-08T19:26:00.000+07:00</published><updated>2011-01-08T19:26:27.067+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Artikel TI"/><title type='text'>Software Bahasa Pemrograman</title><content type='html'>&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;img alt=&quot;Generasi Bahasa Pemrograman&quot; height=&quot;326&quot; src=&quot;http://www.teknik-informatika.com/images/pti/software/generasi-bahasa-pemrograman.jpg&quot; title=&quot;Generasi Bahasa Pemrograman&quot; width=&quot;385&quot; /&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Bahasa pemrograman adalah software  bahasa komputer yang digunakan dengan cara merancang atau membuat  program sesuai dengan struktur dan metode yang dimiliki oleh bahasa  program itu sendiri. Komputer mengerjakan transformasi data berdasarkan  kumpulan printah program yang telah dibuat oleh program. Kumpulan  perintah ini harus dimengerti oleh komputer, berstruktur terntentu (&lt;em&gt;syntax&lt;/em&gt;),  dan bermakna. Bahasa pemrograman merupakan notasi untuk memberikan  secara tepat program komputer. Berbeda dengan bahasa, misalkan Bahasa  Indonesia dan Inggris yang merupakan bahasa alamiah (&lt;em&gt;natural language&lt;/em&gt;),  sintaksis dan semantik bahasa pemrograman komputer ditentukan secara  jelas dan terstruktur, sehingg bahasa pemrograman juga disebut sebagai  bahasa formal (&lt;em&gt;formal language&lt;/em&gt;).&lt;span id=&quot;more-113&quot;&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Menurut tingkatannya, bahasa pemrograman dibagi menjadi 3 tingkatan, yaitu:&lt;/div&gt;&lt;ul style=&quot;text-align: justify;&quot;&gt;&lt;li&gt;Bahasa      pemrograman tingkat rendah (&lt;em&gt;low      level language&lt;/em&gt;),  merupakan bahasa pemrograman generasi pertama, bahasa pemrograman jenis  ini sangat sulit dimengerti karena instruksinya menggunakan bahasa  mesin. Biasanya yang mengerti hanyalah pembuatnya saja karena isinya  programnya berupa kode-kode mesin.&lt;/li&gt;&lt;li&gt;Bahasa      pemrograman tingkat menengah (&lt;em&gt;middle      level language&lt;/em&gt;),  merupakan bahasa pemrograman dimana pengguna instruksi sudah mendekati  bahasa sehari-hari, walaupun begitu masih sulit untuk dimengerti karena  banyak menggunakan singkatan-singkatan seperti “STO” artinya simpan  (STORE) dan “MOV” artinya pindahkan (MOVE). Yang tergolong dalam bahasa  ini adalah assembler.&lt;/li&gt;&lt;li&gt;Bahasa      pemrograman tingkat tinggi (&lt;em&gt;high      level language&lt;/em&gt;)  merupakan bahasa yang mempunyai ciri lebih terstruktur, mudah  dimengerti karena menggunakan bahasa sehari-hari, contoh bahasa level  ini adalah: Delphi, Pascal, ORACLE, MS-SQL, Perl, Phyton, Basic, Visual  Studio (Visual Basic, Visual FoxPro), Informix, C, C++, ADA, Java, PHP,  ASP, XML, dan lain-lain. Bahasa seperti Java, PHP, ASP, XML biasanya  digunakan untuk pemrograman pada internet, dan masih banyak lagi yang  terus berkembang yang saat ini biasanya dengan ekstensi .net (baca: dot  net) seperti Visual Basic.NET dan Delphi.Net yang merupakan bahasa  pemrograman yang dikembangkan pada aran berbasis internet&lt;/li&gt;&lt;/ul&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Sejauh ini bahasa pemrograman  dikelompokkan menjadi lima generasi. Setiap generasi bahasa pemrograman  memiliki karakteristik tersendiri. Semakin maju generasinya maka  orientasi bahasa pemrograman ini akan semakin dekat ke manusia.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Gambar di atas menunjukkan terjadinya  kecenderungan pergeseran orientasi dalam bahasa-bahasa pemrograman, dari  pendekatan yang berorientasi kepada mesin menuju ke pendekatan yang  berorientasi pada manusia.&lt;/div&gt;&lt;h2 style=&quot;text-align: justify;&quot;&gt;Bahasa Pemrograman Generasi I&lt;/h2&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Bahasa pemrograman generasi pertama  berorientasi pada mesin. Program disusun dengan menggunakan bahasa  mesin. Tentu saja program generasi ini sangat sulit untuk dipahami oleh  orang awam dan sangat membosankan bagi pemrogram. Pemrogram harus  benar-benar menguasai operasi komputer secara teknis. Namun bahasa  generasi ini memberikan eksekusi program yang sangat cepat. Selain itu,  bahasa mesin sangat bergantung pada mesin (&lt;em&gt;machine dependent&lt;/em&gt;), artinya, bahasa mesin antara satu mesin dengan mesin lainnya akan berbeda.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Kode dalam Bahasa Mesin &lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;img alt=&quot;Kode dalam Bahasa Mesin&quot; height=&quot;84&quot; src=&quot;http://www.teknik-informatika.com/images/pti/software/kode-bahasa-mesin.jpg&quot; title=&quot;Kode dalam Bahasa Mesin&quot; width=&quot;526&quot; /&gt;&lt;/div&gt;&lt;h2 style=&quot;text-align: justify;&quot;&gt;Bahasa Pemrograman Generasi II&lt;/h2&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Bahasa pemrograman generasi kedua menggunakan bahasa rakitan (&lt;em&gt;assembly&lt;/em&gt;).  Sebagai pengganti kode-kode biner, digunakanlah kependekan dari  kata-kata. Misalkan “MOV” untuk menyatakan “MOVE” dan JNZ yang berarti  “jump non-zero”. Setiap instruksi dalam bahasa rakitan sebenarnya  identik dengan satu instruksi dalam bahasa mesin. Bahasa ini sedikit  lebih mudah dipahami daripada bahasa mesin. Bahasa ini sedikit lebih  mudah dipahami daripada bahasa mesin mengingat perintah dalam bentuk  kata-kata yang dipendekkan lebih mudah daripada mengingat deretan angka  biner.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Berikut adalah contoh instruksi yang ditulis dalam bahasa rakitan akan menjadi seperti berikut:&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Tampak bahwa penggunaan notasi seperti  MOV AH, 02 jauh lebih mudah diingat atau dipahami daripada penulisan  instruksi dalam bahasa mesin: B402 atau 1011 0100 0000 0010.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Kode dalam Bahasa Rakitan &lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;img alt=&quot;Kode dalam Bahasa Rakitan&quot; height=&quot;84&quot; src=&quot;http://www.teknik-informatika.com/images/pti/software/kode-bahasa-rakitan.jpg&quot; title=&quot;Kode dalam Bahasa Rakitan&quot; width=&quot;526&quot; /&gt;&lt;/div&gt;&lt;h2 style=&quot;text-align: justify;&quot;&gt;Bahasa Pemrograman Generasi III&lt;/h2&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Bahasa pemrograman generasi ketiga  menggunakan pendekatan prosedural. Sebagai bahasa prosedural, pemrogram  perlu menuliskan instruksi-instruksi yang rinci agar komputer  melaksanakan tugasnya. Program ditulis dengan menggunakan kata-kata yang  biasa dipakai manusia, seperti WRITE untuk menampilkan sesuatu di layar  dan READ untuk membaca data dari keyboard.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Bahasa generasi ketiga seringkali disebut sebagai &lt;em&gt;high level language&lt;/em&gt;  disebabkan bahasa ini menggunakan kata-kata yang biasa digunakan  manusia. Beberapa contoh bahasa pemrograman yang masuk dalam kategori  generasi ketiga yaitu ADA, ALGOL, C, BASIC, COBOL, FORTRAN, dan PASCAL.&lt;/div&gt;&lt;h2 style=&quot;text-align: justify;&quot;&gt;Bahasa Pemrograman Generasi IV&lt;/h2&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Bahasa pemrograman generasi keempat  dirancang untuk mengurangi waktu pemrograman dalam membuat program  sehingga diharapkan produktifitas pemrogram jadi meningkat dan program  dapat dibuat dalam waktu yang lebih singkat. Alhasil, bahasa pemrograman  generasi keempat yang dikenal dengan sebutan 4GL dapat dipakai oleh  pemakai yang kurang mengetahui hal-hal teknis tentang pemrograman tanpa  bantuan pemrogram profesional. Sebagai contoh pemrogram dapat membuat  program dengan Microsoft Access di lingkungan PC dengan mudah.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Bahasa pemrograman generasi keempat biasa disebut sebagai &lt;em&gt;high level language&lt;/em&gt; atau bahasa berorientasi pada masalah (&lt;em&gt;problem oriented language&lt;/em&gt;)  karena memungkinkan pemakai menyelesaikan masalah dengan sedikit  penulisan kode dibandingkan pada bahasa prosedural. Bahasa pemrograman  generasi keempat menggunakan pendekatan non-prosedural. Untuk  mendapatkan suatu hasil, seorang pemakai tidak perlu memberitahukan  secara detail tentang bagaimana mendapatkannya. Gambar di bawah ini  memberikan contoh yang menunjukkan perbedaan bahasa prosedural dan  non-prosedural dalam memperoleh data tentang seorang mahasiswa.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Bahasa Prosedural dan Non Prosedural &lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;img alt=&quot;Bahasa Prosedural dan Non Prosedural&quot; height=&quot;238&quot; src=&quot;http://www.teknik-informatika.com/images/pti/software/bahasa-prosedural-non-prosedural.jpg&quot; title=&quot;Bahasa Prosedural dan Non Prosedural&quot; width=&quot;526&quot; /&gt;&lt;/div&gt;&lt;h2 style=&quot;text-align: justify;&quot;&gt;Bahasa Pemrograman Generasi V&lt;/h2&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;strong&gt;&lt;em&gt; &lt;/em&gt;&lt;/strong&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Bahasa pemrograman generasi kelima  merupakan kelompok bahasa-bahasa pemrograman yang ditujukan untuk  menangani kecerdasan buatan (&lt;em&gt;artificial intelligence&lt;/em&gt;).  Kecerdasan buatan adalah disiplin dalam ilmu komputer yang mempelajari  cara komputer meniru kecerdasan manusia. Berbagai aplikasi kecerdasan  manusia adalah sebagai berikut:&lt;/div&gt;&lt;ul style=&quot;text-align: justify;&quot;&gt;&lt;li&gt;Pemrosesan      bahasa alami (&lt;em&gt;natural language      processing&lt;/em&gt;),  yakni mengatur komputer agar bisa berkomunikasi dengan manusia melalui  bahasa manusia (Indonesia, Inggris, Spanyol, Prancis, dan sebagainya).&lt;/li&gt;&lt;li&gt;Pengedalian      robotika dan sensor mata.&lt;/li&gt;&lt;li&gt;Aplikasi      sistem pakar (&lt;em&gt;expert system&lt;/em&gt;) yang meniru  seorang pakar di bidang tertentu sehingga bisa menghasilkan nasehat atau  pemikiran yang setara dengan seorang pakar.&lt;/li&gt;&lt;/ul&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Dengan menggunakan bahasa generasi kelima dimungkinkan untuk melakukan perintah dengan cara percakapan seperti berikut:&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;“Tampilkan semua nama mahasiswa yang IPK-nya di atas 3,0 dan urutkan berdasarkan IP secara descending”&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;PROLOG dan LISP merupakan dua contoh bahasa pemrograman yang ditujukan untuk menangani kecerdasan buatan.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;em&gt;Source : http://teknik-informatika.com/bahasa-pemrograman/&lt;/em&gt;&lt;/div&gt;&lt;div class=&quot;blogger-post-footer&quot;&gt;My Feed&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5840195662625752054/posts/default/2930754844332121274'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5840195662625752054/posts/default/2930754844332121274'/><link rel='alternate' type='text/html' href='http://inspirasi00.blogspot.com/2011/01/software-bahasa-pemrograman.html' title='Software Bahasa Pemrograman'/><author><name>Iffan Komarudin</name><uri>http://www.blogger.com/profile/10893661383991032313</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='21' height='32' src='http://4.bp.blogspot.com/-bqxy6JZ2FfY/Tsv-rQ-1Q5I/AAAAAAAAAp4/-E_ey8JSY40/s220/iffan%2Bkomarudin.JPG'/></author></entry><entry><id>tag:blogger.com,1999:blog-5840195662625752054.post-2776523307600198165</id><published>2011-01-04T20:03:00.002+07:00</published><updated>2011-11-23T01:49:00.150+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Tips and Trick Blogger"/><title type='text'>Cara Buat READMORE otomatis</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;http://4.bp.blogspot.com/__2Qfv3NDV-o/TUPq1QQHUQI/AAAAAAAAAms/BErAMj85dQk/s1600/preview.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;173&quot; src=&quot;http://4.bp.blogspot.com/__2Qfv3NDV-o/TUPq1QQHUQI/AAAAAAAAAms/BErAMj85dQk/s320/preview.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;untuk membuat tampilan seperti itu, ikuti langkah dibawah ini :&lt;br /&gt;&lt;br /&gt;Berikut langkah – langkah dalam membuat &lt;strong&gt;read more otomatis&lt;/strong&gt; :&lt;br /&gt;&lt;ol&gt;&lt;li&gt;Silahkan login ke &lt;strong&gt;blogger&lt;/strong&gt; terlebih dahulu. &lt;/li&gt;&lt;li&gt;Klik &lt;strong&gt;Tata Letak&lt;/strong&gt;.&amp;nbsp; &lt;/li&gt;&lt;li&gt;Kemudian klik &lt;strong&gt;Edit HTML&lt;/strong&gt;. &lt;/li&gt;&lt;li&gt;Centang &lt;strong&gt;Expand Template Widget&lt;/strong&gt;.&amp;nbsp; &lt;/li&gt;&lt;li&gt;Letakkan kode berikut ini tepat diatas kode &amp;lt;/head&amp;gt;&amp;nbsp; &lt;/li&gt;&lt;/ol&gt;&lt;blockquote&gt;&amp;lt;script type=&#39;text/javascript&#39;&amp;gt; var thumbnail_mode = &amp;amp;quot;no-float&amp;amp;quot; ; summary_noimg = 450; summary_img = 360; img_thumb_height = 120; img_thumb_width = 150; &amp;lt;/script&amp;gt;&lt;br /&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;script type=&#39;text/javascript&#39;&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; //&amp;lt;![CDATA[&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; /******************************************&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; Auto-readmore link script, version 2.0 (for blogspot)&lt;br /&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; (C)2008 by Anhvo&lt;br /&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; visit http://en.vietwebguide.com to get more cool hacks&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; ********************************************/&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; function removeHtmlTag(strx,chop){&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; if(strx.indexOf(&quot;&amp;lt;&quot;)!=-1)&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; var s = strx.split(&quot;&amp;lt;&quot;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; for(var i=0;i&amp;lt;s.length;i++){&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; if(s[i].indexOf(&quot;&amp;gt;&quot;)!=-1){&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; s[i] = s[i].substring(s[i].indexOf(&quot;&amp;gt;&quot;)+1,s[i].length);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; strx = s.join(&quot;&quot;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; chop = (chop &amp;lt; strx.length-1) ? chop : strx.length-2;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; while(strx.charAt(chop-1)!=&#39; &#39; &amp;amp;&amp;amp; strx.indexOf(&#39; &#39;,chop)!=-1) chop++;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; strx = strx.substring(0,chop-1);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; return strx+&#39;...&#39;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; function createSummaryAndThumb(pID){&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; var div = document.getElementById(pID);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; var imgtag = &quot;&quot;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; var img = div.getElementsByTagName(&quot;img&quot;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; var summ = summary_noimg;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; if(img.length&amp;gt;=1) {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; imgtag = &#39;&amp;lt;span style=&quot;float:left; padding:0px 10px 5px 0px;&quot;&amp;gt;&amp;lt;img src=&quot;&#39;+img[0].src+&#39;&quot; width=&quot;&#39;+img_thumb_width+&#39;px&quot; height=&quot;&#39;+img_thumb_height+&#39;px&quot;/&amp;gt;&amp;lt;/span&amp;gt;&#39;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; summ = summary_img;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; var summary = imgtag + &#39;&amp;lt;div&amp;gt;&#39; + removeHtmlTag(div.innerHTML,summ) + &#39;&amp;lt;/div&amp;gt;&#39;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; div.innerHTML = summary;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; //]]&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/script&amp;gt;&lt;/blockquote&gt;&lt;br /&gt;Untuk yang sudah pernah menggunakan &lt;a href=&quot;http://miscah.blogspot.com/2009/04/trik-membuat-read-more.html&quot; target=&quot;_blank&quot;&gt;read more versi lama&lt;/a&gt;  (manual), sebaiknya sobat kembalikan dulu kodenya seperti semula. Hapus  kode yang saya tandai dengan warna biru di bawah ini, sesuaikan dengan  template sobat, karena setiap template berbeda - beda :&lt;br /&gt;&lt;br /&gt;&lt;blockquote&gt;&amp;lt;div class=&#39;post-header-line-1&#39;/&amp;gt;&lt;br /&gt;&amp;lt;div class=&#39;post-body&#39;&amp;gt;&lt;br /&gt;&amp;lt;b:if cond=&#39;data:blog.pageType == &quot;item&quot;&#39;&amp;gt;&lt;br /&gt;&amp;lt;style&amp;gt;.fullpost{display:inline;}&amp;lt;/style&amp;gt;&lt;br /&gt;&amp;lt;p&amp;gt;&amp;lt;data:post.body/&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;&amp;lt;b:else/&amp;gt;&lt;br /&gt;&amp;lt;style&amp;gt;.fullpost{display:none;}&amp;lt;/style&amp;gt;&lt;br /&gt;&amp;lt;p&amp;gt;&amp;lt;data:post.body/&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;&amp;lt;a expr:href=&#39;data:post.url&#39;&amp;gt;Readmore&amp;lt;/a&amp;gt;&lt;br /&gt;&amp;lt;/b:if&amp;gt;&lt;br /&gt;&amp;lt;div style=&#39;clear: both;&#39;/&amp;gt; &lt;/blockquote&gt;&lt;span class=&quot;fullpost&quot;&gt;sehingga sekarang hanya ada satu &amp;lt;data:post.body/&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;&lt;span class=&quot;fullpost&quot;&gt;Kemudian hapus kode : &lt;strong&gt;&lt;/strong&gt;&lt;/span&gt;&lt;span class=&quot;fullpost&quot;&gt; &amp;lt;data:post.body/&amp;gt;&amp;nbsp; atau&amp;nbsp; &amp;lt;p&amp;gt;&amp;lt;data:post.body/&amp;gt;&amp;lt;/p&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span class=&quot;fullpost&quot;&gt;Ganti kode tersebut dengan kode berikut ini :&amp;nbsp;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;blockquote&gt;&lt;span class=&quot;fullpost&quot;&gt;&amp;lt;b:if cond=&#39;data:blog.pageType != &quot;item&quot;&#39;&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span class=&quot;fullpost&quot;&gt;&amp;lt;div expr:id=&#39;&quot;summary&quot; + data:post.id&#39;&amp;gt;&amp;lt;data:post.body/&amp;gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span class=&quot;fullpost&quot;&gt;&amp;lt;script type=&#39;text/javascript&#39;&amp;gt;createSummaryAndThumb(&quot;summary&amp;lt;data:post.id/&amp;gt;&quot;);&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span class=&quot;fullpost&quot;&gt;&amp;lt;span class=&#39;rmlink&#39; style=&#39;float:left&#39;&amp;gt;&amp;lt;a expr:href=&#39;data:post.url&#39;&amp;gt;Read More … &amp;lt;data:post.title/&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/span&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span class=&quot;fullpost&quot;&gt;&amp;lt;/b:if&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span class=&quot;fullpost&quot;&gt;&amp;lt;b:if cond=&#39;data:blog.pageType == &amp;amp;quot;item&amp;amp;quot;&#39;&amp;gt;&amp;lt;data:post.body/&amp;gt;&amp;lt;/b:if&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;fullpost&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/blockquote&gt;&lt;br /&gt;&lt;span class=&quot;fullpost&quot;&gt;Kemudian &lt;strong&gt;Simpan Template&lt;/strong&gt;.&lt;/span&gt; &lt;br /&gt;&lt;br /&gt;&lt;span class=&quot;fullpost&quot;&gt;&lt;/span&gt;*jangan lupa tinggalkan komentarnya ya...&lt;div class=&quot;blogger-post-footer&quot;&gt;My Feed&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5840195662625752054/posts/default/2776523307600198165'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5840195662625752054/posts/default/2776523307600198165'/><link rel='alternate' type='text/html' href='http://inspirasi00.blogspot.com/2011/01/cara-buat-readmore-otomatis.html' title='Cara Buat READMORE otomatis'/><author><name>Iffan Komarudin</name><uri>http://www.blogger.com/profile/10893661383991032313</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='21' height='32' src='http://4.bp.blogspot.com/-bqxy6JZ2FfY/Tsv-rQ-1Q5I/AAAAAAAAAp4/-E_ey8JSY40/s220/iffan%2Bkomarudin.JPG'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://4.bp.blogspot.com/__2Qfv3NDV-o/TUPq1QQHUQI/AAAAAAAAAms/BErAMj85dQk/s72-c/preview.png" height="72" width="72"/></entry><entry><id>tag:blogger.com,1999:blog-5840195662625752054.post-9149360092516500949</id><published>2010-12-31T17:27:00.001+07:00</published><updated>2011-11-23T01:49:00.151+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Tips and Trick Blogger"/><title type='text'>Horizontal Menu and Navigation Bar</title><content type='html'>Many web designs use horizontal menu bar and navigation lists which  allow users to easily access the pertinent information in their website.  While Blogger makes it simple for you to create a link list through  their “Add a Page Element” function, the list is displayed vertically.  We shall discuss how you can change that into a horizontal link list,  and more specifically, use that as a navigation bar in your Header. We  have also included some examples of how you can make the links dynamic  by changing the colors, hover and background effects and customizing  them to suit your Blog layout.&lt;br /&gt;&lt;br /&gt;Before we proceed, it might be helpful for you to understand something about &lt;a href=&quot;http://tips-for-new-bloggers.blogspot.com/2007/07/numbered-list-and-bulleted-list.html&quot; target=&quot;_blank&quot;&gt;Numbered List and Bulleted List&lt;/a&gt; and the various attributes that can apply to the code.&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;color: #339999; font-weight: bold;&quot;&gt;Horizontal Link Lists&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;color: #666600; font-weight: bold;&quot;&gt;1. Apply to all link lists and label lists&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;If  you want all the link lists and label lists in your sidebar to be  displayed horizontally, go to Template -&amp;gt; Edit HTML and scroll to  where you see this and insert the code (shown in &lt;span style=&quot;color: red; font-weight: bold;&quot;&gt;red&lt;/span&gt;):-&lt;br /&gt;&lt;br /&gt;&lt;table border=&quot;1&quot; cellpadding=&quot;2&quot; style=&quot;width: 344px;&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;th scope=&quot;col&quot; width=&quot;332&quot;&gt;&lt;div align=&quot;left&quot;&gt;.sidebar ul {&lt;br /&gt;&lt;span style=&quot;color: red;&quot;&gt;display:inline;&lt;/span&gt;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;.sidebar li{&lt;br /&gt;&lt;span style=&quot;color: red;&quot;&gt;display:inline;&lt;/span&gt;&lt;br /&gt;}&lt;/div&gt;&lt;/th&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;In some templates, you may insert the code here:-&lt;br /&gt;&lt;br /&gt;&lt;table border=&quot;1&quot; cellpadding=&quot;2&quot; style=&quot;width: 344px;&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;th scope=&quot;col&quot; width=&quot;332&quot;&gt;&lt;div align=&quot;left&quot;&gt;.sidebar ul li {&lt;br /&gt;&lt;span style=&quot;color: red;&quot;&gt;display:inline;&lt;/span&gt;&lt;br /&gt;}&lt;/div&gt;&lt;/th&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;Preview the template. This is what you would see.&lt;br /&gt;&lt;br /&gt;&lt;a href=&quot;http://1.bp.blogspot.com/_RfsQkzyp4tY/Rrxg7GtCsAI/AAAAAAAAAo4/TXONPWzd7EM/s1600-h/horizontal+001.jpg&quot;&gt;&lt;img alt=&quot;Horizontal Menu Navigation Bar&quot; border=&quot;0&quot; id=&quot;BLOGGER_PHOTO_ID_5097055446804639746&quot; src=&quot;http://1.bp.blogspot.com/_RfsQkzyp4tY/Rrxg7GtCsAI/AAAAAAAAAo4/TXONPWzd7EM/s400/horizontal+001.jpg&quot; style=&quot;cursor: pointer;&quot; /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;color: #666600; font-weight: bold;&quot;&gt;2. Apply to one specific list&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Instead  of having a style that applies to all the lists, you may want to have  only one of the link lists appear horizontally. First, you need to  create that list by going to Template -&amp;gt; Page Elements -&amp;gt; Add a  Page Element. Choose “Link List”, add your items and save.&lt;br /&gt;&lt;br /&gt;Now is  the tricky part. You would have to locate that particular segment of  the code where this list appears and find out the widget ID for that  list.&lt;br /&gt;&lt;br /&gt;For discussion purposes, let us assume that we want the  link list titled “My Blogs” in our left sidebar to be displayed  horizontally. We go to Template -&amp;gt; Edit HTML, and check the box that  says “Expand Widget Templates.”&lt;br /&gt;&lt;br /&gt;Next, we searched (Ctrl-F) for “My Blogs” and found this section:-&lt;br /&gt;&lt;br /&gt;&lt;table border=&quot;1&quot; cellpadding=&quot;2&quot; style=&quot;width: 344px;&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;th scope=&quot;col&quot; width=&quot;332&quot;&gt;&lt;div align=&quot;left&quot;&gt;&lt;b:widget id=&quot;&amp;lt;span style=&amp;quot;color: rgb(255, 0, 0);&amp;quot;&amp;gt;LinkList2&amp;lt;/span&amp;gt;&quot; locked=&quot;false&quot; title=&quot;My Blogs&quot; type=&quot;LinkList&quot;&gt;&lt;br /&gt;&lt;/b:widget&gt;&lt;/div&gt;&lt;/th&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;From  here, we know that this link list has been assigned an ID LinkList2. To  define a style, we went to the /* Sidebar Content */ portion of our  template and included this code (&lt;span style=&quot;font-style: italic; font-weight: bold;&quot;&gt;Note&lt;/span&gt;: the code can be inserted into any part of the  section but for ease of reference we have inserted it here):-&lt;br /&gt;&lt;br /&gt;&lt;table border=&quot;1&quot; cellpadding=&quot;2&quot; style=&quot;width: 344px;&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;th scope=&quot;col&quot; width=&quot;332&quot;&gt;&lt;div align=&quot;left&quot;&gt;/* Sidebar Content */&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;color: red;&quot;&gt;#LinkList2 li{&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;color: red;&quot;&gt;display:inline;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;color: red;&quot;&gt;}&lt;/span&gt;&lt;/div&gt;&lt;/th&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;This is what we got:-&lt;br /&gt;&lt;br /&gt;&lt;a href=&quot;http://2.bp.blogspot.com/_RfsQkzyp4tY/Rrxg7WtCsBI/AAAAAAAAApA/wksn2fbMh_E/s1600-h/horizontal+002.jpg&quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; id=&quot;BLOGGER_PHOTO_ID_5097055451099607058&quot; src=&quot;http://2.bp.blogspot.com/_RfsQkzyp4tY/Rrxg7WtCsBI/AAAAAAAAApA/wksn2fbMh_E/s400/horizontal+002.jpg&quot; style=&quot;cursor: pointer;&quot; /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Only  this list is displayed horizontally. The other lists are not affected.  If you want this style for the labels, do the same. Locate the widget ID  which is likely to be id=&#39;Label1&#39; or id=&#39;Label2&#39; and then insert the  code:-&lt;br /&gt;&lt;br /&gt;&lt;table border=&quot;1&quot; cellpadding=&quot;2&quot; style=&quot;width: 344px;&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;th scope=&quot;col&quot; width=&quot;332&quot;&gt;&lt;div align=&quot;left&quot;&gt;/* Sidebar Content */&lt;br /&gt;&lt;br /&gt;#Label1 li{&lt;br /&gt;display:inline;&lt;br /&gt;}&lt;/div&gt;&lt;/th&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;color: #339999; font-weight: bold;&quot;&gt;Text Link Menu Navigation Bars&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;With  this basic understanding of how the “display:inline” code works, let us  now combine this with hover and link effects to customize our very own  horizontal navigation bar. Again, if you are truly keen to do something  unique for your Blog, peruse the discussion in &lt;a href=&quot;http://tips-for-new-bloggers.blogspot.com/2007/05/links-hover-and-rollover-effects.html&quot; target=&quot;_blank&quot;&gt;Links Hover and Rollover Effects&lt;/a&gt; to understand the different styles that can be used to make the links more dynamic.&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;color: #666600; font-weight: bold;&quot;&gt;1. Simple Navigation Bar&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;We  want a row of text links pointing users to certain important parts of  the Blog. The links blend into the Header and will look like this:-&lt;br /&gt;&lt;br /&gt;&lt;a href=&quot;http://2.bp.blogspot.com/_RfsQkzyp4tY/Rrxg7WtCsCI/AAAAAAAAApI/1Yxy3XA67R4/s1600-h/horizontal+003.jpg&quot;&gt;&lt;img alt=&quot;Horizontal Menu Navigation Bar&quot; border=&quot;0&quot; id=&quot;BLOGGER_PHOTO_ID_5097055451099607074&quot; src=&quot;http://2.bp.blogspot.com/_RfsQkzyp4tY/Rrxg7WtCsCI/AAAAAAAAApI/1Yxy3XA67R4/s400/horizontal+003.jpg&quot; style=&quot;cursor: pointer;&quot; /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;In Template -&amp;gt;Edit HTML, insert this style definition under /* Header */:-&lt;br /&gt;&lt;br /&gt;&lt;table border=&quot;1&quot; cellpadding=&quot;2&quot; style=&quot;width: 344px;&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;th scope=&quot;col&quot; width=&quot;332&quot;&gt;&lt;div align=&quot;left&quot;&gt;/* Header */&lt;br /&gt;&lt;br /&gt;#newnavbar ul li{&lt;br /&gt;font-size:100%;&lt;br /&gt;list-style-type: none;&lt;br /&gt;display:inline;&lt;br /&gt;padding:0px;&lt;br /&gt;margin:10px;&lt;br /&gt;border:0px solid;&lt;br /&gt;}&lt;/div&gt;&lt;/th&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;Other  than the display:inline style, the other variables can be changed. You  can have a larger or smaller font. The margin and padding set the space  in between the words and can be changed. If you want a border around the  word, set the border value to at least 1px.&lt;br /&gt;&lt;br /&gt;Scroll further down the template and check if you see this:-&lt;br /&gt;&lt;br /&gt;&lt;table border=&quot;1&quot; cellpadding=&quot;2&quot; style=&quot;width: 344px;&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;th scope=&quot;col&quot; width=&quot;332&quot;&gt;&lt;div align=&quot;left&quot;&gt;&lt;div id=&quot;header-wrapper&quot;&gt;&lt;br /&gt;&lt;b:section class=&quot;header&quot; id=&quot;header&quot; maxwidgets=&quot;&amp;lt;span style=&amp;quot;color: rgb(255, 0, 0);&amp;quot;&amp;gt;3&amp;lt;/span&amp;gt;&quot; showaddelement=&quot;&amp;lt;span style=&amp;quot;color: rgb(255, 0, 0);&amp;quot;&amp;gt;yes&amp;lt;/span&amp;gt;&quot;&gt;&lt;br /&gt;&lt;/b:section&gt;&lt;/div&gt;&lt;/div&gt;&lt;/th&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;If the number of maxwidgets is set to “1”, change it to “3”. If the showaddelement is “no”, change it to “yes”.&lt;br /&gt;&lt;br /&gt;Save  the template. We shall now create the list. Go to Template -&amp;gt; Page  Elements -&amp;gt; Add a Page Element and choose to add HTML/JavaScript in  your Header. The link list code you can add is as follows:-&lt;br /&gt;&lt;br /&gt;&lt;table border=&quot;1&quot; cellpadding=&quot;2&quot; style=&quot;width: 344px;&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;th scope=&quot;col&quot; width=&quot;332&quot;&gt;&lt;div align=&quot;left&quot;&gt;&lt;div id=&quot;newnavbar&quot;&gt;&lt;br /&gt;&lt;ul&gt;&lt;li&gt;&lt;a 255);=&quot;&quot; 51,=&quot;&quot; color:=&quot;&quot; href=&quot;http://www.blogger.com/%3Cspan%20style=&quot; rgb(51,=&quot;&quot;&gt;URL of Home page&quot;&amp;gt;Home&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a 255);=&quot;&quot; 51,=&quot;&quot; color:=&quot;&quot; href=&quot;http://www.blogger.com/%3Cspan%20style=&quot; rgb(51,=&quot;&quot;&gt;URL of Music page&quot;&amp;gt;Music&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a 255);=&quot;&quot; 51,=&quot;&quot; color:=&quot;&quot; href=&quot;http://www.blogger.com/%3Cspan%20style=&quot; rgb(51,=&quot;&quot;&gt;URL of Books page&quot;&amp;gt;Books&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a 255);=&quot;&quot; 51,=&quot;&quot; color:=&quot;&quot; href=&quot;http://www.blogger.com/%3Cspan%20style=&quot; rgb(51,=&quot;&quot;&gt;URL of Links page&quot;&amp;gt;Hot Links&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a 255);=&quot;&quot; 51,=&quot;&quot; color:=&quot;&quot; href=&quot;http://www.blogger.com/%3Cspan%20style=&quot; rgb(51,=&quot;&quot;&gt;URL of Profile page&quot;&amp;gt;About Me&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a 153);=&quot;&quot; 51,=&quot;&quot; color:=&quot;&quot; href=&quot;mailto:%3Cspan%20style=&quot; rgb(153,=&quot;&quot;&gt;EMAIL ADDRESS&quot;&amp;gt;Contact&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;/div&gt;&lt;/th&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;Insert  the relevant words and URL links into the above example. If you want to  link to a label, click the label in your sidebar to obtain the URL for  insertion into the code (shown in &lt;span style=&quot;color: #3333ff; font-weight: bold;&quot;&gt;blue&lt;/span&gt;). The URL should look like this:-&lt;br /&gt;&lt;br /&gt;&lt;table border=&quot;1&quot; cellpadding=&quot;2&quot; style=&quot;width: 344px;&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;th scope=&quot;col&quot; width=&quot;332&quot;&gt;&lt;div align=&quot;left&quot;&gt;&lt;span style=&quot;font-size: 85%;&quot;&gt;&lt;br /&gt;&lt;li&gt;&lt;a 0);=&quot;&quot; 0,=&quot;&quot; 85%;=&quot;&quot; color:=&quot;&quot; font-size:=&quot;&quot; href=&quot;http://tips-for-new-bloggers.blogspot.com/%3C/span%3E%3Cspan%20style=&quot; rgb(255,=&quot;&quot;&gt;search/label&lt;/a&gt;&lt;/li&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;font-size: 85%;&quot;&gt;&lt;a 0);=&quot;&quot; 0,=&quot;&quot; 85%;=&quot;&quot; color:=&quot;&quot; font-size:=&quot;&quot; href=&quot;http://tips-for-new-bloggers.blogspot.com/%3C/span%3E%3Cspan%20style=&quot; rgb(255,=&quot;&quot;&gt;/Three%20Columns&quot;&amp;gt;Three Column Templates&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/th&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;This  link widget can be moved about. Try placing it below the Header and  then above the Blog posts to see the difference in the layout. Preview  the template and save it if you like the new horizontal navigation bar  position.&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;color: #666600; font-weight: bold;&quot;&gt;2. Adding Link and Hover Effects&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;We  have now a simple horizontal navigation list. Let us make it visually  attractive and distinguish these links from the other links in your  Blog. This is done by introducing the hover and rollover effects. For  example, in addition to the above code we added into the template, we  can have these as well:-&lt;br /&gt;&lt;br /&gt;&lt;table border=&quot;1&quot; cellpadding=&quot;2&quot; style=&quot;width: 344px;&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;th scope=&quot;col&quot; width=&quot;332&quot;&gt;&lt;div align=&quot;left&quot;&gt;/* Header */&lt;br /&gt;&lt;br /&gt;#newnavbar ul li{&lt;br /&gt;font-size:100%;&lt;br /&gt;list-style-type: none;&lt;br /&gt;display:inline;&lt;br /&gt;padding:0px;&lt;br /&gt;margin:10px;&lt;br /&gt;border:0px solid;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;#newnavbar li &lt;span style=&quot;color: #009900;&quot;&gt;a&lt;/span&gt;{&lt;br /&gt;color:#dfffed;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;#newnavbar li a:&lt;span style=&quot;color: #993399;&quot;&gt;visited&lt;/span&gt; {&lt;br /&gt;color: #57E964;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;#newnavbar li a:&lt;span style=&quot;color: #990000;&quot;&gt;hover&lt;/span&gt; {&lt;br /&gt;color: #F88017;&lt;br /&gt;background: #ffff66;&lt;br /&gt;}&lt;/div&gt;&lt;/th&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;In this example, the &lt;span style=&quot;color: #009900; font-weight: bold;&quot;&gt;links&lt;/span&gt; are light green in color, &lt;span style=&quot;color: #993399; font-weight: bold;&quot;&gt;visited&lt;/span&gt; links turn into bright green and when you &lt;span style=&quot;color: #990000; font-weight: bold;&quot;&gt;hover&lt;/span&gt;  your mouse over the link, the text is orange with a yellow background.  Try changing to different set of color combination by inserting the  appropriate &lt;a href=&quot;http://tips-for-new-bloggers.blogspot.com/2007/02/hexadecimal-html-color-codes-and-names.html&quot; target=&quot;_blank&quot;&gt;color codes&lt;/a&gt;.&lt;br /&gt;&lt;br /&gt;The resulting navigation bar will be this:-&lt;br /&gt;&lt;br /&gt;&lt;a href=&quot;http://3.bp.blogspot.com/_RfsQkzyp4tY/Rrxg7mtCsDI/AAAAAAAAApQ/IGGcs4LkDPc/s1600-h/horizontal+004.jpg&quot;&gt;&lt;img alt=&quot;Horizontal Menu Navigation Bar&quot; border=&quot;0&quot; id=&quot;BLOGGER_PHOTO_ID_5097055455394574386&quot; src=&quot;http://3.bp.blogspot.com/_RfsQkzyp4tY/Rrxg7mtCsDI/AAAAAAAAApQ/IGGcs4LkDPc/s400/horizontal+004.jpg&quot; style=&quot;cursor: pointer;&quot; /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;color: #666600; font-weight: bold;&quot;&gt;3. Menu Bar below Header&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;As  mentioned, the horizontal Navbar can be in the Header or aligned just  above the Blog Posts. There is yet another position where you can place  it, i.e., below the Header and above the Blog posts and sidebars. In the  new Blogger templates, you should see this:-&lt;br /&gt;&lt;br /&gt;&lt;table border=&quot;1&quot; cellpadding=&quot;2&quot; style=&quot;width: 344px;&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;th scope=&quot;col&quot; width=&quot;332&quot;&gt;&lt;div align=&quot;left&quot;&gt;&lt;div id=&quot;crosscol-wrapper&quot; style=&quot;text-align: center;&quot;&gt;&lt;br /&gt;&lt;b:section class=&quot;crosscol&quot; id=&quot;crosscol&quot; showaddelement=&quot;&amp;lt;span style=&amp;quot;color: rgb(255, 0, 0);&amp;quot;&amp;gt;yes&amp;lt;/span&amp;gt;&quot;&gt;&lt;br /&gt;&lt;/b:section&gt;&lt;/div&gt;&lt;/div&gt;&lt;/th&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;Change  the showaddelement from “no” to “yes”. In Template -&amp;gt; Page Elements,  you should be able to see an additional slot between the Header and the  Blog posts where you can insert Page Elements.&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;color: #339999; font-weight: bold;&quot;&gt;Image Link Menu Navigation Bars&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;color: #666600; font-weight: bold;&quot;&gt;1. Simple Navigation Bar&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;If  text links are still too unexciting for you, try having image links  instead. Do up some small little images to represent the different parts  of your Blog that visitors can go to. You can search the net for free  downloadable images, create new ones, or edit and resize current ones  with image editors like &lt;a href=&quot;http://services.google.com/picasa_referrals.html?ai=BWONdquH_Rbi5J5KWsQKAl7DWAYznohWU24j8AcWNtwEAEAEgsN6-BjgBUMGy2p7______wFgv430BZgB53OYAfKGAZgBuJIGmAG7kgaYAb6SBqABsrun_QOyASJ0aXBzLWZvci1uZXctYmxvZ2dlcnMuYmxvZ3Nwb3QuY29tyAEC2gFZaHR0cDovL3RpcHMtZm9yLW5ldy1ibG9nZ2Vycy5ibG9nc3BvdC5jb20vMjAwNy8wMy9hZGQtcGljdHVyZS1iYW5uZXItbGluay10by1ibG9nZ2VyLmh0bWzgAQKAAgGoAwM&amp;amp;gclid=CJ_33Oa_g4sCFRCObgodmnnTKQ&quot; target=&quot;_blank&quot;&gt;Picasa&lt;/a&gt;. Once you have these images, host them on a &lt;a href=&quot;http://tips-for-new-bloggers.blogspot.com/2007/08/manage-blogger-image-storage-space.html&quot; target=&quot;_blank&quot;&gt;free image server&lt;/a&gt; and take note of the image URLs.&lt;br /&gt;&lt;br /&gt;The modification to the template is similar to that of text links. In Template -&amp;gt;Edit HTML, insert this style definition:-&lt;br /&gt;&lt;br /&gt;&lt;table border=&quot;1&quot; cellpadding=&quot;2&quot; style=&quot;width: 344px;&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;th scope=&quot;col&quot; width=&quot;332&quot;&gt;&lt;div align=&quot;left&quot;&gt;/* Header */&lt;br /&gt;&lt;br /&gt;#newnavbar ul li{&lt;br /&gt;list-style-type: none;&lt;br /&gt;display:inline;&lt;br /&gt;margin:0px;&lt;br /&gt;padding:30px;&lt;br /&gt;border:0px solid;&lt;br /&gt;}&lt;/div&gt;&lt;/th&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;The space in between the pictures (padding) may be changed depending on the number of images and the size of each image.&lt;br /&gt;&lt;br /&gt;To  add the horizontal row of navigation image links, go to Template -&amp;gt;  Page Elements -&amp;gt; Add a Page Element and choose to add HTML/JavaScript  in your Header. The image link list code you can add is as follows:-&lt;br /&gt;&lt;br /&gt;&lt;table border=&quot;1&quot; cellpadding=&quot;2&quot; style=&quot;width: 344px;&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;th scope=&quot;col&quot; width=&quot;332&quot;&gt;&lt;div align=&quot;left&quot;&gt;&lt;div id=&quot;newnavbar&quot;&gt;&lt;br /&gt;&lt;ul&gt;&lt;li&gt;&lt;a 255);=&quot;&quot; 51,=&quot;&quot; color:=&quot;&quot; href=&quot;http://www.blogger.com/%3Cspan%20style=&quot; rgb(51,=&quot;&quot;&gt;URL of Home page&quot;&amp;gt;&lt;img 0);=&quot;&quot; 0,=&quot;&quot; color:=&quot;&quot; rgb(255,=&quot;&quot; src=&quot;%3Cspan%20style=&quot; /&gt;URL of Home image&quot;&amp;gt;&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a 255);=&quot;&quot; 51,=&quot;&quot; color:=&quot;&quot; href=&quot;http://www.blogger.com/%3Cspan%20style=&quot; rgb(51,=&quot;&quot;&gt;URL of Music page&quot;&amp;gt;&lt;img 0);=&quot;&quot; 0,=&quot;&quot; color:=&quot;&quot; rgb(255,=&quot;&quot; src=&quot;%3Cspan%20style=&quot; /&gt;URL of Music image&quot;&amp;gt;&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a 255);=&quot;&quot; 51,=&quot;&quot; color:=&quot;&quot; href=&quot;http://www.blogger.com/%3Cspan%20style=&quot; rgb(51,=&quot;&quot;&gt;URL of Books page&quot;&amp;gt;&lt;img 0);=&quot;&quot; 0,=&quot;&quot; color:=&quot;&quot; rgb(255,=&quot;&quot; src=&quot;%3Cspan%20style=&quot; /&gt;URL of Books image&quot;&amp;gt;&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a 255);=&quot;&quot; 51,=&quot;&quot; color:=&quot;&quot; href=&quot;http://www.blogger.com/%3Cspan%20style=&quot; rgb(51,=&quot;&quot;&gt;URL of Links page&quot;&amp;gt;&lt;img 0);=&quot;&quot; 0,=&quot;&quot; color:=&quot;&quot; rgb(255,=&quot;&quot; src=&quot;%3Cspan%20style=&quot; /&gt;URL of Links image&quot;&amp;gt;&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a 255);=&quot;&quot; 51,=&quot;&quot; color:=&quot;&quot; href=&quot;http://www.blogger.com/%3Cspan%20style=&quot; rgb(51,=&quot;&quot;&gt;URL of Profile page&quot;&amp;gt;&lt;img 0);=&quot;&quot; 0,=&quot;&quot; color:=&quot;&quot; rgb(255,=&quot;&quot; src=&quot;%3Cspan%20style=&quot; /&gt;URL of Profile image&quot;&amp;gt;&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a 153);=&quot;&quot; 51,=&quot;&quot; color:=&quot;&quot; href=&quot;mailto:%3Cspan%20style=&quot; rgb(153,=&quot;&quot;&gt;EMAIL ADDRESS&quot;&amp;gt;&lt;img 0);=&quot;&quot; 0,=&quot;&quot; color:=&quot;&quot; rgb(255,=&quot;&quot; src=&quot;%3Cspan%20style=&quot; /&gt;URL of Email image&quot;&amp;gt;&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;/div&gt;&lt;/th&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;The portions of the code in &lt;span style=&quot;color: #3333ff; font-weight: bold;&quot;&gt;blue&lt;/span&gt; are the addresses where you want the users to be directed to. The parts in &lt;span style=&quot;color: red; font-weight: bold;&quot;&gt;red&lt;/span&gt; are where your images are hosted on an image server.&lt;br /&gt;&lt;br /&gt;This is how the neat horizontal picture navigation bar can look:-&lt;br /&gt;&lt;br /&gt;&lt;a href=&quot;http://3.bp.blogspot.com/_RfsQkzyp4tY/Rrxg7mtCsEI/AAAAAAAAApY/J-Gyg9BPiP0/s1600-h/horizontal+005.jpg&quot;&gt;&lt;img alt=&quot;Horizontal Menu Navigation Bar&quot; border=&quot;0&quot; id=&quot;BLOGGER_PHOTO_ID_5097055455394574402&quot; src=&quot;http://3.bp.blogspot.com/_RfsQkzyp4tY/Rrxg7mtCsEI/AAAAAAAAApY/J-Gyg9BPiP0/s400/horizontal+005.jpg&quot; style=&quot;cursor: pointer;&quot; /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;color: #666600; font-weight: bold;&quot;&gt;2. Adding Link and Hover Effects&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;We  can throw in some effects into the picture links. Just to give you an  example, we added this hover links code in addition to the above:-&lt;br /&gt;&lt;br /&gt;&lt;table border=&quot;1&quot; cellpadding=&quot;2&quot; style=&quot;width: 344px;&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;th scope=&quot;col&quot; width=&quot;332&quot;&gt;&lt;div align=&quot;left&quot;&gt;/* Header */&lt;br /&gt;&lt;br /&gt;#newnavbar ul li{&lt;br /&gt;list-style-type: none;&lt;br /&gt;display:inline;&lt;br /&gt;margin:0px;&lt;br /&gt;padding:30px;&lt;br /&gt;border:0px solid;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;#newnavbar li &lt;span style=&quot;color: #009900;&quot;&gt;a&lt;/span&gt; img{&lt;br /&gt;height:30px;&lt;br /&gt;width:30px;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;#newnavbar li a:&lt;span style=&quot;color: #990000;&quot;&gt;hover&lt;/span&gt; img{&lt;br /&gt;height:40px;&lt;br /&gt;width:40px;&lt;br /&gt;background: #ffff66;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;#newnavbar li a:&lt;span style=&quot;color: #993399;&quot;&gt;visited&lt;/span&gt; img{&lt;br /&gt;height:40px;&lt;br /&gt;width:40px;&lt;br /&gt;background: #6D7B8D;&lt;br /&gt;}&lt;/div&gt;&lt;/th&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;What we had done was to fix the navigation bar image &lt;span style=&quot;color: #009900; font-weight: bold;&quot;&gt;link&lt;/span&gt; size at 30px by 30px. There is no border around the image. When the mouse cursor &lt;span style=&quot;color: #990000; font-weight: bold;&quot;&gt;hovers&lt;/span&gt; over the image link, the image is enlarged to 40px by 40px with a yellow background. Any &lt;span style=&quot;color: #993399; font-weight: bold;&quot;&gt;visited&lt;/span&gt; links will have a grey background behind the image.&lt;br /&gt;&lt;br /&gt;&lt;a href=&quot;http://4.bp.blogspot.com/_RfsQkzyp4tY/RrxhD2tCsFI/AAAAAAAAApg/_2FYXNq9TOc/s1600-h/horizontal+006.jpg&quot;&gt;&lt;img alt=&quot;Horizontal Menu Navigation Bar&quot; border=&quot;0&quot; id=&quot;BLOGGER_PHOTO_ID_5097055597128495186&quot; src=&quot;http://4.bp.blogspot.com/_RfsQkzyp4tY/RrxhD2tCsFI/AAAAAAAAApg/_2FYXNq9TOc/s400/horizontal+006.jpg&quot; style=&quot;cursor: pointer;&quot; /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;While  this looks interesting to have, do note that any change in image size  also affects the surrounding text alignment. You can reverse it. Change  the hover and image sizes to smaller values so that the images &#39;shrink&#39;  when the mouse hovers over them.&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;color: #ff6600; font-weight: bold;&quot;&gt;Update:&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;color: #339999; font-weight: bold;&quot;&gt;Navigation Bar within Header Image&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;A  number of us have uploaded background images into the Blogger Header.   After adding a Text Link or Image Link menu bar, you may notice that it  is positioned either on top or below the Header image.  You may have  designed the image with a space reserved for the Navbar, either at the  top, bottom or to the side.  To adjust the position of the Navigation  Bar and have it within the Header Image, refer to our article &lt;a href=&quot;http://tricks-for-new-bloggers.blogspot.com/2007/09/add-navigation-bar-in-header-image.html&quot;&gt;Add Navigation Bar in Header Image&lt;/a&gt;.&lt;br /&gt;&lt;br /&gt;There  are numerous dynamic styles that you can try. If you have followed our  guides, you would at the least have an idea how you can tailor-make  yours. This is an introductory article. We may follow up with another  one on multi-level tabs.&lt;br /&gt;&lt;br /&gt;In designing your layout, avoid having  too many gimmicks. Stick to one or two nice hover effects and if you&#39;d  like, change the color scheme every few months so as not to bore your  regular readers. Go ahead, try it and have fun creating your own  Navigation bar!&lt;div class=&quot;blogger-post-footer&quot;&gt;My Feed&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5840195662625752054/posts/default/9149360092516500949'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5840195662625752054/posts/default/9149360092516500949'/><link rel='alternate' type='text/html' href='http://inspirasi00.blogspot.com/2010/12/horizontal-menu-and-navigation-bar.html' title='Horizontal Menu and Navigation Bar'/><author><name>Iffan Komarudin</name><uri>http://www.blogger.com/profile/10893661383991032313</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='21' height='32' src='http://4.bp.blogspot.com/-bqxy6JZ2FfY/Tsv-rQ-1Q5I/AAAAAAAAAp4/-E_ey8JSY40/s220/iffan%2Bkomarudin.JPG'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://1.bp.blogspot.com/_RfsQkzyp4tY/Rrxg7GtCsAI/AAAAAAAAAo4/TXONPWzd7EM/s72-c/horizontal+001.jpg" height="72" width="72"/></entry><entry><id>tag:blogger.com,1999:blog-5840195662625752054.post-7931394330176747134</id><published>2010-12-31T17:22:00.002+07:00</published><updated>2010-12-31T17:22:32.708+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Artikel TI"/><title type='text'>Algoritma Preemptive Shortest Job First</title><content type='html'>&lt;a href=&quot;http://teknik-informatika.com/about-faisal-akib/&quot;&gt;&lt;strong&gt;&lt;/strong&gt;&lt;/a&gt; &lt;br /&gt;&lt;blockquote&gt; &lt;table align=&quot;center&quot; border=&quot;1&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; style=&quot;width: 313px;&quot;&gt;&lt;tbody&gt;&lt;tr&gt; &lt;td valign=&quot;top&quot; width=&quot;105&quot;&gt;&lt;strong&gt;Nama Proses&lt;/strong&gt;&lt;/td&gt; &lt;td valign=&quot;top&quot; width=&quot;99&quot;&gt;&lt;strong&gt;Saat   Tiba&lt;/strong&gt;&lt;/td&gt; &lt;td valign=&quot;top&quot;&gt;&lt;strong&gt;Lama   Proses&lt;/strong&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr&gt; &lt;td align=&quot;center&quot; valign=&quot;top&quot; width=&quot;105&quot;&gt;A&lt;br /&gt;B&lt;br /&gt;C&lt;br /&gt;D&lt;br /&gt;E&lt;/td&gt; &lt;td align=&quot;center&quot; valign=&quot;top&quot; width=&quot;99&quot;&gt;0&lt;br /&gt;0&lt;br /&gt;0&lt;br /&gt;0&lt;br /&gt;0&lt;/td&gt; &lt;td align=&quot;center&quot; valign=&quot;top&quot; width=&quot;109&quot;&gt;7&lt;br /&gt;10&lt;br /&gt;2&lt;br /&gt;4&lt;br /&gt;8&lt;/td&gt; &lt;/tr&gt;&lt;/tbody&gt; &lt;/table&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;strong&gt;Gambar Kasus I – antrian lima proses dengan saat tiba = 0&lt;/strong&gt;&lt;/div&gt;&lt;table align=&quot;center&quot; border=&quot;1&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; style=&quot;width: 313px;&quot;&gt;&lt;tbody&gt;&lt;tr&gt; &lt;td valign=&quot;top&quot; width=&quot;105&quot;&gt;&lt;strong&gt;Nama Proses&lt;/strong&gt;&lt;/td&gt; &lt;td valign=&quot;top&quot; width=&quot;99&quot;&gt;&lt;strong&gt;Saat Tiba&lt;/strong&gt;&lt;/td&gt; &lt;td valign=&quot;top&quot; width=&quot;109&quot;&gt;&lt;strong&gt;Lama Proses&lt;/strong&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr&gt; &lt;td align=&quot;center&quot; valign=&quot;top&quot; width=&quot;105&quot;&gt;A&lt;br /&gt;B&lt;br /&gt;C&lt;br /&gt;D&lt;br /&gt;E&lt;/td&gt; &lt;td align=&quot;center&quot; valign=&quot;top&quot; width=&quot;99&quot;&gt;0&lt;br /&gt;1&lt;br /&gt;8&lt;br /&gt;2&lt;br /&gt;5&lt;/td&gt; &lt;td align=&quot;center&quot; valign=&quot;top&quot; width=&quot;109&quot;&gt;7&lt;br /&gt;10&lt;br /&gt;2&lt;br /&gt;4&lt;br /&gt;8&lt;/td&gt; &lt;/tr&gt;&lt;/tbody&gt; &lt;/table&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;strong&gt;Gambar Kasus II – antrian lima proses saat tiba berbeda&lt;/strong&gt;&lt;/div&gt;&lt;/blockquote&gt;Preemptive Shortest Job First (PSJF) disebut juga sebagai teknik  Proses Terpendek Dipertamakan Preempsi (PTDP).&amp;nbsp; PSJF merupakan  penjadwalan dengan prioritas dan dengan preempsi.&amp;nbsp; Prioritas didasarkan  kepada pendeknya sisa proses.&amp;nbsp; Makin pendek sisa proses makin tinggi  prioritasnya.&amp;nbsp; Selanjutnya dengan ketentuan ini, ketika tiba, proses  terpendek di bagian belakang antrian tidak saja berpindah ke bagian  depan antrian, melainkan juga melalui preempsi, mengeluarkan proses yang  pada saat itu berada di dalam proses (jika ada).&lt;br /&gt;Digunakan dua langkah untuk melihat pelaksanaan penjadwalan ini. &lt;strong&gt;&lt;em&gt;Langkah pertama&lt;/em&gt;&lt;/strong&gt;: setiap kali, perhatikan saat proses tiba atau saat proses rampung.&amp;nbsp; &lt;strong&gt;&lt;em&gt;Langkah kedua:&lt;/em&gt;&lt;/strong&gt;  hitung lama sisa proses dari semua proses yang ada pada saat itu.&amp;nbsp;  Kalau ada proses dengan sisa proses yang lebih pendek dari sisa proses  pada proses yang sedang dikerjakan, maka atas dasar preempsi, proses  yang sedang dikerjakan itu dikeluarkan dari prosesor.&amp;nbsp; Dan sebagai  gantinya, proses dengan sisa terpendek itulah yang dikerjakan oleh  prosesor.&lt;br /&gt;Di sini muncul pertanyaan.&amp;nbsp; Bagaimana jika proses yang tiba berikut  itu memiliki lama proses yang sama dengan sisa proses pada proses yang  sudah ada.&amp;nbsp; Apakah preempsi terjadi juga?&amp;nbsp; Jika lama proses atau sisa  proses adalah sama, maka perlakuan diatur berdasarkan urutan antrian  yang ada.&lt;br /&gt;Agar lebih jelas, mari melihat contoh pada kasus II kita menemukan  sekumpulan proses dengan tiba berbeda seperti tampak pada Gambar  berikut.&lt;br /&gt;&lt;table align=&quot;center&quot; border=&quot;1&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;&gt;&lt;tbody&gt;&lt;tr&gt; &lt;td valign=&quot;top&quot; width=&quot;62&quot;&gt;Nama&lt;br /&gt;Proses&lt;/td&gt; &lt;td valign=&quot;top&quot; width=&quot;69&quot;&gt;Saat&lt;br /&gt;Tiba&lt;/td&gt; &lt;td valign=&quot;top&quot; width=&quot;65&quot;&gt;Lama&lt;br /&gt;Proses&lt;/td&gt; &lt;td valign=&quot;top&quot; width=&quot;68&quot;&gt;Saat&lt;br /&gt;Mulai&lt;/td&gt; &lt;td valign=&quot;top&quot; width=&quot;77&quot;&gt;Saat&lt;br /&gt;Rampung&lt;/td&gt; &lt;td valign=&quot;top&quot; width=&quot;73&quot;&gt;Waktu&lt;br /&gt;Sia-Sia&lt;/td&gt; &lt;td valign=&quot;top&quot; width=&quot;73&quot;&gt;Lama&lt;br /&gt;Tanggap&lt;/td&gt; &lt;/tr&gt;&lt;tr&gt; &lt;td valign=&quot;top&quot; width=&quot;62&quot;&gt;A&lt;br /&gt;B&lt;br /&gt;D&lt;br /&gt;E&lt;br /&gt;C&lt;/td&gt; &lt;td valign=&quot;top&quot; width=&quot;69&quot;&gt;0&lt;br /&gt;1&lt;br /&gt;2&lt;br /&gt;5&lt;br /&gt;8&lt;/td&gt; &lt;td valign=&quot;top&quot; width=&quot;65&quot;&gt;7&lt;br /&gt;10&lt;br /&gt;4&lt;br /&gt;8&lt;br /&gt;2&lt;/td&gt; &lt;td valign=&quot;top&quot; width=&quot;68&quot;&gt;0&lt;br /&gt;21&lt;br /&gt;7&lt;br /&gt;13&lt;br /&gt;11&lt;/td&gt; &lt;td valign=&quot;top&quot; width=&quot;77&quot;&gt;7&lt;br /&gt;31&lt;br /&gt;11&lt;br /&gt;21&lt;br /&gt;13&lt;/td&gt; &lt;td valign=&quot;top&quot; width=&quot;73&quot;&gt;0&lt;br /&gt;20&lt;br /&gt;5&lt;br /&gt;8&lt;br /&gt;3&lt;/td&gt; &lt;td valign=&quot;top&quot; width=&quot;73&quot;&gt;7&lt;br /&gt;30&lt;br /&gt;9&lt;br /&gt;16&lt;br /&gt;5&lt;/td&gt; &lt;/tr&gt;&lt;tr&gt; &lt;td valign=&quot;top&quot; width=&quot;62&quot;&gt;&lt;br /&gt;&lt;/td&gt; &lt;td valign=&quot;top&quot; width=&quot;69&quot;&gt;&lt;br /&gt;&lt;/td&gt; &lt;td valign=&quot;top&quot; width=&quot;65&quot;&gt;&lt;br /&gt;&lt;/td&gt; &lt;td valign=&quot;top&quot; width=&quot;68&quot;&gt;&lt;br /&gt;&lt;/td&gt; &lt;td valign=&quot;top&quot; width=&quot;77&quot;&gt;Jumlah&lt;br /&gt;Rerata&lt;/td&gt; &lt;td valign=&quot;top&quot; width=&quot;73&quot;&gt;36&lt;br /&gt;7,2&lt;/td&gt; &lt;td valign=&quot;top&quot; width=&quot;73&quot;&gt;67&lt;br /&gt;13,4&lt;/td&gt; &lt;/tr&gt;&lt;/tbody&gt; &lt;/table&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;strong&gt;Gambar Unjuk kerja prosesor dengan algoritma PSJF untuk kasus II&lt;/strong&gt;&lt;/div&gt;&lt;div class=&quot;wp-caption aligncenter&quot; id=&quot;attachment_1168&quot; style=&quot;width: 516px;&quot;&gt;&lt;img alt=&quot;Gambar Barisan saat algoritma PSJF untuk kasus II&quot; class=&quot;size-full wp-image-1168&quot; height=&quot;46&quot; src=&quot;http://teknik-informatika.com/wp-content/uploads/2010/06/psjf.jpg&quot; title=&quot;psjf&quot; width=&quot;506&quot; /&gt;&lt;div class=&quot;wp-caption-text&quot;&gt;Gambar Barisan saat algoritma PSJF untuk kasus II&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;blogger-post-footer&quot;&gt;My Feed&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5840195662625752054/posts/default/7931394330176747134'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5840195662625752054/posts/default/7931394330176747134'/><link rel='alternate' type='text/html' href='http://inspirasi00.blogspot.com/2010/12/algoritma-preemptive-shortest-job-first.html' title='Algoritma Preemptive Shortest Job First'/><author><name>Iffan Komarudin</name><uri>http://www.blogger.com/profile/10893661383991032313</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='21' height='32' src='http://4.bp.blogspot.com/-bqxy6JZ2FfY/Tsv-rQ-1Q5I/AAAAAAAAAp4/-E_ey8JSY40/s220/iffan%2Bkomarudin.JPG'/></author></entry><entry><id>tag:blogger.com,1999:blog-5840195662625752054.post-3489977529898378589</id><published>2010-12-31T17:20:00.000+07:00</published><updated>2010-12-31T17:20:15.708+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Artikel TI"/><title type='text'>Keamanan Akses Webmail via LAN</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;http://ahsiko.student.umm.ac.id/files/2010/07/local-area-network1.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;293&quot; src=&quot;http://ahsiko.student.umm.ac.id/files/2010/07/local-area-network1.jpg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;Webmail merupakan salah satu halaman web yang paling diakses oleh  pengguna Internet. Mudah diakses, menarik dan mudah didapat dengan  gratis merupakan alasan pemilihan webmail. Dimanapun berada asalkan ada  koneksi ke Internet baik dari rumah maupun melalui warnet dapat  dilakukan akses ke webmail. Penggunakan protokol HTTP dan teknologi HTML  membuat webmail semakin menarik. Namun bagaimana sisi keamanan akses  melalui web, dalam makalah singkat ini penulis mencoba untuk melihat  aspek keamanan dari webmail yang diakses melaui LAN.&lt;br /&gt;&lt;br /&gt;Kata Kunci : Webmail, HTTP, keamanan, LAN&lt;div class=&quot;blogger-post-footer&quot;&gt;My Feed&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5840195662625752054/posts/default/3489977529898378589'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5840195662625752054/posts/default/3489977529898378589'/><link rel='alternate' type='text/html' href='http://inspirasi00.blogspot.com/2010/12/keamanan-akses-webmail-via-lan.html' title='Keamanan Akses Webmail via LAN'/><author><name>Iffan Komarudin</name><uri>http://www.blogger.com/profile/10893661383991032313</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='21' height='32' src='http://4.bp.blogspot.com/-bqxy6JZ2FfY/Tsv-rQ-1Q5I/AAAAAAAAAp4/-E_ey8JSY40/s220/iffan%2Bkomarudin.JPG'/></author></entry><entry><id>tag:blogger.com,1999:blog-5840195662625752054.post-644139136646147385</id><published>2010-12-29T03:12:00.002+07:00</published><updated>2010-12-29T03:12:25.187+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Artikel TI"/><title type='text'>20 Rahasia WindowsXP</title><content type='html'>1. Pada versi sebelumnya, Windows masih sangat malu malu untuk  menunjukan secara detail informasi dari sistem yang sedang bekerja,  namun semenjak kemunculan WindowsXP, hal ini sudah tidak berlaku lagi.  Kita dapat mengintip secara detail informasi tentang sistem yang saat  ini berjalan dengan melakukan beberapa langkah mudah yaitu, : Bukalah  [Command Prompt] pada menu [Accessories] dari tombol [Start]--&amp;gt;[All  Programs], lalu ketiklah &#39;systeminfo&#39;. Pada layar akan tersaji banyak  informasi yang berguna tentang komputer anda termasuk &#39;uptime&#39;. Jika  anda ingin menyimpan informasi tersebut, ketik &#39;systeminfo &amp;gt;  info.txt&#39;. Perintah ini akan menghasilkan file info.txt yang dapat anda  baca menggunakan Notepad. (WindowsXP Professional).&lt;br /&gt;&lt;br /&gt;2. Anda dapat  menghapus sebuah file secara langsung tanpa harus menyimpan terlebih  dahulu di [Recycle Bin]. Klik [Start], lalu klik [Run...], kemudian  ketiklah &#39;gpedit.msc&#39;. Selanjutnya pilihlah [User  Configuration]--&amp;gt;[Administrative Templates]--&amp;gt;[Windows  Components]--&amp;gt;[Windows Explorer], lalu pilih &#39;Do not move deleted  files to the Recycle Bin&#39;. Selain fungsi ini, anda bisa mengutak atik  banyak fungsi di gpedit, cuma hati hati, bila salah melangkah bisa bisa  komputer anda tidak bisa hidup lagi dengan normal. (WindowsXP  Professional).&lt;br /&gt;&lt;br /&gt;3. Anda dapat mengunci WindowsXP hanya dengan dua  klik mouse. Tidak percaya? Coba buat shortcut baru di desktop dengan  menggunakan klik kanan dari mouse. Isikan perintah &#39;rundll32.exe  user32.dll,LockWorkStation&#39; pada kolom lokasi. Beri nama shortcut itu  terserah anda. Setelah shortcut itu menampakan diri di desktop, klik 2  kali, nah komputer anda akan terkunci. Cara lain adalah dengan menekan  tombol Windows dan L pada keyboard secara bersamaan.&lt;br /&gt;&lt;br /&gt;4. Entah apa  maksudnya, WindowsXP dengan sengaja dan tanpa merasa berdosa  menyembunyikan beberapa program sistem yang sebagian mungkin tidak kita  butuhkan. Salah satu program yang sempat saya bahas disini adalah  Windows Messenger. Untuk memunculkan kembali program tersembunyi itu,  coba gunakan Notepad untuk menyunting file sysoc.inf yang ada di  direktori /windows/inf/. Kemudian carilah kata &#39;hide&#39; pada setiap baris  program, lalu hapus dengan mantap. Setelah menyimpan kembali file  tersebut, pergilah ke [Add or Remove Programs] pada [Control Panel],  pilih [Add/Remove Windows Components]. Disana akan tampak semua program  yang sebelumnya tersembunyi. Selanjutnya terserah anda, mana yang mau  dihapus dan mana yang dibiarkan saja.&lt;br /&gt;&lt;br /&gt;5. Bagi mereka yang suka  main main dengan file Batch via DOS, WindowsXP mempunyai banyak perintah  yang menarik. Perintah ini termasuk &#39;eventcreate&#39; dan &#39;eventtriggers&#39;  untuk mengamati system events. &#39;typeperf&#39; untuk memonitor performa dari  sistem, &#39;schtasks&#39; untuk menangangi sekejul. Seperti biasa, akhirilah  setiap perintah dengan /? untuk mendapatkan opsi tambahan.&lt;br /&gt;&lt;br /&gt;6.  WindowsXP sudah mendukung IP versi 6 atau IPv6 (generasi selanjutnya  dari IP). Sayangnya IPv6 ini lebih banyak diimplementasikan pada ISP,  sehingga untuk sekedar bisa mencobanya kita membutuhkan sebuah komputer  yang tersambung ke dalam suatu LAN. Ketik &#39;ipv6 install&#39; pada [Run...]  (Santai saja, proses ini tidak akan mengacaukan sistem LAN anda).  Selanjutnya, ketiklah &#39;ipv6 /?&#39; pada baris command untuk mendapatkan  opsi tambahan. Jika anda tidak ngerti tentang ini, tidak apa apa, saya  juga nggak begitu mengerti.&lt;br /&gt;&lt;br /&gt;7. Anda bisa menghentikan beberapa  task yang sedang aktif pada sistem dengan perintah di command prompt  (Saya tahu, biasanya anda menggunakan task manager, khan?). Ketiklah  &#39;taskkill /pid&#39; lalu nomor task, atau &#39;tskill&#39; diikuti nomor/nama  process. Untuk mengetahui nomor task atau nama process, ketiklah  &#39;tasklist&#39;, perintah ini juga memberikan informasi tentang kondisi  sistem anda saat itu.&lt;br /&gt;&lt;br /&gt;8. Windows XP akan menampilkan file Zip  seperti layaknya sebuah folder. Hal ini tentu akan lebih nyaman dipakai  bila spesifikasi komputer anda bagus. Namun bila komputer anda termasuk  golongan &#39;jadul&#39; alias kuno bin lambat, anda bisa mematikan fungsi ini  dengan mengetik &#39;regsvr32 /u zipfldr.dll&#39; pada command prompt. Jika anda  ingin mengembalikan ke fungsi semula ketiklah &#39;regsvr32 zipfldr.dll&#39;.&lt;br /&gt;&lt;br /&gt;9.  XP memiliki apa yang dinamakan ClearType (Sebuah teknologi  anti-aliasing font baru dari Microsoft). Sayangnya fungsi ini tidak  aktif secara default. Untuk mengaktifkan fungsi ClearType, klik kanan  pada desktop, pilih [Properties]--&amp;gt;[Appearance]--&amp;gt;[Effects], lalu  pilih ClearType pada menu drop down kedua, selanjutnya klik OK. Hasil  yang signifikan dari fitur ini terutama tampak pada layar laptop. Jika  anda menginginkan ClearType juga muncul pada saat layar login, coba  lakukan perubahan pada registry berikut [HKEY_USERS/.DEFAULT/Control  Panel/Desktop/FontSmoothingType to 2].&lt;br /&gt;&lt;br /&gt;10. Anda dapat menggunakan  [Remote Assistance] untuk membantu teman yang menggunakan NAT (Network  Address Translation) pada sebuah jaringan rumah, tetapi hal ini tidak  aktif secara otomatis. Suruh bila perlu paksa teman anda untuk  mengirimkan sebuah imel undangan Remote Assistance, dan sunting file  tersebut. Di bawah attribute RCTICKET adalah alamat IP-nya NAT, seperti  misalnya 192.168.1.10. Gantilah IP tersebut dengan IP yang saat ini anda  gunakan. Untuk membantu menentukan IP, anda bisa berkunjung kesini.  Pastikan juga teman anda untuk membuka port 3389. Selanjutnya silakan  saling tolong menolong.&lt;br /&gt;&lt;br /&gt;11. Anda dapat menjalankan suatu program  dengan pengguna atau user yang berbeda tanpa harus melakukan seremonial  logging out dan logging in. Klik kanan ikon dari program tersebut, lalu  pilih [Run As...]. Masukan user name dan password yang ingin anda  korbankan eh gunakan. Trik ini akan sangat berguna saat anda berada di  akun limited namun anda ingin mempunyai wewenang sebagai administrator  untuk menginstall suatu program. Catatan : Anda akan mendapatkan  kesenangan yang lebih saat menjalankan banyak program dengan akun yang  berbeda beda pada satu sistem, tetapi jangan lupa, tindakan ini juga  bisa menimbulkan sesuatu yang tak terduga. Ingin tahu? Coba aja.&lt;br /&gt;&lt;br /&gt;12.  Windows XP mempunyai kebiasaan buruk atau boleh dikatakan cerewet dalam  hal memaksa kita untuk melakukan auto updates, registrasi Passport,  menggunakan Windows Messenger dan lain lain. Paksaan ini muncul berupa  baloon tips di pojok kanan bawah. Untuk mengenyahkannya dari muka  Windows, coba jalankan [Regedit], lalu masuk ke  HKEY_CURRENT_USER/Software/Microsoft/Windows/Current  Version/Explorer/Advanced, buatlah DWORD value dengan nama  EnableBalloonTips dan beri nilai 0.&lt;br /&gt;&lt;br /&gt;13. Anda dapat menjalankan  Windows tanpa harus mengisi user name atau password terlebih dahulu.  Klik [Run...], ketik &#39;control userpasswords2&#39;, yang akan membuka  aplikasi akun user. Pada tab [Users], hilangkan centang pada Users Must  Enter A User Name And Password To Use This Computer, lalu klik OK.  Selanjutnya akan muncul jendela log on, masukan user name dan password  dari akun yang akan anda gunakan.&lt;br /&gt;&lt;br /&gt;14. Internet Explorer 6 akan  menghapus temporary files hanya bila anda menyuruhnya. Jalankan browser  Internet Explorer, pilih [Tools]--&amp;gt;[Internet  Options...]--&amp;gt;[Advanced], alihkan pandangan ke bawah pada [Security  area], lalu isikan centang pada Empty Temporary Internet Files folder  when browser is closed.&lt;br /&gt;&lt;br /&gt;15. WindowsXP memiliki kemampuan untuk  memunculkan animasi/ikon yang memperlihatkan aktifitas dari jaringan.  Hal ini berguna saat anda tidak melihat ada lampu yang berkedip kedip di  kartu jaringan yang anda pakai. Klik kanan [My Network Places] pada  desktop, lalu pilih [Properties]. Klik kanan pada deskripsi dari LAN  anda, pilih [Properties], selanjutnya isikan centang pada Show icon in  notification area when connected. Sekarang anda akan melihat ikon  jaringan mungil di pojok kanan desktop saat jaringan sedang aktif  melakukan transfer data.&lt;br /&gt;&lt;br /&gt;16. Start Menu akan sangat menjengkelkan  bila lambat dalam memunculkan daftar program. Untuk mempercepatnya,  anda bisa mengubah registry [HKEY_CURRENT_USER/Control  Panel/Desktop/MenuShowDelay] dari 400 ke jumlah yang lebih kecil seperti  0.&lt;br /&gt;&lt;br /&gt;17. Anda dapat melakukan perubahan nama (rename) banyak file  dalam satu folder hanya dengan beberapa langkah mudah. Sorot atau blok  sejumlah file yang akan diubah namanya, lalu klik kanan satu  diantaranya, selanjutnya ubah nama file tersebut sesuai dengan keinginan  anda, tekan [Enter]. Semua file yang dipilih tadi akan berubah namanya  sesuai dengan nama pilihan anda, dan dibelakangnya terdapat nomor khusus  untuk membedakannya.&lt;br /&gt;&lt;br /&gt;18. Windows Media Player akan memunculkan  cover dari album yang sedang dimainkannya, apabila gambar cover tersebut  ditemukan di internet. Jika tidak ditemukan, anda bisa menggunakan  gambar rancangan anda sendiri untuk dimunculkan. Cukup memberikan nama  folder.jpg pada gambar tersebut dan menaruhnya satu folder dengan track  lagu yang dimainkan maka Windows Media Player akan memunculkan gambar  tersebut.&lt;br /&gt;&lt;br /&gt;19. Tombol [Windows] + [Break] akan memunculkan [System  Properties], tombol [Windows] + [D] akan memunculkan desktop, tombol  [Windows] + [Tab] untuk berpindah pindah program aktif ada taskbar.&lt;br /&gt;&lt;br /&gt;20.  Pengganti Windows XP adalah Windows Vista yang sebelumnya diberi nama  Longhorn. Windows ini memberikan fitur tambahan dari WindowsXP yang  mudah mudahan bisa saya oprek bila ada dana untuk melakukan upgrade  komputer. Mengapa? Windows Vista saya jamin tidak akan mampu berjalan di  komputer saya yang jadul ini.&lt;div class=&quot;blogger-post-footer&quot;&gt;My Feed&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5840195662625752054/posts/default/644139136646147385'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5840195662625752054/posts/default/644139136646147385'/><link rel='alternate' type='text/html' href='http://inspirasi00.blogspot.com/2010/12/20-rahasia-windowsxp.html' title='20 Rahasia WindowsXP'/><author><name>Iffan Komarudin</name><uri>http://www.blogger.com/profile/10893661383991032313</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='21' height='32' src='http://4.bp.blogspot.com/-bqxy6JZ2FfY/Tsv-rQ-1Q5I/AAAAAAAAAp4/-E_ey8JSY40/s220/iffan%2Bkomarudin.JPG'/></author></entry><entry><id>tag:blogger.com,1999:blog-5840195662625752054.post-2881570186706601335</id><published>2010-12-28T19:46:00.000+07:00</published><updated>2010-12-28T19:46:50.431+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Artikel TI"/><title type='text'>Sejarah Internet Indonesia</title><content type='html'>Sejarah internet Indonesia dimulai pada awal tahun 1990-an. Saat itu  jaringan internet di Indonesia lebih dikenal sebagai paguyuban &lt;i&gt;network&lt;/i&gt;,  dimana semangat kerjasama, kekeluargaan &amp;amp; gotong royong sangat  hangat dan terasa diantara para pelakunya. Agak berbeda dengan suasana  Internet Indonesia pada perkembangannya kemudian yang terasa lebih  komersial dan individual di sebagian aktivitasnya, terutama yang  melibatkan perdagangan Internet. Sejak 1988, ada pengguna awal Internet  di Indonesia yang memanfaatkan &lt;a class=&quot;new&quot; href=&quot;http://id.wikipedia.org/w/index.php?title=CIX&amp;amp;action=edit&amp;amp;redlink=1&quot; title=&quot;CIX (halaman belum tersedia)&quot;&gt;CIX&lt;/a&gt; (Inggris) dan &lt;a class=&quot;new&quot; href=&quot;http://id.wikipedia.org/w/index.php?title=Compuserve&amp;amp;action=edit&amp;amp;redlink=1&quot; title=&quot;Compuserve (halaman belum tersedia)&quot;&gt;Compuserve&lt;/a&gt; (AS) untuk mengakses internet.&lt;br /&gt;&lt;h2&gt;&lt;span class=&quot;mw-headline&quot; id=&quot;Awal_Internet_Indonesia&quot;&gt;Awal Internet Indonesia&lt;/span&gt;&lt;/h2&gt;Berdasarkan catatan whois ARIN dan APNIC, protokol Internet (IP)  pertama dari Indonesia, UI-NETLAB (192.41.206/24) didaftarkan oleh  Universitas Indonesia pada 24 Juni 1988. RMS Ibrahim, Suryono  Adisoemarta, Muhammad Ihsan, Robby Soebiakto, Putu, Firman Siregar, Adi  Indrayanto, dan &lt;a href=&quot;http://id.wikipedia.org/wiki/Onno_W._Purbo&quot; title=&quot;Onno W. Purbo&quot;&gt;Onno W. Purbo&lt;/a&gt; merupakan beberapa nama-nama legendaris di awal pembangunan Internet Indonesia di tahun &lt;a href=&quot;http://id.wikipedia.org/wiki/1992&quot; title=&quot;1992&quot;&gt;1992&lt;/a&gt; hingga &lt;a href=&quot;http://id.wikipedia.org/wiki/1994&quot; title=&quot;1994&quot;&gt;1994&lt;/a&gt;. Masing-masing personal telah mengontribusikan keahlian dan dedikasinya dalam membangun cuplikan-cuplikan sejarah &lt;a href=&quot;http://id.wikipedia.org/wiki/Jaringan_komputer&quot; title=&quot;Jaringan komputer&quot;&gt;jaringan komputer&lt;/a&gt; di Indonesia.&lt;br /&gt;Tulisan-tulisan tentang keberadaan jaringan Internet di Indonesia dapat dilihat di beberapa artikel di media cetak seperti &lt;a class=&quot;mw-redirect&quot; href=&quot;http://id.wikipedia.org/wiki/KOMPAS&quot; title=&quot;KOMPAS&quot;&gt;KOMPAS&lt;/a&gt; berjudul &quot;&lt;i&gt;Jaringan komputer biaya murah menggunakan radio&lt;/i&gt;&quot;&lt;sup class=&quot;reference&quot; id=&quot;cite_ref-0&quot;&gt;&lt;a href=&quot;http://id.wikipedia.org/wiki/Sejarah_Internet_Indonesia#cite_note-0&quot;&gt;[1]&lt;/a&gt;&lt;/sup&gt; di bulan &lt;a href=&quot;http://id.wikipedia.org/wiki/November&quot; title=&quot;November&quot;&gt;November&lt;/a&gt; &lt;a href=&quot;http://id.wikipedia.org/wiki/1990&quot; title=&quot;1990&quot;&gt;1990&lt;/a&gt;. Juga beberapa artikel pendek di &lt;a class=&quot;new&quot; href=&quot;http://id.wikipedia.org/w/index.php?title=Majalah_Elektron&amp;amp;action=edit&amp;amp;redlink=1&quot; title=&quot;Majalah Elektron (halaman belum tersedia)&quot;&gt;Majalah Elektron&lt;/a&gt; Himpunan Mahasiswa Elektro &lt;a class=&quot;mw-redirect&quot; href=&quot;http://id.wikipedia.org/wiki/ITB&quot; title=&quot;ITB&quot;&gt;ITB&lt;/a&gt; di tahun &lt;a href=&quot;http://id.wikipedia.org/wiki/1989&quot; title=&quot;1989&quot;&gt;1989&lt;/a&gt;.&lt;br /&gt;&lt;h2&gt;&lt;span class=&quot;mw-headline&quot; id=&quot;Internet_Service_Provider_Indonesia&quot;&gt;Internet Service Provider Indonesia&lt;/span&gt;&lt;/h2&gt;Di sekitar tahun 1994 mulai beroperasi &lt;a class=&quot;new&quot; href=&quot;http://id.wikipedia.org/w/index.php?title=IndoNet&amp;amp;action=edit&amp;amp;redlink=1&quot; title=&quot;IndoNet (halaman belum tersedia)&quot;&gt;IndoNet&lt;/a&gt; yang dipimpin oleh Sanjaya. &lt;a class=&quot;new&quot; href=&quot;http://id.wikipedia.org/w/index.php?title=IndoNet&amp;amp;action=edit&amp;amp;redlink=1&quot; title=&quot;IndoNet (halaman belum tersedia)&quot;&gt;IndoNet&lt;/a&gt; merupakan ISP komersial pertama Indonesia. Pada waktu itu pihak &lt;a class=&quot;new&quot; href=&quot;http://id.wikipedia.org/w/index.php?title=POSTEL&amp;amp;action=edit&amp;amp;redlink=1&quot; title=&quot;POSTEL (halaman belum tersedia)&quot;&gt;POSTEL&lt;/a&gt;  belum mengetahui tentang celah-celah bisnis Internet &amp;amp; masih  sedikit sekali pengguna Internet di Indonesia. Sambungan awal ke  Internet dilakukan menggunakan dial-up oleh &lt;a class=&quot;new&quot; href=&quot;http://id.wikipedia.org/w/index.php?title=IndoNet&amp;amp;action=edit&amp;amp;redlink=1&quot; title=&quot;IndoNet (halaman belum tersedia)&quot;&gt;IndoNet&lt;/a&gt;, sebuah langkah yang cukup nekat barangkali. Lokasi &lt;a class=&quot;new&quot; href=&quot;http://id.wikipedia.org/w/index.php?title=IndoNet&amp;amp;action=edit&amp;amp;redlink=1&quot; title=&quot;IndoNet (halaman belum tersedia)&quot;&gt;IndoNet&lt;/a&gt; masih di daerah Rawamangun di kompleks dosen UI, kebetulan ayah Sanjaya adalah dosen &lt;a href=&quot;http://id.wikipedia.org/wiki/UI&quot; title=&quot;UI&quot;&gt;UI&lt;/a&gt;. Akses awal di &lt;a class=&quot;new&quot; href=&quot;http://id.wikipedia.org/w/index.php?title=IndoNet&amp;amp;action=edit&amp;amp;redlink=1&quot; title=&quot;IndoNet (halaman belum tersedia)&quot;&gt;IndoNet&lt;/a&gt; mula-mula memakai mode teks dengan shell account, browser &lt;a href=&quot;http://id.wikipedia.org/wiki/Lynx&quot; title=&quot;Lynx&quot;&gt;lynx&lt;/a&gt; dan email client &lt;a class=&quot;new&quot; href=&quot;http://id.wikipedia.org/w/index.php?title=Pine&amp;amp;action=edit&amp;amp;redlink=1&quot; title=&quot;Pine (halaman belum tersedia)&quot;&gt;pine&lt;/a&gt; pada server AIX.&lt;br /&gt;Mulai 1995 beberapa &lt;a class=&quot;new&quot; href=&quot;http://id.wikipedia.org/w/index.php?title=BBS&amp;amp;action=edit&amp;amp;redlink=1&quot; title=&quot;BBS (halaman belum tersedia)&quot;&gt;BBS&lt;/a&gt;  di Indonesia seperti Clarissa menyediakan jasa akses Telnet ke luar  negeri. Dengan memakai remote browser Lynx di AS, maka pemakai Internet  di Indonesia bisa akses Internet (HTTP).&lt;br /&gt;Perkembangan terakhir yang perlu diperhitungkan adalah trend ke arah  e-commerce dan warung internet yang satu &amp;amp; lainnya saling menunjang  membuahkan masyarakat Indonesia yang lebih solid di dunia informasi.  Rekan-rekan e-commerce membangun komunitasnya di beberapa mailing list  utama seperti warta-e-commerce@egroups.com,  mastel-e-commerce@egroups.com, e-commerce@itb.ac.id &amp;amp;  i2bc@egroups.com.&lt;br /&gt;&lt;br /&gt;Semoga bermanfaat.. &lt;br /&gt;&lt;h2&gt;&lt;span class=&quot;mw-headline&quot; id=&quot;Internet_Service_Provider_Indonesia&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/h2&gt;&lt;br /&gt;&lt;h2&gt;&lt;span class=&quot;mw-headline&quot; id=&quot;Awal_Internet_Indonesia&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/h2&gt;&lt;div class=&quot;blogger-post-footer&quot;&gt;My Feed&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5840195662625752054/posts/default/2881570186706601335'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5840195662625752054/posts/default/2881570186706601335'/><link rel='alternate' type='text/html' href='http://inspirasi00.blogspot.com/2010/12/sejarah-internet-indonesia.html' title='Sejarah Internet Indonesia'/><author><name>Iffan Komarudin</name><uri>http://www.blogger.com/profile/10893661383991032313</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='21' height='32' src='http://4.bp.blogspot.com/-bqxy6JZ2FfY/Tsv-rQ-1Q5I/AAAAAAAAAp4/-E_ey8JSY40/s220/iffan%2Bkomarudin.JPG'/></author></entry><entry><id>tag:blogger.com,1999:blog-5840195662625752054.post-3983539369614436675</id><published>2010-12-18T20:03:00.002+07:00</published><updated>2010-12-18T20:03:36.570+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Artikel TI"/><title type='text'>Pemrograman Web</title><content type='html'>&lt;div style=&quot;text-align: justify;&quot;&gt;Pemrograman web adalah sebuah pembahasan  tentang bahasa pemrograman yang di gunakan untuk membuat sebuah  website, banyak sekali bahasa pemrograman yang dapat digunakan, antara  lain :&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;strong&gt;1. Bahasa Pemrograman HTML&lt;/strong&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;HTML (Hyper Text Markup Language) adalah sebuah &lt;em&gt;bahasa markup&lt;/em&gt;  yang digunakan untuk membuat sebuah halaman web dan menampilkan  berbagai  informasi di dalam sebuah browser Internet. Bermula dari  sebuah bahasa  yang sebelumnya banyak digunakan di dunia penerbitan dan  percetakan yang  disebut dengan SGML &lt;em&gt;(Standard Generalized Markup Language),&lt;/em&gt;  HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan   halaman web. HTML saat ini merupakan standar Internet yang  didefinisikan  dan dikendalikan penggunaannya oleh World Wide Web  Consortium (W3C).&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;strong&gt;2. Bahasa Pemrograman PHP&lt;/strong&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;PHP merupakan singkatan dari “PHP:  Hypertext Preprocessor”, adalah  sebuah bahasa scripting yang terpasang  pada HTML. Sebagian besar sintaks  mirip dengan bahasa C, Java, asp dan  Perl, ditambah beberapa fungsi PHP  yang spesifik. Tujuan utama bahasa  ini adalah untuk memungkinkan  perancang web untuk menulis halaman web  dinamik dengan cepat.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Pada saat ini bahasa PERL dan CGI sudah  jauh ketinggalan jaman sehingga  sebagian besar designer web banyak  beralih ke bahasa server-side  scripting yang lebih dinamis seperti PHP.&lt;br /&gt;Seluruh aplikasi  berbasis web dapat dibuat dengan PHP. Namun kekuatan  yang paling utama  PHP adalah pada konektivitasnya dengan system  database di dalam web.  Sistem database yang dapat didukung oleh PHP  adalah :&lt;br /&gt;1.&amp;nbsp;&amp;nbsp;&amp;nbsp;Oracle&lt;br /&gt;2.&amp;nbsp;&amp;nbsp;&amp;nbsp;MySQL&lt;br /&gt;3.&amp;nbsp;&amp;nbsp;&amp;nbsp;Ms.  Access&lt;br /&gt;4.&amp;nbsp;&amp;nbsp;&amp;nbsp;Sybase&lt;br /&gt;5.&amp;nbsp;&amp;nbsp;&amp;nbsp;PostgreSQL&lt;br /&gt;6.&amp;nbsp;&amp;nbsp;&amp;nbsp;dan lainnya&lt;br /&gt;PHP  dapat berjalan di berbagai system operasi seperti windows 98/NT,   UNIX/LINUX, solaris maupun macintosh. Keunggulan lainnya dari PHP adalah   PHP juga mendukung komunikasi dengan layanan seperti protocol IMAP,   SNMP, NNTP, POP3 bahkan HTTP&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;strong&gt;3. Bahasa Pemrograman ASP&lt;/strong&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;strong&gt;ASP&lt;/strong&gt; adalah singkatan  dari Active Server Pages yang  merupakan salah satu bahasa pemograman  web untuk menciptakan halaman web  yang dinamis. ASP merupakan salah  satu produk tekhnologi yang  disediakan oleh Microsoft. ASP diproses  melalui web server dan hasil  proses ini menghasilkan HTML yang akan  dikirimkan melalui browser. ASP  bekerja pada web server dan merupakan  server side scripting. Berbeda  dengan VBScript yang bekerja pada client  atau disebut juga client side  scripting. Meskipun demikian ASP  mengunakan VBScript sebagai bahasa  dasar untuk pemogramannya.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;ASP adalah bahasa  pemrograman made in  Microsoft. Anda mungkin sudah bisa menerka kira-kira  seperti apa ASP  itu. Sangat compatible dengan .NET framework dan juga  koneksi dengan MS  SQL yang sangat bagus, tentu saja kan sama2 produk  Microsoft.  Berbayar, sudah pasti. Fungsionalitas dan kemudahannya? Ini  yang saya  kurang paham, karena belum pernah mencoba dan masih kekurangan  bahan  artikel tentang bahasa pemrograman yang satu ini. Tapi kabarnya  ASP  bahasa pemrograman yang berbasiskan event handling, ini tentu saja   kabar baik bagi mereka yang tidak ingin beribet dengan HTML DOM dan   javascipt untuk menangani event.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;strong&gt;4. Bahasa Pemrograman XML&lt;/strong&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;XML  (eXtended Markup  Language)  adalah bahasa markup yang digunakan untuk menyimpan  data (tidak ada  program) dan tidak tergantung dengan tools tertentu  (seperti editor,  dbms, compiler, dsb).  Jika demikian, Lalu digunakan  untuk apa dokumen  XML ini?&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;XML  adalah merupakan suatu bahasa  Markup. Markup yaitu bahasa yang  berisikan kode-kode berupa tanda-tanda  tertentu dengan aturan tertentu  untuk memformat dokumen teks dengan  tag sendiri agar dapat dimengerti.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;strong&gt;5. Bahasa Pemrograman WML&lt;/strong&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;WML adalah bahasa yang  digunakan  untuk membuat halaman yang nantinya ditampilkan pada browser&amp;nbsp;ponsel.  Disini anda akan mempelajari  tentang WAP dan WML. Anda akan mempelajari   bagaimana cara merubah (convert)  halaman HTML ke bentuk format  sederhana yang  tentunya bisa di akses melalui klien wireless seperti  ponsel.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;strong&gt;6. Bahasa Pemrograman PERL&lt;/strong&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Perl merupakan bahasa pemrograman dengan   kemampuan utama untuk melakukan berbagai jenis pemrosesan teks. Dengan  dasar kemampuan tersebut, Perl makin berkembang untuk dapat melakukan  berbagai macam  proses menyangkut manipulasi data teks dan biner sejak  dibuat pertama kali oleh  Larry Wall pada tahun 1987. Proses yang bisa  dilakukan beragam, dari file teks biasa sampai DBM. Dari pengelolaan  data di RDBMS sampai pemrosesan informasi yang disebar melalui jaringan.  Dari manipulasi grafis, audio (MP3) dan video sampai pembuatan panel  kontrol untuk home automation. Dan konon katanya, Perl itu singkatan  dari “Practical Extraction and Reporting Language”. Tapi,  jangan pernah  menyebutnya “PERL”. Pembuatnya ingin bahasa ini dipanggil Perl.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Motto Perl adalah TMTOWTDI (there’s more  than one way to do it). Apapun yang Anda lakukan dengan Perl, tersedia  lebih dari satu cara. Pertimbangan yang dimiliki seorang programer  biasanya meliputi penulisan kode,  efisiensi, kecepatan, dan kejelasan.  Untuk menjalankan Perl sendiri tersedia beberapa cara. Namun untuk  kepentingan tutorial ini, mungkin hanya satu atau dua cara saja yang  saya tunjukkan. “Banyak cara” tidak selalu berarti “semua cocok” untuk  “semua kondisi”.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;strong&gt;7. Bahasa Pemrograman CFM&lt;/strong&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Cfm dibuat menggunakan tag ColdFusion dengan software Adobe ColdFusion /  BlueDragon / Coldfusion Studio.&lt;br /&gt;Syntax coldfusion berbasis html.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;strong&gt;8. Bahasa Pemrograman Javascript&lt;/strong&gt;&lt;br /&gt;Javascript adalah bahasa scripting yang handal yang berjalan pada sisi   client. JavaScript merupakan sebuah bahasa scripting yang dikembangkan  oleh  Netscape. Untuk menjalankan script yang ditulis dengan JavaScript  kita membutuhkan  JavaScript-enabled browser yaitu browser yang mampu  menjalankan  JavaScript.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;strong&gt;9. Bahasa Pemrograman CSS&lt;/strong&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Cascading Style Sheets (CSS) adalah  suatu bahasa stylesheet yang  digunakan untuk mengatur tampilan suatu  dokumen yang ditulis dalam  bahasa markup. Penggunaan yang paling umum  dari CSS adalah untuk  memformat halaman web yang ditulis dengan HTML  dan XHTML. Walaupun  demikian, bahasanya sendiri dapat dipergunakan  untuk semua jenis dokumen  XML termasuk SVG dan XUL. Spesifikasi CSS  diatur oleh World Wide Web  Consortium (W3C).&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;CSS digunakan oleh penulis maupun  pembaca  halaman web untuk menentukan warna, jenis huruf, tata letak,  dan  berbagai aspek tampilan dokumen. CSS digunakan terutama untuk  memisahkan  antara isi dokumen (yang ditulis dengan HTML atau bahasa  markup  lainnya) dengan presentasi dokumen (yang ditulis dengan CSS).  Pemisahan  ini dapat meningkatkan aksesibilitas isi, memberikan lebih  banyak  keleluasaan dan kontrol terhadap tampilan, dan mengurangi  kompleksitas  serta pengulangan pada stuktur isi.&lt;/div&gt;&lt;div class=&quot;blogger-post-footer&quot;&gt;My Feed&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5840195662625752054/posts/default/3983539369614436675'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5840195662625752054/posts/default/3983539369614436675'/><link rel='alternate' type='text/html' href='http://inspirasi00.blogspot.com/2010/12/pemrograman-web.html' title='Pemrograman Web'/><author><name>Iffan Komarudin</name><uri>http://www.blogger.com/profile/10893661383991032313</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='21' height='32' src='http://4.bp.blogspot.com/-bqxy6JZ2FfY/Tsv-rQ-1Q5I/AAAAAAAAAp4/-E_ey8JSY40/s220/iffan%2Bkomarudin.JPG'/></author></entry><entry><id>tag:blogger.com,1999:blog-5840195662625752054.post-8522569652074687648</id><published>2010-12-18T19:56:00.000+07:00</published><updated>2010-12-18T19:56:40.691+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Artikel TI"/><title type='text'>Jaringan komputer</title><content type='html'>&lt;b&gt;Jaringan komputer&lt;/b&gt; adalah sebuah &lt;a href=&quot;http://id.wikipedia.org/wiki/Sistem&quot; title=&quot;Sistem&quot;&gt;sistem&lt;/a&gt; yang terdiri atas &lt;a href=&quot;http://id.wikipedia.org/wiki/Komputer&quot; title=&quot;Komputer&quot;&gt;komputer&lt;/a&gt;, &lt;a class=&quot;mw-redirect&quot; href=&quot;http://id.wikipedia.org/wiki/Software&quot; title=&quot;Software&quot;&gt;software&lt;/a&gt; dan perangkat &lt;a href=&quot;http://id.wikipedia.org/wiki/Jaringan&quot; title=&quot;Jaringan&quot;&gt;jaringan&lt;/a&gt; lainnya yang bekerja bersama-sama untuk mencapai suatu tujuan yang sama. Tujuan dari jaringan komputer adalah:&lt;br /&gt;&lt;ul&gt;&lt;li&gt;Membagi sumber daya: contohnya berbagi pemakaian &lt;a class=&quot;mw-redirect&quot; href=&quot;http://id.wikipedia.org/wiki/Printer&quot; title=&quot;Printer&quot;&gt;printer&lt;/a&gt;, &lt;a class=&quot;mw-redirect&quot; href=&quot;http://id.wikipedia.org/wiki/CPU&quot; title=&quot;CPU&quot;&gt;CPU&lt;/a&gt;, &lt;a class=&quot;mw-redirect&quot; href=&quot;http://id.wikipedia.org/wiki/Memori&quot; title=&quot;Memori&quot;&gt;memori&lt;/a&gt;, &lt;a class=&quot;mw-redirect&quot; href=&quot;http://id.wikipedia.org/wiki/Harddisk&quot; title=&quot;Harddisk&quot;&gt;harddisk&lt;/a&gt;&lt;/li&gt;&lt;li&gt;Komunikasi: contohnya &lt;a href=&quot;http://id.wikipedia.org/wiki/Surat_elektronik&quot; title=&quot;Surat elektronik&quot;&gt;surat elektronik&lt;/a&gt;, &lt;i&gt;&lt;a class=&quot;mw-redirect&quot; href=&quot;http://id.wikipedia.org/wiki/Instant_messaging&quot; title=&quot;Instant messaging&quot;&gt;instant messaging&lt;/a&gt;&lt;/i&gt;, &lt;i&gt;&lt;a class=&quot;mw-redirect&quot; href=&quot;http://id.wikipedia.org/wiki/Chatting&quot; title=&quot;Chatting&quot;&gt;chatting&lt;/a&gt;&lt;/i&gt;&lt;/li&gt;&lt;li&gt;Akses informasi: contohnya &lt;i&gt;&lt;a class=&quot;mw-redirect&quot; href=&quot;http://id.wikipedia.org/wiki/Web&quot; title=&quot;Web&quot;&gt;web&lt;/a&gt; &lt;a class=&quot;new&quot; href=&quot;http://id.wikipedia.org/w/index.php?title=Browsing&amp;amp;action=edit&amp;amp;redlink=1&quot; title=&quot;Browsing (halaman belum tersedia)&quot;&gt;browsing&lt;/a&gt;&lt;/i&gt;&lt;/li&gt;&lt;/ul&gt;Agar dapat mencapai tujuan yang sama, setiap bagian dari jaringan komputer meminta dan memberikan layanan (&lt;i&gt;service&lt;/i&gt;). Pihak yang meminta/menerima layanan disebut klien (&lt;i&gt;client&lt;/i&gt;) dan yang memberikan/mengirim layanan disebut pelayan (&lt;i&gt;server&lt;/i&gt;). &lt;a href=&quot;http://id.wikipedia.org/wiki/Arsitektur&quot; title=&quot;Arsitektur&quot;&gt;Arsitektur&lt;/a&gt; ini disebut dengan sistem &lt;a class=&quot;new&quot; href=&quot;http://id.wikipedia.org/w/index.php?title=Client&amp;amp;action=edit&amp;amp;redlink=1&quot; title=&quot;Client (halaman belum tersedia)&quot;&gt;client&lt;/a&gt;-&lt;a class=&quot;mw-redirect&quot; href=&quot;http://id.wikipedia.org/wiki/Server&quot; title=&quot;Server&quot;&gt;server&lt;/a&gt;, dan digunakan pada hampir seluruh &lt;a href=&quot;http://id.wikipedia.org/wiki/Aplikasi&quot; title=&quot;Aplikasi&quot;&gt;aplikasi&lt;/a&gt; jaringan komputer.&lt;br /&gt;&lt;h2&gt;&lt;span class=&quot;mw-headline&quot; id=&quot;Klasifikasi&quot;&gt;Klasifikasi&lt;/span&gt;&lt;/h2&gt;Berdasarkan skala&amp;nbsp;:&lt;br /&gt;&lt;ul&gt;&lt;li&gt;Local Area Network (LAN): suatu jaringan komputer yang menghubungkan suatu komputer dengan komputer lain dengan jarak yang terbatas.&lt;/li&gt;&lt;li&gt;Metropolitant Area Network (MAN): prinsip sama dengan LAN, hanya saja jaraknya lebih luas, yaitu 10-50 km.&lt;/li&gt;&lt;li&gt;Wide Area Network (WAN): jaraknya antar kota, negara, dan benua. ini sama dengan internet.&lt;/li&gt;&lt;/ul&gt;Berdasarkan fungsi&amp;nbsp;: Pada dasarnya setiap jaringan komputer ada yang berfungsi sebagai client dan juga server.  Tetapi ada jaringan yang memiliki komputer yang khusus didedikasikan  sebagai server sedangkan yang lain sebagai client. Ada juga yang tidak  memiliki komputer yang khusus berfungsi sebagai server saja. Karena itu  berdasarkan fungsinya maka ada dua jenis jaringan komputer:&lt;br /&gt;&lt;ul&gt;&lt;li&gt;Client-server&lt;br /&gt;&lt;dl&gt;&lt;dd&gt;Yaitu jaringan komputer dengan komputer yang didedikasikan khusus  sebagai server. Sebuah service/layanan bisa diberikan oleh sebuah  komputer atau lebih. Contohnya adalah sebuah domain seperti  www.detik.com yang dilayani oleh banyak komputer web server. Atau bisa  juga banyak service/layanan yang diberikan oleh satu komputer. Contohnya  adalah server jtk.polban.ac.id yang merupakan satu komputer dengan  multi service yaitu mail server, web server, file server, database  server dan lainnya.&lt;/dd&gt;&lt;/dl&gt;&lt;/li&gt;&lt;br /&gt;&lt;li&gt;Peer-to-peer&lt;br /&gt;&lt;dl&gt;&lt;dd&gt;Yaitu jaringan komputer dimana setiap host dapat menjadi server dan  juga menjadi client secara bersamaan. Contohnya dalam file sharing antar  komputer di Jaringan Windows Network Neighbourhood ada 5 komputer  (kita beri nama A,B,C,D dan E) yang memberi hak akses terhadap file  yang dimilikinya. Pada satu saat A mengakses file share dari B bernama  data_nilai.xls dan juga memberi akses file soal_uas.doc kepada C. Saat A  mengakses file dari B maka A berfungsi sebagai client dan saat A  memberi akses file kepada C maka A berfungsi sebagai server. Kedua  fungsi itu dilakukan oleh A secara bersamaan maka jaringan seperti ini  dinamakan peer to peer.&lt;/dd&gt;&lt;/dl&gt;&lt;/li&gt;&lt;br /&gt;&lt;/ul&gt;Berdasarkan topologi jaringan, jaringan komputer dapat dibedakan atas:&lt;br /&gt;&lt;ul&gt;&lt;li&gt;Topologi bus&lt;/li&gt;&lt;li&gt;Topologi bintang&lt;/li&gt;&lt;li&gt;Topologi cincin&lt;/li&gt;&lt;li&gt;Topologi mesh&lt;/li&gt;&lt;li&gt;Topologi pohon&lt;/li&gt;&lt;li&gt;Topologi linier&lt;/li&gt;&lt;/ul&gt;Berdasarkan kriterianya, jaringan komputer dibedakan menjadi 4 yaitu:&lt;br /&gt;&lt;ol&gt;&lt;li&gt;Berdasarkan distribusi sumber informasi/data &lt;ul&gt;&lt;li&gt;Jaringan terpusat&lt;br /&gt;&lt;dl&gt;&lt;dd&gt;Jaringan ini terdiri dari komputer klient dan server yang mana  komputer klient yang berfungsi sebagai perantara untuk mengakses sumber  informasi/data yang berasal dari satu komputer server&lt;/dd&gt;&lt;/dl&gt;&lt;/li&gt;&lt;li&gt;Jaringan terdistribusi&lt;br /&gt;&lt;dl&gt;&lt;dd&gt;Merupakan perpaduan beberapa jaringan terpusat sehingga terdapat  beberapa komputer server yang saling berhubungan dengan klient membentuk  sistem jaringan tertentu.&lt;/dd&gt;&lt;/dl&gt;&lt;/li&gt;&lt;br /&gt;&lt;/ul&gt;&lt;/li&gt;&lt;br /&gt;&lt;li&gt;Berdasarkan jangkauan geografis dibedakan menjadi: &lt;ul&gt;&lt;li&gt;Jaringan LAN&lt;br /&gt;&lt;dl&gt;&lt;dd&gt;merupakan jaringan yang menghubungkan 2 komputer atau lebih dalam cakupan seperti laboratorium, kantor, serta dalam 1 warnet.&lt;/dd&gt;&lt;/dl&gt;&lt;/li&gt;&lt;br /&gt;&lt;li&gt;Jaringan MAN&lt;br /&gt;&lt;dl&gt;&lt;dd&gt;Merupakan jaringan yang mencakup satu kota besar beserta daerah  setempat. Contohnya jaringan telepon lokal, sistem telepon seluler,  serta jaringan relay beberapa ISP internet.&lt;/dd&gt;&lt;/dl&gt;&lt;/li&gt;&lt;br /&gt;&lt;li&gt;Jaringan WAN&lt;br /&gt;&lt;dl&gt;&lt;dd&gt;Merupakan jaringan dengan cakupan seluruh dunia. Contohnya jaringan PT Telkom, PT. Indosat, serta jaringan GSM Seluler seperti Satelindo, Telkomsel, dan masih banyak lagi.&lt;/dd&gt;&lt;/dl&gt;&lt;/li&gt;&lt;br /&gt;&lt;/ul&gt;&lt;/li&gt;&lt;br /&gt;&lt;li&gt;Berdasarkan peranan dan hubungan tiap komputer dalam memproses data. &lt;ul&gt;&lt;li&gt;Jaringan Client-Server&lt;br /&gt;&lt;dl&gt;&lt;dd&gt;Pada jaringan ini terdapat 1 atau beberapa komputer server dan  komputer client. Komputer yang akan menjadi komputer server maupun  menjadi komputer client dan diubah-ubah melalui software jaringan pada  protokolnya. Komputer client sebagai perantara untuk dapat mengakses  data pada komputer server sedangkan komputer server menyediakan  informasi yang diperlukan oleh komputer client.&lt;/dd&gt;&lt;/dl&gt;&lt;/li&gt;&lt;br /&gt;&lt;li&gt;Jaringan Peer-to-peer&lt;br /&gt;&lt;dl&gt;&lt;dd&gt;Pada jaringan ini tidak ada komputer client maupun komputer server  karena semua komputer dapat melakukan pengiriman maupun penerimaan  informasi sehingga semua komputer berfungsi sebagai client sekaligus  sebagai server.&lt;/dd&gt;&lt;/dl&gt;&lt;/li&gt;&lt;br /&gt;&lt;/ul&gt;&lt;/li&gt;&lt;br /&gt;&lt;li&gt;Berdasarkan media transmisi data &lt;ul&gt;&lt;li&gt;Jaringan Berkabel (Wired Network)&lt;br /&gt;&lt;dl&gt;&lt;dd&gt;Pada jaringan ini, untuk menghubungkan satu komputer dengan komputer lain diperlukan penghubung berupa kabel jaringan. Kabel jaringan berfungsi dalam mengirim informasi dalam bentuk sinyal listrik antar komputer jaringan.&lt;/dd&gt;&lt;/dl&gt;&lt;/li&gt;&lt;br /&gt;&lt;li&gt;Jaringan Nirkabel(WI-FI)&lt;br /&gt;&lt;dl&gt;&lt;dd&gt;Merupakan jaringan dengan medium berupa gelombang elektromagnetik.  Pada jaringan ini tidak diperlukan kabel untuk menghubungkan antar  komputer karena menggunakan gelombang elektromagnetik yang akan  mengirimkan sinyal informasi antar komputer jaringan.&lt;/dd&gt;&lt;dd&gt;&amp;nbsp;&lt;/dd&gt;&lt;/dl&gt;&lt;/li&gt;&lt;br /&gt;&lt;/ul&gt;&lt;/li&gt;&lt;br /&gt;&lt;/ol&gt;&lt;h2&gt;&lt;span class=&quot;mw-headline&quot; id=&quot;Klasifikasi&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/h2&gt;&lt;div class=&quot;blogger-post-footer&quot;&gt;My Feed&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5840195662625752054/posts/default/8522569652074687648'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5840195662625752054/posts/default/8522569652074687648'/><link rel='alternate' type='text/html' href='http://inspirasi00.blogspot.com/2010/12/jaringan-komputer.html' title='Jaringan komputer'/><author><name>Iffan Komarudin</name><uri>http://www.blogger.com/profile/10893661383991032313</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='21' height='32' src='http://4.bp.blogspot.com/-bqxy6JZ2FfY/Tsv-rQ-1Q5I/AAAAAAAAAp4/-E_ey8JSY40/s220/iffan%2Bkomarudin.JPG'/></author></entry><entry><id>tag:blogger.com,1999:blog-5840195662625752054.post-8330222047411451905</id><published>2010-10-08T19:48:00.001+07:00</published><updated>2011-11-23T01:49:00.151+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Tips and Trick Blogger"/><title type='text'>Cara Pasang Jam di Blogger</title><content type='html'>&lt;b&gt;&lt;/b&gt;Pengen ada jam di blog anda?. pada artikel ini admin akan berikan langkahnya.&lt;br /&gt;Silahkan ikuti langkah-langkah berikut : &lt;br /&gt;&lt;div class=&quot;post-body entry-content&quot;&gt;&lt;span class=&quot;fullpost&quot;&gt; &lt;ol&gt;&lt;li&gt;Silahkan kunjungi situs http://www.clocklink.com&lt;/li&gt;&lt;li&gt;Jika sudah berada pada situs tersebut, silahkan klik tulisan &lt;b&gt;Want a clock on your Website ?&lt;/b&gt;&lt;/li&gt;&lt;li&gt;Silahkan anda melihat-lihat dulu model dari jam yang tersedia, yaitu mulai dari Analog, Animal, Animation, dll&lt;/li&gt;&lt;li&gt;Jika di rasa sudah menemukan model jam yang anda sukai, klik tulisan &lt;b&gt;View HTML tag&lt;/b&gt; yang berada di bawah jam yang anda sukai tadi&lt;/li&gt;&lt;li&gt;Klik tombol yang bertuliskan &lt;b&gt;Accept&lt;/b&gt;&lt;/li&gt;&lt;li&gt;Pilih waktu yang sesuai dengan tempat anda di samping tulisan TimeZone. Contoh : untuk indonesia bagian barat pilih &lt;b&gt;GMT +7:00&lt;/b&gt;&lt;/li&gt;&lt;li&gt;Set ukuran jam yang anda sukai di samping tulisan &lt;b&gt;size&lt;/b&gt;&lt;/li&gt;&lt;li&gt;Copy kode HTML yang di berikan pada notepad&lt;/li&gt;&lt;li&gt;Paste kode HTML yang di copy tadi pada tempat yang anda inginkan&lt;/li&gt;&lt;li&gt;Selesai&lt;/li&gt;&lt;/ol&gt;&lt;a href=&quot;http://kolom-tutorial.blogspot.com/2007/04/membuat-link-2.html&quot; target=&quot;new&quot;&gt;&lt;/a&gt;   Selamat mencoba.&lt;/span&gt; and smoga sukses !&lt;/div&gt;&lt;div class=&quot;blogger-post-footer&quot;&gt;My Feed&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5840195662625752054/posts/default/8330222047411451905'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5840195662625752054/posts/default/8330222047411451905'/><link rel='alternate' type='text/html' href='http://inspirasi00.blogspot.com/2010/10/cara-pasang-jam-di-blogger.html' title='Cara Pasang Jam di Blogger'/><author><name>Iffan Komarudin</name><uri>http://www.blogger.com/profile/10893661383991032313</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='21' height='32' src='http://4.bp.blogspot.com/-bqxy6JZ2FfY/Tsv-rQ-1Q5I/AAAAAAAAAp4/-E_ey8JSY40/s220/iffan%2Bkomarudin.JPG'/></author></entry><entry><id>tag:blogger.com,1999:blog-5840195662625752054.post-2635345599699888666</id><published>2010-10-08T19:40:00.002+07:00</published><updated>2011-11-23T01:49:00.152+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Tips and Trick Blogger"/><title type='text'>Cara Pasang Statistik dan Tracker</title><content type='html'>Salah satu blog tool sekaligus sebagai aksesori blog yang sering di gunakan oleh para blogger yakni memasang statistik dan tracker. Dengan adanya statistik blog, maka kita yang mpunya blog ataupun yang berkunjung pun dapat mengetahui berapa pengunjungkah yang pernah berkunjung ke blog kita. selain itu juga bisa sekaligus sebagai tracker yakni kita bisa mengetahui para pengunjung blog kita datang dari mana, apakah dari search engine, blog lain ataupun darimana saja kita dapat mengetahuinya. &lt;br /&gt;&lt;br /&gt;Sekarang bagaimana caranya kita membuat statistik tersebut? cara yang mudah yaitu kita menggunakan situs penyedia statistik. Di internet banyak sekali situs penyedia statistik gratis, sebagai contoh adalah situs &lt;strong&gt;http://www.sitemeter.com&lt;/strong&gt;. Berikut adalah contoh tool yang bisa kita pilih :  &lt;br /&gt;&lt;br /&gt;&lt;a href=&quot;http://2.bp.blogspot.com/_c-XFk4OciTE/R-KSrXlUhpI/AAAAAAAAAe8/7Pz1jUHK_4w/s1600-h/sitemeter_03.jpg&quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; id=&quot;BLOGGER_PHOTO_ID_5179863795192071826&quot; src=&quot;http://2.bp.blogspot.com/_c-XFk4OciTE/R-KSrXlUhpI/AAAAAAAAAe8/7Pz1jUHK_4w/s400/sitemeter_03.jpg&quot; style=&quot;cursor: pointer; display: block; margin: 0px auto 10px; text-align: center;&quot; /&gt;&lt;/a&gt; &lt;br /&gt;Untuk mendapatkannya silahkan ikuti langkah-langkah berikut : &lt;br /&gt;&lt;br /&gt;&lt;ol&gt;&lt;li&gt;Silahkan kunjungi  situs http://www.sitemeter.com. &lt;/li&gt;  &lt;li&gt;klik tulisan &lt;b&gt;Sign Up&lt;/b&gt; untuk melakukan pendaftaran&lt;/li&gt;  &lt;li&gt;klik tombol bertuliskan &lt;b&gt;Next&lt;/b&gt;&lt;/li&gt;  &lt;li&gt;Klik tombol &lt;b&gt;Next&lt;/b&gt; lagi&lt;/li&gt;  &lt;li&gt;Isi semua tabel yang ada lalu klik tombol &lt;b&gt;Next&lt;/b&gt; lagi&lt;/li&gt;  &lt;li&gt;Isi lagi tabel yang ada, lalu klik tombol &lt;b&gt;Next&lt;/b&gt; lagi&lt;/li&gt;  &lt;li&gt;klik tombol &lt;b&gt;Next&lt;/b&gt; lagi&lt;/li&gt;  &lt;li&gt;klik tombol &lt;b&gt;Next&lt;/b&gt; lagi ( cape dech next..next melulu &amp;nbsp;&amp;nbsp;&lt;img alt=&quot;emoticon.gif&quot; height=&quot;18&quot; src=&quot;http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif&quot; width=&quot;18&quot; /&gt; )&lt;/li&gt;  &lt;li&gt;Setelah ada keterangan proses sign up selesai, anda harus melakukan veryfikasi, silahkan buka email yg anda berikan&lt;/li&gt;  &lt;li&gt;Buka email yang datang dari sitemeter.com, di dalamnya ada username dan password anda untuk login ke sitemeter.com&lt;/li&gt;  &lt;li&gt;Silahkan login dengan id anda&lt;/li&gt;  &lt;li&gt;Bila sudah login, Klik menu &lt;b&gt;Manager&lt;/b&gt;&lt;/li&gt;  &lt;li&gt;Klik Menu &lt;b&gt;Meter Style&lt;/b&gt; untuk memilih gaya dari site meter anda &lt;/li&gt;  &lt;li&gt;Pilih style yang anda sukai, kemudian klik tombol &lt;b&gt;Select&lt;/b&gt;&lt;/li&gt;  &lt;li&gt;Klik menu &lt;b&gt;HTML Code&lt;/b&gt; &lt;/li&gt;  &lt;li&gt;Klik tulisan &lt;i&gt;Adding site Meter to a Blogger.com Site&lt;/i&gt;&lt;/li&gt;  &lt;li&gt;copy semua kode HTML yang di berikan lalu paste pada Notepad&lt;/li&gt;  &lt;li&gt;Klik menu &lt;b&gt;Logout&lt;/b&gt; untuk keluar dari situs tersebut&lt;/li&gt;  &lt;li&gt;Selesai, tinggal memasukan kode yang kita dapat ke dalam blog kita&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;/li&gt;&lt;/ol&gt;Sekarang tugas kita adalah memasukan kode yang sudah kita dapat ke dalam blog, ikuti langkah- langkah berikut : &lt;br /&gt;&lt;br /&gt;khusus blog dengan template klasik : &lt;br /&gt;&lt;br /&gt;&lt;ol&gt;&lt;li&gt;Sign in di blogger dengan id anda&lt;/li&gt;  &lt;li&gt;Klik menu &lt;strong&gt;TEMPLATE&lt;/strong&gt; &lt;/li&gt;  &lt;li&gt;Klik Edit &lt;strong&gt;HTML&lt;/strong&gt;&lt;/li&gt;  &lt;li&gt;Klik Edit (yang ada pada bar menu browser anda)&lt;/li&gt;  &lt;li&gt;Klik Find (on this page)... ⇒ untuk mempercepat pencarian&lt;/li&gt;  &lt;li&gt;Tuliskan kata dimana anda ingin tempatkan, contoh di blog saya adalah blogger (karena dekat dengan tombol blogger) klik Find&lt;/li&gt;  &lt;li&gt;Copy &amp;amp; paste kode yang telah di simpan di notepad tadi, lalu klik tombol &lt;b&gt;Preview&lt;/b&gt; untuk melihat perubahan yang terjadi&lt;/li&gt;  &lt;li&gt;Jika sudah cocok dengan perubahan tadi, Klik Save Template Changes. Selesai&amp;nbsp;&lt;/li&gt;&lt;/ol&gt;&lt;br /&gt;Selamat dicoba ya...&lt;div class=&quot;blogger-post-footer&quot;&gt;My Feed&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5840195662625752054/posts/default/2635345599699888666'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5840195662625752054/posts/default/2635345599699888666'/><link rel='alternate' type='text/html' href='http://inspirasi00.blogspot.com/2010/10/cara-pasang-statistik-dan-tracker.html' title='Cara Pasang Statistik dan Tracker'/><author><name>Iffan Komarudin</name><uri>http://www.blogger.com/profile/10893661383991032313</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='21' height='32' src='http://4.bp.blogspot.com/-bqxy6JZ2FfY/Tsv-rQ-1Q5I/AAAAAAAAAp4/-E_ey8JSY40/s220/iffan%2Bkomarudin.JPG'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://2.bp.blogspot.com/_c-XFk4OciTE/R-KSrXlUhpI/AAAAAAAAAe8/7Pz1jUHK_4w/s72-c/sitemeter_03.jpg" height="72" width="72"/></entry><entry><id>tag:blogger.com,1999:blog-5840195662625752054.post-4765483022304018373</id><published>2010-10-07T22:23:00.001+07:00</published><updated>2011-11-23T01:49:00.152+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Tips and Trick Blogger"/><title type='text'>Pasang Jadwal Solat di Blog</title><content type='html'>Dari kemarin yang di omongin kayanya soal ngotak-ngatik template melulu,  biar tidak jenuh kali ini saya akan membahas tentang aksesori blog.  Bagi sobat yang notabene muslim, ada nih aksesori blog plus buat  mengingatkan kepada kita akan waktu sholat biar para pengunjung blog  kita tidak terlalu terlena ketika memmbaca berbagai artikel yang kita  tulis di blog. Jadwal waktu sholat ini bisa sobat dapatkan di &lt;a href=&quot;http://www.islamicfinder.org/&quot; target=&quot;_blank&quot;&gt;http://www.islamicfinder.org&lt;/a&gt;, untuk cara mendapatkannya silahkan ikuti langkah-langkah berikut ini : &lt;span class=&quot;fullpost&quot;&gt; &lt;br /&gt;&lt;br /&gt;&lt;ol&gt;&lt;li&gt;Silahkan sobat kunjungi situs &lt;a href=&quot;http://www.islamicfinder.org/&quot; target=&quot;_blank&quot;&gt;http://www.islamicfinder.org&lt;/a&gt; atau hanya klik &lt;a href=&quot;http://www.islamicfinder.org/&quot; target=&quot;_blank&quot;&gt;di sini !&lt;/a&gt;&lt;/li&gt;&lt;li&gt;Klik link yang bertuliskan &lt;b&gt;Add new sevices to your site&lt;/b&gt; di halaman bagian bawah&lt;/li&gt;&lt;li&gt;Alihkan perhatian ke nomor pilihan ke 2. Klik menu &lt;b&gt;Dropdown&lt;/b&gt; yang bertuliskan &lt;b&gt;Select a Country&lt;/b&gt;&lt;/li&gt;&lt;li&gt;Klik nama negara yang sobat inginkan, lalu klik &lt;b&gt;Go&lt;/b&gt;. Contoh : Indonesia&lt;/li&gt;&lt;li&gt;Klik nama kota yang sobat inginkan. Contoh : Jakarta&lt;/li&gt;&lt;li&gt;KLik tombol &lt;b&gt;Generated Code&lt;/b&gt;&lt;/li&gt;&lt;li&gt;Copy kode yang di berikan, lalu paste pada notepad untuk nanti keperluan di simpan ke blok kita&lt;/li&gt;&lt;li&gt;Silahkan tutup window situs tersebut&lt;/li&gt;&lt;li&gt;Selesai.&lt;/li&gt;&lt;/ol&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Itu tadi cara mendapatkan kode jadwal sholatnya, untuk memasukan kode tersebut ke dalam blog, silahkan ikuti langkah berikut : &lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Untuk Template Klasik&lt;/b&gt; &lt;br /&gt;&lt;br /&gt;&lt;ol&gt;&lt;li&gt;Sign in di blogger&lt;/li&gt;&lt;li&gt;Klik menu &lt;b&gt;Template&lt;/b&gt;&lt;/li&gt;&lt;li&gt;Klik menu &lt;b&gt;Edit HTML&lt;/b&gt;&lt;/li&gt;&lt;li&gt;Copy seluruh kode template, paste pada notepad lalu simpan untuk backup data&lt;/li&gt;&lt;li&gt;Copy kode jadwal sho;at yang tadi lalu paste pada tempat yang sobat inginkan&lt;/li&gt;&lt;li&gt;Klik tombol &lt;b&gt;Pratinjau&lt;/b&gt; untuk melihat perubahan&lt;/li&gt;&lt;li&gt;Bila sudah Ok, klik tombol &lt;b&gt;Simpan Perubahan Template&lt;/b&gt;&lt;/li&gt;&lt;li&gt;Selesai.&lt;/li&gt;&lt;/ol&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Untuk Template baru&lt;/b&gt; &lt;br /&gt;&lt;br /&gt;&lt;ol&gt;&lt;li&gt;Sign in di blogger&lt;/li&gt;&lt;li&gt;Klik menu &lt;b&gt;Layout&lt;/b&gt;&lt;/li&gt;&lt;li&gt;Klik menu &lt;b&gt;Elemen Halaman&lt;/b&gt;&lt;/li&gt;&lt;li&gt;Klik tulisan &lt;b&gt;Tambahkan sebuah Elemen Halaman&lt;/b&gt;&lt;/li&gt;&lt;li&gt;Klik tombol &lt;b&gt;TAMBAHKAN KE BLOG&lt;/b&gt; di bawah tulisan &lt;b&gt;HTML/JavaScript&lt;/b&gt;&lt;/li&gt;&lt;li&gt;Paste kode Jadwal sholat tadi ke kolom yang di sediakan&lt;/li&gt;&lt;li&gt;Klik tombol &lt;b&gt;Simpan Perubahan&lt;/b&gt;&lt;/li&gt;&lt;li&gt;Pindahkan elemen yang baru di buat pada tempat yang sobat sukai&lt;/li&gt;&lt;li&gt;Klik tombol &lt;b&gt;Simpan&lt;/b&gt;&lt;/li&gt;&lt;li&gt;Selesai&lt;/li&gt;&lt;/ol&gt;jangan lupa solatnya ya...&lt;/span&gt;&lt;div class=&quot;blogger-post-footer&quot;&gt;My Feed&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5840195662625752054/posts/default/4765483022304018373'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5840195662625752054/posts/default/4765483022304018373'/><link rel='alternate' type='text/html' href='http://inspirasi00.blogspot.com/2010/10/pasang-jadwal-solat-di-blog.html' title='Pasang Jadwal Solat di Blog'/><author><name>Iffan Komarudin</name><uri>http://www.blogger.com/profile/10893661383991032313</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='21' height='32' src='http://4.bp.blogspot.com/-bqxy6JZ2FfY/Tsv-rQ-1Q5I/AAAAAAAAAp4/-E_ey8JSY40/s220/iffan%2Bkomarudin.JPG'/></author></entry><entry><id>tag:blogger.com,1999:blog-5840195662625752054.post-4760358396092107415</id><published>2010-10-01T19:03:00.000+07:00</published><updated>2011-11-23T01:49:47.645+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Tips and Trick Blogger"/><title type='text'>Setting Blog di Blogger</title><content type='html'>Hal pertama yang penting anda lakukan agar blog anda di blogger mempunyai performa yang baik adalah melakukan beberapa &lt;strong&gt;Setting&lt;/strong&gt; atau &lt;strong&gt;pengaturan&lt;/strong&gt;. Sebagai bahan inspirasi bagaimana cara melakukan setting blog di blogger, berikut &lt;strong&gt;Kolom Tutorial&lt;/strong&gt; tuliskan cara &lt;strong&gt;pengaturan&lt;/strong&gt; blog di blogger (pastikan anda (pastikan anda memilih bahasa indonesia agar sesuai dengan tutorial dibawah) :&lt;br /&gt;&lt;br /&gt;* Silahkan login ke blogger dengan ID anda.&lt;br /&gt;* Klik &lt;strong&gt;Pengaturan&lt;/strong&gt;.&lt;br /&gt;&amp;nbsp;&lt;img alt=&quot;pengaturan blog di blogger&quot; border=&quot;0&quot; height=&quot;113&quot; src=&quot;http://3.bp.blogspot.com/_a_HlMR0PCIk/TFfm_BVdz_I/AAAAAAAAAn8/WHN_5kzqupo/pengaturan-blog.jpg&quot; style=&quot;border-width: 0px; display: inline;&quot; title=&quot;pengaturan blog di blogger&quot; width=&quot;397&quot; /&gt;&amp;nbsp; &lt;br /&gt;* Akan terlihat tab-tab menu berisi hal-hal yang harus anda atur :&lt;br /&gt;&lt;img alt=&quot;menu pengaturan blog di blogspot&quot; border=&quot;0&quot; height=&quot;79&quot; src=&quot;http://1.bp.blogspot.com/_a_HlMR0PCIk/TFfnB4og0vI/AAAAAAAAAoE/SHWM0BIROpU/menu-pengaturan-blog.jpg&quot; style=&quot;border-width: 0px; display: inline;&quot; title=&quot;menu pengaturan blog di blogspot&quot; width=&quot;330&quot; /&gt; &lt;br /&gt;&lt;h2&gt;Dasar&lt;/h2&gt;Beberapa pengaturan dalam &lt;strong&gt;menu Dasar:&lt;/strong&gt;&lt;br /&gt;&lt;ul&gt;&lt;li&gt;&lt;strong&gt;Alat Blog&lt;/strong&gt; : &lt;em&gt;Impor blog&lt;/em&gt; → ini adalah faslitas untuk mengimpor data dari komputer anda ( ini biasanya dilakukan ketika transfer blog) tidak usah di klik, biarkan saja. &lt;em&gt;Ekspor blog&lt;/em&gt; &amp;gt; ini adalah fasilitas untuk mengekspor data blog dari server blogger ke komputer anda. Fasilitas ini disebut juga sebagai fasilitas &lt;strong&gt;Backup blog&lt;/strong&gt;. Disarankan agar anda membuat backup data ke komputer anda, minimal satu minggu sekali. Data backup tersebut sewaktu-waktu bisa bermanfaat ketika anda ingin mentransfer ke blog lain di blogger, atau bisa juga untuk migrasi ke mesin blog yang lain seperti Wordpress. &lt;em&gt;Hapus blog&lt;/em&gt; &amp;gt; Fasilitas untuk menghapus blog anda. Jika anda tidak berniat untuk menghapus blog, maka jangan sekali-sekali klik link ini.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Judul&lt;/strong&gt; : isi dengan judul blog yang anda inginkan. Contoh : My personal blog&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Uraian&lt;/strong&gt; : isi dengan deskripsi blog yang ingin ditampilkan, sebaiknya ini diisi jangan dikosongkan. Contoh : catatan kecil hidupku yang unik.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Tambahkan blog Anda ke daftar kami?&lt;/strong&gt; : disarankan untuk memilih opsi &lt;em&gt;Ya&lt;/em&gt;.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Biarkan mesin pencari menemukan blog Anda?&lt;/strong&gt; : Pilih &lt;em&gt;Ya&lt;/em&gt;, agar blog anda dapat di index oleh mesin pencari seperti Google, Yahoo atau Bing.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Tampilkan Editing Cepat di Blog Anda? : &lt;/strong&gt;Boleh pilih &lt;em&gt;Ya&lt;/em&gt; atau &lt;em&gt;Tidak&lt;/em&gt;.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Tampilkan Link Posting Email? :&lt;/strong&gt; Ini berupa icon email, jika anda menginginkan agar pengunjung blog dengan mudah mengirimkan email ke teman mereka tentang blog anda, maka Pilih &lt;em&gt;Ya&lt;/em&gt;. Namun jika tidak, silahkan pilih &lt;em&gt;Tidak&lt;/em&gt;. &lt;/li&gt;&lt;li&gt;&lt;strong&gt;Konten Dewasa?&lt;/strong&gt; : Jika blog anda nantinya akan berisi hal-hal yang besifat dewasa seperti menampilkan artikel, gambar, atau video wanita seksi, dll maka pilih &lt;em&gt;Ya&lt;/em&gt;. Namun, jika blog anda berisi hal-hal yang aman diakses oleh anak kecil, pilih Tidak. Sebagai catatan, jika anda memilih opsi Ya, maka nantinya ketika diakses blog anda akan ada peringatan bahwa berisi konten dewasa.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Pilih editor entri&lt;/strong&gt;&amp;nbsp; : Ini adalah pilihan untuk post editor. &lt;em&gt;Editor yang diperbarui&lt;/em&gt; → ini adalah post editor terbaru yang dimiliki oleh blogger, banyak fasilitas baru yang terintegrasi dalam post editor ini seperti tombol &lt;em&gt;More&lt;/em&gt; untuk memotong artikel di blog anda. &lt;em&gt;Editor lama&lt;/em&gt; → ini adalah post editor lama yang dimiliki blogger namun masih bisa anda gunakan, ada beberapa toolbar terdapat dalam post editor lama, namun tidak disediakan lagi di post editor baru, jadi silahkan pilih mana yang anda mau. &lt;em&gt;Sembunyikan mode penyusunan&lt;/em&gt; →&amp;nbsp; pilihan ini khusus bagi anda yang sudah mahir dengan kode HTML, jika anda tidak menguasai tentang HTML, jangan gunakan post editor ini. &lt;/li&gt;&lt;li&gt;&lt;strong&gt;Aktifkan transliterasi? : &lt;/strong&gt;Pilih &lt;em&gt;Aktifkan&lt;/em&gt; jika post editor anda ingin mendukung ke translasi Hindi, Kannada, Malayalam, Tamil, atau Telugu. Pilih &lt;em&gt;Nonaktifkan&lt;/em&gt; jika post editor anda tidak ingin ada translasi bahasa tersebut.&lt;/li&gt;&lt;li&gt;Akhiri pengaturan menu Basic dengan klik tombol &lt;strong&gt;SIMPAN SETELAN&lt;/strong&gt;.&lt;/li&gt;&lt;/ul&gt;&lt;h2&gt;Publikasikan&lt;/h2&gt;Ini adalah fasilitas untuk &lt;a href=&quot;http://kolom-tutorial.blogspot.com/2010/04/cara-custom-domain-di-blogger.html&quot; title=&quot;mengubah nama domain di blogger&quot;&gt;mengubah nama domain&lt;/a&gt; anda di blogger dengan nama domain milik anda sendiri. Misal : http://namabloganda.blogspot.com menjadi http://namabloganda.com.&lt;br /&gt;Untuk sementara waktu jangan lakukan apa-apa pada menu publikasikan ini. &lt;strong&gt;Tutorial tentang custom domain di blogger&lt;/strong&gt; bisa anda baca pada artikel &lt;a href=&quot;http://kolom-tutorial.blogspot.com/2007/04/Cara%20Custom%20Domain%20di%20Blogger&quot; title=&quot;Cara Custom Domain di Blogger / blogspot&quot;&gt;Cara Custom Domain di Blogger&lt;/a&gt;.&lt;br /&gt;&lt;br /&gt;&lt;h2&gt;Format&lt;/h2&gt;Beberapa pengaturan dalam menu &lt;strong&gt;Format &lt;/strong&gt;:&lt;br /&gt;&lt;ul&gt;&lt;li&gt;&lt;strong&gt;Tampilkan sebanyak mungkin&lt;/strong&gt; : tulis jumlah post yang ingin tampil di halaman depan blog anda. Contoh : 5. Untuk pilihan dropdown disarankan untuk memilih opsi &lt;em&gt;posting&lt;/em&gt;, jangan &lt;em&gt;hari&lt;/em&gt;. &lt;/li&gt;&lt;li&gt;&lt;strong&gt;Format Header Tanggal&lt;/strong&gt; : Pilih format tampilan tanggal yang anda sukai.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Format Tanggal Index Arsip&lt;/strong&gt; : pilih format tampilan arsip yang anda inginkan. &lt;/li&gt;&lt;li&gt;&lt;strong&gt;Format Timestamp&lt;/strong&gt; : Pilih format tampilan jam yang anda sukai. Jam disini adalah catatan waktu ketika artikel anda di publikasikan di blog. &lt;/li&gt;&lt;li&gt;&lt;strong&gt;Zona Waktu&lt;/strong&gt; : Sesuikan dengan zona waktu dimana tempat anda berada.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Bahasa&lt;/strong&gt; : Pilih bahasa yang dipakai untuk blog anda. &lt;/li&gt;&lt;li&gt;&lt;strong&gt;Konversi ganti baris&lt;/strong&gt; : ini adalah fasilitas line break secara otomatis ketika anda klik enter ketika membuat sebuah posting. Fasilitas ini di pakai apabila anda kedepannya tidak akan memposting tentang kode-kode semisal HTML dan lain sebagainya. Pilih &lt;em&gt;Tidak&lt;/em&gt;, jika anda berniat nantinya akan memasukkan kode-kode HTML kedalam posting posting anda, misal jika konten blog anda berisi tutorial bahasa HTML, PHP dan lain sebagainya. &lt;/li&gt;&lt;li&gt;&lt;strong&gt;Tampilkan Field Judul&lt;/strong&gt; : Pilih &lt;em&gt;Ya&lt;/em&gt; ataupun &lt;em&gt;Tidak&lt;/em&gt; juga tidak ada masalah. &lt;/li&gt;&lt;li&gt;&lt;strong&gt;Tampilkan kolom Link&lt;/strong&gt; : Pilih &lt;em&gt;Tidak &lt;/em&gt;atau &lt;em&gt;Ya&lt;/em&gt; juga tidak ada masalah. &lt;/li&gt;&lt;li&gt;&lt;strong&gt;Aktifkan perataan float&lt;/strong&gt; : Pilih &lt;em&gt;Ya&lt;/em&gt;, ini adalah agar gambar bisa diatur posisinya dalam postingan. Namun jika pilihan ini mengganggu tampilan blog anda nantinya, pilih saja &lt;em&gt;Tidak&lt;/em&gt;. &lt;/li&gt;&lt;li&gt;&lt;strong&gt;Templat Entri&lt;/strong&gt; : ini adalah fasilitas agar isi dari &lt;em&gt;Templat Entri&lt;/em&gt; ini akan selalu muncul pada saat membuat posting. Biasanya fasilitas ini sering di gunakan untuk signature blog, yaitu tulisan atau kode signature disimpan dalam &lt;em&gt;Templat Entri&lt;/em&gt;, sehingga ketika anda membuat posting, kode signature tersebut akan secara otomatis muncul tanpa harus menuliskannya secara berulang-ulang. &lt;/li&gt;&lt;li&gt;Akhiri Pengaturan menu &lt;em&gt;Format&lt;/em&gt; dengan klik tombol &lt;strong&gt;SIMPAN SETELAN&lt;/strong&gt;&lt;/li&gt;&lt;/ul&gt;&lt;h2&gt;Komentar&lt;/h2&gt;Beberapa pengaturan dalam menu &lt;strong&gt;Komentar : &lt;/strong&gt;&lt;br /&gt;&lt;ul&gt;&lt;li&gt;Komentar: Pilih &lt;em&gt;Tampilkan&lt;/em&gt;, jika anda menginginkan agar postingan ada bisa di komentari oleh pengunjung. Pilih &lt;em&gt;Sembunyikan&lt;/em&gt;, jika artikel yang anda posting tidak ingin di komentari oleh pengunjung. &lt;/li&gt;&lt;li&gt;&lt;strong&gt;Siapa yang Bisa Berkomentar ?&lt;/strong&gt; : &lt;em&gt;Siapa pun - termasuk Pengguna Anonim&lt;/em&gt;&amp;nbsp; → untuk pilihan ini, maka siapa saja dapat berkomentar, termasuk &lt;em&gt;Pengguna Anonim&lt;/em&gt; atau tanpa identitas jelas. &lt;em&gt;Pengguna Terdaftar - termasuk OpenID&lt;/em&gt; → hanya user yang teregistrasi saja yang bisa berkomentar terhadap artikel anda, yang termasuk &lt;em&gt;Pengguna Terdaftar &lt;/em&gt;adalah mereka yang mempunya akun di Google, Live Journal, Wordpress, Type pad, AIM, serta OpenID. &lt;em&gt;Pengguna dengan Google Account&lt;/em&gt; → Yang bisa berkomentar hanyalah mereka yang mempunyai akun google. &lt;em&gt;Hanya anggota blog ini&lt;/em&gt; → Hanya anggota dari blog anda saja yang bisa berkomentar, ini biasanya dipakai jika blog anda adalah untuk komunitas tertentu, misal komunitas pendidikan. &lt;/li&gt;&lt;li&gt;&lt;strong&gt;Penempatan Formulir Komentar&lt;/strong&gt; : &lt;em&gt;Halaman penuh&lt;/em&gt; → halaman blog anda akan di timpa oleh kotak komentar ketika ada pengunjung klik link komentar. &lt;em&gt;Jendela munculan&lt;/em&gt; → Kotak komentar akan muncul dalam jendela baru apabila ada pengunjung yang klik link komentar. &lt;em&gt;Disemat di bawah entri&lt;/em&gt;&amp;nbsp; → kotak komentar akan langsung ditampilkan langsung dibawah artikel posting anda, sehingga pengunjung dapat langsung memeberikan komentar tanpa harus klik link komentar. Format kotak komentar yang paling banyak disukai oleh blogger adalah &lt;em&gt;Disemat di bawah entri.&lt;/em&gt; &lt;/li&gt;&lt;li&gt;&lt;strong&gt;Default Komentar untuk Entri&lt;/strong&gt; : pilih &lt;em&gt;Entri baru memiliki komentar &lt;/em&gt;jika artikel post anda ingin ada kotak komentarnya, namun sewaktu-waktu anda bisa saja mematikan fungsi ini ketika melakukan posting. Pilih &lt;em&gt;Entri baru tidak memiliki komentar &lt;/em&gt;jika artikel post anda tidak ingin mempunyai kotak komentar, namun sewaktu-waktu anda bisa saja memunculkan fungsi ini ketika melakukan posting. &lt;/li&gt;&lt;li&gt;&lt;strong&gt;Tautbalik&lt;/strong&gt; : Pilih &lt;em&gt;Tampilkan&lt;/em&gt; jika anda ingin menampilkan link ke website yang membuat link ke artikel yang anda buat. Pilih &lt;em&gt;Sembunyikan&lt;/em&gt; jika anda tidak ingin menampilkan link ke website yang membuat link ke artikel yang anda buat. &lt;/li&gt;&lt;li&gt;Bawaan Tautbalik untuk Posting : pilih &lt;em&gt;Entri baru memiliki Tautbalik&lt;/em&gt; jika setiap artikel yang di posting memiliki Backlinks. Pilih &lt;em&gt;Entri baru tidak memiliki Tautbalik &lt;/em&gt;jika setiap artikel yang di posting tidak ingin memiliki Backlinks. &lt;/li&gt;&lt;li&gt;&lt;strong&gt;Format Timestamp Komentar&lt;/strong&gt; : pilih format tampilan tanggal komentar yang anda sukai. &lt;/li&gt;&lt;li&gt;&lt;strong&gt;Pesan Formulir Komentar&lt;/strong&gt; : Tulis pesan yang ingin muncul diatas kotak komentar. Misal : &lt;em&gt;Silahkan anda berkomentar, namun tetap jaga kesopanan dengan tidak melakukan komentar spam&lt;/em&gt;. &lt;/li&gt;&lt;li&gt;&lt;strong&gt;Moderasi komentar&lt;/strong&gt; : Pilih &lt;em&gt;Selalu&lt;/em&gt; jika setiap komentar yang masuk ingin di moderasi terlebih dahulu oleh anda. Pilih &lt;em&gt;Hanya pada entri yang lebih lawas dari&lt;/em&gt; jika komentar ingin di moderasi terlebih dahulu terhadapat posting yang umurnya telah anda tentukan. Pilih &lt;em&gt;Tidak pernah&lt;/em&gt;, jika komentar yang masuk tidak ingin di moderasi terlebih dahulu dan akan langsung muncul diblog anda. Jangan lupa untuk memasukkan alamat email anda, apabila ketika ada orang yang berkomentar anda akan mengetahuinya melalui email. Atau kosongkan saja apabila anda tidak ingin menerima email pemberitahuan tentang komentar. &lt;/li&gt;&lt;li&gt;&lt;strong&gt;Tampilkan verifikasi kata untuk komentar?&lt;/strong&gt; : Pilih &lt;em&gt;Ya&lt;/em&gt; jika ingin menampilkan huruf verifikasi ketika ada yang berkomentar, pilihan ini adalah untuk mencegah terhadap script robot spam yang bisa membombardir blog anda dengan komentar, walaupun begitu pilihan ini mempunyai kekurangan yaitu pengunjung blog anda biasanya malas untuk berkomentar karena merasa ribet ketika berkomentar. Pilih &lt;em&gt;Ya&lt;/em&gt; jika tidak ingin menampilkan huruf verifikasi, pilihan ini sedikit rentan terhadap script robot spam, namun biasanya pengunjung akan lebih suka berkomentar karena mudah dilakukan. &lt;/li&gt;&lt;li&gt;&lt;strong&gt;Tampilkan gambar profil dalam komentar?&lt;/strong&gt; : Pilih &lt;em&gt;Ya&lt;/em&gt; jika dalam kometar ingin ditampilkan gambar profile yang berkomentar. Pilih &lt;em&gt;Tidak&lt;/em&gt; jika tidak ingin menampilkan gambar profile pemberi komentar. &lt;/li&gt;&lt;li&gt;&lt;strong&gt;Email Pemberitahuan Komentar&lt;/strong&gt; : Masukkan alamat email yang ingin dikirim notifikasi apabila ada yang berkomentar. Jumlah maksimal email yang dapat menerima adalah 10 email. &lt;/li&gt;&lt;li&gt;Akhiri pengaturan menu &lt;strong&gt;Komentar&lt;/strong&gt; dengan klik tombol &lt;strong&gt;SIMPAN SETELAN&lt;/strong&gt;.&lt;/li&gt;&lt;/ul&gt;&lt;h2&gt;Arsipkan&lt;/h2&gt;Beberapa pengaturan dalam menu &lt;strong&gt;Arsipkan&lt;/strong&gt; : &lt;br /&gt;&lt;ul&gt;&lt;li&gt;&lt;strong&gt;Frekuensi Arsip&lt;/strong&gt; : pilih arsip yang ingin di tampilkan apakah &lt;em&gt;Arsip tidak ada,&lt;/em&gt; &lt;em&gt;Harian&lt;/em&gt;,&lt;em&gt;Mingguan&lt;/em&gt;, atau &lt;em&gt;Tiap Bulan&lt;/em&gt;. Disarankan untuk memilih &lt;em&gt;Tiap Bulan&lt;/em&gt;. &lt;/li&gt;&lt;li&gt;&lt;strong&gt;Aktifkan Halaman Posting?&lt;/strong&gt; : Silahkan pilih &lt;em&gt;Ya&lt;/em&gt; atau &lt;em&gt;Tidak&lt;/em&gt;. &lt;/li&gt;&lt;li&gt;Akhiri pengaturan menu &lt;strong&gt;Arsipkan &lt;/strong&gt;dengan klik tombol &lt;strong&gt;SIMPAN SETELAN&lt;/strong&gt;. &lt;/li&gt;&lt;/ul&gt;&lt;h2&gt;Feed Situs&lt;/h2&gt;Beberapa pengaturan dalam menu &lt;strong&gt;Feed Situs&lt;/strong&gt; : &lt;br /&gt;&lt;ul&gt;&lt;li&gt;&lt;strong&gt;Izinkan Feed Blog&lt;/strong&gt; : Silahkan pilih Tak satupun, &lt;em&gt;Singkat&lt;/em&gt;, atau &lt;em&gt;Penuh&lt;/em&gt;. Disarankan untuk memilih opsi &lt;em&gt;Penuh&lt;/em&gt;. &lt;/li&gt;&lt;li&gt;&lt;strong&gt;Posting URL Pengubahan Arah Feed&lt;/strong&gt; : isi dengan alamat feed milik anda, ini adalah jika anda telah melakukan burner feed seperti misalnya dengan feedburner. Namun jika belum punya, silahkan dikosongkan saja terlebih dahulu. Untuk pembahasan feed burner akan di posting pada posting selanjutnya. &lt;/li&gt;&lt;li&gt;&lt;strong&gt;Post Feed Footer&lt;/strong&gt; : Isi dengan kode yang ingin tampil pada footer post feed. Jika belum mengerti dikosongkan saja terlebih dahulu. &lt;/li&gt;&lt;li&gt;Akhiri Pengaturan menu &lt;strong&gt;Feed Situs&lt;/strong&gt; dengan klik tombol &lt;strong&gt;SIMPAN SETELAN&lt;/strong&gt;. &lt;/li&gt;&lt;/ul&gt;&lt;h2&gt;Email &amp;amp; Seluler&lt;/h2&gt;Untuk memposting sebuah artikel kedalam blog anda, tidak hanya melalui post editor yang ada di blogger. Namun, anda pun bisa posting artikel melalui &lt;strong&gt;email &lt;/strong&gt;ataupun &lt;strong&gt;perangkat seluler&lt;/strong&gt; anda.&lt;br /&gt;Beberapa pengaturan dalam menu &lt;strong&gt;Email &amp;amp; Seluler&lt;/strong&gt; : &lt;br /&gt;&lt;strong&gt;Alamat BlogSend&lt;/strong&gt; : tulis alamat email yang ingin dikirim notifikasi apabila anda mempublikasikan sebuah artikel. Maksimal jumlah yang bisa di kirim adalah sampai 10 buah email, format penulisan email di pisahkan dengan tanda koma ( , ).&lt;br /&gt;&lt;strong&gt;Alamat Pengeposan via Email : &lt;/strong&gt;buatlah alamat email blogger untuk mengirimkan posting dari email atau perangkat &lt;strong&gt;seluler&lt;/strong&gt; dengan cara menuliskan pada kotak yang tersedia. Misalkan alamat email anda adalah contohsaja@gmail.com maka anda bisa membuat email blogger menjadi contohsaja.post@blogger.com atau contohsaja.blog@blogger.com atau apa saja menurut anda yang bagus. Tapi ingat, rahasiakan alamat email ini agar orang lain tidak bisa posting ke blog anda&lt;br /&gt;&lt;img alt=&quot;alamat pengeposan via email&quot; border=&quot;0&quot; height=&quot;119&quot; src=&quot;http://1.bp.blogspot.com/_a_HlMR0PCIk/TFfnDpr1dsI/AAAAAAAAAoM/VXHlbpfuqSs/alamat-pengeposan-via-email.jpg&quot; style=&quot;border-width: 0px; display: inline;&quot; title=&quot;alamat pengeposan via email&quot; width=&quot;460&quot; /&gt; &lt;br /&gt;Untuk mengaktifkan fitur ini, anda harus memilih opsi &lt;em&gt;Publikasikan segera email&lt;/em&gt;, artinya apabila anda mengirimkan email ke alamat diatas, isinya akan langsung diposting ke blog. Jika opsi yang dipilih adalah &lt;em&gt;Simpan email sebagai entri konsep&lt;/em&gt;, maka email yang dikirimkan tidak akan langsung di publikasikan, melainkan akan masuk ke post konsep. &lt;br /&gt;Namun, apabila anda tidak ingin mempublikasikan melalui email, pilih opsi &lt;em&gt;Dinonaktifkan&lt;/em&gt;. Fungsi ini banyak juga dipilih dengan alasan keamanan.&lt;br /&gt;Jangan lupa akhiri pengaturan menu &lt;strong&gt;Email &amp;amp; Seluler &lt;/strong&gt;dengan klik tombol &lt;strong&gt;SIMPAN SETELAN&lt;/strong&gt;. &lt;br /&gt;&lt;h2&gt;OpenID&lt;/h2&gt;Disini tidak ada yang harus di atur, melainkan pemberitahuan bahwa alamat blog anda bisa digunakan sebagai alamat OpenID. Apa itu OpenID? Mungkin lain kali akan dibahas.&lt;br /&gt;&lt;h2&gt;Izin&lt;/h2&gt;Pada menu ini anda dapat menambahkan &lt;em&gt;penulis&lt;/em&gt; dengan cara di undang ke email yang anda anggap layak untuk ikut serta menjadi penulis di blog anda.&lt;br /&gt;Pada &lt;strong&gt;Siapa yang bisa melihat blog ini?&lt;/strong&gt; Anda dapat memilih siapa saja yang dapat mengakses blog anda. Opsi &lt;em&gt;Siapapun &lt;/em&gt;berarti blog anda terbuka untuk umum atau bisa dibuka oleh siapa saja. &lt;em&gt;Hanya Orang-orang yang saya pilih&lt;/em&gt;&amp;nbsp; yaitu hanya orang-orang yang di undang oleh anda yang dapat mengakses blog anda dengan cara login terlebih dahulu. &lt;em&gt;Hanya penulis blog&lt;/em&gt; berarti hanya penulis saja yang bisa mengakses isi halaman blog anda, Opsi &lt;em&gt;Hanya penulis blog&lt;/em&gt; terkadang di gunakan juga pada saat mengganti template, agar blog anda tidak terlihat semrawut ketika mengganti template.&lt;div class=&quot;blogger-post-footer&quot;&gt;My Feed&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5840195662625752054/posts/default/4760358396092107415'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5840195662625752054/posts/default/4760358396092107415'/><link rel='alternate' type='text/html' href='http://inspirasi00.blogspot.com/2010/10/setting-blog-di-blogger.html' title='Setting Blog di Blogger'/><author><name>Iffan Komarudin</name><uri>http://www.blogger.com/profile/10893661383991032313</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='21' height='32' src='http://4.bp.blogspot.com/-bqxy6JZ2FfY/Tsv-rQ-1Q5I/AAAAAAAAAp4/-E_ey8JSY40/s220/iffan%2Bkomarudin.JPG'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://3.bp.blogspot.com/_a_HlMR0PCIk/TFfm_BVdz_I/AAAAAAAAAn8/WHN_5kzqupo/s72-c/pengaturan-blog.jpg" height="72" width="72"/></entry><entry><id>tag:blogger.com,1999:blog-5840195662625752054.post-3975258549883183393</id><published>2010-09-30T18:15:00.000+07:00</published><updated>2011-11-23T01:49:00.154+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Tips and Trick Blogger"/><title type='text'>Toolbar di Blogger</title><content type='html'>Berikut Tool yang ada di toolbar blogger saat akan menambah/membuat entri.&lt;br /&gt;&lt;span class=&quot;fullpost&quot;&gt;&lt;br /&gt;&lt;img src=&quot;http://i162.photobucket.com/albums/t253/rohman24/photo-posting_03-1.gif&quot; /&gt; --&amp;gt; Untuk merubah jenis hurup yang di gunakan  &lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;http://i162.photobucket.com/albums/t253/rohman24/photo-posting_04-1.gif&quot; /&gt; --&amp;gt; Untuk merubah ukuran hurup (heading)&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;http://i162.photobucket.com/albums/t253/rohman24/photo-posting_05.gif&quot; /&gt; --&amp;gt; Untuk Menebalkan hurup&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;http://i162.photobucket.com/albums/t253/rohman24/photo-posting_06.gif&quot; /&gt; --&amp;gt; Untuk memiringkan hurup&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;http://i162.photobucket.com/albums/t253/rohman24/photo-posting_07-1.gif&quot; /&gt; --&amp;gt; Untuk merubah warna hurup&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;http://i162.photobucket.com/albums/t253/rohman24/photo-posting_11.gif&quot; /&gt; --&amp;gt; Untuk membuat link&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;http://i162.photobucket.com/albums/t253/rohman24/photo-posting_13.gif&quot; /&gt; --&amp;gt; Untuk membuat artikel menjadi rata kiri&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;http://i162.photobucket.com/albums/t253/rohman24/photo-posting_14.gif&quot; /&gt; --&amp;gt; Untuk membuat tulisan menjadi di tengah&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;http://i162.photobucket.com/albums/t253/rohman24/photo-posting_15.gif&quot; /&gt; --&amp;gt; Untuk membuat artikel menjadi rata kanan&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;http://i162.photobucket.com/albums/t253/rohman24/photo-posting_16.gif&quot; /&gt; --&amp;gt; Untuk membuat artikel menjadi rata kiri dan rata kanan&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;http://i162.photobucket.com/albums/t253/rohman24/photo-posting_18.gif&quot; /&gt; --&amp;gt; Untuk membuat sub bahasan oleh angka&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;http://i162.photobucket.com/albums/t253/rohman24/photo-posting_19.gif&quot; /&gt; --&amp;gt; Untuk membuat sub bahasan oleh bullet&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;http://i162.photobucket.com/albums/t253/rohman24/photo-posting_21.gif&quot; /&gt; --&amp;gt; Untuk mengecek spelling&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;http://i162.photobucket.com/albums/t253/rohman24/photo-posting_23.gif&quot; /&gt; --&amp;gt; Untuk memasukan gambar(upload gambar)&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;http://i162.photobucket.com/albums/t253/rohman24/photo-posting_03.gif&quot; /&gt; --&amp;gt; Untuk membuat artikel dalam kode HTML&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;http://i162.photobucket.com/albums/t253/rohman24/photo-posting_04.gif&quot; /&gt; --&amp;gt; Untuk membuat artikel dalam mode Compose (biasa)&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;http://i162.photobucket.com/albums/t253/rohman24/photo-posting_07.gif&quot; /&gt; --&amp;gt; Untuk me review (melihat) artikel&lt;br /&gt;&lt;br /&gt;Cara penggunaan toolbar di atas adalah blok (beri tanda) terlebih dahulu tulisan yang akan di edit, kemudian tekan tombol toolbar yang di inginkan.&lt;br /&gt;&lt;br /&gt;Langkah-langkah dalam memposting suatu artikel:&lt;br /&gt;&lt;br /&gt;&lt;ol&gt;&lt;li&gt;Sebaiknya klik terlebih dahulu “ Edit HTML”,jika langsung di mode “Compose”, sering terjadi hang pada komputer (pengalaman saya pribadi). Copy artikel yang telah anda buat sebelumnya, kemudian paste di area posting. Edit sesuai dengan kemauan anda.&lt;/li&gt;  &lt;li&gt;Klik tombol “ compose “ untuk melakukan editing (jika anda masih bingung dengan kode HTML).&lt;/li&gt;  &lt;li&gt;Klik tombol tool yang berlambang “ panorama” berwarna biru, jika anda ingin memasukan gambar ataupun photo untuk menghiasi posting-an anda.&lt;/li&gt;  &lt;li&gt;Klik tombol “ Preview “ untuk melihat hasil posting-an anda yang nantinya akan tampil di dalam blog, barangkali masih ada yang perlu di edit.&lt;/li&gt;  &lt;li&gt;Klik tombol “ publish “. Selesai. Tulisan hasil karya anda akan bisa dilihat dan di baca oleh seluruh dunia.&lt;/li&gt;&lt;/ol&gt;&lt;/span&gt;&lt;div class=&quot;blogger-post-footer&quot;&gt;My Feed&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5840195662625752054/posts/default/3975258549883183393'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5840195662625752054/posts/default/3975258549883183393'/><link rel='alternate' type='text/html' href='http://inspirasi00.blogspot.com/2010/09/toolbar-di-blogger.html' title='Toolbar di Blogger'/><author><name>Iffan Komarudin</name><uri>http://www.blogger.com/profile/10893661383991032313</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='21' height='32' src='http://4.bp.blogspot.com/-bqxy6JZ2FfY/Tsv-rQ-1Q5I/AAAAAAAAAp4/-E_ey8JSY40/s220/iffan%2Bkomarudin.JPG'/></author></entry><entry><id>tag:blogger.com,1999:blog-5840195662625752054.post-6385556636535937908</id><published>2010-09-26T00:53:00.000+07:00</published><updated>2011-11-23T01:49:00.155+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Tips and Trick Blogger"/><title type='text'>Cara Membuat Seacrh Engine di Blog</title><content type='html'>&lt;span class=&quot;fullpost&quot;&gt;Saya akan memberitahu bagaimana cara membuat search engine pada blog/web anda.&lt;/span&gt;&lt;br /&gt;&lt;span class=&quot;fullpost&quot;&gt;berikut langkah-langkahnya :&lt;/span&gt;&lt;br /&gt;&lt;span class=&quot;fullpost&quot;&gt;1. Login ke blogger terus klik &lt;b&gt; Layout&lt;/b&gt; terus pilih &lt;b&gt;page elements &lt;/b&gt; nha disitu kan banyak tulisan &lt;b&gt;Add a page elements &lt;/b&gt; klik link tersebut dan sesuaikan dimana tempatnya menaruh search engine&lt;br /&gt;2. kemudian pada layar baru yang muncul pilih &lt;b&gt;HTML/Javascript &lt;/b&gt; kemudian copy/paste script/kode berikut ini di dalam kolom &lt;b&gt;content&lt;/b&gt;.&lt;/span&gt;&lt;br /&gt;&lt;blockquote&gt;&lt;span class=&quot;fullpost&quot;&gt;&amp;lt;form action=&quot;http://&lt;span style=&quot;color: red;&quot;&gt;nama-blogmu&lt;/span&gt;.blogspot.com/search&quot;&lt;br /&gt;method=&quot;get&quot;&amp;gt; &amp;lt;input class=&quot;textinput&quot; name=&quot;q&quot; size=&quot;&lt;span style=&quot;color: blue;&quot;&gt;30&lt;/span&gt;&quot; type=&quot;text&quot;/&amp;gt; &amp;lt;input value=&quot;search&quot; class=&quot;buttonsubmit&quot; name=&quot;submit&quot; type=&quot;submit&quot;/&amp;gt;&amp;lt;/form&amp;gt;&lt;/span&gt;&lt;/blockquote&gt;3. Save.&lt;br /&gt;4. Selamat Mencoba. !!&amp;nbsp; &lt;br /&gt;* Ket : Yang berwarna &lt;span style=&quot;color: red;&quot;&gt;merah&lt;/span&gt; ganti dengan nama blog anda. yang berwarna &lt;span style=&quot;color: blue;&quot;&gt;biru&lt;/span&gt; bisa diubah sesuai dengan yang anda inginkan.&lt;div class=&quot;blogger-post-footer&quot;&gt;My Feed&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5840195662625752054/posts/default/6385556636535937908'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5840195662625752054/posts/default/6385556636535937908'/><link rel='alternate' type='text/html' href='http://inspirasi00.blogspot.com/2010/09/cara-membuat-seacrh-engine-di-blog.html' title='Cara Membuat Seacrh Engine di Blog'/><author><name>Iffan Komarudin</name><uri>http://www.blogger.com/profile/10893661383991032313</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='21' height='32' src='http://4.bp.blogspot.com/-bqxy6JZ2FfY/Tsv-rQ-1Q5I/AAAAAAAAAp4/-E_ey8JSY40/s220/iffan%2Bkomarudin.JPG'/></author></entry><entry><id>tag:blogger.com,1999:blog-5840195662625752054.post-7009778354322408226</id><published>2010-09-25T22:02:00.000+07:00</published><updated>2011-11-23T01:49:00.155+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Tips and Trick Blogger"/><title type='text'>Tips Mengganti Template Blog</title><content type='html'>&lt;span class=&quot;fullpost&quot;&gt;&lt;b&gt;Saya akan mencoba memberikan beberapa Tips untuk mengganti sebuah template blog.&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;&lt;span class=&quot;fullpost&quot;&gt;&lt;b&gt; &lt;/b&gt;&lt;/span&gt;&lt;br /&gt;&lt;span class=&quot;fullpost&quot;&gt;&lt;b&gt;Pertama&lt;/b&gt; kamu harus membackup dulu tempalte kamu jika template baru kamu tidak berhasil diinstall, caranya masuk ke menu &lt;b&gt; &quot;Layout --&amp;gt; Edit HTML&quot;&lt;/b&gt;, trus klik link bertuliskan &lt;b&gt;&quot;Download Full Template&quot;&lt;/b&gt; terus simpan file yang diberikan.&lt;/span&gt;&lt;br /&gt;&lt;span class=&quot;fullpost&quot;&gt;&lt;br /&gt;&lt;span class=&quot;fullpost&quot;&gt;&lt;b&gt;Kedua&lt;/b&gt; yaitu membackup elemen-elemen atau widget-widget yang sudah pernah kamu pasang, caranya gini, Masuk ke menu &lt;b&gt;&quot;Page Element&quot;&lt;/b&gt;, nha disitu kan banyak tuh element-element yang udah kamu pasang trus dibawahnya kan ada link bertiliskan &lt;b&gt;&quot;edit&quot;&lt;/b&gt; klik link-link tersebut satu persatu, copy isi dari elemen itu dan taruh dalam notepad. Kalo kamu nanti dah ganti template dan mau memasang elemen-elemen tersebut tinggal copy dari notepad terus pasang di &quot;add page elements&quot;.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span class=&quot;fullpost&quot;&gt;&lt;span class=&quot;fullpost&quot;&gt;&lt;br /&gt;&lt;span class=&quot;fullpost&quot;&gt;&lt;b&gt;Ketiga&lt;/b&gt;, jika template dan elemen-elemen sudah kamu backup langkah selanjutnya yaitu mengupload template yang sudah kamu download. Biasanya file template yang di download berextenxi &lt;b&gt;&quot;xml&quot;&lt;/b&gt; tapi kadang-kadang ada juga yang berekstensi &lt;b&gt;&quot;zip atau rar&quot;&lt;/b&gt;, kalo begitu kamu harus mengekstraknya dulu sehingga kamu akan mendapat file berekstensi &lt;b&gt;&quot;xml&quot;&lt;/b&gt;. Trus gini cara ngaploadnya, Kembali ke menu &lt;b&gt;&quot;Edit HTML&quot;&lt;/b&gt;, trus disitu kan ada tombol &lt;b&gt;&quot;brows&quot;&lt;/b&gt; klik tombol tersebut terus cari file template yg pingin kamu pakai sudah kamu download, trus klik tombol &lt;b&gt;:upload&quot;&lt;/b&gt;.&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span class=&quot;fullpost&quot;&gt;&lt;span class=&quot;fullpost&quot;&gt;&lt;span class=&quot;fullpost&quot;&gt;&lt;br /&gt;&lt;b&gt;Keempat&lt;/b&gt;, biasanya kamu akan mendapat konfirmasi seperti gambar dibawah ini, itu artinya elemen-elemen kamu akan dihapus. Klik tombol &lt;b&gt;&quot;Confirm &amp;amp; Save&quot;.&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span class=&quot;fullpost&quot;&gt;&lt;span class=&quot;fullpost&quot;&gt;&lt;span class=&quot;fullpost&quot;&gt;&lt;b&gt;&amp;nbsp;&lt;/b&gt;&lt;br /&gt;&lt;b&gt;Kelima&lt;/b&gt;, jika ternyata yang muncul adalah seperti gambar dibawah ini maka itu artinya ada yang tidak beres dengan template kamu dan kamu tidak bisa memakai template tersebut di blog kamu, jadi kamu ganti aja dengan template yang lain.&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span class=&quot;fullpost&quot;&gt;&lt;span class=&quot;fullpost&quot;&gt;&lt;span class=&quot;fullpost&quot;&gt;&lt;br /&gt;&lt;b&gt;Keenam&lt;/b&gt;, coba preview blog baru kamu, merasa sudah cocok ikuti langkah &lt;b&gt;ketuju&lt;/b&gt;. Jika kamu mendapati ada gambar header yang sebelumnya kamu pake buat header masih muncul di template baru kamu dan posisinya sepertinya tidak cocok, maka kamu harus menghilangkannya dulu gambar header tersebut, caranya masuk kembali ke menu &lt;b&gt;&quot;Page Element&quot;&lt;/b&gt;, dibagian header coba kemu edit dan hapus gambar kamu. Jika di bagian header tidak ada link &lt;b&gt;&quot;edit&quot;&lt;/b&gt; coba kamu ganti dulu templatenya dengan template yang disediakan oleh blogger dan kembali ke &lt;b&gt;&quot;Page Element&quot;&lt;/b&gt; trus &lt;b&gt;&quot;edit&lt;/b&gt; dibagian header dan hapus gambar header kamu kemudian ikuti lagi langkah-langkah &lt;b&gt;ketiga.&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span class=&quot;fullpost&quot;&gt;&lt;span class=&quot;fullpost&quot;&gt;&lt;span class=&quot;fullpost&quot;&gt;&lt;b&gt;&amp;nbsp;&lt;/b&gt;&lt;br /&gt;&lt;b&gt;Ketuju&lt;/b&gt;, Kembalikan elemen-elemen yang sudah kamu backup tadi sehingga kini kamu memiliki template baru dan elemen-elemen yang dulu tidak ilang.&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span class=&quot;fullpost&quot;&gt;&lt;span class=&quot;fullpost&quot;&gt;&lt;span class=&quot;fullpost&quot;&gt;&lt;br /&gt;&lt;b&gt;Kedelapan&lt;/b&gt;, Selamat beputar2 ja yach...&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;div class=&quot;blogger-post-footer&quot;&gt;My Feed&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5840195662625752054/posts/default/7009778354322408226'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5840195662625752054/posts/default/7009778354322408226'/><link rel='alternate' type='text/html' href='http://inspirasi00.blogspot.com/2010/09/tips-mengganti-template-blog.html' title='Tips Mengganti Template Blog'/><author><name>Iffan Komarudin</name><uri>http://www.blogger.com/profile/10893661383991032313</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='21' height='32' src='http://4.bp.blogspot.com/-bqxy6JZ2FfY/Tsv-rQ-1Q5I/AAAAAAAAAp4/-E_ey8JSY40/s220/iffan%2Bkomarudin.JPG'/></author></entry></feed>