<?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-177843263519855932</id><updated>2024-10-05T09:06:11.723+07:00</updated><category term="Bandung"/><category term="Cerita Pengalaman"/><category term="Indonesia"/><category term="Tutorial"/><category term="Geeks"/><category term="Review"/><category term="Software"/><category term="Canon EOS 600D"/><category term="Jakarta"/><category term="Jarambah"/><category term="Photo Story"/><category term="Photography"/><category term="Sublime Text"/><category term="Blogger"/><category term="Emmet"/><category term="Magic Lantern"/><category term="Plugin"/><category term="SyntaxHighlighter"/><category term="Timelapse"/><title type='text'>#ARG.notes</title><subtitle type='html'>{bercerita dan berkelana}</subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://gilangaramadan.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/177843263519855932/posts/default'/><link rel='alternate' type='text/html' href='http://gilangaramadan.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/16588151145884608700</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>8</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-177843263519855932.post-5680069292494061462</id><published>2013-06-06T22:21:00.000+07:00</published><updated>2013-06-07T01:00:22.010+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Bandung"/><category scheme="http://www.blogger.com/atom/ns#" term="Canon EOS 600D"/><category scheme="http://www.blogger.com/atom/ns#" term="Geeks"/><category scheme="http://www.blogger.com/atom/ns#" term="Indonesia"/><category scheme="http://www.blogger.com/atom/ns#" term="Magic Lantern"/><category scheme="http://www.blogger.com/atom/ns#" term="Photography"/><category scheme="http://www.blogger.com/atom/ns#" term="Review"/><category scheme="http://www.blogger.com/atom/ns#" term="Software"/><category scheme="http://www.blogger.com/atom/ns#" term="Tutorial"/><title type='text'>Cara Install Magic Lantern V.2.3 di Canon EOS 600D</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX418fnERVufXHBGv4x4q1aLlypB3gK-Pa274fJVrw5Pozdn8lLDD0E_CJCIaBoHTK69W0u7L0YN2gSmlV4qIFJgifsbMfMj_KTYxtXpfwTxoLAEs1e5m_oh3twnEt_QU242TkYDrVTP92/s1600/timthumb.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; margin-bottom: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX418fnERVufXHBGv4x4q1aLlypB3gK-Pa274fJVrw5Pozdn8lLDD0E_CJCIaBoHTK69W0u7L0YN2gSmlV4qIFJgifsbMfMj_KTYxtXpfwTxoLAEs1e5m_oh3twnEt_QU242TkYDrVTP92/s1600/timthumb.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
Ternyata bukan cuma smartphone yang bisa di jailbreak, rooting, dan lain sebagainya, kamera DSLR juga bisa loh sedikit kita tweak biar tambah greget. Fungsingya apaan sih, udah jelas dari pabriknya gitu pengen dianeh-aneh lagi haduh. Eits pernah coba ga pengen buat HDR foto, timelapse, bahkan HDR Video nah dengan cara ini kita bisa dapetin itu semua. Memang resiko pasti ada dan garansi pun bisa aja hilang, kalo kalian mau coba saya &lt;span style=&quot;color: red;&quot;&gt;&lt;b&gt;DWYOR (Do With Your Own Risk)&lt;/b&gt;&lt;/span&gt; dan silakan baca sampai akhir cara-caranya kalo ngga ya baca juga itung-itung nambah pengetahuan hahaha.&lt;br /&gt;
&lt;br /&gt;
Sekarang saya akan perkenalkan kepada kalian semua sesuatu yang bisa bikin DSLR tambah greget yaitu (tereret teret *suara terompet) Magic Lantern. Si sesuatu ini adalah software untuk menaikkan dan mengoptimalkan fungsi dari kamera DSLR, sayangnya untuk jenis Canon EOS saja so yang selain dari itu gak bisa yah. Bukan ngehack si kameranya juga sih soalnya software ini ditanam lewat memory card gitu yang bakal diload langsung pas kamera dinyalain.&lt;br /&gt;
&lt;br /&gt;
ML dikembangakan oleh para entusias bidang foto dan video, fiturnya yang bakal bikin kalian ngiler seperti buat foto dan video HDR, timelapse, motion detection, focus assist tools, manual audio control dan masih banyak lagi coba baca aja &lt;a href=&quot;http://www.magiclantern.fm/about&quot;&gt;tentang Magic Lantern&lt;/a&gt;. Saat ini ML ada dua jenis yang stabil dan yang nightly build alias belum stabil. Kalau versi yang stabilnya udah ngedukung beberapa tipe yaitu 5D mark II 2.1.2, 50D 1.0.9, 60D 1.1.1, 500D 1.1.1, 550D 1.0.9 and 600D 1.0.2. &lt;br /&gt;
&lt;br /&gt;
Saya pakai 600D dengan firmware 1.0.2 jadi udah bisa gunain yang stabil, jadi untuk yang setipe sama kamera saya bisa dicoba langkah berikut dan alhamdulillah udah berhasil makanya saya share kalao ngga nangis deh jadinya hehe. &lt;br /&gt;
&lt;br /&gt;
Buat yang suka liat langsung tutorial lewat video juga ada nih dari om &lt;a href=&quot;http://www.learningdslrvideo.com/&quot;&gt;Dave Dugdale&lt;/a&gt;, yang mau baca sila lanjut bawah ya.&lt;br /&gt;
&lt;br /&gt;
&lt;iframe allowfullscreen=&quot;&quot; frameborder=&quot;0&quot; height=&quot;335&quot; src=&quot;http://www.youtube.com/embed/Sp-5wSmUsHc&quot; width=&quot;596&quot;&gt;&lt;/iframe&gt;

&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;Langkah pertama pastikan batre kamera kita penuh jangan sampe nanti pasti install tiba-tiba mati gara-gara lowbat itu bahaya banget, bisa bikin kamera kamu ngebata (bricks).&lt;/li&gt;
&lt;li&gt;Memory card yang digunain 32GB atau dibawahnya yang saya pakai 16GB kelas 10 (untuk merekam video tidak bisa di bawah kelas 10).&lt;/li&gt;
&lt;li&gt;Selanjutnya pada menu pilih Clear settings → Clear all camera settings lalu pilih OK. Terus format deh memory cardnya centang low level format.&lt;/li&gt;
&lt;li&gt;Setelah kameranya siap, &lt;a href=&quot;http://www.magiclantern.fm/download&quot;&gt;download dulu ML di situnya&lt;/a&gt; lalu ekstrak semua file dari file zip ML.&lt;/li&gt;
&lt;li&gt;Colokin memory card ke PC/Mac salin semua file yang tadi diekstrak ke dalam memory card jangan dijadiin folder di luarnya aja lalu eject/safely remove.&lt;/li&gt;
&lt;li&gt;Colokin lagi memory card ke dalam kamera, nyalakan kamera masuk lagi ke menu pengaturan pilih Firmware → Update pilih Oke. Setelah itu tunggu beberapa saat kamera akan mulai ajeb-ajeb sebentar (blink) sedikit deg-degan dan tiba-tiba..... horee berhasil. Lalu restart kameranya dan selesai.
&lt;/li&gt;
&lt;/ul&gt;
&lt;br /&gt;
Setelah saya coba beberapa hari ini ternyata banyak fitur yang kerennya, bikin timelapse jadi gampang plusnya itu juga HDR cuma memang harus post production lagi akhirnya. Ya dengan cara ini bisa sedikit ngurangin waktu dan belajar sesuatu yang baru sih hikmahnya. Oke segitu saja yang bisa saya sampaikan posting ini juga terinspirasi dari &lt;a href=&quot;http://petapixel.com/2013/06/01/installing-magic-lantern-a-basic-step-by-step-video-walkthrough/&quot;&gt;Peta Pixel&lt;/a&gt; jadi selamat mencoba dan kabarin ya pengalaman kalian dengan ngomen di postingan ini :)</content><link rel='replies' type='application/atom+xml' href='http://gilangaramadan.blogspot.com/feeds/5680069292494061462/comments/default' title='Posting Komentar'/><link rel='replies' type='text/html' href='http://gilangaramadan.blogspot.com/2013/06/cara-install-magic-lantern-v23-di-canon.html#comment-form' title='100 Komentar'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/177843263519855932/posts/default/5680069292494061462'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/177843263519855932/posts/default/5680069292494061462'/><link rel='alternate' type='text/html' href='http://gilangaramadan.blogspot.com/2013/06/cara-install-magic-lantern-v23-di-canon.html' title='Cara Install Magic Lantern V.2.3 di Canon EOS 600D'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/16588151145884608700</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX418fnERVufXHBGv4x4q1aLlypB3gK-Pa274fJVrw5Pozdn8lLDD0E_CJCIaBoHTK69W0u7L0YN2gSmlV4qIFJgifsbMfMj_KTYxtXpfwTxoLAEs1e5m_oh3twnEt_QU242TkYDrVTP92/s72-c/timthumb.png" height="72" width="72"/><thr:total>100</thr:total><georss:featurename>Bandung, Indonesia</georss:featurename><georss:point>-6.9147444 107.6098111</georss:point><georss:box>-7.0408529 107.4484496 -6.7886359 107.7711726</georss:box></entry><entry><id>tag:blogger.com,1999:blog-177843263519855932.post-8142929251395643902</id><published>2013-06-04T22:55:00.000+07:00</published><updated>2013-06-06T22:22:09.951+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Bandung"/><category scheme="http://www.blogger.com/atom/ns#" term="Canon EOS 600D"/><category scheme="http://www.blogger.com/atom/ns#" term="Cerita Pengalaman"/><category scheme="http://www.blogger.com/atom/ns#" term="Indonesia"/><category scheme="http://www.blogger.com/atom/ns#" term="Photography"/><category scheme="http://www.blogger.com/atom/ns#" term="Timelapse"/><category scheme="http://www.blogger.com/atom/ns#" term="Tutorial"/><title type='text'>Nyoba Timelapse Di Atas Genteng</title><content type='html'>Karena hari ini cuacanya cerah ceria saya coba-coba bikin &lt;a href=&quot;https://en.wikipedia.org/wiki/Time-lapse_photography&quot;&gt;timelapse&lt;/a&gt; dari atas genteng rumah. Konyol naek genteng segala emang spiderman gitu, ya tapi namanya jiwa muda pasti semua pengen dicoba hahaha. Oke ceritanya gini tadi saya mulai ngambil gambar jam 7:29 sampai jam 8:58 lumayan sejam setengah sambil berjemur juga biar sehat hehe.&lt;br /&gt;
&lt;br /&gt;
Peralatan yang digunakan di sini adalah Canon EOS 600D dan lensa Samyang Fish-Eye 8mm juga harus pake tripod biar stabil, ga mungkin dipegang juga kali satu jam mah leuleus cuuy. Pengaturannya kasih bukaan F/22, ISO 100, ekspos 1/125 sekon. Interval waktunya juga masih ngawur sih asalnya beberapa foto saya ambil setiap 3 detik kesananya karena ngerasa terlalu cepat jadinya 1 menit 20 detik.
&lt;br /&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhE60Yy0NVlsyKBCo7sA3Sp1QaXMSRmVICeySbO0igR9Q3xZODzVyZYa-btghmJxaUFnzwBjNjw-GgYlpTNp65GiqN4SPRk9iFF-V2HhuXfL-vNIhlEQ87y9x2MVykNDw-uQfgEl7kuRodL/s1600/WP_20130604_002.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;222&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhE60Yy0NVlsyKBCo7sA3Sp1QaXMSRmVICeySbO0igR9Q3xZODzVyZYa-btghmJxaUFnzwBjNjw-GgYlpTNp65GiqN4SPRk9iFF-V2HhuXfL-vNIhlEQ87y9x2MVykNDw-uQfgEl7kuRodL/s400/WP_20130604_002.jpg&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;Penampakan Alat-alat&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;br /&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCvHDI7_cHWCdvc5s-PBnmJXKAEoOwP_B2Ubu5T6R9D6PHRBA0ajGTSJIhqByoRrOZSa85kZ-p-DIpiqTgLks88ttd9pFEUkWpZoOX5t3XGRWbyE4QVsm46E2p3YsVYVMFX1d6fYn8Q3uA/s1600/WP_20130604_004.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;223&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCvHDI7_cHWCdvc5s-PBnmJXKAEoOwP_B2Ubu5T6R9D6PHRBA0ajGTSJIhqByoRrOZSa85kZ-p-DIpiqTgLks88ttd9pFEUkWpZoOX5t3XGRWbyE4QVsm46E2p3YsVYVMFX1d6fYn8Q3uA/s400/WP_20130604_004.jpg&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;Penampakan Dari Atas&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
Ngitungnya masih amatiran jadi cuma pake countdown timer di jam tangan :p&lt;br /&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihMf7vT8q693CmOf2TeNVh5oURwVFnnKxg890K4dwOo88yiADvhZ76P1ZaTaL02jCxU3M6ICvRUT138pSpHAUW_kx7sLUvSBfy-k-zzTK47SM67jCal5w3tyJJkJ0MP4FuefBmujFC5u5v/s1600/WP_20130604_009.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;400&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihMf7vT8q693CmOf2TeNVh5oURwVFnnKxg890K4dwOo88yiADvhZ76P1ZaTaL02jCxU3M6ICvRUT138pSpHAUW_kx7sLUvSBfy-k-zzTK47SM67jCal5w3tyJJkJ0MP4FuefBmujFC5u5v/s400/WP_20130604_009.jpg&quot; width=&quot;223&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;Lagi Ngitung Mundur&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;br /&gt;
Nah kawan-kawan ini lah hasinya saya nunggu sejam setengah cuma jadi 7 detik! Sangat luar biasa bukan! (pembaca: bukaaaan).
&lt;br /&gt;
&lt;br /&gt;
&lt;iframe allowfullscreen=&quot;&quot; frameborder=&quot;0&quot; height=&quot;335&quot; src=&quot;http://www.youtube.com/embed/jpswNDsNkLE&quot; width=&quot;596&quot;&gt;&lt;/iframe&gt;

&lt;br /&gt;
Sekian ceritanya, oia video di atas digabung pakai After Effect dengan beberapa sentuhan, kapan-kapan saya bakal bagi juga tutorialnya buat kalian jadi tungguin aja ya! (mudah-mudahan ga males nulis lagi hahaha :p).</content><link rel='replies' type='application/atom+xml' href='http://gilangaramadan.blogspot.com/feeds/8142929251395643902/comments/default' title='Posting Komentar'/><link rel='replies' type='text/html' href='http://gilangaramadan.blogspot.com/2013/06/nyoba-timelapse-di-atas-genteng.html#comment-form' title='2 Komentar'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/177843263519855932/posts/default/8142929251395643902'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/177843263519855932/posts/default/8142929251395643902'/><link rel='alternate' type='text/html' href='http://gilangaramadan.blogspot.com/2013/06/nyoba-timelapse-di-atas-genteng.html' title='Nyoba Timelapse Di Atas Genteng'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/16588151145884608700</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhE60Yy0NVlsyKBCo7sA3Sp1QaXMSRmVICeySbO0igR9Q3xZODzVyZYa-btghmJxaUFnzwBjNjw-GgYlpTNp65GiqN4SPRk9iFF-V2HhuXfL-vNIhlEQ87y9x2MVykNDw-uQfgEl7kuRodL/s72-c/WP_20130604_002.jpg" height="72" width="72"/><thr:total>2</thr:total><georss:featurename>Bandung, Indonesia</georss:featurename><georss:point>-6.9147444 107.6098111</georss:point><georss:box>-7.0408529 107.4484496 -6.7886359 107.7711726</georss:box></entry><entry><id>tag:blogger.com,1999:blog-177843263519855932.post-881977168312556505</id><published>2013-06-04T02:20:00.000+07:00</published><updated>2013-07-02T22:00:16.286+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Bandung"/><category scheme="http://www.blogger.com/atom/ns#" term="Blogger"/><category scheme="http://www.blogger.com/atom/ns#" term="Cerita Pengalaman"/><category scheme="http://www.blogger.com/atom/ns#" term="Geeks"/><category scheme="http://www.blogger.com/atom/ns#" term="Review"/><category scheme="http://www.blogger.com/atom/ns#" term="Software"/><category scheme="http://www.blogger.com/atom/ns#" term="SyntaxHighlighter"/><category scheme="http://www.blogger.com/atom/ns#" term="Tutorial"/><title type='text'>Cara Menambah Syntax Highlighter di Blogger Post</title><content type='html'>&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEj0W7eE7l9qCdd3Au6afA65d9xnACB9MbXDP20SH4bbqirFK5uxrmJxrr_ZWoDF4EUZQdfXp90ky98pqTXps6zyzzHEiTqOC-RhS7KgaUEar-IYa7piwzW8DQMN1NglBBSDY-wcHRAAY6/s1600/syntax.png&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;180&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEj0W7eE7l9qCdd3Au6afA65d9xnACB9MbXDP20SH4bbqirFK5uxrmJxrr_ZWoDF4EUZQdfXp90ky98pqTXps6zyzzHEiTqOC-RhS7KgaUEar-IYa7piwzW8DQMN1NglBBSDY-wcHRAAY6/s320/syntax.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;
&lt;br /&gt;
&lt;blockquote&gt;
&lt;b&gt;Bagaimana nambahin kode program ke dalam blogger? atau how to embed code syntax in Blog?&lt;/b&gt;&lt;/blockquote&gt;
adalah pertanyaan yang dulu saya tanya ke Google pas mau berbagi kode sumber di blog kita. Memang secara defaultnya dalam Blogger atau Blogspot kita tidak dapat langsung mengetik kode-kode program apalagi kode HTML, soalnya si Blogger bakal ngompile bukan sebagai teks tapi sebagai kode itu sendiri jadi bakal tidak terlihat kode itu di post kita sewaktu di publish. &lt;br /&gt;
Untuk itu kita butuh sesuatu yang bisa memformat kode-kode tadi biar tidak terjadi salah paham dengan si Blogger dan tampilannya eye-catching punya. Sesuatu itu bernama &lt;a href=&quot;http://alexgorbatchev.com/SyntaxHighlighter/&quot;&gt;SyntaxHighlighter&lt;/a&gt; suatu alat agar kode kita bisa di tulis dalam postingan. Tidak usah panjang lebar lagi mari kita ikuti langkah-langkah berikut.
&lt;br /&gt;
&lt;h2&gt;
Cara Install&lt;/h2&gt;
&lt;ol&gt;
&lt;li&gt;Lihat di dashboardnya pilih Template → Edit HTML nah sekarang biar aman CTRL+A terus Copy pindahin dulu semua kodenya ke editor yang kamu punya, jaga-jaga ntar takut terjadi kesalahan hehe.&lt;/li&gt;
&lt;li&gt;
  Nah sekarang masukan kode berikut sebelum tag &amp;lt;/head&amp;gt; ambil dari line 02 sampai line 34.&lt;i&gt;FYI: SyntaxHighlighter sekarang sudah versi 3.0.83 namun pada versi terbaru ini tidak ada fasilitas view source, copy to clipboard, print, help&lt;/i&gt;.

&lt;pre class=&quot;brush:html&quot;&gt;   
   &lt;!-- BEGIN copy dari line 02 sampai line 34
   &lt;script src=&#39;http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shCore.js&#39; type=&#39;text/javascript&#39;/&gt; 
   &lt;script src=&#39;http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushAS3.js&#39; type=&#39;text/javascript&#39;/&gt;
   &lt;script src=&#39;http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushBash.js&#39; type=&#39;text/javascript&#39;/&gt;
   &lt;script src=&#39;http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushColdFusion.js&#39; type=&#39;text/javascript&#39;/&gt;
   &lt;script src=&#39;http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushCSharp.js&#39; type=&#39;text/javascript&#39;/&gt;
   &lt;script src=&#39;http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushCpp.js&#39; type=&#39;text/javascript&#39;/&gt;
   &lt;script src=&#39;http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushCss.js&#39; type=&#39;text/javascript&#39;/&gt;
   &lt;script src=&#39;http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushDelphi.js&#39; type=&#39;text/javascript&#39;/&gt;
   &lt;script src=&#39;http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushDiff.js&#39; type=&#39;text/javascript&#39;/&gt;
   &lt;script src=&#39;http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushErlang.js&#39; type=&#39;text/javascript&#39;/&gt;
   &lt;script src=&#39;http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushGroovy.js&#39; type=&#39;text/javascript&#39;/&gt;
   &lt;script src=&#39;http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushJScript.js&#39; type=&#39;text/javascript&#39;/&gt;
   &lt;script src=&#39;http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushJava.js&#39; type=&#39;text/javascript&#39;/&gt;
   &lt;script src=&#39;http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushJavaFX.js&#39; type=&#39;text/javascript&#39;/&gt;
   &lt;script src=&#39;http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushPerl.js&#39; type=&#39;text/javascript&#39;/&gt;
   &lt;script src=&#39;http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushPhp.js&#39; type=&#39;text/javascript&#39;/&gt;
   &lt;script src=&#39;http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushPlain.js&#39; type=&#39;text/javascript&#39;/&gt;
   &lt;script src=&#39;http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushPowerShell.js&#39; type=&#39;text/javascript&#39;/&gt;
   &lt;script src=&#39;http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushPython.js&#39; type=&#39;text/javascript&#39;/&gt;
   &lt;script src=&#39;http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushRuby.js&#39; type=&#39;text/javascript&#39;/&gt;
   &lt;script src=&#39;http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushScala.js&#39; type=&#39;text/javascript&#39;/&gt;
   &lt;script src=&#39;http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushSql.js&#39; type=&#39;text/javascript&#39;/&gt;
   &lt;script src=&#39;http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushVb.js&#39; type=&#39;text/javascript&#39;/&gt;
   &lt;script src=&#39;http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushXml.js&#39; type=&#39;text/javascript&#39;/&gt;

   &lt;link href=&#39;http://alexgorbatchev.com/pub/sh/2.1.382/styles/shCore.css&#39; rel=&#39;stylesheet&#39; type=&#39;text/css&#39;/&gt;
   &lt;link href=&#39;http://alexgorbatchev.com/pub/sh/2.1.382/styles/shThemeDefault.css&#39; rel=&#39;stylesheet&#39; type=&#39;text/css&#39;/&gt;
   
   &lt;script language=&#39;javascript&#39;&gt; 
   SyntaxHighlighter.config.bloggerMode = true;
   SyntaxHighlighter.config.clipboardSwf = &#39;http://alexgorbatchev.com/pub/sh/2.1.382/scripts/clipboard.swf&#39;;
   SyntaxHighlighter.all();
   &lt;/script&gt;
   ENDING --&gt;
&lt;/pre&gt;
&lt;/li&gt;
&lt;li&gt;Terakhir tinggal di Save deh templatenya.&lt;/li&gt;
&lt;/ol&gt;
&lt;br /&gt;
&lt;h2&gt;
Cara Memanggil&lt;/h2&gt;
Pada editor blognya pilih HTML masukan kode seperti berikut ini
&lt;br /&gt;
&lt;pre class=&quot;brush:html&quot;&gt;  &lt;pre class=&quot;brush: js&quot;&gt;    &lt;!-- DISINI KODE YANG MAU DICANTUMKAN --&gt;
  &lt;/pre&gt;
&lt;/pre&gt;
Tag &quot;brush&quot; bisa isi apa saja sesuai bahasa yang ingin kita masukan yang dinamakan alias. SyntaxHighlighter mendukung beberapa bahasa untuk aliasnya berikut adalah daftarnya
&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;ActionScript3 → as3, actionscript3&lt;/li&gt;
&lt;li&gt;Bash/shell → bash, shell&lt;/li&gt;
&lt;li&gt;ColdFusion → cf, coldfusion&lt;/li&gt;
&lt;li&gt;C# → c-sharp, csharp&lt;/li&gt;
&lt;li&gt;C++ → cpp, c&lt;/li&gt;
&lt;li&gt;CSS → css&lt;/li&gt;
&lt;li&gt;Delphi → delphi, pas, pascal&lt;/li&gt;
&lt;li&gt;Diff → diff, patch&lt;/li&gt;
&lt;li&gt;Erlang → erl, erlang&lt;/li&gt;
&lt;li&gt;Groovy → groovy&lt;/li&gt;
&lt;li&gt;JavaScript → js, jscript, javascript&lt;/li&gt;
&lt;li&gt;Java → java&lt;/li&gt;
&lt;li&gt;JavaFX → jfx, javafx&lt;/li&gt;
&lt;li&gt;Perl → perl, pl&lt;/li&gt;
&lt;li&gt;PHP → php&lt;/li&gt;
&lt;li&gt;Plain Text → plain, text&lt;/li&gt;
&lt;li&gt;PowerShell → ps, powershell&lt;/li&gt;
&lt;li&gt;Python → py, pyhton&lt;/li&gt;
&lt;li&gt;Ruby → rails, ror, ruby&lt;/li&gt;
&lt;li&gt;Scala → scala&lt;/li&gt;
&lt;li&gt;SQL → sql&lt;/li&gt;
&lt;li&gt;Visual Basic → vb,vbnet&lt;/li&gt;
&lt;li&gt;XML → xml, xhtml, xslt, html&lt;/li&gt;
&lt;/ul&gt;
&lt;br /&gt;
Contohnya seperti berikut, diberi tag C dan yang satu tag Plain pada satu syntax yang seharusnya C akan terlihat perbedaannya.

&lt;br /&gt;
&lt;pre class=&quot;brush: c&quot;&gt;  /* Hello World */
  #include &lt;stdlib .h=&quot;&quot;&gt;
  #include &lt;stdio .h=&quot;&quot;&gt;
   
  int main()
  {
      printf(&quot;Hello World\n&quot;);
      return 0;
  }
&lt;/stdio&gt;&lt;/stdlib&gt;&lt;/pre&gt;
&lt;br /&gt;
dengan
&lt;br /&gt;
&lt;pre class=&quot;brush: plain&quot;&gt;  /* Hello World */
  #include &lt;stdlib .h=&quot;&quot;&gt;
  #include &lt;stdio .h=&quot;&quot;&gt;
   
  int main()
  {
      printf(&quot;Hello World\n&quot;);
      return 0;
  }
&lt;/stdio&gt;&lt;/stdlib&gt;&lt;/pre&gt;
&lt;br /&gt;
Bagaimana? gampangkan sekarang hehe. Kalau masih belum ngerti bisa langsung ditanyakan saja ya, terima kasih selamat mencoba! :)</content><link rel='replies' type='application/atom+xml' href='http://gilangaramadan.blogspot.com/feeds/881977168312556505/comments/default' title='Posting Komentar'/><link rel='replies' type='text/html' href='http://gilangaramadan.blogspot.com/2013/06/cara-menambah-syntax-highlighter-di.html#comment-form' title='4 Komentar'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/177843263519855932/posts/default/881977168312556505'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/177843263519855932/posts/default/881977168312556505'/><link rel='alternate' type='text/html' href='http://gilangaramadan.blogspot.com/2013/06/cara-menambah-syntax-highlighter-di.html' title='Cara Menambah Syntax Highlighter di Blogger Post'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/16588151145884608700</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEj0W7eE7l9qCdd3Au6afA65d9xnACB9MbXDP20SH4bbqirFK5uxrmJxrr_ZWoDF4EUZQdfXp90ky98pqTXps6zyzzHEiTqOC-RhS7KgaUEar-IYa7piwzW8DQMN1NglBBSDY-wcHRAAY6/s72-c/syntax.png" height="72" width="72"/><thr:total>4</thr:total><georss:featurename>Bandung, Indonesia</georss:featurename><georss:point>-6.9147444 107.6098111</georss:point><georss:box>-6.9147444 107.6098111 -6.9147444 107.6098111</georss:box></entry><entry><id>tag:blogger.com,1999:blog-177843263519855932.post-8535467872959966915</id><published>2013-06-03T22:54:00.000+07:00</published><updated>2013-06-04T00:33:24.873+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Bandung"/><category scheme="http://www.blogger.com/atom/ns#" term="Cerita Pengalaman"/><category scheme="http://www.blogger.com/atom/ns#" term="Emmet"/><category scheme="http://www.blogger.com/atom/ns#" term="Geeks"/><category scheme="http://www.blogger.com/atom/ns#" term="Plugin"/><category scheme="http://www.blogger.com/atom/ns#" term="Review"/><category scheme="http://www.blogger.com/atom/ns#" term="Software"/><category scheme="http://www.blogger.com/atom/ns#" term="Sublime Text"/><category scheme="http://www.blogger.com/atom/ns#" term="Tutorial"/><title type='text'>Koding HTML+CSS Ringkas Pakai Emmet di Sublime Text</title><content type='html'>&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGOgTZ5f_UGwJRuWXHZfy8F6_tZWz24SKok1DELwrHTtNLQnX6df-RXb5PBmLU-aYkQ0PWn3ya2wCPGnDNMY8OeHGeXrW8JNI7h4oUcrp2uOGDLse0AnNxKlJXng_wGcjOcE8PZIrkH3J1/s1600/logo.png&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; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGOgTZ5f_UGwJRuWXHZfy8F6_tZWz24SKok1DELwrHTtNLQnX6df-RXb5PBmLU-aYkQ0PWn3ya2wCPGnDNMY8OeHGeXrW8JNI7h4oUcrp2uOGDLse0AnNxKlJXng_wGcjOcE8PZIrkH3J1/s320/logo.png&quot; /&gt;&lt;/a&gt;
Buat kamu-kamu yang udah punya Sublime Text terus masih ngerasa cara koding kamu masih lama, butuh sesuatu yang baru biar kalau pasang tag tiba-tiba langsung ada ga perlu terlalu inget tinggal pencet tab doang, kalian pasti suka dengan plugin yang satu ini namanya Emmet. Dulunya bernama Zen Coding kalau kata Smashing Magazine mah
&lt;br /&gt;
&lt;blockquote class=&quot;tr_bq&quot;&gt;
&lt;i&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&quot;Emmet is the most productive and time-saving text-editor plugin you will ever see.&quot;&amp;nbsp;&lt;/span&gt;&lt;/i&gt;&lt;/blockquote&gt;
&lt;br /&gt;
Keren banget kan tuh kalian bisa mempercepat kodingan dengan mengetikkan beberapa singkatan khusus trus kalo kita tekan tab maka akan keluar suatu potongan kode komplek.
&lt;br /&gt;
&lt;br /&gt;
Sebelum itu coba cek dulu aja nih videonya biar tambah wow.
&lt;br /&gt;
&lt;br /&gt;
&lt;iframe allowfullscreen=&quot;&quot; frameborder=&quot;0&quot; height=&quot;335&quot; src=&quot;http://www.youtube.com/embed/sxW-V24MTXI&quot; width=&quot;596&quot;&gt;&lt;/iframe&gt;

&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;h2&gt;
Cara Install&lt;/h2&gt;
Kalau kalian udah install Package Control cara installnya tinggal CTRL+SHIFT+P&amp;nbsp;
&lt;span style=&quot;background-color: white; font-family: Helvetica, Arial, sans-serif; font-size: 13px; line-height: 17px;&quot;&gt;
 → “install” → ENTER → “emmet” → ENTER. Belum tahu Package Control baca dulu artikel
 &lt;a href=&quot;http://gilangaramadan.blogspot.com/2012/09/mencoba-sublime-text-2-untuk-windows-7.html&quot;&gt;disini&lt;/a&gt;
 .
&lt;/span&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h2&gt;
Bagaimana cara kerjanya?&lt;/h2&gt;
Menulis kode HTML itu kita sadari memang memakan waktu, harus buka tutup tagnya, belum kurungnya, dan segala macam yang harus kita ketik ulang. Memang semua code editor juga punya code completion sendiri tapi keluarnya kan cuma sepotong. Kalau dengan Emmet dari sepotong itu jadi kode yang komplek jadi tidak terlalu banyak ngetik tinggal isi aja. Beberapa hal yang dapat dilakukan si Emmet ini adalah sebagai berikut.
&lt;br /&gt;
&lt;br /&gt;
&lt;h2&gt;
HTML Abbreviations&lt;/h2&gt;
&lt;h3&gt;
Initializers&lt;/h3&gt;
Mulai suatu dokumen HTML baru bisa secepat kilat (lebay) tinggal ketik ! atau html:5, trus tekan Tab, secara ajaib akan keluar template HTML5 doctype yang udah siap kita isi didalamnya. Keren kan, jadi kita tidak perlu lagi bikin buka tutup tag tinggal sekali potongan kode aja jadi semua.
&lt;br /&gt;
&lt;br /&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;
 &lt;tbody&gt;
&lt;tr&gt;
   &lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha-i8O1OXpH4p_ZxI3MLdMLq-DHfZVnOYuHIbo1GrbFTrybfrVOORBi_qdYMKxm6mNBQh87mrbFF7zxAFIl756xHd2BNpRTx9XsG1Xou2c200BS621fuBi2MY6gHTHONAB2UNaKpJItv7D/s1600/initializers.gif&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;
     &lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha-i8O1OXpH4p_ZxI3MLdMLq-DHfZVnOYuHIbo1GrbFTrybfrVOORBi_qdYMKxm6mNBQh87mrbFF7zxAFIl756xHd2BNpRTx9XsG1Xou2c200BS621fuBi2MY6gHTHONAB2UNaKpJItv7D/s1600/initializers.gif&quot; /&gt;
    &lt;/a&gt;
   &lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
   &lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;Sumber:&amp;nbsp;
    &lt;a href=&quot;http://coding.smashingmagazine.com/&quot;&gt;http://coding.smashingmagazine.com&lt;/a&gt;
   &lt;/td&gt;
  &lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;ul&gt;
&lt;li&gt;html:5 atau ! untuk HTML5 doctype&lt;/li&gt;
&lt;li&gt;html:xt untuk XHTML trasitional doctype&lt;/li&gt;
&lt;li&gt;html:4s untuk HTML4 strict doctype&lt;/li&gt;
&lt;/ul&gt;
&lt;h3&gt;
Menambah Class, ID, Teks dan Atribut&lt;/h3&gt;
Syntax yang digunakan Emmet untuk mendeskripsikan suatu elemen sama seperti CSS selector, misalnya p.menu#header maka keluaranya akan menjadi
&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;menu&quot; id=&quot;header&amp;gt;&amp;lt;/p&amp;gt;&amp;lt;/p&amp;gt;&amp;lt;p&amp;gt;&amp;lt;br&amp;gt;&amp;lt;/p&amp;gt;&amp;lt;p&amp;gt;Sekarang kita coba contoh lain untuk heading bisa seperti berikut menggunakan kurung kurawal h1{Title} nanti keluarannya&amp;lt;/p&amp;gt;&amp;lt;p&amp;gt;&amp;lt;br&amp;gt;&amp;lt;/p&amp;gt;&amp;lt;p&amp;gt;&amp;lt;h1&amp;gt;Title&amp;lt;/h1&amp;gt;&amp;lt;/p&amp;gt;&amp;lt;p&amp;gt;&amp;lt;br&amp;gt;&amp;lt;/p&amp;gt;&amp;lt;p&amp;gt;Kalau pake kurung siku bisa seperti ini a[href=#]&amp;lt;/p&amp;gt;&amp;lt;p&amp;gt;&amp;lt;br&amp;gt;&amp;lt;/p&amp;gt;&amp;lt;p&amp;gt;&amp;lt;a href=&quot;&gt;
&lt;/div&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;
 &lt;tbody&gt;
&lt;tr&gt;
   &lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9sHAB-t0etCgDaZfHuxiyhUmuphLmfuaZZ9kCPQafvcz4RQGoPIJOg8uG5Ty_5jVLvDECd0q7ywDOq3PfV3OOHkGH3VBc9JR07sVoVKwlkjv86oW2-9dKsQSVLAtDVzJ8TDHkPieJjfYz/s1600/classes-ids.gif&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;
     &lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9sHAB-t0etCgDaZfHuxiyhUmuphLmfuaZZ9kCPQafvcz4RQGoPIJOg8uG5Ty_5jVLvDECd0q7ywDOq3PfV3OOHkGH3VBc9JR07sVoVKwlkjv86oW2-9dKsQSVLAtDVzJ8TDHkPieJjfYz/s1600/classes-ids.gif&quot; /&gt;
    &lt;/a&gt;
   &lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
   &lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;Sumber:&amp;nbsp;
    &lt;a href=&quot;http://coding.smashingmagazine.com/&quot;&gt;http://coding.smashingmagazine.com&lt;/a&gt;
   &lt;/td&gt;
  &lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;h3&gt;
Nesting&lt;/h3&gt;
Bukan cuma sebatas gabungan satu tag seperti diatas namun kita juga bisa juga bersarang (nesting). Operasinya harus diawali operator &amp;gt; kalau mau bersarang. Bisa pakai + juga untuk satu level. Terakhir bisa pakai ^ biar nambah satu level lagi dibawahnya.
&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;
 &lt;tbody&gt;
&lt;tr&gt;
   &lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioCNx3UCIcYd7XJjpSyueQjpJ14Xfay2ZXJ3YXXfKYd7YZubEteDw2yxE0oBDpG9-FznieZyu4TFD8tRKcLGnZFq-qqGKW5SayEcsm54D9nSO1n4aui5kV42X_Ft6UzoZ966DqYGkJtB3g/s1600/nesting.gif&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;
     &lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioCNx3UCIcYd7XJjpSyueQjpJ14Xfay2ZXJ3YXXfKYd7YZubEteDw2yxE0oBDpG9-FznieZyu4TFD8tRKcLGnZFq-qqGKW5SayEcsm54D9nSO1n4aui5kV42X_Ft6UzoZ966DqYGkJtB3g/s1600/nesting.gif&quot; /&gt;
    &lt;/a&gt;
   &lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
   &lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;Sumber:&amp;nbsp;
    &lt;a href=&quot;http://coding.smashingmagazine.com/&quot;&gt;http://coding.smashingmagazine.com&lt;/a&gt;
   &lt;/td&gt;
  &lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;h3&gt;
Grouping&lt;/h3&gt;
Kita juga bisa menjadikan kelompok seperti pada operasi matematika (.foo&amp;gt;h1)+(.bar&amp;gt;h2) hasilnya
&lt;br /&gt;
&lt;pre class=&quot;brush: html&quot;&gt;
&lt;div class=&quot;foo&quot;&gt;
 &lt;h1&gt;&lt;/h1&gt;
&lt;/div&gt;
&lt;div class=&quot;bar&quot;&gt;
 &lt;h2&gt;&lt;/h2&gt;
&lt;/div&gt;
&lt;/pre&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDIITTv2qAci6jekSccH5RNuRfjNDqhUPuTGdSYaqraQ71g7Wv4uBsEPZKYRQBDzlFndcldU4d1J1GJsObdIpkzbE83MIEERNfOJggK7QcZG4fbM8qagdxOstj9veTuchWaJWryOTQW3Cv/s1600/grouping.gif&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDIITTv2qAci6jekSccH5RNuRfjNDqhUPuTGdSYaqraQ71g7Wv4uBsEPZKYRQBDzlFndcldU4d1J1GJsObdIpkzbE83MIEERNfOJggK7QcZG4fbM8qagdxOstj9veTuchWaJWryOTQW3Cv/s1600/grouping.gif&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;Sumber:&amp;nbsp;&lt;a href=&quot;http://coding.smashingmagazine.com/&quot;&gt;http://coding.smashingmagazine.com&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;h3&gt;
Penamaan Tag Implisit&lt;/h3&gt;
Untuk menyatakan tag dengan class-nya kita tinggal mengetikkan div.item nanti keluarannya jadi 
&lt;br /&gt;
&lt;pre class=&quot;brush: html&quot;&gt;
&lt;div class=&quot;item&quot;&gt;&lt;/div&gt;
&lt;/pre&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw9kTs1e3cUSQnor7p2e0BuR-g2y0HLJoRR56M4mrObJgqz6MxDLlfERWcw7PQJw6wSCIDuLHJSOmgenxGKnW4xfRI0EU2gx5p_GmSsA5UFHgvJfXphVI9eynfKskW9f571j5DizcamRmw/s1600/implicit-tags.gif&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw9kTs1e3cUSQnor7p2e0BuR-g2y0HLJoRR56M4mrObJgqz6MxDLlfERWcw7PQJw6wSCIDuLHJSOmgenxGKnW4xfRI0EU2gx5p_GmSsA5UFHgvJfXphVI9eynfKskW9f571j5DizcamRmw/s1600/implicit-tags.gif&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;Sumber:&amp;nbsp;&lt;a href=&quot;http://coding.smashingmagazine.com/&quot;&gt;http://coding.smashingmagazine.com&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;h3&gt;
Multiplikasi&lt;/h3&gt;
Mau tambah listingnya banyak ga perlu repot tulis tag li nya, pakai operator * untuk mendefinisikan berapa banyaknya. Misalnya ul&amp;gt;li*3 maka keluarannya menjadi
&lt;br /&gt;
&lt;pre class=&quot;brush: html&quot;&gt;
&lt;ul&gt;
 &lt;li&gt;&lt;/li&gt;
 &lt;li&gt;&lt;/li&gt;
 &lt;li&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/pre&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdD9bxYNU9IEaae6XTEqzJRJzhjvkCVSkJ7j3PyMCvHwIiQ378TiWujJoIu2S2cCHlL7mCijiMEdUBxVgrcLHfne-coAFOsWu8n7IWFfAdT-aSIoq4Jx4MKbVcumwpSnIVOLcQhASxoTE2/s1600/multiplication.gif&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdD9bxYNU9IEaae6XTEqzJRJzhjvkCVSkJ7j3PyMCvHwIiQ378TiWujJoIu2S2cCHlL7mCijiMEdUBxVgrcLHfne-coAFOsWu8n7IWFfAdT-aSIoq4Jx4MKbVcumwpSnIVOLcQhASxoTE2/s1600/multiplication.gif&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;Sumber:&amp;nbsp;&lt;a href=&quot;http://coding.smashingmagazine.com/&quot;&gt;http://coding.smashingmagazine.com&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;h3&gt;
Penomoran&lt;/h3&gt;
Gabungan multiplikasi juga pakai nomer, cukup tambah operator $ pada nama elemen dan multiplikasi akan bekerja sesuai input yang diberikan. Jika mengetik ol&amp;gt;li.item$*3 maka menjadi
&lt;br /&gt;
&lt;pre class=&quot;brush: html&quot;&gt;
&lt;ul&gt;
 &lt;li class=&quot;item1&quot;&gt;&lt;/li&gt;
 &lt;li class=&quot;item2&quot;&gt;&lt;/li&gt;
 &lt;li class=&quot;item3&quot;&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/pre&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_FhFY1rdyWcKS6szbBjDyBO15pd22niFsXQww_xdmvicX2yrkATw_nA82gJwfPrVikYBge7NcMAGGBdyvN9E8Di1KCcSTn4E9PWyCbU-IynCw8zsP9fGTdNVJVXwh3EGxF0njSAdUYO-i/s1600/numbering.gif&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_FhFY1rdyWcKS6szbBjDyBO15pd22niFsXQww_xdmvicX2yrkATw_nA82gJwfPrVikYBge7NcMAGGBdyvN9E8Di1KCcSTn4E9PWyCbU-IynCw8zsP9fGTdNVJVXwh3EGxF0njSAdUYO-i/s1600/numbering.gif&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;Sumber:&amp;nbsp;&lt;a href=&quot;http://coding.smashingmagazine.com/&quot;&gt;http://coding.smashingmagazine.com&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;br /&gt;
&lt;h2&gt;
CSS Abbreviations&lt;/h2&gt;
&lt;h3&gt;
Values&lt;/h3&gt;
Bukan hanya bisa digunakan pada tag HTML tapi bisa juga pada tag CSS. Semisal kita mau memasukan nilai width pada suatu css tinggal ketik w100 jadi deh width: 100px;&lt;br /&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2B9QW86qUej9t50M-GM49u3zHzafU8VQ7DrCxZL5TiYDOt4-P0pNnuNOxclmdn2D2wgaLgghmKrMFp6YKYT-dtXR_93-2GNB03a8kF6IVuUDz0Rr6bPpcOLNFMhCF9kfsbcPg4SQzkmxP/s1600/values.gif&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2B9QW86qUej9t50M-GM49u3zHzafU8VQ7DrCxZL5TiYDOt4-P0pNnuNOxclmdn2D2wgaLgghmKrMFp6YKYT-dtXR_93-2GNB03a8kF6IVuUDz0Rr6bPpcOLNFMhCF9kfsbcPg4SQzkmxP/s1600/values.gif&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;Sumber:&amp;nbsp;&lt;a href=&quot;http://coding.smashingmagazine.com/&quot;&gt;http://coding.smashingmagazine.com&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;br /&gt;
Bukan cuma pixel, ukuran yang lainnya pun bisa seperti h10p+m5e jadi
&lt;br /&gt;
&lt;pre class=&quot;brush: css&quot;&gt;
height: 10%;
margin: 5em;
&lt;/pre&gt;
Berikut daftarnya
&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;p → %&lt;/li&gt;
&lt;li&gt;e → em&lt;/li&gt;
&lt;li&gt;x → ex&lt;/li&gt;
&lt;/ul&gt;
&lt;h3&gt;
Operator Tambahan&lt;/h3&gt;
Ada beberapa tambahan lagi yang bisa digunakan misal kita mau membuat template @font-face dengan cepat tinggal ketik @f+ maka keluar seperti ini
&lt;br /&gt;
&lt;pre class=&quot;brush: css&quot;&gt;
@font-face {
 font-family: &#39;FontName&#39;;
 src: url(&#39;FileName.eot&#39;);
 src: url(&#39;FileName.eot?#iefix&#39;) format(&#39;embedded-opentype&#39;),
   url(&#39;FileName.woff&#39;) format(&#39;woff&#39;),
   url(&#39;FileName.ttf&#39;) format(&#39;truetype&#39;),
   url(&#39;FileName.svg#FontName&#39;) format(&#39;svg&#39;);
 font-style: normal;
 font-weight: normal;
}
&lt;/pre&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVdvJySMHS86koAU5QXdni1yhiprNUwa4tgLSDbDC4D5SysaXQn4_u6jMM9oV3UPMIvf0fzThRIBEHFhO1bsPFoylQxXO408ryCKYTvNK3LT2fEu8z_uAn7H24MArBW63BWkpUjahHpAFq/s1600/extra.gif&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVdvJySMHS86koAU5QXdni1yhiprNUwa4tgLSDbDC4D5SysaXQn4_u6jMM9oV3UPMIvf0fzThRIBEHFhO1bsPFoylQxXO408ryCKYTvNK3LT2fEu8z_uAn7H24MArBW63BWkpUjahHpAFq/s1600/extra.gif&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;Sumber:&amp;nbsp;&lt;a href=&quot;http://coding.smashingmagazine.com/&quot;&gt;http://coding.smashingmagazine.com&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;h3&gt;
Fuzzy Search&lt;/h3&gt;
Emmet juga bisa mencari tag yang hampir mirip dengan apa yang kita ketik misal ov:h dan ov-h dan ovh dan oh akan mengeluarkan hasil yang sama yaitu overflow: hidden;&lt;br /&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7Yt88YnwW6aksvxINZJaVosl_5Ipoj1fiO4qhU63fna828VdjU9gjQ0sb-sfpsehLbb8mn3vcvnntXUtC-D9Z_qhH_O34Djag50fX2eevus13YhBmFiT8i_O1B-XSQit6HgccFkyalmSI/s1600/fuzzy-search.gif&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7Yt88YnwW6aksvxINZJaVosl_5Ipoj1fiO4qhU63fna828VdjU9gjQ0sb-sfpsehLbb8mn3vcvnntXUtC-D9Z_qhH_O34Djag50fX2eevus13YhBmFiT8i_O1B-XSQit6HgccFkyalmSI/s1600/fuzzy-search.gif&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;Sumber:&amp;nbsp;&lt;a href=&quot;http://coding.smashingmagazine.com/&quot;&gt;http://coding.smashingmagazine.com&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;h3&gt;
Vendor Prefixies&lt;/h3&gt;
Suka pakai CSS3? coba ketik trs bukan singkatan dari &#39;terus&#39; yah hahaha tapi ini transition nanti keluarannya
&lt;br /&gt;
&lt;pre class=&quot;brush: css&quot;&gt;
-webkit-transition: prop time;
-moz-transition: prop time;
-ms-transition: prop time;
-o-transition: prop time;
transition: prop time;
&lt;/pre&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtDvuxdWZTPO9ubvkKiNg8ZUNCD9U-Val0f9uYvQAfMHH7OIFUwX0_RzNtVvIfIsn87wfVL156GXAuishIPa_1vpvCZysmivjlsVnWXe842uCAXnhFm_tIIJt65i9o6V5dS_i7zUuLJA75/s1600/vendor-prefixes.gif&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtDvuxdWZTPO9ubvkKiNg8ZUNCD9U-Val0f9uYvQAfMHH7OIFUwX0_RzNtVvIfIsn87wfVL156GXAuishIPa_1vpvCZysmivjlsVnWXe842uCAXnhFm_tIIJt65i9o6V5dS_i7zUuLJA75/s1600/vendor-prefixes.gif&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;Sumber:&amp;nbsp;&lt;a href=&quot;http://coding.smashingmagazine.com/&quot;&gt;http://coding.smashingmagazine.com&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;br /&gt;
Daftar yang lainnya
&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;w → -webkit-&lt;/li&gt;
&lt;li&gt;m → -moz-&lt;/li&gt;
&lt;li&gt;s → -ms-&lt;/li&gt;
&lt;li&gt;o → -o-&lt;/li&gt;
&lt;/ul&gt;
&lt;h3&gt;
Gradient&lt;/h3&gt;
CSS3 itu ada gradasi juga, mau buat gradasi coba ketik saja lg(left, #ff 50%, #000) keluarannya menjadi
&lt;br /&gt;
&lt;pre class=&quot;brush: css&quot;&gt;
background-image: -webkit-gradient(linear, 0 0, 100% 0, color-stop(0.5, #ff), to(#000));
background-image: -webkit-linear-gradient(left, #ff 50%, #000);
background-image: -moz-linear-gradient(left, #ff 50%, #000);
background-image: -o-linear-gradient(left, #ff 50%, #000);
background-image: linear-gradient(left, #ff 50%, #000);
&lt;/pre&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8N30Nv0wKkd-WXehRqfR4Dd4PCZEk8U6mtoV1vkf6NSh44n7Yr804Rz8ZBH_xaITZuXDTiklPydnAjQNHNGeOff9Ince515yJzSxSdZG__RdAqYah4mDEzeBuvO7dzHdj0VwM1xS6WDLJ/s1600/gradient.gif&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8N30Nv0wKkd-WXehRqfR4Dd4PCZEk8U6mtoV1vkf6NSh44n7Yr804Rz8ZBH_xaITZuXDTiklPydnAjQNHNGeOff9Ince515yJzSxSdZG__RdAqYah4mDEzeBuvO7dzHdj0VwM1xS6WDLJ/s1600/gradient.gif&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;Sumber:&amp;nbsp;&lt;a href=&quot;http://coding.smashingmagazine.com/&quot;&gt;http://coding.smashingmagazine.com&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;br /&gt;
&lt;h2&gt;
Extra&lt;/h2&gt;
&lt;h3&gt;
Lorem Ipsum&lt;/h3&gt;
Memang ada plugin khusus juga untuk Lorem Ipsum ini tapi Emmet pun menyediakannya ketik lorem atau ipsum nanti langsung keluar deh itu kalimat. Lebih keren lagi coba ketik p*3&amp;gt;lorem3 keluarannya jadi
&lt;br /&gt;
&lt;pre class=&quot;brush:html&quot;&gt;
&lt;p&gt;Lorem ipsum dolor.&lt;/p&gt;
&lt;p&gt;Nihil, labore, laudantium.&lt;/p&gt;
&lt;p&gt;Facilis, debitis, maiores.&lt;/p&gt;
&lt;/pre&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_wplEKV67Q_2DUKpRduKTrgj_uSBq3WSqPNWoPN5AhcpJWnbiMBMWs3hQx8WyjU4bRzP7_oV-a9xOoFczrWZ9bW6sUu05fq8fLiYX6h8-fODNktx747T9CITHXpqdfj9QHgNF0fsLX6jx/s1600/lorem.gif&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_wplEKV67Q_2DUKpRduKTrgj_uSBq3WSqPNWoPN5AhcpJWnbiMBMWs3hQx8WyjU4bRzP7_oV-a9xOoFczrWZ9bW6sUu05fq8fLiYX6h8-fODNktx747T9CITHXpqdfj9QHgNF0fsLX6jx/s1600/lorem.gif&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;Sumber:&amp;nbsp;&lt;a href=&quot;http://coding.smashingmagazine.com/&quot;&gt;http://coding.smashingmagazine.com&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;br /&gt;
&lt;h2&gt;
Kesimpulan&lt;/h2&gt;
Sebenarnya Emmet bukan hanya untuk Sublime Text masih banyak Aplikasi Editor yang didukung. Kemampuan si Emmet ini juga bukan cuma yang dijelaskan di atas lebih lengkap silakan cek saja &lt;a href=&quot;http://emmet.io/&quot;&gt;website&lt;/a&gt;nya dengan &lt;a href=&quot;http://docs.emmet.io/&quot;&gt;dokumentasi&lt;/a&gt; yang mantap dan &lt;a href=&quot;http://docs.emmet.io/cheat-sheet/&quot;&gt;cheat sheet&lt;/a&gt; yang bisa jadi contekan kamu untuk pake Emmet. Terakhir dari saya selamat mencoba! :D</content><link rel='replies' type='application/atom+xml' href='http://gilangaramadan.blogspot.com/feeds/8535467872959966915/comments/default' title='Posting Komentar'/><link rel='replies' type='text/html' href='http://gilangaramadan.blogspot.com/2013/06/coding-htmlcss-ringkas-pakai-emmet-di.html#comment-form' title='3 Komentar'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/177843263519855932/posts/default/8535467872959966915'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/177843263519855932/posts/default/8535467872959966915'/><link rel='alternate' type='text/html' href='http://gilangaramadan.blogspot.com/2013/06/coding-htmlcss-ringkas-pakai-emmet-di.html' title='Koding HTML+CSS Ringkas Pakai Emmet di Sublime Text'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/16588151145884608700</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGOgTZ5f_UGwJRuWXHZfy8F6_tZWz24SKok1DELwrHTtNLQnX6df-RXb5PBmLU-aYkQ0PWn3ya2wCPGnDNMY8OeHGeXrW8JNI7h4oUcrp2uOGDLse0AnNxKlJXng_wGcjOcE8PZIrkH3J1/s72-c/logo.png" height="72" width="72"/><thr:total>3</thr:total><georss:featurename>Bandung, Indonesia</georss:featurename><georss:point>-6.9147444 107.6098111</georss:point><georss:box>-7.0408529 107.4484496 -6.7886359 107.7711726</georss:box></entry><entry><id>tag:blogger.com,1999:blog-177843263519855932.post-6126545939269466360</id><published>2012-09-13T10:35:00.002+07:00</published><updated>2013-06-04T00:56:59.704+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Bandung"/><category scheme="http://www.blogger.com/atom/ns#" term="Cerita Pengalaman"/><category scheme="http://www.blogger.com/atom/ns#" term="Geeks"/><category scheme="http://www.blogger.com/atom/ns#" term="Review"/><category scheme="http://www.blogger.com/atom/ns#" term="Software"/><category scheme="http://www.blogger.com/atom/ns#" term="Sublime Text"/><category scheme="http://www.blogger.com/atom/ns#" term="Tutorial"/><title type='text'>Mencoba Sublime Text 2</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCvS2HfxLgx2H4G1FyPM-okQo8gmXCVf50E2w34k9C4tz74rvRzP1b04xkFKintqwW52mOntMHulDzhzYHMStI5FcIcAHaniaSP7O1cL1PieCDIZh4zYYKTA4qMUHEHJ-GTGHlFaBwyapm/s1600/images.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;200&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCvS2HfxLgx2H4G1FyPM-okQo8gmXCVf50E2w34k9C4tz74rvRzP1b04xkFKintqwW52mOntMHulDzhzYHMStI5FcIcAHaniaSP7O1cL1PieCDIZh4zYYKTA4qMUHEHJ-GTGHlFaBwyapm/s200/images.jpg&quot; width=&quot;200&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
Ada yang tahu makhluk apa si &lt;a href=&quot;http://www.sublimetext.com/2&quot;&gt;Sublime Text 2&lt;/a&gt; ini? &lt;i&gt;Yaps&lt;/i&gt;&amp;nbsp;betul betul betul, kalau ada yang jawab ini adalah editor teks untuk &lt;i&gt;developers&amp;nbsp;&lt;/i&gt;kalian bener sekali. Sebenarnya masih banyak selain Sublime Text 2 editor teks itu seperti &lt;a href=&quot;http://notepad-plus-plus.org/&quot;&gt;Notepad++&lt;/a&gt;, &lt;a href=&quot;http://www.activestate.com/komodo_edit/&quot;&gt;Komodo Edit&lt;/a&gt;, &lt;a href=&quot;http://www.aptana.com/&quot;&gt;Aptana&lt;/a&gt;, &lt;a href=&quot;http://www.vim.org/&quot;&gt;Vim&lt;/a&gt;, &lt;a href=&quot;http://www.panic.com/coda/&quot;&gt;Coda&lt;/a&gt; (untuk Mac), dan lain sebagainya.&amp;nbsp;Namun kali ini saya akan bahas pengalaman menggunakan Sublime Text 2 64bit.&amp;nbsp;Sekedar informasi Sublime Text 2 bisa juga dijalankan pada Linux maupun Mac, sebagai editor yang cukup &lt;i&gt;renyah &lt;/i&gt;dapat membaca bahasa-bahasa pemograman yang biasa dipakai dan dapat pula untuk meng-&lt;i&gt;compile&lt;/i&gt;&amp;nbsp;beberapa bahasa tersebut.&lt;br /&gt;
&lt;br /&gt;
Di sini saya memakai untuk &lt;i&gt;developing&lt;/i&gt; website yang sekedar PHP, HTML, dan CSS. Sebelumnya saya sering memakai Notepad++ dalam hal bekerja&amp;nbsp;namun merasa tidak puas karena bosen terus saya coba cari dan ternyata ada yang lain.&lt;br /&gt;
&lt;br /&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNhGNUBdVcnkxizf7qfRkzMuKubIiygx6WuVqYF7L4XwPl5hKjPu7WirCZb5XNhPCgM5EHQNXo49iy0237gOFo4xOil850rLEiF4YqPSTvdzQT3GZu_OQ3JpkHFZ6MpRQjCOVGq09pJ0Vu/s1600/Capture.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;400&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNhGNUBdVcnkxizf7qfRkzMuKubIiygx6WuVqYF7L4XwPl5hKjPu7WirCZb5XNhPCgM5EHQNXo49iy0237gOFo4xOil850rLEiF4YqPSTvdzQT3GZu_OQ3JpkHFZ6MpRQjCOVGq09pJ0Vu/s400/Capture.PNG&quot; width=&quot;376&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;Penampakan Sublime Text 2&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
Dari segi tampilan lebih juara, modelnya seperti &lt;a href=&quot;http://macromates.com/&quot;&gt;TextMate&lt;/a&gt;&amp;nbsp;kalau di Mac, dari segi fitur juga tidak kalah hebat memang saya belum bisa meng-optimasi secara full si editor ini, namun ada beberapa hal yang sudah saya nikmati seperti:&lt;br /&gt;
&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;Mini-map, jadi kita bisa lihat teks secara keseluruhannya&lt;/li&gt;
&lt;li&gt;Command&amp;nbsp;Palette (&lt;b&gt;CTRL+SHIFT+P&lt;/b&gt;), bisa langsung mencari perintah yang kita perlukan untuk mempercepat pekerjaan.&lt;/li&gt;
&lt;li&gt;Panel-panelnya editornya bisa dipindahkan&lt;/li&gt;
&lt;li&gt;Kemampuan untuk &lt;i&gt;multiple selection&lt;/i&gt;&lt;/li&gt;
&lt;li&gt;Ada panduan indentasi&lt;/li&gt;
&lt;li&gt;Bisa di-&lt;i&gt;folding&lt;/i&gt;&amp;nbsp;code-codenya&lt;/li&gt;
&lt;li&gt;Ngeditnya bisa di split jadi beberapa kolom&lt;/li&gt;
&lt;li&gt;Bisa pakai theme dari TextMate&lt;/li&gt;
&lt;li&gt;Tanda (),{},&quot;&quot;,dsb akan dicocokan dan ditutup otomatis&lt;/li&gt;
&lt;li&gt;Banyak paket yang bagus bisa buat lebih mudah bekerja&lt;/li&gt;
&lt;li&gt;Auto-complete, snippet, dan macro&lt;/li&gt;
&lt;li&gt;Find &amp;amp; Replacenya gampang dan lebih teratur&lt;/li&gt;
&lt;li&gt;Bisa &lt;i&gt;fullscreen&lt;/i&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;div&gt;
&lt;br /&gt;
Masih banyak yang belum keulik sih fiturnya apa aja, baru coba pakai kemarin malam sebelum tulisan ini saya posting. &lt;i&gt;Nah&lt;/i&gt; untuk kostumisasinya biar sedikit &lt;i&gt;yahut&lt;/i&gt;&amp;nbsp;saya akan coba berbagi beberapa perubahan yang sudah saya terapkan seperti berikut.&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;h2&gt;
Package Control&lt;/h2&gt;
&lt;div&gt;
Ini adalah hal pertama yang harus kalian lakukan kalau sudah menginstal Sublime Text 2&amp;nbsp;yaitu menginstal &lt;a href=&quot;http://wbond.net/sublime_packages/package_control&quot;&gt;Package Control&lt;/a&gt;&amp;nbsp;yang dibuat oleh orang-orang baik hati untuk plugin-plugin di editor ini. Cara cukup mudah&lt;/div&gt;
&lt;div&gt;
&lt;ol&gt;
&lt;li&gt;Download &lt;a href=&quot;http://sublime.wbond.net/Package%20Control.sublime-package&quot;&gt;Package Control.sublime-package&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Buka&amp;nbsp;C:\Users\NamaUser\AppData\Roaming\Sublime Text 2\Installed Packages&lt;/li&gt;
&lt;li&gt;&lt;i&gt;Copy&lt;/i&gt;-kan file yang tadi sudah di download ke dalam Installed Packages&lt;/li&gt;
&lt;li&gt;Restart Sublime Text&lt;/li&gt;
&lt;/ol&gt;
&lt;div&gt;
Untuk cara penggunaanya nanti akan dijelaskan pada beberapa tip di bawah ini.&lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;h2&gt;
Ganti Icon Applikasi&lt;/h2&gt;
&lt;div&gt;
Kalau lihat sih memang kenapa harus diubah kan ngga ngaruh juga kalau kita mau ngoding. Tapi yang namanya tampilan tuh buat saya segalanya, jadi biar lebih &lt;i&gt;ciamik&lt;/i&gt;&amp;nbsp;ada cara yang bagus untuk ganti icon seperti ini&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7vECM9P7l7uMguMET4fTMjXdLTA9wXgwHISnJ6JZuHDC0RNFgLxwUocfL63xlo9_X4wjPbm46J3PWXB2Qpsy7b6M7ShUETd-pm1d1KUOD538SXqVUH8FA8QxAR-KhC3DdDqpj8oFGADku/s1600/st2_icon_preview.png&quot; imageanchor=&quot;1&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7vECM9P7l7uMguMET4fTMjXdLTA9wXgwHISnJ6JZuHDC0RNFgLxwUocfL63xlo9_X4wjPbm46J3PWXB2Qpsy7b6M7ShUETd-pm1d1KUOD538SXqVUH8FA8QxAR-KhC3DdDqpj8oFGADku/s1600/st2_icon_preview.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
Silakan download dulu bahan &lt;a href=&quot;https://github.com/dmatarazzo/Sublime-Text-2-Icon&quot;&gt;Ganti Icon&lt;/a&gt;-nya lalu ikuti langkah berikut:&lt;/div&gt;
&lt;div&gt;
&lt;ol&gt;
&lt;li&gt;Download &lt;a href=&quot;http://www.resedit.net/&quot;&gt;ResEdit&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Masuk ke C:\Program Files\Sublime Text 2\ cari yang namanya file sublime_text.exe lalu &lt;i&gt;copy&lt;/i&gt;-kan ke desktop (note: kalau di edit langsung tidak bisa karena ada permission windows jadi harus dipindahkan dulu ke desktop)&lt;/li&gt;
&lt;li&gt;Jalankan ResEdit, pilih File&amp;nbsp;
&lt;span style=&quot;background-color: white; font-family: Helvetica, Arial, sans-serif; font-size: 13px; line-height: 17px;&quot;&gt;→&lt;/span&gt;&amp;nbsp;&amp;nbsp;Open Project pilih sublime_text.exe yang tadi ada di desktop&lt;/li&gt;
&lt;li&gt;Masih di ResEdit lihat di panel Resources sebelah kiri, klik kanan folder Icon dan pilih Add Resource&amp;nbsp;
&lt;span style=&quot;background-color: white; font-family: Helvetica, Arial, sans-serif; font-size: 13px; line-height: 17px;&quot;&gt;→&lt;/span&gt;&amp;nbsp;&amp;nbsp;Icon&lt;/li&gt;
&lt;li&gt;Pilih folder yang tadi sudah di download dari&amp;nbsp;
&lt;a href=&quot;https://github.com/dmatarazzo/Sublime-Text-2-Icon&quot;&gt;Ganti Icon&lt;/a&gt;&amp;nbsp;cari sublime_text.ico lalu pilih&lt;/li&gt;
&lt;li&gt;Klik kanan di tulisan 103 [English (Australia)], pilih Remove from Project&lt;/li&gt;
&lt;li&gt;&lt;i&gt;Save&lt;/i&gt;&lt;/li&gt;
&lt;li&gt;&lt;i&gt;Copy-&lt;/i&gt;kan kembali sublime_text.exe dari desktop ke tempat asalnya (tips: biar aman sebelumnya ganti nama yang original sublime_text.exe menjadi sublime_text.bak)&lt;/li&gt;
&lt;/ol&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;h2&gt;
Ganti Tema dan Skema Warna&lt;/h2&gt;
&lt;/div&gt;
&lt;div&gt;
Pada tahapan ini saya sering melakukan kesalahan sampai harus bolak balik install uninstall jadi perhatikan tips ini baik-baik :). Di sini saya memakai &lt;a href=&quot;https://github.com/buymeasoda/soda-theme&quot;&gt;Soda Theme&lt;/a&gt;&amp;nbsp;oleh Ian Hill. Awalnya saya melakukan dengan cara primitif yaitu mendownload dulu ke githubnya lalu mengedit preferences-nya. Sekarang ternyata ada cara yang mudah, karena sudah menginstal Package Control tadi kita tinggal menekan CTRL+SHIFT+P
&lt;span style=&quot;background-color: white; font-family: Helvetica, Arial, sans-serif; font-size: 13px; line-height: 17px;&quot;&gt;→&lt;/span&gt;&amp;nbsp;&amp;nbsp;&quot;install&quot;&amp;nbsp;
&lt;span style=&quot;background-color: white; font-family: Helvetica, Arial, sans-serif; font-size: 13px; line-height: 17px;&quot;&gt;→&lt;/span&gt;&amp;nbsp;&amp;nbsp;&quot;soda&quot; nanti akan muncul &quot;Theme - Soda&quot; tekan enter untuk menginstal paket.&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhO0oCiEmy51rfg3h_kcUAfYuJzkxUF4J0NzLTR2rlv-H3WnmiKShC1DRselceCrOJA5ru6L1pefWmweOaacmtIEsPX3ErtOLcD49a0mkYTkJ52iG0nbYRHZp6emasU1gnPoByY5wiWtYC_/s1600/install+ppaket.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhO0oCiEmy51rfg3h_kcUAfYuJzkxUF4J0NzLTR2rlv-H3WnmiKShC1DRselceCrOJA5ru6L1pefWmweOaacmtIEsPX3ErtOLcD49a0mkYTkJ52iG0nbYRHZp6emasU1gnPoByY5wiWtYC_/s1600/install+ppaket.PNG&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
Untuk mengaktifkannya dalam menu Sublime Text 2 pilih Preferences&amp;nbsp;
&lt;span style=&quot;background-color: white; font-family: Helvetica, Arial, sans-serif; font-size: 13px; line-height: 17px;&quot;&gt;→&lt;/span&gt;&amp;nbsp;&amp;nbsp;Setting - User lalu ganti dalamannya menjadi&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;pre class=&quot;brush:js&quot;&gt;
{
&quot;theme&quot;: &quot;Soda Light.sublime-theme&quot;
}
&lt;/pre&gt;
&lt;div&gt;
&lt;br /&gt;
Jika ingin menambahkan dengan skema warna sebelumnya pastikan memakai koma di akhir baris contoh.&lt;br /&gt;
&lt;br /&gt;
&lt;pre class=&quot;brush:js&quot;&gt;
{
 &quot;color_scheme&quot;: &quot;Packages/Color Scheme - Default/Monokai Soda.tmTheme&quot;,
 &quot;ignored_packages&quot;:
 [
  &quot;Vintage&quot;
 ],
 &quot;theme&quot;: &quot;Soda Dark.sublime-theme&quot;
}
&lt;/pre&gt;
&lt;br /&gt;
Restart dulu editornya, untuk skema warnanya ada Monokai Soda dan&amp;nbsp;Espresso Soda silakan di&amp;nbsp;&lt;a href=&quot;http://buymeasoda.github.com/soda-theme/extras/colour-schemes.zip&quot;&gt;download&lt;/a&gt;&amp;nbsp;juga. Cara installnya Preferences&amp;nbsp;
&lt;span style=&quot;background-color: white; font-family: Helvetica, Arial, sans-serif; font-size: 13px; line-height: 17px;&quot;&gt;→&lt;/span&gt;&amp;nbsp;&amp;nbsp;Browse Packages
&lt;span style=&quot;background-color: white; font-family: Helvetica, Arial, sans-serif; font-size: 13px; line-height: 17px;&quot;&gt;→&lt;/span&gt;&amp;nbsp;&amp;nbsp;Color Scheme - Default setelah terbuka explorernya, ekstrak dulu file yang sudah kita download tadi lalu &lt;i&gt;copy-&lt;/i&gt;kan di folder Color Scheme. Pilih Prefereces&amp;nbsp;
&lt;span style=&quot;background-color: white; font-family: Helvetica, Arial, sans-serif; font-size: 13px; line-height: 17px;&quot;&gt;→&lt;/span&gt;&amp;nbsp;&amp;nbsp;Color Scheme&amp;nbsp;
&lt;span style=&quot;background-color: white; font-family: Helvetica, Arial, sans-serif; font-size: 13px; line-height: 17px;&quot;&gt;→&lt;/span&gt;&amp;nbsp;&amp;nbsp;Pilih Skema yang sudah kita instal tadi.&lt;br /&gt;
&lt;br /&gt;
&lt;h2&gt;
&lt;a href=&quot;http://wbond.net/sublime_packages/prefixr&quot;&gt;Install Prefixr&lt;/a&gt;&lt;/h2&gt;
Prefixr digunakan untuk CSS3 atribut untuk berbagai browser agar ketika di generate satu atribut maka secara otomatis atribut lain dibuatkan contohnya sebagai berikut&lt;br /&gt;
&lt;br /&gt;
&lt;pre class=&quot;brush:css&quot;&gt;
//Sebelum
.box {
   border-radius: 10px;
   box-shadow: 0 0 5px rgba(0,0,0,.4);
}

//Sesudah
.box {
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
 
   -webkit-box-shadow: 0 0 5px rgba(0,0,0,.4);
   -moz-box-shadow: 0 0 5px rgba(0,0,0,.4);
   box-shadow: 0 0 5px rgba(0,0,0,.4);
}
&lt;/pre&gt;
&lt;br /&gt;
Untuk menginstallnya: CTRL+SHIFT+P&amp;nbsp;&lt;span style=&quot;background-color: white; font-family: Helvetica, Arial, sans-serif; font-size: 13px; line-height: 17px;&quot;&gt;→ “install” → ENTER → “prefix” → ENTER&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: white; font-family: Helvetica, Arial, sans-serif; font-size: 13px; line-height: 17px;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;br /&gt;
&lt;h2&gt;
&lt;a href=&quot;https://github.com/SublimeText/Tag&quot;&gt;Autoformat Tag&lt;/a&gt;&lt;/h2&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
Ngga enak kan kalau lihat kode kita acak-acakan, jadi dengan paket autoformat ini kita bisa merapikan kode-kode yang kita buat menjadi rapi dan jelas terbaca walaupun kalau orang awan lihat sama aja sih sebenernya ga jelas juga :p.&lt;br /&gt;
&lt;br /&gt;
Untuk menginstallnya:&amp;nbsp;CTRL+SHIFT+P&amp;nbsp;&lt;span style=&quot;background-color: white; font-family: Helvetica, Arial, sans-serif; font-size: 13px; line-height: 17px;&quot;&gt;→ “install” → ENTER → “tag” → ENTER&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;h2&gt;
&lt;a href=&quot;http://wbond.net/sublime_packages/alignment&quot;&gt;Alignment&lt;/a&gt;&lt;/h2&gt;
&lt;/div&gt;
&lt;div&gt;
Paket ini untuk tata letak teks juga agar semakin rapi contoh:&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;
&lt;pre class=&quot;brush:php&quot;&gt;
// Sebelum 
var mobil = &#39;mobil&#39;; 
var motor = &#39;motor&#39;; 
var beca = &#39;beca&#39;;
 
// Sesudah
var mobil    = &#39;mobil&#39;;
var motor    = &#39;motor&#39;;
var beca     = &#39;beca&#39;;
&lt;/pre&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;
Untuk menginstallnya:&amp;nbsp;CTRL+SHIFT+P&amp;nbsp;&lt;span style=&quot;background-color: white; font-family: Helvetica, Arial, sans-serif; font-size: 13px; line-height: 17px;&quot;&gt;→ “install” → ENTER → “align” → ENTER&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: white; font-family: Helvetica, Arial, sans-serif; font-size: 13px; line-height: 17px;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;br /&gt;
&lt;h2&gt;
Split Layar&lt;/h2&gt;
&lt;/div&gt;
&lt;div&gt;
Jika kita tida mempunya layar yang cukup lebar cara ini bisa menjadi alternatif bila kita sedang &lt;i&gt;coding&lt;/i&gt;&amp;nbsp;sambil melihat referensi, tidak perlu lagi install paket karena ini sudah bawaan dari Sublime Text 2 untuk mengaktifkannya&lt;/div&gt;
&lt;div&gt;
&lt;ul&gt;
&lt;li&gt;1 kolom : SHIFT+ALT+1&lt;/li&gt;
&lt;li&gt;2 kolom : SHIFT+ALT+2&lt;/li&gt;
&lt;li&gt;3 kolom : SHIFT+ALT+3&lt;/li&gt;
&lt;li&gt;dst.&lt;/li&gt;
&lt;/ul&gt;
&lt;div&gt;
&lt;br /&gt;
Mungkin sebatas itu dulu yang bisa saya bagi sama teman-teman semua, apabila ada pertanyaan atau mau &lt;i&gt;sharing&lt;/i&gt; juga boleh tinggal komen aja di sini &lt;i&gt;Insya Allah&lt;/i&gt;&amp;nbsp;nanti saya balas, sedikit bonus ada &lt;i&gt;keyboard&lt;/i&gt;&amp;nbsp;&lt;i&gt;cheat sheet&lt;/i&gt;&amp;nbsp;biar semakin gaul lagi pakai Sublime Text 2 nya, bisa kalian &lt;a href=&quot;https://github.com/nobleach/Sublime-Text-Cheat-Sheet&quot;&gt;download di sini&lt;/a&gt;.&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://gilangaramadan.blogspot.com/feeds/6126545939269466360/comments/default' title='Posting Komentar'/><link rel='replies' type='text/html' href='http://gilangaramadan.blogspot.com/2012/09/mencoba-sublime-text-2-untuk-windows-7.html#comment-form' title='25 Komentar'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/177843263519855932/posts/default/6126545939269466360'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/177843263519855932/posts/default/6126545939269466360'/><link rel='alternate' type='text/html' href='http://gilangaramadan.blogspot.com/2012/09/mencoba-sublime-text-2-untuk-windows-7.html' title='Mencoba Sublime Text 2'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/16588151145884608700</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCvS2HfxLgx2H4G1FyPM-okQo8gmXCVf50E2w34k9C4tz74rvRzP1b04xkFKintqwW52mOntMHulDzhzYHMStI5FcIcAHaniaSP7O1cL1PieCDIZh4zYYKTA4qMUHEHJ-GTGHlFaBwyapm/s72-c/images.jpg" height="72" width="72"/><thr:total>25</thr:total><georss:featurename>Bandung, Indonesia</georss:featurename><georss:point>-6.9147444 107.6098111</georss:point><georss:box>-7.0408499 107.4518826 -6.7886389 107.7677396</georss:box></entry><entry><id>tag:blogger.com,1999:blog-177843263519855932.post-955644058570963871</id><published>2012-09-10T18:37:00.000+07:00</published><updated>2012-09-11T07:38:52.831+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Indonesia"/><category scheme="http://www.blogger.com/atom/ns#" term="Jakarta"/><category scheme="http://www.blogger.com/atom/ns#" term="Jarambah"/><category scheme="http://www.blogger.com/atom/ns#" term="Photo Story"/><title type='text'>Pengalaman Pertama di Kota Tua</title><content type='html'>Kalau kemarin sudah baca artikel &lt;a href=&quot;http://gilangaramadan.blogspot.com/2012/09/dia-bilang-jktkeras48.html&quot;&gt;Dia bilang: #JKTkeras48&lt;/a&gt;&amp;nbsp;nah ini lanjutan kisahnya. Waktu itu hari terakhir saya dan Yusuf &lt;i&gt;nginep&lt;/i&gt;&amp;nbsp;di kosannya si Gilang. Tidak ada rencana sama sekali hari Sabtu mau &lt;i&gt;ngapain&lt;/i&gt; di Jakarta, kalau ke &lt;i&gt;mall&lt;/i&gt; sih itu terlalu &lt;i&gt;mainstream&lt;/i&gt; buat kami. Akhirnya saya memutuskan pergi ke Kota Tua lalu melanjutkan ke Pasar Baru niatnya mau cari-cari kamera analog tapi hanya wacana tidak sempat juga &lt;i&gt;hunting &lt;/i&gt;kameranya hehe. Memang belum pernah juga sih ke Kota Tua jadi semua setuju buat kesana.&lt;br /&gt;
&lt;br /&gt;
Sambil menunggu giliran ke kamar mandi kami makan gorengan dulu, tempe sama pisangnya enak banget gatau emang lagi lapar gatau emang enak aja tuh gorengan. Air se-liter yang dibeli semalam pun sudah mau habis tapi masih cukup sebagai pelega dahaga buat kami bertiga. Setelah semua selesai mandi, kami memulai perjalanan pagi itu sekitar pukul 8, berjalan menuju halte terdekat daerah Karet Teng Sin. Dari atas jembatan terlihat penumpang yang tak sabar menunggu diantar ke tempat tujuannya masing-masing.&lt;br /&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;http://farm9.staticflickr.com/8450/7969980254_aa05d32362_b_d.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;400&quot; src=&quot;http://farm9.staticflickr.com/8450/7969980254_aa05d32362_b_d.jpg&quot; width=&quot;266&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;Menunggu Jemputan&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
Kami pun bergegas takut tidak kebagian tempat, setelah sampai loket memang langsung ramai sekali dan syukurlah bisnya tidak membuat kami terlalu lama untuk menunggu. Senang rasanya langsung kebagian tempat duduk &lt;i&gt;asoy&lt;/i&gt;, Yusuf sama Gilang sih harus berdiri dulu nunggu giliran buat duduk. Kami duduk sambil melihat jalan, Halte Kota memang halte ujung terakhir pemberhentian dari busway jadi bisa tenang kalau mau tidur juga. Karena jalanan lumayan lancar, kami tiba jam 9 kurang terlihat dari jam Kota yang berdiri sedikit usang di samping pintu masuk.&lt;br /&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;http://farm9.staticflickr.com/8180/7959752480_1c9d3b3018_b_d.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;400&quot; src=&quot;http://farm9.staticflickr.com/8180/7959752480_1c9d3b3018_b_d.jpg&quot; width=&quot;266&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;Jam Kota&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
Di sekitaran pintu masuk banyak pedagang yang menjajakan dagangannya, sambil berjalan terlihat kakek tua yang tidak tahu mau kemana hanya duduk dan melamun.&lt;br /&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;http://farm9.staticflickr.com/8436/7959729376_f030e8fded_b_d.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;400&quot; src=&quot;http://farm9.staticflickr.com/8436/7959729376_f030e8fded_b_d.jpg&quot; width=&quot;266&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;Pedagang Halte Kota&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;br /&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;http://farm9.staticflickr.com/8307/7959709978_41e0b8998c_b_d.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;400&quot; src=&quot;http://farm9.staticflickr.com/8307/7959709978_41e0b8998c_b_d.jpg&quot; width=&quot;266&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;Kakek Bingung&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
Sambil berjalan menyusur, terdengar alunan biola dari musisi jalanan sekitaran lorong yang menguhubungkan halte dan Kota Tua. Saya sempat merekamnya bermain, cukup takjub memang ada yang seperti ini, soalnya emang jarang juga. Belum masuk halaman balai kota sudah terlihat kakek yang lain yang tertidur pulas dan sangat nikmat.&lt;br /&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;http://farm9.staticflickr.com/8308/7959672488_e5902018df_b_d.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;266&quot; src=&quot;http://farm9.staticflickr.com/8308/7959672488_e5902018df_b_d.jpg&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;Tertidur Pulas&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
Sangat ramai juga melihat kendaran di jalan yang tidak mau mengalah satu sama lain. Susah juga buat menyebrang, tapi kami pria jantan tak takut badai menghadang semua kan diterjang. Akhirnya sampai juga kami di balai kota dan disambut kemeriahan pagelaran seni dan budaya.&lt;br /&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;http://farm9.staticflickr.com/8301/7962899140_09f5ec4c26_b_d.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;266&quot; src=&quot;http://farm9.staticflickr.com/8301/7962899140_09f5ec4c26_b_d.jpg&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;Pagelaran Seni Budaya&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;i&gt;Wiiih!&lt;/i&gt;&amp;nbsp;beruntung sekali kami, datang langsung liat tontonan. Tapi masih belum puas perjalanan kami di sini kalo cuma nonton pagelaran saja. &lt;i&gt;Hmm&lt;/i&gt; kemana lagi ya?&lt;br /&gt;
&lt;br /&gt;
&lt;i&gt;Mau tau cerita selanjutnya nantikan postingan berikutnya :)&lt;/i&gt; by #arg.</content><link rel='replies' type='application/atom+xml' href='http://gilangaramadan.blogspot.com/feeds/955644058570963871/comments/default' title='Posting Komentar'/><link rel='replies' type='text/html' href='http://gilangaramadan.blogspot.com/2012/09/pengalaman-pertama-di-kota-tua.html#comment-form' title='2 Komentar'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/177843263519855932/posts/default/955644058570963871'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/177843263519855932/posts/default/955644058570963871'/><link rel='alternate' type='text/html' href='http://gilangaramadan.blogspot.com/2012/09/pengalaman-pertama-di-kota-tua.html' title='Pengalaman Pertama di Kota Tua'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/16588151145884608700</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>2</thr:total><georss:featurename>Jakarta, Indonesia</georss:featurename><georss:point>-6.211544 106.845172</georss:point><georss:box>-6.464111 106.52931500000001 -5.958977 107.161029</georss:box></entry><entry><id>tag:blogger.com,1999:blog-177843263519855932.post-9051488517059988554</id><published>2012-09-10T16:11:00.004+07:00</published><updated>2012-09-11T07:38:29.494+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Bandung"/><category scheme="http://www.blogger.com/atom/ns#" term="Cerita Pengalaman"/><category scheme="http://www.blogger.com/atom/ns#" term="Indonesia"/><title type='text'>Semangat Belajar Menulis Buku Bersama Pak Trim #Part1</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
Memang menulis itu sulit, dalam menulis artikel blog aja semangat harus mengebu-gebu baru bisa nulis apalagi menulis buku &lt;i&gt;fiuuh. &lt;/i&gt;Tapi kali ini berbeda, Senin ini saya mendapat pelatihan dalam menulis buku oleh Pak Bambang Trim dari TrimKom di Comlabs USDI ITB. Dari pelatihan ini dapat banyak pengetahuan baru yang bisa dibilang &lt;i&gt;step-by-step &lt;/i&gt;menulis buku.&lt;br /&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4znqSNAZd-ZpTwc3YKEZIx_tTpXANAlyn-qmJzm4K5KHrP4FYU0rsP8P29NQWgGj9pdfV6QXFCgZYbG00OhMo472D2UVqdr4lZlDMe3KMzRTL91gmL9-AWg7vMU5lQTIfKL3eIAk-viAA/s1600/DSC_0056.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;290&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4znqSNAZd-ZpTwc3YKEZIx_tTpXANAlyn-qmJzm4K5KHrP4FYU0rsP8P29NQWgGj9pdfV6QXFCgZYbG00OhMo472D2UVqdr4lZlDMe3KMzRTL91gmL9-AWg7vMU5lQTIfKL3eIAk-viAA/s400/DSC_0056.jpg&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;Foto bersama Pak Bambang Trim dan peserta pelatihan&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
Mungkin ada sedikit pertanyaan mengapa harus menulis?. Pak Trim menjawab dalam presentasinya katanya membaca adalah untuk meluaskan kefasihan dan menulis adalah untuk menaikkan derajat kefasihan. Lalu cara-cara yang ditunjukannya pun cukup menarik seperti mencoba merangkai dari beberapa kata dan harus menjadi sebuah paragraf yang bermakna, saya pun ikut mengarang kata-kata yang diberikan menjadi potongan cerita seperti berikut.&lt;br /&gt;
&lt;blockquote class=&quot;tr_bq&quot;&gt;
Terlintas dipikiranku Indonesia. Negeri yang menurutku kaya dan paling indah di jagat &lt;u&gt;semesta&lt;/u&gt; ini. Namun belum sampai waktu berkeliling dan menikmati betapa &lt;u&gt;aduhainya&lt;/u&gt; Indonesia. Waktuku banyak terpakai untuk mencari &lt;u&gt;titian&lt;/u&gt; ilmu di bangku sekolah. Sekedar cerita dari perjalanan orang belum terbukti &lt;u&gt;ampuh&lt;/u&gt;&amp;nbsp;mengobati rasa ingin tahuku.&amp;nbsp;Ingin segera keluar dan menikmati kebebasan. &lt;u&gt;Zaman&lt;/u&gt; berganti zaman namun cita-cita pun belum tercapai. &lt;u&gt;Rasa&lt;/u&gt; yang membingukan dengan dilema memilih perubahan hidup. Tapi Aku pun tersadar semua &lt;u&gt;mozaik&lt;/u&gt; pikiranku akan terpadu dan &lt;u&gt;berkelindan&lt;/u&gt; mencapai tujuan, selama &lt;u&gt;suluh&lt;/u&gt; harapan masih terbakar dalam pikiranku menyapa Indonesia.&lt;/blockquote&gt;
Sepotong karangan tadi rupanya sebagai bahan latihan agar kita dapat menggali pembendaharaan kosakata yang kita punya. Efektif memang, jadi kita bisa lebih terarah dalam menulis. Pak Trim juga memberikan tips lain dalam menulis buku. Pertama menulis buku itu adalah sebuah proses yang dikuatkan terus-menerus jadi kalau kita tidak memulainya dari satu lembar yasudah tidak akan jadi itu buku. Lalu kita memang harus memiliki rasa suka, hasrat, dan tentunya ambisi untuk menerbitkan buku kita. Terakhir menulis adalah keterampilan hidup, bukan bakat sehingga siapapun dapat dilatih menulis.&lt;br /&gt;
&lt;br /&gt;
Memang saya pribadi juga masih sulit dalam menulis. Saya lebih senang bercerita secara lisan tapi tidak bisa dituliskan dalam catatan. Mungkin kalimat berikut bisa menjadi teman-teman pembaca untuk memulai menulis sekarang.&lt;br /&gt;
&lt;blockquote class=&quot;tr_bq&quot;&gt;
&quot;&lt;b&gt;Yang tertulis akan abadi yang diucapkan lenyap bersama angin..&lt;/b&gt;&quot; (verva volant, scripta manent - Caius Titus)&lt;/blockquote&gt;
&lt;i&gt;&lt;br /&gt;&lt;/i&gt;&lt;i&gt;Mau tau cerita selanjutnya nantikan postingan berikutnya :)&lt;/i&gt;&amp;nbsp;by #arg.
</content><link rel='replies' type='application/atom+xml' href='http://gilangaramadan.blogspot.com/feeds/9051488517059988554/comments/default' title='Posting Komentar'/><link rel='replies' type='text/html' href='http://gilangaramadan.blogspot.com/2012/09/semangat-belajar-menulis-buku-bersama.html#comment-form' title='2 Komentar'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/177843263519855932/posts/default/9051488517059988554'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/177843263519855932/posts/default/9051488517059988554'/><link rel='alternate' type='text/html' href='http://gilangaramadan.blogspot.com/2012/09/semangat-belajar-menulis-buku-bersama.html' title='Semangat Belajar Menulis Buku Bersama Pak Trim #Part1'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/16588151145884608700</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4znqSNAZd-ZpTwc3YKEZIx_tTpXANAlyn-qmJzm4K5KHrP4FYU0rsP8P29NQWgGj9pdfV6QXFCgZYbG00OhMo472D2UVqdr4lZlDMe3KMzRTL91gmL9-AWg7vMU5lQTIfKL3eIAk-viAA/s72-c/DSC_0056.jpg" height="72" width="72"/><thr:total>2</thr:total><georss:featurename>Bandung, Indonesia</georss:featurename><georss:point>-6.9147444 107.6098111</georss:point><georss:box>-7.0408499 107.4518826 -6.7886389 107.7677396</georss:box></entry><entry><id>tag:blogger.com,1999:blog-177843263519855932.post-4732627483928841571</id><published>2012-09-09T11:18:00.005+07:00</published><updated>2012-09-11T07:38:11.095+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Indonesia"/><category scheme="http://www.blogger.com/atom/ns#" term="Jakarta"/><category scheme="http://www.blogger.com/atom/ns#" term="Jarambah"/><category scheme="http://www.blogger.com/atom/ns#" term="Photo Story"/><title type='text'>Dia bilang: #JKTkeras48</title><content type='html'>Hore akhirnya saya menulis blog lagi setelah sekian lama tidak &lt;i&gt;terangsang&lt;/i&gt;&amp;nbsp;menulis akhirnya punya bahan buat diolah. Mungkin bingung dengan judul posting di atas kenapa sih gitu?. Jadi ceritanya tuh gini&amp;nbsp;waktu itu saya bersama&amp;nbsp;&lt;a href=&quot;http://ruangchupa.wordpress.com/&quot;&gt;Muhammad Yusuf&lt;/a&gt;&amp;nbsp;melakukan ekspedisi menemukan sang punk rock jalanan&amp;nbsp;&lt;a href=&quot;http://ltheordinary.blogspot.com/&quot;&gt;Gilang Abdul Aziz&lt;/a&gt;&amp;nbsp;di kota Jakarta. Jadi si Gilang ini ngekost gitu soalnya lagi ada kerjaan. Nah pas mau kesana dia antusias banget buat jemput kami. Lalu dia langsung bilang jangan kaget kalau &lt;b&gt;#JKTkeras48&lt;/b&gt;. Lah apa maksudnya sih dengan tagline kaya gitu. Ya saya sih berpikir singkat mungkin dia fansclubnya JKT48 yang suka nyanyi &quot;&lt;i&gt;aywoncu aymiscu&lt;/i&gt;&quot; hehe. Hidup memang keras di Jakarta sambil ada lagunya segala ni.&lt;br /&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;iframe allowfullscreen=&quot;allowfullscreen&quot; frameborder=&quot;0&quot; height=&quot;315&quot; src=&quot;http://www.youtube.com/embed/QJcAl3xxXxk&quot; width=&quot;420&quot;&gt;&lt;/iframe&gt;
&lt;/div&gt;
&lt;br /&gt;
Sebelum ke tempat si Gilang ini saya bareng sama Yusuf menikmati kenikmatan duniawi terlebih dulu nonton dulu di IMAX, maklum kami selalu ga sempet kalau mau nyoba kesana. Kebetulan hari itu sedang sepi ya walaupun film yang ditonton udah pernah saya liat. Tapi namanya juga penasaran katanya &lt;i&gt;yahud &lt;/i&gt;&amp;nbsp;nonton di sini dan memang ini baru pertama kali. Uang tidak menipu, ternyata memang enak nonton di IMAX suaranya &lt;i&gt;melegender&lt;/i&gt;&amp;nbsp;walaupun kata si Yusuf efek 3Dnya masih kurang oke, ya kalau saya nikmatin aja sih hehe.&lt;br /&gt;
&lt;br /&gt;
Belum tahu arah tujuan, kita coba jalan dulu sebari melihat halte busway terdekat, pepatah &quot;&lt;i&gt;malu bertanya sesat dijalan&lt;/i&gt;&quot; memang &lt;i&gt;kudu&lt;/i&gt;&amp;nbsp;di praktekan kalau sudah gini, akhirnya saya pun bertanya kepada seorang bapak yang baik hati di jalan. Setelah berjalan kurang lebih 15 menitan akhirnya ketemu juga &lt;i&gt;tuh&lt;/i&gt;&amp;nbsp;halte. Namun perjuangan belum berakhir, kami harus menunggu sekitar sejam lebih untuk mendapatkan busway yang sedikit muat bagi kami. Akhirnya penantian pun berbuah hasil padahal 3 menit sebelumnya semangat kami sudah kendur mau naik taksi saja bila 20 menit masih belum ada tapi kami juga mikir pasti ongkosnya lebih mahal buat kantong kami &amp;nbsp;mending buat pulang ke Bandung saja hehe.&lt;br /&gt;
&lt;br /&gt;
Sesampainya kami di halte busway tujuan kami mulai bingung harus kemana lagi untungnya si punk rock jalanan sudah siap menjemput kami di seberang jalan dengan gayanya kasualnya. Sambil berjalan turun saya melihat sekitar koridor jembatan para pedagang yang sedang merapihkan jualan bersiap untuk pulang ada juga nenek yang sedang mengais sedikit rezeki dari setiap orang yang lewat. Mungkin miris juga sih lihat masih ada saudara kita yang kurang mampu di antara kemawahan yang terlihat oleh mata di Ibu Kota ini.&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;http://farm9.staticflickr.com/8441/7959942280_a92906c2da_c_d.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;400&quot; src=&quot;http://farm9.staticflickr.com/8441/7959942280_a92906c2da_c_d.jpg&quot; width=&quot;266&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;Beres-beres dagangan&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;br /&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;http://farm9.staticflickr.com/8178/7959921520_09dddec790_c_d.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;400&quot; src=&quot;http://farm9.staticflickr.com/8178/7959921520_09dddec790_c_d.jpg&quot; width=&quot;266&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;Sedikit belas kasih&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;http://farm9.staticflickr.com/8440/7959901542_1c41e5a798_b_d.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;400&quot; src=&quot;http://farm9.staticflickr.com/8440/7959901542_1c41e5a798_b_d.jpg&quot; width=&quot;266&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;Bertemu dengan Gilang&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
Akhirnya kami pun bertemu dan meluapkan cape dan lelah dengan bercanda dan mengobrol sepanjang jalan. Si Gilang pun langsung tidak sabar menjunjukan &lt;i&gt;apartement-&lt;/i&gt;nya kepada kami. Sambil ketawa tawa kami pun ikut di belakang. Lalu sampai di depan satu lobang batako pada bedeng tinggi memisahkan kawasan tersebut dengan jalan utama. &lt;i&gt;Ces&lt;/i&gt; pas saya masuk ternyata itu perkampungan penduduk yang diapit gedung-gedung pencakar langit. Aneh&amp;nbsp;bagi saya sendiri yang sering juga melewati Jakarta namun baru kali ini menemukan perkampungan di sekitaran kawasan metropolis. Kagum juga heran sih, teman saya ini bisa bertahan hidup di sini mungkin itu kali ya dia bilang&lt;b&gt; #JKTkeras48&lt;/b&gt;, soalnya memang harus bisa bertahan dengan kondisi seperti itu. Dilihat memang jalanannya bersih kampung tersebut, cuma selokannya sudah menghitam dan berbau tidak sedap.&lt;br /&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;http://farm9.staticflickr.com/8176/7959958750_24a151c088_b_d.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;400&quot; src=&quot;http://farm9.staticflickr.com/8176/7959958750_24a151c088_b_d.jpg&quot; width=&quot;266&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;Lubang Bedeng&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;http://farm9.staticflickr.com/8038/7959788480_c03ac5f045_b_d.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;400&quot; src=&quot;http://farm9.staticflickr.com/8038/7959788480_c03ac5f045_b_d.jpg&quot; width=&quot;266&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;Kosan Anak Muda&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;http://farm9.staticflickr.com/8319/7959768578_50009c56a9_b_d.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;400&quot; src=&quot;http://farm9.staticflickr.com/8319/7959768578_50009c56a9_b_d.jpg&quot; width=&quot;266&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;Antara Gedung dan Jemuran Tetangga&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;http://farm9.staticflickr.com/8442/7960063526_d6acda21b8_b_d.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;400&quot; src=&quot;http://farm9.staticflickr.com/8442/7960063526_d6acda21b8_b_d.jpg&quot; width=&quot;266&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;Dari Gang Lihat Gedung&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
Huwooo akhirnya sampai kamarnya, memang kalau dilihat lebih besar dari Yellow&amp;nbsp;Apartment&amp;nbsp;di Bandung tempat kosan sebelumnya, tapi kondisi disini gerah walaupun sudah terpasang satu kipas kecil di langit-langit. Kamar-kamarnya disekat oleh triplek jadi klo kita ribut ga enak sama tetangga pasti kedengeran berisiknya. Jadi disini harus belajar menahan emosi dan menjaga silaturahmi kalau ga mau kena macem-macem.&lt;br /&gt;
Tapi tetap sih sekeras-kerasnya hidup seperti ini kami bisa menikmati istirahat dengan nyaman bertiga dalam satu kasur dengan keringat yang bersatu hehehe.&lt;br /&gt;
&lt;br /&gt;
&lt;i&gt;Mau tau cerita selanjutnya nantikan postingan berikutnya :)&lt;/i&gt;&amp;nbsp;by #arg.
</content><link rel='replies' type='application/atom+xml' href='http://gilangaramadan.blogspot.com/feeds/4732627483928841571/comments/default' title='Posting Komentar'/><link rel='replies' type='text/html' href='http://gilangaramadan.blogspot.com/2012/09/dia-bilang-jktkeras48.html#comment-form' title='3 Komentar'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/177843263519855932/posts/default/4732627483928841571'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/177843263519855932/posts/default/4732627483928841571'/><link rel='alternate' type='text/html' href='http://gilangaramadan.blogspot.com/2012/09/dia-bilang-jktkeras48.html' title='Dia bilang: #JKTkeras48'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/16588151145884608700</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://img.youtube.com/vi/QJcAl3xxXxk/default.jpg" height="72" width="72"/><thr:total>3</thr:total><georss:featurename>Jakarta, Indonesia</georss:featurename><georss:point>-6.211544 106.845172</georss:point><georss:box>-6.464111 106.52931500000001 -5.958977 107.161029</georss:box></entry></feed>