<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
	<title>Linggih Note</title>
	
	<link>http://linggih.com</link>
	<description>Computer Internet Tips &amp; Trick</description>
	<lastBuildDate>Wed, 20 Jun 2012 00:53:03 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.5.1</generator>
		<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/linggih" /><feedburner:info uri="linggih" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><feedburner:emailServiceId>linggih</feedburner:emailServiceId><feedburner:feedburnerHostname>http://feedburner.google.com</feedburner:feedburnerHostname><item>
		<title>Download Via Filehosting Atau Torrent?</title>
		<link>http://feedproxy.google.com/~r/linggih/~3/AjCtKUu1kV0/</link>
		<comments>http://linggih.com/download-via-filehosting-atau-torrent/#comments</comments>
		<pubDate>Tue, 19 Jun 2012 23:51:25 +0000</pubDate>
		<dc:creator>Linggih</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[Download]]></category>
		<category><![CDATA[Tips & Trik]]></category>

		<guid isPermaLink="false">http://linggih.com/?p=1449</guid>
		<description><![CDATA[Zaman sudah berubah!!! Pola pikir &#38; cara berbuat mau tidak mau harus mengikuti perubahan zaman jika tidak mau dibilang old fashion (kuno/ketinggalan zaman). Misalnya saja pada aspek tekhnologi yang memberikan kemudahan akses untuk memperoleh beragam informasi ataupun data digital pada dunia maya (internet) yang hampir tidak ada batasan. Kalau dulu orang harus baca koran, tonton berita atau pergi dari satu tempat ke tempat lainnya untuk bertanya atau konsultasi tentang masalah tertentu kepada ahlinya, namun sekarang dengan kemudahan yang ditawarkan teknologi, semua aktifitas itu bisa dilakukan lebih efisien dengan adanya kemudahan akses memperoleh informasi dari internet. Begitu pula dengan data digital, misal kalau dulu orang ingin tonton film (movies) baik itu film serial atau film lepas (langsung tamat), mau tidak mau harus rental cd/dvd atau beli cd/dvd original ke toko atau bajakan ke pasar malam. Haha&#8230; . Nah&#8230; sekarang aktifitas seperti itu jarang ditemui. Sesuai topik artikel ini &#8216;Download Via Filehosting Atau Torrent?&#8216;, dengan adanya kemudahan mencari data dari internet, orang sudah banyak beralih dari membeli CD/DVD baik video atau jenis file lainnya ke download data digital dari internet. Namun yang menjadi masalah adalah jika file yang ingin didownload mempunyai kapasitas yang sangat besar (File DVD atau Blueray misalnya), dimana file-file semacam itu minimal mempunyai ukuran file kurang lebih 4 GB paling kecil. Hmmm&#8230; 4 GB minimal!!! Yang pasti perlu pengorbanan baik dari segi waktu, tenaga, biaya yang dikeluarkan atau bahkan kesabaran ekstra untuk download file segede ini. Umumnya file-file movie ini bisa didownload dengan dua alternatif pilihan source (sumber) download ...
Similar posts:<ol>
<li><a href='http://linggih.com/trik-web-traffic-gratis/' rel='bookmark' title='Trik Web Traffic Gratis'>Trik Web Traffic Gratis</a> <small>SEO Tips &#8211; Tingkatkan Traffic Web/Blog Dengan Memanfaatkan Situs Online...</small></li>
</ol>]]></description>
				<content:encoded><![CDATA[<p>Zaman sudah berubah!!! Pola pikir &amp; cara berbuat mau tidak mau harus mengikuti perubahan zaman jika tidak mau dibilang <em>old fashion</em> (kuno/ketinggalan zaman). Misalnya saja pada aspek tekhnologi yang memberikan kemudahan akses untuk memperoleh beragam informasi ataupun data digital pada dunia maya (internet) yang hampir tidak ada batasan.</p>
<p>Kalau dulu orang harus baca koran, tonton berita atau pergi dari satu tempat ke tempat lainnya untuk bertanya atau konsultasi tentang masalah tertentu kepada ahlinya, namun sekarang dengan kemudahan yang ditawarkan teknologi, semua aktifitas itu bisa dilakukan lebih efisien dengan adanya kemudahan akses memperoleh informasi dari internet. Begitu pula dengan data digital, misal kalau dulu orang ingin tonton film (movies) baik itu film serial atau film lepas (langsung tamat), mau tidak mau harus rental cd/dvd atau beli cd/dvd original ke toko atau bajakan ke pasar malam. Haha&#8230; <img src='http://linggih.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> .</p>
<p>Nah&#8230; sekarang aktifitas seperti itu jarang ditemui. Sesuai topik artikel ini &#8216;<strong><em><u>Download Via Filehosting Atau Torrent?</u></em></strong>&#8216;, dengan adanya kemudahan mencari data dari internet, orang sudah banyak beralih dari membeli CD/DVD baik video atau jenis file lainnya ke download data digital dari internet. Namun yang menjadi masalah adalah jika file yang ingin didownload mempunyai kapasitas yang sangat besar (File DVD atau Blueray misalnya), dimana file-file semacam itu minimal mempunyai ukuran file kurang lebih 4 GB paling kecil.</p>
<p><em>Hmmm&#8230; 4 GB minimal!!!</em> Yang pasti perlu pengorbanan baik dari segi waktu, tenaga, biaya yang dikeluarkan atau bahkan kesabaran ekstra untuk download file segede ini. Umumnya file-file movie ini bisa didownload dengan dua alternatif pilihan <em>source</em> (sumber) download file; <u>download dari situs filehosting atau torrent</u>. Tak peduli pakai filehosting atau torrent; yang pasti agar download lebih efisien (nggak maksain), usahakan tidak melakukan download sekaligus alias download harus dicicil (tidak masalah download sekaligus jika koneksi internet super cepat + punya premium account jika downloadnya dari situs filehosting).</p>
<p>Untuk alternatif download dari filehosting (oron, depositfiles, uploadstation, rapidshare, mediafire, 4shared, hotfile, dlsb), agar kecepatan download maksimal bisa memakai (menginstall) software download accelerator tambahan. Beberapa contoh software download accelerator; <em>IDM (Internet Download Manager), DAP (Download Accelerator Plus), Orbitdownloader</em> dlsb.</p>
<p>Sesuai judul artikel ini, saya akan saring pengalaman download dari situs filehosting maupun torrent. Mungkin pendapat saya pada artikel ini menurut pengamatan anda terlihat berat sepihak. Harap dimaklumi karena konten artikel ini merupakan hasil uneg-uneg penulis yang ingin di share. Penulis dengan senang hati terima kritik, koreksi atau pendapat lain dari pembaca via form komentar.</p>
<p>OK. Balik ke masalah, saya terus terang lebih condong (suka) download data-data digital via torrent dari pada filehosting. Alasannya, beberapa kali pernah sakit hati karena masalah yang timbul ketika download dari situs filehosting. Beberapa diantaranya sebagai berikut:</p>
<ol>
<li><strong><em class="itsm"><u>Download Speed (koneksi/kecepatan download) dari server source filehosting dibatasi</u></em></strong><br />
    <br />
    Hampir semua situs-situs filehosting mempunyai dua status user, <em>free user &amp; premium user</em>. Free user ibarat anak tiri, selalu mendapat jatah sisa. Umumnya free user jika download file akan diberikan jatah server dengan koneksi traffic yang ramai (atau bahkan overload). Tentu saja koneksi server yang ramai mempunyai imbas tidak optimalnya kecepatan download yang didapat client (sangat lambat).</p>
<p>    Speed download dari ISP bisa optimal jika upgrade (tidak gratis tentunya) ke account premium. Koneksi download untuk premium user akan diarahkan pada server khusus / server dengan koneksi bagus &amp; stabil.</p>
<p>  <strong><u>Tips</u>:</strong> Jika download pada sebagai free user, usahakan download pada jam-jam dimana traffic tidak terlalu ramai. Pilih waktu antara tengah malam (jam 12 malam ke atas) sampai pagi (7 &#8211; 8 pagi), karena pada jam-jam tersebut tidak banyak orang yang beraktifitas di internet.</li>
<li><strong><em class="itsm"><u>Free User tidak support download accelerator</u></em></strong><br />
  <br />
  Download sering gagal jika pakai IDM ataupun download accelerator lainnya (nggak bisa download) pada beberapa situs file hosting. Situs-situs ini punya script khusus yang bisa mendeteksi jika user coba download pakai software download accelerator. Dengan kata lain, situs filehosting hanya memperbolehkan user download memakai default downloader browser.</li>
<li><strong><em class="itsm"><u>Link download cepat sekali terdeteksi dan kena komplain oleh pubhliser data (film, game, ebook, software, dlsb)</u></em></strong><br />
    <br />
  Jika publisher tahu file datanya disebarluaskan secara ilegal, maka publisher akan segera lapor ke webmaster file hosting terkait dengan mengajukan permohonan paksa penghapusan link download dari server. Bayangkan jika sudah download file katakan saja 8 GB dipecah menjadi 40 bagian (part) masing-masing 200MB, 38 Part sudah selesai didownload (kurang 2 part lagi selesai). Nggak tahu mimpi apa semalam, tiba-tiba file dihapus dari server, kesel nggak kalau udah gitu (sia-sia 38 part yang udah didownload). Dulu saya sering alami masalah seperti itu.</li>
<li><strong><em class="itsm"><u>File rusak/corrupt jika koneksi terganggu</u></em></strong><br />
  <br />
  Kalau komputer/PC mati secara tiba-tiba saat download berlangsung baik itu pakai download default browser maupun download accelerator, file akan corrupt walaupun download file bisa diresume. Saya dulu beberapa kali pernah alami, sengaja beli account premium 1 bulan untuk download game &amp; apesnya tiba-tiba lampu mati. Setelah listrik hidup, saya resume (lanjutkan) download sampai kelar, saya join (gabung) beberapa part file &amp; ternyata-oh-ternyata&#8230; apes&#8230; file corrupt (nggak bisa diekstrak). Coba download ulang dari awal tanpa ada gangguan lagi dari PLN atau gangguan sejenis lainnya, file baru bisa diekstrak sempurna.<br />
  <img src='http://linggih.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </p>
<p>  <strong><u>Tips</u>:</strong> Jika download dari situs filehosting, usahakan komputer/pc yang digunakan untuk download menggunakan <strong>UPS <em>(Uninterruptible Power Supply)</em></strong> untuk antisipasi lampu padam dari PLN. Atau gunakan laptop untuk download (Laptop/Notebook punya power cadangan baterai).</li>
<li><strong><em class="itsm"><u>Batasan (Quota) berlaku</u></em></strong><br />
  <br />
  Untuk free user, berlaku quota (batasan) download per hari. Dengan kata lain tidak bisa download sepuasnya, nggak peduli sekenceng apa koneksi internet yang dipakai, jika quota udah mentok mau nggak mau harus lanjut download esok harinya.</li>
<li><strong><em class="itsm"><u>Download tidak bisa di stop jika belum selesai (free user)</u></em></strong><br />
  <br />
  Untuk free user jika ingin cicil download, download harus sampai selesai per part-nya (bagiannya). Jika download belum selesai &amp; ingin putus koneksi <em>(stop download)</em>, maka part terakhir yang didownload batal (harus ulang download part terakhir dari awal).</li>
<li><strong><em class="itsm"><u>Eksistensi &amp; komitment jangka pendek</u></em></strong><br />
  <br />
  Banyak situs filehosting yang mulai gulung tikar atau dipaksa tutup karena dinilai melanggar hukum atau melakukan akfitifas illegal. Cek aja beberapa contohnya;</p>
<p>  <u>filesonic.com</u> <em>(All sharing functionality on FileSonic is now disabled. Our service can only be used to upload and retrieve files that you have uploaded personally.)</em></p>
<p>  <u>fileserve.com</u> <em>(FileServe can only be used to download and retrieve files that you have uploaded personally.)</em></p>
<p>  <u>megaupload.com</u> (ditutup oleh <u>FBI, National Intellectual Property Rights &amp; Department Of Justice Amerika</u> &rarr; <em>&#8230;**g*upload.Com has been seized pursuant to an order issued by a U.S. District Court.</em>)</p>
<p>  dan beberapa situs filehosting lainnya. Bayangin aja jika udah cape-cape download tiba-tiba terputus gara-gara situsnya ditutup.</li>
</ol>
<p>Nah&#8230; sekarang gantian. Alasan saya puas &amp; cenderung memilih download via torrent, karena beberapa keunggulan berikut:</p>
<ol>
<li><strong><em class="itsm"><u>Download via torrent gratis</u></em></strong><br />
    <br />
    Nggak ada penawaran yang menyebutkan harus upgrade ke premium user untuk mendapatkan kecepatan download maksimal.</li>
<li><strong><em class="itsm"><u>Tidak ada batasan quota download</u></em></strong><br />
    <br />
	 Batasan quota tergantung dari kebijakan yang ditetapkan oleh Internet Service Provider (ISP). Kalau quota dari ISP tidak ada batasan <em>(unmetered quota)</em>, bisa download sepuasnya (sejebolnya).</li>
<li><strong><em class="itsm"><u>Potensi speed (kecepatan) download koneksi internet yang dipakai optimal</u></em></strong><br />
    <br />
	Koneksi download ke source server tidak dibatasi seperti halnya yang dialami jika download dari situs-situs filehosting. Cepat atau lambatnya speed download dari torrent tergantung banyaknya <strong><em class="itsm"><u>Seeder (S)</u></em></strong>, <strong><em class="itsm"><u>Peer(P)</u></em></strong> &amp; <strong><em class="itsm"><u>Leecher (L)</u></em></strong>. Semakin banyak Seeder, semakin kencang pula kecepatan downloadnya.</li>
<li><strong><em class="itsm"><u>Torrent Software Gratis</u></em></strong><br />
    <br />
	Torrent client software tidak perlu bayar &amp; bahkan pada beberapa torrent client menyediakan add-on software torrent accelerator. Tidak seperti dengan download dari situs filehosting, jika ingin tweak kecepatan download koneksi internet yang dipakai (ISP) maka harus install software download accelerator tambahan &amp; sebagian software tidak gratis (Internet Download Manager/IDM, Premium Download Accelerator Plus/DAP, dlsb)</li>
<li><strong><em class="itsm"><u>Jarang kena komplain seperti yang dialami link-link download dari situs filehosting</u></em></strong></li>
<li><strong><em class="itsm"><u>Selalu Cek Status File</u></em></strong><br />
    <br />
	Kalaupun koneksi download tiba-tiba putus karena mati lampu atau penyebab lainnya, file tidak akan corrupt. Torrent akan selalu <u>cek healthy file</u>pada saat resume download.</li>
<li><strong><em class="itsm"><u>Download Bertahap</u></em></strong><br />
    <br />
  	Download bisa dicicil &amp; diresume kapan saja tanpa harus menunggu part file yang aktif didownload sampai selesai.</li>
</ol>
<p><strong><u>Tips pakai torrent</u>:</strong></p>
<ol>
<li>Pilih yang <strong>Seeder (S)</strong> nya paling banyak</li>
<li>Untuk mengoptimalkan (menjaga kestabilan) kecepatan download, lakukan download terlebih dahulu sampai selesai. Setelahnya baru lakukan <strong>seeding</strong> setelah download selesai.</li>
</ol>
<p><strong><u>Download Torrent Client Software</u>:</strong></p>
<p><a class="btn" href="https://www.utorrent.com/" target="_blank" rel="nofollow">utorrent</a> &rarr; yang saya pakai. Accelerator pakai <a href="http://www.trafficspeeders.com/products-mainmenu-35/utorrent-ultra-accelerator.html" target="_blank" rel="nofollow">uTorrent Ultra Accelerator</a><br />
<br />
<a class="btn" href="http://www.bittorrent.com/" target="_blank" rel="nofollow">bittorrent</a> <span style="margin:0 5px"></span> <a class="btn" href="http://www.bitcomet.com/" target="_blank" rel="nofollow">bitcomet</a> <span style="margin:0 5px"></span> <a class="btn" href="http://www.flashget.com/" target="_blank" rel="nofollow">flashget</a> <span style="margin:0 5px"></span> <a class="btn" href="http://www.bittorrent.com/" target="_blank" rel="nofollow">bittorrent</a> <span style="margin:0 5px"></span> dlsb.</p>
<p><strong><u>Tips buat download mania</u>:</strong></p>
<p>Jika serius atau punya hobi koleksi data digital dari internet (download), ikuti kata pepatah <em>&#8216;<u>Untuk mendapatkan hal besar, harus berkorban besar pula</u>&#8216;</em>. Semua ada harganya baik dari sisi uang, tenaga, kesabaran ataupun waktu untuk download file berkapasitas besar. ISP di Indonesia itu prinsipnya <em>&#8216;what you pay is what you get&#8217;</em>. Harga sesuai dengan kualitas yang didapat, nggak ada harga yang murah tapi koneksi kenceng. Kecuali pada negara-negara maju (Jepang &amp; Amerika misalnya), karena mereka punya infrastruktur dan teknologi yang memadai, beda dengan Indonesia yang bandwidthnya masih numpang dari negara lain.</p>
<p>Bagi yang hobi download; pakai aja broadband internet, harganya udah miring kok sekarang. Kalau tinggal di area Jakarta atau Surabaya, saran saya pakai fastnet. Pengalaman saya pakai fastnet, kalau lagi niat download (game atau bluray movies), sebulan bisa sampai ratusan GB tanpa was-was kena biaya charge tambahan (Unlimited), sebulan cuma Rp.230 rb-an (Paket 1,5 MBPS sepuasnya).</p>
<p><em>Benarkah unlimited??? Ntar ada syarat &amp; ketentuannya!!!</em> Silahkan lihat detail produk pada situs resminya atau coba aja servicenya sekalian untuk beberapa bulan. Selama 3 tahun saya pakai nggak ada masalah, koneksi stabil &amp; nggak pernah kena biaya charge tambahan meskipun download sampai ratusan GB. Hedew&#8230;. kok jadi promosi gini ane!!!<br />
 <img src='http://linggih.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </p>
<p>Saran saya, pakai broadband internet provider berikut:</p>
<p><a class="btn" href="http://firstmedia.com/page/fastnet-package" target="_blank" rel="nofollow">Fastnet</a> <span style="margin:0 5px"></span> <a class="btn" href="http://www.indosatm2.com/index.php/consumer-solution/internet-services" target="_blank" rel="nofollow">IndosatM2</a> <span style="margin:0 5px"></span> <a class="btn" href="http://telkomspeedy.com/paket-harga" target="_blank" rel="nofollow">TelkomSpeedy</a></p>
<p><strong><u>Kesimpulannya</u>:</strong></p>
<p>Biasanya download file berkapasitas besar (GB atau puluhan GB &rarr; DVD atau Bluray Movie), kalau mau efektif ya dicicil downloadnya. Nggak harus sekaligus, terserah ingin download dari situs-situs filehosting atau torrent sama saja konsep downloadnya.</p>
<p>Masalah biaya tergantung; jika hobi download, streaming atau game online mending pakai/ambil paket broadband internet. Tapi kalau download cuma ada perlunya saja (sesuai kebutuhan), mending sewa internet per paket yang bisa putus kontrak kapan saja (speed download meragukan untuk beberapa ISP / lagi-lagi harus usaha research dulu di google), atau cicil download di warnet (CS-an dulu dengan penjaga warnetnya). Bisa juga datang malam-malam ke kampus buat numpang download doank, biasanya koneksi internet kampus rata-rata kenceng (pengalaman teman saya).</p>
<p>Similar posts:<ol>
<li><a href='http://linggih.com/trik-web-traffic-gratis/' rel='bookmark' title='Trik Web Traffic Gratis'>Trik Web Traffic Gratis</a> <small>SEO Tips &#8211; Tingkatkan Traffic Web/Blog Dengan Memanfaatkan Situs Online...</small></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://linggih.com/download-via-filehosting-atau-torrent/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://linggih.com/download-via-filehosting-atau-torrent/</feedburner:origLink></item>
		<item>
		<title>Membuat Gambar Animasi GIF</title>
		<link>http://feedproxy.google.com/~r/linggih/~3/ejGcqoSlycM/</link>
		<comments>http://linggih.com/membuat-gambar-animasi-gif/#comments</comments>
		<pubDate>Mon, 18 Jun 2012 19:36:31 +0000</pubDate>
		<dc:creator>Linggih</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Accessories]]></category>
		<category><![CDATA[Adobe]]></category>
		<category><![CDATA[Multimedia]]></category>
		<category><![CDATA[Tips & Trik]]></category>

		<guid isPermaLink="false">http://linggih.com/?p=1443</guid>
		<description><![CDATA[Membuat Gambar Animasi Interaktif GIF Menggunakan Software Adobe Photoshop Saat ini banyak webmaster baik pemilik situs/blog pribadi maupun situs bisnis sering kali memakai banner maupun logo gambar animasi gerak berformat gif. Alasan utamanya adalah menghemat space layout (ruang tampilan) web, karena beberapa informasi yang ingin ditampilkan dapat ditayangkan pada satu file gambar saja. Contoh gambar animasi GIF seperti ini: Ingin tahu cara membuatnya. Gampang!!! Berikut panduan tutorial singkat membuat gambar animasi GIF menggunakan Adobe Photoshop. Pada artikel tutorial yang saya tulis, implementasinya menggunakan software Adobe Photoshop CS 5. Screenshot gambar pada artikel ini mungkin sedikit berbeda dengan versi photoshop yang anda pakai. Namun tentu saja, selama software yang dipakai adobe photoshop, anda tidak akan kesulitan mengikuti setiap step panduan tutorial. Siapkan dulu beberapa gambar yang ingin dibuat animasi, atau untuk latihan silahkan pakai gambar sama dengan yang saya pakai. Contoh pada tutorial artikel ini; karena sejak masa kecil sampai sekarang demen ama kartun Dragon Ball, saya ambil salah satu tokoh karakter dari Dragon Ball Z Episode 265 &#34;Vegeta&#8217;s Respect&#34; &#8594; Majin Buu lagi joget. Haha&#8230; Jumlah file total 8 dengan dimensi gambar semua sama &#8594; lebar 200px, tinggi 226px. Berikut beberapa file gambar yang akan saya pakai: Buka aplikasi adobe photoshop. Klik File &#8594; New&#8230;, atau tekan tombol Ctrl + N (Screenshot ke-1) Nama dokumen isi dengan nama terserah (pada tutorial ini mamakai nama Majin Buu). Dimensi ukuran dokumen baru akan saya tentukan sesuai (sama) dengan dimensi ukuran gambar (200px X 226px). Klik OK (Screenshot ke-2) Restore Down (perkecil) jendela ...
Similar posts:<ol>
<li><a href='http://linggih.com/caesium-image-compressor/' rel='bookmark' title='Caesium Image Compressor'>Caesium Image Compressor</a> <small>Compress (memperkecil) ukuran file gambar (image) kadang diperlukan dengan bermacam...</small></li>
<li><a href='http://linggih.com/cara-mudah-membuat-local-domain/' rel='bookmark' title='Cara Mudah Membuat Local Domain'>Cara Mudah Membuat Local Domain</a> <small>Akses testing website pada local webserver ataupun pada home network/local...</small></li>
</ol>]]></description>
				<content:encoded><![CDATA[<h3 class="point">Membuat Gambar Animasi Interaktif GIF Menggunakan Software Adobe Photoshop</h3>
<p>Saat ini banyak webmaster baik pemilik situs/blog pribadi maupun situs bisnis sering kali memakai banner maupun logo gambar animasi gerak berformat gif. Alasan utamanya adalah menghemat space layout (ruang tampilan) web, karena beberapa informasi yang ingin ditampilkan dapat ditayangkan pada satu file gambar saja.<a name="contohgambaranimasigif"></a></p>
<p><strong><u>Contoh gambar animasi GIF seperti ini</u>:</strong></p>
<div style="width:170px; height:49px; margin:15px auto"><img src="http://linggih.com/images/linggih-logo-baner.gif" alt="Tutorial membuat gambar animasi GIF" title="Contoh Gambar Animasi GIF" /></div>
<p>Ingin tahu cara membuatnya. Gampang!!! Berikut panduan tutorial singkat membuat gambar animasi GIF menggunakan Adobe Photoshop. Pada artikel tutorial yang saya tulis, implementasinya menggunakan software Adobe Photoshop CS 5. Screenshot gambar pada artikel ini mungkin sedikit berbeda dengan versi photoshop yang anda pakai. Namun tentu saja, selama software yang dipakai adobe photoshop, anda tidak akan kesulitan mengikuti setiap step panduan tutorial.</p>
<p>Siapkan dulu beberapa gambar yang ingin dibuat animasi, atau untuk latihan silahkan pakai gambar sama dengan yang saya pakai. Contoh pada tutorial artikel ini; karena sejak masa kecil sampai sekarang demen ama kartun Dragon Ball, saya ambil salah satu tokoh karakter dari Dragon Ball Z Episode 265 <strong>&quot;Vegeta&#8217;s Respect&quot;</strong> &rarr; <strong>Majin Buu</strong> lagi joget.<br />
Haha&#8230;<br />
 <img src='http://linggih.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </p>
<p>Jumlah file total 8 dengan dimensi gambar semua sama &rarr; lebar 200px, tinggi 226px. Berikut beberapa file gambar yang akan saya pakai:</p>
<div class="clear"></div>
<p><div class="wp-caption alignleft" style="width: 187px"><a href="http://2.bp.blogspot.com/-4SLuNd_BBOQ/T98eMlGmIUI/AAAAAAAAAWA/b3X_9QuekqU/s1600/Majin%2BBuu%2B1.gif"><img alt="Majin Buu 1" src="http://2.bp.blogspot.com/-4SLuNd_BBOQ/T98eMlGmIUI/AAAAAAAAAWA/b3X_9QuekqU/s200/Majin%2BBuu%2B1.gif" title="Majin Buu 1" width="177" height="200" /></a><p class="wp-caption-text">Majin Buu 1</p></div><div class="wp-caption alignleft" style="width: 187px"><a href="http://4.bp.blogspot.com/-qFtixYXnD3Y/T98eM25_inI/AAAAAAAAAWM/TVSLxDWPmfY/s1600/Majin%2BBuu%2B2.gif"><img alt="Majin Buu 2" src="http://4.bp.blogspot.com/-qFtixYXnD3Y/T98eM25_inI/AAAAAAAAAWM/TVSLxDWPmfY/s200/Majin%2BBuu%2B2.gif" title="Majin Buu 2" width="177" height="200" /></a><p class="wp-caption-text">Majin Buu 2</p></div><div class="wp-caption alignleft" style="width: 187px"><a href="http://1.bp.blogspot.com/-G7mxtJTMarI/T98eNEgTboI/AAAAAAAAAWY/Ar4ERUrFFC0/s1600/Majin%2BBuu%2B3.gif"><img alt="Majin Buu 3" src="http://1.bp.blogspot.com/-G7mxtJTMarI/T98eNEgTboI/AAAAAAAAAWY/Ar4ERUrFFC0/s200/Majin%2BBuu%2B3.gif" title="Majin Buu 3" width="177" height="200" /></a><p class="wp-caption-text">Majin Buu 3</p></div></p>
<div class="clear"></div>
<p><div class="wp-caption alignleft" style="width: 187px"><a href="http://3.bp.blogspot.com/-nzuwTNeOu4A/T98eNX5oDhI/AAAAAAAAAWk/AE_9YLX5W7E/s1600/Majin%2BBuu%2B4.gif"><img alt="Majin Buu 4" src="http://3.bp.blogspot.com/-nzuwTNeOu4A/T98eNX5oDhI/AAAAAAAAAWk/AE_9YLX5W7E/s200/Majin%2BBuu%2B4.gif" title="Majin Buu 4" width="177" height="200" /></a><p class="wp-caption-text">Majin Buu 4</p></div><div class="wp-caption alignleft" style="width: 187px"><a href="http://2.bp.blogspot.com/-qOhU49cmNaE/T98eNz71MQI/AAAAAAAAAWw/dxoVKM8kanA/s1600/Majin%2BBuu%2B5.gif"><img alt="Majin Buu 5" src="http://2.bp.blogspot.com/-qOhU49cmNaE/T98eNz71MQI/AAAAAAAAAWw/dxoVKM8kanA/s200/Majin%2BBuu%2B5.gif" title="Majin Buu 5" width="177" height="200" /></a><p class="wp-caption-text">Majin Buu 5</p></div><div class="wp-caption alignleft" style="width: 187px"><a href="http://4.bp.blogspot.com/-R3SAHAxmZaM/T98ebYk9b3I/AAAAAAAAAW8/gEtcvMWr7Cc/s1600/Majin%2BBuu%2B6.gif"><img alt="Majin Buu 6" src="http://4.bp.blogspot.com/-R3SAHAxmZaM/T98ebYk9b3I/AAAAAAAAAW8/gEtcvMWr7Cc/s200/Majin%2BBuu%2B6.gif" title="Majin Buu 6" width="177" height="200" /></a><p class="wp-caption-text">Majin Buu 6</p></div></p>
<div class="clear"></div>
<p><div class="wp-caption alignleft" style="width: 187px"><a href="http://3.bp.blogspot.com/-GKUCwxnXPps/T98ebuLPUcI/AAAAAAAAAXI/RRduWpsCqRY/s1600/Majin%2BBuu%2B7.gif"><img alt="Majin Buu 7" src="http://3.bp.blogspot.com/-GKUCwxnXPps/T98ebuLPUcI/AAAAAAAAAXI/RRduWpsCqRY/s200/Majin%2BBuu%2B7.gif" title="Majin Buu 7" width="177" height="200" /></a><p class="wp-caption-text">Majin Buu 7</p></div><div class="wp-caption alignleft" style="width: 187px"><a href="http://1.bp.blogspot.com/-HNWpSrQIMa8/T98ebyLMQaI/AAAAAAAAAXU/WvHIEfi2kwk/s1600/Majin%2BBuu%2B8.gif"><img alt="Majin Buu 8" src="http://1.bp.blogspot.com/-HNWpSrQIMa8/T98ebyLMQaI/AAAAAAAAAXU/WvHIEfi2kwk/s200/Majin%2BBuu%2B8.gif" title="Majin Buu 8" width="177" height="200" /></a><p class="wp-caption-text">Majin Buu 8</p></div></p>
<div class="clear"></div>
<p>Buka aplikasi adobe photoshop. Klik <strong class="code">File</strong> &rarr; <strong class="code">New&#8230;</strong>, atau tekan <strong class="code">tombol Ctrl + N</strong> (Screenshot ke-1)</p>
<p>Nama dokumen isi dengan nama terserah (pada tutorial ini mamakai nama <strong>Majin Buu</strong>). Dimensi ukuran dokumen baru akan saya tentukan sesuai (sama) dengan dimensi ukuran gambar <strong>(200px X 226px)</strong>. Klik <strong class="code">OK</strong> (Screenshot ke-2)</p>
<p><strong><em>Restore Down</em></strong> (perkecil) jendela photoshop dengan klik pada ikon kotak kecil sebelah kiri tombol <strong><em>Close</em></strong> (tanda silang). Pastikan jendela Photoshop &amp; direktori folder tempat gambar disimpan terlihat (Lihat screenshot gambar ke-3 di bawah).</p>
<div class="clear"></div>
<p><div class="wp-caption alignleft" style="width: 210px"><a href="http://3.bp.blogspot.com/-EyUyO2Vo9h8/T99zO5POAoI/AAAAAAAAAX0/-FB4eIUMjBs/s1600/New-Document.gif"><img alt="New Document" src="http://3.bp.blogspot.com/-EyUyO2Vo9h8/T99zO5POAoI/AAAAAAAAAX0/-FB4eIUMjBs/s200/New-Document.gif" title="New Document" width="200" height="62" /></a><p class="wp-caption-text">New Document</p></div><div class="wp-caption alignleft" style="width: 210px"><a href="http://3.bp.blogspot.com/-Hn2NzEgk9LY/T99zPHs5GDI/AAAAAAAAAYA/RgmSB1aU-QA/s1600/Konfigurasi-Dokumen.gif"><img alt="Konfigurasi Dokumen" src="http://3.bp.blogspot.com/-Hn2NzEgk9LY/T99zPHs5GDI/AAAAAAAAAYA/RgmSB1aU-QA/s200/Konfigurasi-Dokumen.gif" title="Konfigurasi Dokumen" width="200" height="148" /></a><p class="wp-caption-text">Konfigurasi Dokumen</p></div><div class="wp-caption alignleft" style="width: 210px"><a href="http://4.bp.blogspot.com/-rgb4HmVNCOc/T99zPcfVOKI/AAAAAAAAAYM/2F8viy6HLg0/s1600/Restore-Down-Photoshop.gif"><img alt="Restore Down Photoshop" src="http://4.bp.blogspot.com/-rgb4HmVNCOc/T99zPcfVOKI/AAAAAAAAAYM/2F8viy6HLg0/s200/Restore-Down-Photoshop.gif" title="Restore Down Photoshop" width="200" height="58" /></a><p class="wp-caption-text">Restore Down Photoshop</p></div></p>
<div class="clear"></div>
<p>Untuk berjaga-jaga kalau saja mati lampu, haha&#8230; <img src='http://linggih.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> , simpan dulu dokumen. Sudah disimpan&#8230; bagus. Sekarang pilih <em>(select)</em> semua file gambar, kemudian <em>drag &amp; drop</em> file gambar (klik mouse kiri, tekan &amp; tahan kemudian geser) ke layer kosong pada jendela adobe photoshop (lihat screenshot ke-1 di bawah).</p>
<p><em>Maximize</em> (tampilkan layar penuh) kembali jendela photoshop. Kemudian klik enter delapan kali (karena jumlah file gambar yang diimport sebanyak 8), cek ulang apakah semua file gambar sudah berhasil diimport. Kurang lebih akan tampak seperti gambar ke-2 pada screenshot di bawah.</p>
<p>Untuk memudahkan membuat gambar animasi, tata ulang layer sesuai urutan yang sudah ditentukan (pada tutorial ini urutan layer 1 &#8211; 8), bisa urut atas ke bawah atau sebaliknya. Lihat screenshot ke-3 gambar di bawah:</p>
<div class="clear"></div>
<p><div class="wp-caption alignleft" style="width: 210px"><a href="http://3.bp.blogspot.com/-EBqP-vPAV04/T990kMZJiOI/AAAAAAAAAYY/zd6vw8coiNM/s1600/Drag-And-Drop-File.gif"><img alt="Drag &#038; Drop File" src="http://3.bp.blogspot.com/-EBqP-vPAV04/T990kMZJiOI/AAAAAAAAAYY/zd6vw8coiNM/s200/Drag-And-Drop-File.gif" title="Drag &#038; Drop File" width="200" height="117" /></a><p class="wp-caption-text">Drag &#038; Drop File</p></div><div class="wp-caption alignleft" style="width: 210px"><a href="http://1.bp.blogspot.com/-Afos3d-MWwY/T990kU5OFII/AAAAAAAAAYk/Lc2nzSJfmMk/s1600/Import-File.gif"><img alt="Import File" src="http://1.bp.blogspot.com/-Afos3d-MWwY/T990kU5OFII/AAAAAAAAAYk/Lc2nzSJfmMk/s200/Import-File.gif" title="Import File" width="200" height="114" /></a><p class="wp-caption-text">Import File</p></div><div class="wp-caption alignleft" style="width: 98px"><a href="http://2.bp.blogspot.com/-UuSr5bRQt_s/T990kwlhBQI/AAAAAAAAAYw/irQ9WCX6pms/s1600/Urutan-Layer.gif"><img alt="Urutkan Layer" src="http://2.bp.blogspot.com/-UuSr5bRQt_s/T990kwlhBQI/AAAAAAAAAYw/irQ9WCX6pms/s200/Urutan-Layer.gif" title="Urutkan Layer" width="88" height="200" /></a><p class="wp-caption-text">Urutkan Layer</p></div></p>
<div class="clear"></div>
<p>Klik pada menu <strong class="code">Window</strong> &rarr; <strong class="code">Animation</strong> (screenshot ke-1), sehingga akan muncul <strong>tab Group animation</strong> pada halaman paling bawah adobe photoshop seperti terlihat pada screenshot ke-2. <em>Switch</em> (ganti) <strong>Time Line Mode</strong> ke <strong>Frame Mode</strong> dengan klik pada icon <strong>Convert to frame animation</strong> &rarr; halaman pojok kanan bawah (screenshot ke-3).</p>
<div class="clear"></div>
<p><div class="wp-caption alignleft" style="width: 199px"><a href="http://1.bp.blogspot.com/-EZn_EwhJ1RI/T991mZpCqVI/AAAAAAAAAY8/XPLnyRKPO0Q/s1600/Animation%2BWindow.gif"><img alt="Window - Animation" src="http://1.bp.blogspot.com/-EZn_EwhJ1RI/T991mZpCqVI/AAAAAAAAAY8/XPLnyRKPO0Q/s200/Animation%2BWindow.gif" title="Window - Animation" width="189" height="200" /></a><p class="wp-caption-text">Window &#8211; Animation</p></div><div class="wp-caption alignleft" style="width: 210px"><a href="http://1.bp.blogspot.com/-0_Gxmc4n6QE/T991mrLhNuI/AAAAAAAAAZI/icXXeXkmw3M/s1600/Animation-Tab-Group.gif"><img alt="Animation Tab Group" src="http://1.bp.blogspot.com/-0_Gxmc4n6QE/T991mrLhNuI/AAAAAAAAAZI/icXXeXkmw3M/s200/Animation-Tab-Group.gif" title="Animation Tab Group" width="200" height="28" /></a><p class="wp-caption-text">Animation Tab Group</p></div><div class="wp-caption alignleft" style="width: 210px"><a href="http://2.bp.blogspot.com/-iGtG67RQ1BQ/T991mxhlP5I/AAAAAAAAAZY/24-VEBCuvRY/s1600/Frame-Animation-Mode.gif"><img alt="Frame Animation Mode" src="http://2.bp.blogspot.com/-iGtG67RQ1BQ/T991mxhlP5I/AAAAAAAAAZY/24-VEBCuvRY/s200/Frame-Animation-Mode.gif" title="Frame Animation Mode" width="200" height="110" /></a><p class="wp-caption-text">Frame Animation Mode</p></div></p>
<div class="clear"></div>
<p>Karena jumlah layer pada Group Layers ada 8 layer, pada tutorial ini jumlah frame yang dipakai mengukuti jumlah layer sebanyak 8 Frame (bebas/tambahkan sesuai keinginan). Klik ikon <strong>Duplicates selected frames</strong> dan tambahkan frame sesuai dengan keinginan (screenshot ke-1 &amp; 2). Tentukan layer yang ditampilkan dan tidak ditampilkan untuk masing-masing frame dengan klik pada frame kemudian seleksi layer (screenshot ke-3). Pada tutorial ini frame 1 &rarr; layer 1, frame 2 &rarr; layer 2, frame 3 &rarr; layer 3&#8230; dst. Pilih frame dan tentukan layer sesuka anda.</p>
<div class="clear"></div>
<p><div class="wp-caption alignleft" style="width: 210px"><a href="http://2.bp.blogspot.com/-0p01dQ2qyqM/T99286GxmfI/AAAAAAAAAZg/hShE44tJyek/s1600/Tambah-Frame.gif"><img alt="Tambah Frame" src="http://2.bp.blogspot.com/-0p01dQ2qyqM/T99286GxmfI/AAAAAAAAAZg/hShE44tJyek/s200/Tambah-Frame.gif" title="Tambah Frame" width="200" height="63" /></a><p class="wp-caption-text">Tambah Frame</p></div><div class="wp-caption alignleft" style="width: 210px"><a href="http://3.bp.blogspot.com/-lJRgA20VXF0/T9928xNywoI/AAAAAAAAAZs/FU_SlV3U-3g/s1600/Animation-Frames.gif"><img alt="Animation Frames" src="http://3.bp.blogspot.com/-lJRgA20VXF0/T9928xNywoI/AAAAAAAAAZs/FU_SlV3U-3g/s200/Animation-Frames.gif" title="Animation Frames" width="200" height="38" /></a><p class="wp-caption-text">Animation Frames</p></div><div class="wp-caption alignleft" style="width: 210px"><a href="http://1.bp.blogspot.com/-WjgeOPtrXng/T9929JmXvnI/AAAAAAAAAZ4/VNO5qH3iWlM/s1600/Frames-Layers.gif"><img alt="Frames &#038; Layers" src="http://1.bp.blogspot.com/-WjgeOPtrXng/T9929JmXvnI/AAAAAAAAAZ4/VNO5qH3iWlM/s200/Frames-Layers.gif" title="Frames &#038; Layers" width="200" height="118" /></a><p class="wp-caption-text">Frames &#038; Layers</p></div></p>
<div class="clear"></div>
<p>Contoh setting frame (hanya frame 1 &#8211; 3).</p>
<div class="clear"></div>
<p><div class="wp-caption alignleft" style="width: 210px"><a href="http://4.bp.blogspot.com/-Y9YzOC8QHpo/T993qeytBfI/AAAAAAAAAaE/N4srz804xM4/s1600/Frame%2B1.gif"><img alt="Setting Frame 1" src="http://4.bp.blogspot.com/-Y9YzOC8QHpo/T993qeytBfI/AAAAAAAAAaE/N4srz804xM4/s200/Frame%2B1.gif" title="Setting Frame 1" width="200" height="118" /></a><p class="wp-caption-text">Setting Frame 1</p></div><div class="wp-caption alignleft" style="width: 210px"><a href="http://4.bp.blogspot.com/-aWhDXL8L9CM/T993qrP8gEI/AAAAAAAAAaQ/ENuaAp0RqHo/s1600/Frame%2B2.gif"><img alt="Setting Frame 2" src="http://4.bp.blogspot.com/-aWhDXL8L9CM/T993qrP8gEI/AAAAAAAAAaQ/ENuaAp0RqHo/s200/Frame%2B2.gif" title="Setting Frame 2" width="200" height="118" /></a><p class="wp-caption-text">Setting Frame 2</p></div><div class="wp-caption alignleft" style="width: 210px"><a href="http://2.bp.blogspot.com/-tfN9P8rK3S4/T993rFigI4I/AAAAAAAAAaY/lAVCVuknws8/s1600/Frame%2B3.gif"><img alt="Setting Frame 3" src="http://2.bp.blogspot.com/-tfN9P8rK3S4/T993rFigI4I/AAAAAAAAAaY/lAVCVuknws8/s200/Frame%2B3.gif" title="Setting Frame 3" width="200" height="118" /></a><p class="wp-caption-text">Setting Frame 3</p></div></p>
<div class="clear"></div>
<p>Tentukan waktu masing-masing transisi (perpindahan) setiap frame dengan klik pada ikon drop-down panah sebelah bawah frame, kemudian tentukan waktunya &rarr; pilih <strong>No delay, 0.1 seconds, 0.2, 0.5, 1.0, 2.0, 5.0, 10.0 atau other&#8230;</strong>(screenshot ke-1). Pada tutorial ini semua frame transisinya akan ditentukan dengan nilai <strong>0,05 detik <em>(seconds)</em></strong> dengan klik pada <strong>other&#8230;</strong> kemudian <strong>Set delay:</strong> dengan nilai <strong>0,05</strong> &rarr; klik OK (Screenshot ke-2).</p>
<p>Pilih <strong>looping options</strong> (jumlah berapa kali animasi diulang) &rarr; <strong>Once</strong> (satu kali), <strong>3 Times</strong> (3 kali), <strong>Forever</strong> (terus berputar) atau <strong>other&#8230;</strong> jika ingin memasukkan nilai yang lainnya (5, 6, 7, 8&#8230; dst kali). Pada tutorial ini looping options yang dipilih Forever. Jika selesai, klik tombol play untuk preview gambar animasi (Screenshot ke-3).</p>
<div class="clear"></div>
<p><div class="wp-caption alignleft" style="width: 163px"><a href="http://3.bp.blogspot.com/-gWxoEOy3Yag/T994lMIdfoI/AAAAAAAAAao/L2gSujllH3U/s1600/Set-Delay.gif"><img alt="Set Delay" src="http://3.bp.blogspot.com/-gWxoEOy3Yag/T994lMIdfoI/AAAAAAAAAao/L2gSujllH3U/s200/Set-Delay.gif" title="Set Delay" width="153" height="200" /></a><p class="wp-caption-text">Set Delay</p></div><div class="wp-caption alignleft" style="width: 210px"><a href="http://1.bp.blogspot.com/--7GicAfCd-M/T994lZLi1ZI/AAAAAAAAAa0/5s3XgSGhIMk/s1600/Custom-Delay-Frame.gif"><img alt="Custom Frame Delay" src="http://1.bp.blogspot.com/--7GicAfCd-M/T994lZLi1ZI/AAAAAAAAAa0/5s3XgSGhIMk/s200/Custom-Delay-Frame.gif" title="Custom Frame Delay" width="200" height="167" /></a><p class="wp-caption-text">Custom Frame Delay</p></div><div class="wp-caption alignleft" style="width: 210px"><a href="http://3.bp.blogspot.com/-Cz6ICoyLFX8/T994lsonIFI/AAAAAAAAAbE/x7Hrh3NyF-c/s1600/Looping-Options-And-Play.gif"><img alt="Looping Options &#038; Play Preview" src="http://3.bp.blogspot.com/-Cz6ICoyLFX8/T994lsonIFI/AAAAAAAAAbE/x7Hrh3NyF-c/s200/Looping-Options-And-Play.gif" title="Looping Options &#038; Play Preview" width="200" height="76" /></a><p class="wp-caption-text">Looping Options &#038; Play Preview</p></div></p>
<div class="clear"></div>
<p>Jika sudah cocok/sesuai keinginan klik <strong>File</strong> &rarr; <strong>Save for Web &amp; Devices&#8230;</strong>, atau tekan tombol <strong>Ctrl+Alt+Shift+S</strong> (screenshot ke-1). Sesuaikan output setting, kemudian klik tombol <strong>Save</strong> (Screenshot ke-2 &amp; 3).</p>
<div class="clear"></div>
<p><div class="wp-caption alignleft" style="width: 165px"><a href="http://4.bp.blogspot.com/-bigS6WTqNYE/T995Wt2kMXI/AAAAAAAAAbM/nWtlvfEydmU/s1600/Save-For-Web-%2526-Devices.gif"><img alt="Save For Web and Devices" src="http://4.bp.blogspot.com/-bigS6WTqNYE/T995Wt2kMXI/AAAAAAAAAbM/nWtlvfEydmU/s200/Save-For-Web-%2526-Devices.gif" title="Save For Web and Devices" width="155" height="200" /></a><p class="wp-caption-text">Save For Web and Devices</p></div><div class="wp-caption alignleft" style="width: 210px"><a href="http://2.bp.blogspot.com/-Z_bjkP1MlGI/T995WzbZF-I/AAAAAAAAAbY/FyKc6Qtc9V0/s1600/Gif-Animation-Output.gif"><img alt="Output Gambar Animasi GIF 1" src="http://2.bp.blogspot.com/-Z_bjkP1MlGI/T995WzbZF-I/AAAAAAAAAbY/FyKc6Qtc9V0/s200/Gif-Animation-Output.gif" title="Output Gambar Animasi GIF 1" width="200" height="148" /></a><p class="wp-caption-text">Output Gambar Animasi GIF 1</p></div><div class="wp-caption alignleft" style="width: 193px"><a href="http://1.bp.blogspot.com/-d4Td8GHkgLQ/T995XS2CLjI/AAAAAAAAAbk/HL7UNcjBURQ/s1600/Gif-Animation-Output%2B2.gif"><img alt="Output Gambar Animasi GIF 2" src="http://1.bp.blogspot.com/-d4Td8GHkgLQ/T995XS2CLjI/AAAAAAAAAbk/HL7UNcjBURQ/s200/Gif-Animation-Output%2B2.gif" title="Output Gambar Animasi GIF 2" width="183" height="200" /></a><p class="wp-caption-text">Output Gambar Animasi GIF 2</p></div></p>
<div class="clear"></div>
<p>Selesai. Lihat hasilnya dengan cara klik kanan pada output file kemudian <strong>Open with</strong> &rarr; <strong>Aplikasi Browser (Firefox, Google Chrome, IE, dlsb)</strong></p>
<p><div class="wp-caption alignnone" style="width: 210px"><a href="http://1.bp.blogspot.com/-QCLmKkQ24hQ/T996MEuz-BI/AAAAAAAAAbw/st6kZ_HsTNI/s1600/Test-Output-Gambar.gif"><img alt="Test Output Gambar Animasi GIF" src="http://1.bp.blogspot.com/-QCLmKkQ24hQ/T996MEuz-BI/AAAAAAAAAbw/st6kZ_HsTNI/s200/Test-Output-Gambar.gif" title="Test Output Gambar Animasi GIF" width="200" height="152" /></a><p class="wp-caption-text">Test Output Gambar Animasi GIF</p></div><a name="outputanimasigif"></a></p>
<p>Berikut hasil output gambar animasi GIF dari tutorial di atas:</p>
<div style="width:200px; height:226px; margin:15px auto"><img src="http://linggih.com/images/Majin-Buu.gif" alt="Tutorial membuat gambar animasi GIF" title="Hasil Output Gambar Animasi GIF" /></div>
<p>Nah&#8230; berhasil kan.</p>
<p><em>Good luck &amp; have fun&#8230;</em><br />
 <img src='http://linggih.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>Similar posts:<ol>
<li><a href='http://linggih.com/caesium-image-compressor/' rel='bookmark' title='Caesium Image Compressor'>Caesium Image Compressor</a> <small>Compress (memperkecil) ukuran file gambar (image) kadang diperlukan dengan bermacam...</small></li>
<li><a href='http://linggih.com/cara-mudah-membuat-local-domain/' rel='bookmark' title='Cara Mudah Membuat Local Domain'>Cara Mudah Membuat Local Domain</a> <small>Akses testing website pada local webserver ataupun pada home network/local...</small></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://linggih.com/membuat-gambar-animasi-gif/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://linggih.com/membuat-gambar-animasi-gif/</feedburner:origLink></item>
		<item>
		<title>Skip URL Redirection (Adf.ly, urlcash.net, lnk.co dlsb)</title>
		<link>http://feedproxy.google.com/~r/linggih/~3/_rmSngGW0OA/</link>
		<comments>http://linggih.com/skip-url-redirection-adf-ly-urlcash-net-lnk-co-dlsb/#comments</comments>
		<pubDate>Mon, 18 Jun 2012 07:00:10 +0000</pubDate>
		<dc:creator>Linggih</dc:creator>
				<category><![CDATA[Tips n Trik]]></category>
		<category><![CDATA[Addon]]></category>
		<category><![CDATA[Extention]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Tips & Trik]]></category>

		<guid isPermaLink="false">http://linggih.com/?p=1440</guid>
		<description><![CDATA[Trik skip otomatis halaman URL Shortener (Adf.ly, urlcash.net, lnk.co dlsb) menggunakan UserScript Redirection Helper Iklan resek pada link referensi ataupun url download yang disediakan oleh webmaster web/blog kadang membuat aktifitas browsing menjadi kurang nyaman, tidak menyenangkan &#38; menyita waktu (tidak efisien). Tautan external link yang diberikan biasanya menyembunyikan alamat/url asli web yang ingin dituju dan memaksa visitor melihat halaman iklan tertentu untuk beberapa saat (bukannya langsung diarahkan pada url asli). Sempat heran &#38; bertanya-tanya juga saya!!! Kenapa demi beberapa sen Dollar (kurang lebih sekitar $0,004 atau Rp.38 per tayang iklan), webmaster web/blog rela mengorbankan kenyamanan berkunjung visitor menjadi kurang menyenangkan. Mungkin cara ini wajar/bisa dilakukan dengan tujuan hanya sebatas untuk memperpendek karakter url agar mudah diingat oleh visitor/pengunjung web. Namun saya yakin, mereka punya alasan &#38; pertimbangan sendiri-sendiri mengapa membuat tautan link referensi memakai cara seperti ini. Biasanya external link web direferensikan sejenis ini adalah web download gratis (file sharing), screenshot gambar atau kadang url referral. Plugin browser Ad Block malah sering gagal skip/melewatkan url redirect semacam ini. Jika anda merasa terganggu &#38; ingin skip url redirection, jangan nyerah dulu. Setiap ada kemauan pasti ada jalan, dibutuhkan trik khusus dengan install script tambahan pada browser (pada artikel ini akan install script tambahan untuk browser Mozilla Firefox &#38; Google Chrome). Contoh beberapa situs web URL Redirection: &#8594; http://adf.ly &#8594; http://urlcash.net &#8594; http://lnk.co &#8594; http://adfoc.us &#8594; dlsb Sekarang halaman iklan dari situs-situs di atas dapat diatasi dengan menggunakan UserScript Redirection Helper. Script ini terlebih dahulu harus diinstall pada browser Firefox atau Chrome ...
Similar posts:<ol>
<li><a href='http://linggih.com/trik-web-traffic-gratis/' rel='bookmark' title='Trik Web Traffic Gratis'>Trik Web Traffic Gratis</a> <small>SEO Tips &#8211; Tingkatkan Traffic Web/Blog Dengan Memanfaatkan Situs Online...</small></li>
</ol>]]></description>
				<content:encoded><![CDATA[<h3 class="point">Trik skip otomatis halaman URL Shortener (Adf.ly, urlcash.net, lnk.co dlsb) menggunakan UserScript Redirection Helper</h3>
<p>Iklan resek pada link referensi ataupun url download yang disediakan oleh webmaster web/blog kadang membuat aktifitas browsing menjadi kurang nyaman, tidak menyenangkan &amp; menyita waktu (tidak efisien). Tautan external link yang diberikan biasanya menyembunyikan alamat/url asli web yang ingin dituju dan memaksa visitor melihat halaman iklan tertentu untuk beberapa saat (bukannya langsung diarahkan pada url asli).</p>
<p>Sempat heran &amp; bertanya-tanya juga saya!!! Kenapa demi beberapa sen Dollar (kurang lebih sekitar $0,004 atau Rp.38 per tayang iklan), webmaster web/blog rela mengorbankan kenyamanan berkunjung visitor menjadi kurang menyenangkan.</p>
<p>Mungkin cara ini wajar/bisa dilakukan dengan tujuan hanya sebatas untuk memperpendek karakter url agar mudah diingat oleh visitor/pengunjung web. Namun saya yakin, mereka punya alasan &amp; pertimbangan sendiri-sendiri mengapa membuat tautan link referensi memakai cara seperti ini.</p>
<p>Biasanya external link web direferensikan sejenis ini adalah web download gratis <em>(file sharing)</em>, screenshot gambar atau kadang url referral. Plugin browser Ad Block malah sering gagal skip/melewatkan url redirect semacam ini. Jika anda merasa terganggu &amp; ingin skip url redirection, jangan nyerah dulu. Setiap ada kemauan pasti ada jalan, dibutuhkan trik khusus dengan install script tambahan pada browser (pada artikel ini akan install script tambahan untuk browser Mozilla Firefox &amp; Google Chrome).</p>
<p><strong><u>Contoh beberapa situs web URL Redirection</u>:</strong></p>
<p>&rarr; http://adf.ly<br />
&rarr; http://urlcash.net<br />
&rarr; http://lnk.co<br />
&rarr; http://adfoc.us<br />
&rarr; dlsb</p>
<div class="wp-caption alignnone" style="width: 210px"><a href="http://3.bp.blogspot.com/-x00r4xae93A/T97H8VmJqbI/AAAAAAAAAUo/tZN0owNkouw/s1600/Halaman-Iklan.gif"><img alt="Contoh Iklan URL Redirection" src="http://3.bp.blogspot.com/-x00r4xae93A/T97H8VmJqbI/AAAAAAAAAUo/tZN0owNkouw/s200/Halaman-Iklan.gif" title="Contoh Iklan URL Redirection" width="200" height="44" /></a><p class="wp-caption-text">Contoh Iklan URL Redirection</p></div>
<p>Sekarang halaman iklan dari situs-situs di atas dapat diatasi dengan menggunakan <em><strong>UserScript Redirection Helper</strong></em>. Script ini terlebih dahulu harus diinstall pada browser Firefox atau Chrome dan setelah terinstall, script secara otomatis akan skip (mengabaikan) iklan/ads dan redirect langsung ke halaman tujuan <em>(landing page)</em>.</p>
<p>Tertulis pada <a href="http://userscripts.org/scripts/show/69797" target="_blank" rel="nofollow">situs resminya</a>, RedirectionHelper dapat:</p>
<ol>
	<em>
<li>Skip the redirection of linkbucks, adf.ly, lnk.co, etc.</li>
<li>Remove annoying ads or mask, like imageporter, imagevenue, turboimagehost and so on.</li>
<li>Turn to actual hyperlink for alabout.com and alafs.com.</li>
<li>Suited for FireFox (with both of GreaseMonkey and Scriptish) and Google Chrome.</li>
<p></em>
</ol>
<p><strong>Instalasi Script RedirectionHelper</strong></p>
<p><strong><u>Pengguna Firefox Browser <em>(Firefox Users)</em></u></strong></p>
<p><a href="https://addons.mozilla.org/id/firefox/addon/greasemonkey/" title="Install Greasemonkey" target="_blank" rel="nofollow">Install extention Greasemonkey</a>, kunjungi web &rarr; klik tombol <strong class="code">+ Add to Firefox</strong> &rarr; restart Firefox untuk apply extention. Kemudian install RedirectionHelper dengan klik pada link <strong class="code">Install</strong>.</p>
<p><a class="btn" href="http://userscripts.org/scripts/versions/69797" title="Download RedirectionHelper" target="_blank" rel="nofollow">Download RedirectionHelper</a></p>
<div class="clear"></div>
<p><div class="wp-caption alignleft" style="width: 210px"><a href="http://3.bp.blogspot.com/-ZjWlfJqi9HY/T97IaonkuRI/AAAAAAAAAU0/BhReztz83dY/s1600/Install-Redirection-Helper.gif"><img alt="Install RedirectionHelper" src="http://3.bp.blogspot.com/-ZjWlfJqi9HY/T97IaonkuRI/AAAAAAAAAU0/BhReztz83dY/s200/Install-Redirection-Helper.gif" title="Install RedirectionHelper" width="200" height="164" /></a><p class="wp-caption-text">Install RedirectionHelper</p></div><div class="wp-caption alignleft" style="width: 196px"><a href="http://2.bp.blogspot.com/-5Cz7Z6bO-nY/T97Iao4vzPI/AAAAAAAAAVA/sbKZ6GNi_E8/s1600/Greasemonkey-RedirectionHelper-Install.gif"><img alt="Greasemonkey - Install RedirectionHelper" src="http://2.bp.blogspot.com/-5Cz7Z6bO-nY/T97Iao4vzPI/AAAAAAAAAVA/sbKZ6GNi_E8/s200/Greasemonkey-RedirectionHelper-Install.gif" title="Greasemonkey - Install RedirectionHelper" width="186" height="200" /></a><p class="wp-caption-text">Greasemonkey &#8211; Install RedirectionHelper</p></div><div class="wp-caption alignleft" style="width: 210px"><a href="http://1.bp.blogspot.com/-9m7Ju7pitkA/T97IaycxUTI/AAAAAAAAAVM/m6NcJ_X-Yz8/s1600/Greasemonkey-Install-Sukses.gif"><img alt="Greasemonkey - Install Sukses" src="http://1.bp.blogspot.com/-9m7Ju7pitkA/T97IaycxUTI/AAAAAAAAAVM/m6NcJ_X-Yz8/s200/Greasemonkey-Install-Sukses.gif" title="Greasemonkey - Install Sukses" width="200" height="58" /></a><p class="wp-caption-text">Greasemonkey &#8211; Install Sukses</p></div></p>
<div class="clear"></div>
<p><strong><u>Pengguna Google Chrome Browser <em>(Google Chrome Users)</em></u></strong></p>
<p>Pengguna Google Chrome, tanpa install Greasemonkey bisa langsung klik pada tombol <strong class="code">Install</strong> pada halaman <a href="http://userscripts.org/scripts/versions/69797" target="_blank" rel="nofollow">download &amp; install RedirectionHelper</a>. <em>&quot;<u>Extentions, apps, and themes can harm your computer. Are you sure you want to continue?</u>&quot;</em> Klik tombol <strong class="code">Continue</strong>. Pada popup dialog <strong>Confirm New Extentions Add &quot;RedirectionHelper&quot;?</strong> klik tombol <strong class="code">Add</strong></p>
<div class="clear"></div>
<p><div class="wp-caption alignleft" style="width: 210px"><a href="http://3.bp.blogspot.com/-ZjWlfJqi9HY/T97IaonkuRI/AAAAAAAAAU0/BhReztz83dY/s1600/Install-Redirection-Helper.gif"><img alt="Install RedirectionHelper" src="http://3.bp.blogspot.com/-ZjWlfJqi9HY/T97IaonkuRI/AAAAAAAAAU0/BhReztz83dY/s200/Install-Redirection-Helper.gif" title="Install RedirectionHelper" width="200" height="164" /></a><p class="wp-caption-text">Install RedirectionHelper</p></div><div class="wp-caption alignleft" style="width: 210px"><a href="http://4.bp.blogspot.com/-ZxolUZN54Qs/T97JtClfLdI/AAAAAAAAAVY/uePw-F7YJO8/s1600/RedirectionHelper-Install-Google-Chrome.gif"><img alt="Google Chrome - Install RedirectionHelper" src="http://4.bp.blogspot.com/-ZxolUZN54Qs/T97JtClfLdI/AAAAAAAAAVY/uePw-F7YJO8/s200/RedirectionHelper-Install-Google-Chrome.gif" title="Google Chrome - Install RedirectionHelper" width="200" height="22" /></a><p class="wp-caption-text">Google Chrome &#8211; Install RedirectionHelper</p></div><div class="wp-caption alignleft" style="width: 210px"><a href="http://4.bp.blogspot.com/-xhhbvVMx74Q/T97JtVl-faI/AAAAAAAAAVk/FOOZfiDpqWM/s1600/Google-Chrome-Confirm-Extention.gif"><img alt="Google Chrome - Confirm Extention" src="http://4.bp.blogspot.com/-xhhbvVMx74Q/T97JtVl-faI/AAAAAAAAAVk/FOOZfiDpqWM/s200/Google-Chrome-Confirm-Extention.gif" title="Google Chrome - Confirm Extention" width="200" height="97" /></a><p class="wp-caption-text">Google Chrome &#8211; Confirm Extention</p></div></p>
<div class="clear"></div>
<p>Selesai.</p>
<div class="wp-caption alignnone" style="width: 210px"><a href="http://1.bp.blogspot.com/-pRK3x3sVWr8/T97JtoxCTLI/AAAAAAAAAVw/CeQ_TpsazF0/s1600/Ekstensi-Berhasil-terinstall.gif"><img alt="Google Chrome - Ekstensi Terinstall" src="http://1.bp.blogspot.com/-pRK3x3sVWr8/T97JtoxCTLI/AAAAAAAAAVw/CeQ_TpsazF0/s200/Ekstensi-Berhasil-terinstall.gif" title="Google Chrome - Ekstensi Terinstall" width="200" height="73" /></a><p class="wp-caption-text">Google Chrome &#8211; Ekstensi Terinstall</p></div>
<p>Setelah ekstensi ini berhasil terinstall, user tidak perlu lagi klik manual pada link <strong class="code">Skip Ad</strong> atau link/tombol sejenis lainnya. RedirectionHelper akan mengabaikan/klik link Skip Ad ini secara otomatis. Dengan kata lain ekstensi ini tidak sepenuhnya menghilangkan halaman iklan (tentu saja, karena url/alamat <em>landing page</em> yang dituju tergantung pada url web redirect/pengalihan dari web <em>link shortener)</em>.</p>
<p>Similar posts:<ol>
<li><a href='http://linggih.com/trik-web-traffic-gratis/' rel='bookmark' title='Trik Web Traffic Gratis'>Trik Web Traffic Gratis</a> <small>SEO Tips &#8211; Tingkatkan Traffic Web/Blog Dengan Memanfaatkan Situs Online...</small></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://linggih.com/skip-url-redirection-adf-ly-urlcash-net-lnk-co-dlsb/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://linggih.com/skip-url-redirection-adf-ly-urlcash-net-lnk-co-dlsb/</feedburner:origLink></item>
		<item>
		<title>Proses Expire Domain</title>
		<link>http://feedproxy.google.com/~r/linggih/~3/qEQogBbbHhY/</link>
		<comments>http://linggih.com/proses-expire-domain/#comments</comments>
		<pubDate>Sun, 17 Jun 2012 17:21:10 +0000</pubDate>
		<dc:creator>Linggih</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[DNS]]></category>
		<category><![CDATA[Hosting & Domain]]></category>
		<category><![CDATA[Tips & Trik]]></category>

		<guid isPermaLink="false">http://linggih.com/?p=1436</guid>
		<description><![CDATA[Sering kali orang salah mengartikan nama domain (domain names) adalah sesuatu yang dapat dibeli (dimiliki), asumsi ini tidak sepenuhnya benar. Mungkin selama periode tertentu (1 sampai 10 tahun) domain dapat dimiliki, namun sebelum masa berlaku domain habis (expire), current owner (pemilik sah domain) wajib membayar biaya perpanjangan untuk menghindari domain dihapus dari registry atau diambil alih kepemilikannya oleh orang/pihak lain. Jika domain bisa dimiliki, logikanya pemilik sah domain tidak diharuskan (wajib) membayar biaya perpanjangan domain. &#34;SEWA&#34; menurut saya merupakan istilah yang lebih cocok untuk menggambarkan kepemilikan domain ini. Bahkan siapapun orangnya bisa memiliki domain &#8216;google.com&#8217; jika memang google berencana untuk tidak memperpanjang domain google.com tahun berikutnya (tentu saja kalau punya kocek ratusan juta atau bahkan milyar rupiah untuk menang lelang/backorders), karena lembaga tertinggi yang mengatur kepemilikan nama domain (ICANN / Internet Corporation for Assigned Names and Numbers) tidak memperbolehkan kepemilikan domain secara permanen. Kesimpulannya, selama terus diperpanjang masa sewanya, domain akan tetap dibawah kepemilikan. Namun bagaimana jika domain expire &#38; owner lama ingin tetap menjadi pemilik sah domain? Bisa, namun hanya terbatas pada waktu, situasi dan kondisi tertentu. Melalui artikel singkat ini diharapkan dapat memberikan gambaran/ilustrasi yang lebih jelas bagi yang kurang familiar dengan proses expire sampai re-register domain. Berikut siklus (proses) singkat yang menggambarkan bagaimana domain expired (kadaluarsa) sampai domain tersedia (bisa) didaftarkan kembali oleh masyarakat umum (publik). Register Nama Domain Register Nama Domain Expired Domain Grace Period (Registrar Hold) &#8594; 45 hari Redemption Period (30 Hari) Pending Delete Domain &#8594; 5 hari Domain dihapus &#38; dapat didaftarkan kembali ...
Similar posts:<ol>
<li><a href='http://linggih.com/cara-mudah-membuat-local-domain/' rel='bookmark' title='Cara Mudah Membuat Local Domain'>Cara Mudah Membuat Local Domain</a> <small>Akses testing website pada local webserver ataupun pada home network/local...</small></li>
<li><a href='http://linggih.com/apa-itu-dns/' rel='bookmark' title='Apa itu DNS'>Apa itu DNS</a> <small>Sekilas tentang DNS (Domain Name System) Baik webmaster pendatang baru...</small></li>
</ol>]]></description>
				<content:encoded><![CDATA[<link href="http://linggih.com/file_support/css/expired-domain.css" rel="stylesheet" type="text/css" />
Sering kali orang salah mengartikan <strong class="sbold">nama domain <em>(domain names)</em></strong> adalah sesuatu yang dapat dibeli (dimiliki), asumsi ini tidak sepenuhnya benar. Mungkin selama periode tertentu (1 sampai 10 tahun) domain dapat dimiliki, namun sebelum masa berlaku domain habis <em>(expire), current owner</em> (pemilik sah domain) wajib membayar biaya perpanjangan untuk menghindari domain dihapus dari registry atau diambil alih kepemilikannya oleh orang/pihak lain. Jika domain bisa dimiliki, logikanya pemilik sah domain tidak diharuskan (wajib) membayar biaya perpanjangan domain. &quot;<u>SEWA</u>&quot; menurut saya merupakan istilah yang lebih cocok untuk menggambarkan kepemilikan domain ini.</p>
<p>Bahkan siapapun orangnya bisa memiliki <strong class="sbold"><em class="itsm">domain</em></strong> &#8216;google.com&#8217; jika memang google berencana untuk tidak memperpanjang domain google.com tahun berikutnya (tentu saja kalau punya kocek ratusan juta atau bahkan milyar rupiah untuk menang lelang/<em>backorders</em>), karena lembaga tertinggi yang mengatur kepemilikan nama domain (<a href="http://www.icann.org/" title="Internet Corporation for Assigned Names and Numbers" target="_blank" rel="nofollow">ICANN</a> / <em>Internet Corporation for Assigned Names and Numbers</em>) tidak memperbolehkan kepemilikan domain secara permanen.</p>
<p>Kesimpulannya, selama terus diperpanjang masa sewanya, domain akan tetap dibawah kepemilikan. <em>Namun bagaimana jika <strong class="sbold"><em class="itsm">domain expire</em></strong> &amp; owner lama ingin tetap menjadi pemilik sah domain?</em> Bisa, namun hanya terbatas pada waktu, situasi dan kondisi tertentu. Melalui artikel singkat ini diharapkan dapat memberikan gambaran/ilustrasi yang lebih jelas bagi yang kurang familiar dengan proses expire sampai re-register domain.</p>
<p>Berikut siklus (proses) singkat yang menggambarkan bagaimana <strong class="sbold"><em class="itsm">domain expired</em></strong> (kadaluarsa) sampai domain tersedia (bisa) didaftarkan kembali oleh masyarakat umum (publik).</p>
<div id="exDom">
<div class="regDomain">
    	<a href="#redisterdomain" title="Register Domain">Register Nama Domain</a>
	</div>
<div class="haveDom">
    	<a href="#redisterdomain" title="Register Domain">Register Nama Domain</a>
	</div>
<div class="expDom">
    	<a href="#graceperiod" title="Grace Period">Expired Domain</a>
	</div>
<div class="grPer">
    	<a href="#graceperiod" title="Grace Period">Grace Period (Registrar Hold) &rarr; 45 hari</a>
	</div>
<div class="redPer">
    	<a href="#redemptionperiod" title="Redemption Period">Redemption Period (30 Hari)</a>
	</div>
<div class="penDel">
    	<a href="#pendingdelete" title="Pending Delete">Pending Delete Domain &rarr; 5 hari</a>
	</div>
<div class="reReg">
    	<a href="#deletedomain" title="Delete Domain">Domain dihapus &amp; dapat didaftarkan kembali</a>
	</div>
</div>
<p>Dari ilustrasi gambar singkat di atas, proses registrasi domain, expire, penghapusan sampai pendaftaran kembali domain dapat diuraikan menjadi 5 status/fase berikut:<a name="redisterdomain" id="redisterdomain"></a></p>
<p><strong>Status 1 &#8211; <u>Cek &amp; Register (daftar domain)</u></strong></p>
<p>Ini adalah masa pertama kali <em>user/customer</em> melakukan <strong><u>registrasi domain</u></strong> dengan menyerahkan beberapa informasi yang diwajibkan, antara lain: nama domain terpilih, detail informasi kontak pemegang domain (Email, alamat, nomor telephone) untuk domain registrar &amp; informasi billing (tagihan) untuk penyedia jasa layanan domain (reseller/registrant/provider domain). Jangka waktu masa sewa registrasi domain bisa dipilih antara 1 sampai dengan 10 tahun masa sewa.</p>
<p>Setelah user submit (menyerahkan) semua informasi yang diwajibkan, registrar akan melanjutkan proses dengan submit semua data ke registry. Tujuannya adalah merekam semua data informasi kontak ke Whois &amp; menambahkan zone files ke master server. Master server berfungsi memberitahukan server lain di internet terkait tempat (dimana) server website diletakkan.<a name="graceperiod" id="graceperiod"></a></p>
<p><strong>Status 2 &#8211; <em>Registrar Hold (Grace Period)</em>: <u>Registrasi Nama Domain Expire (kadaluarsa)</u></strong></p>
<p>Ini biasa terjadi ketika pemilik sah (owner) domain tidak/belum memperpanjang <strong class="sbold"><em class="itsm">domain</em></strong> setelah lewat tanggal jatuh tempo domain. Pada masa ini, domain berada pada status <strong><u>Registrar Hold</u></strong>, dimana semua setting domain tidak dapat dimodifikasi atau dihapus pada domain panel manager.</p>
<p>Selama berada pada status Registrar Hold, website dan email terkait domain tidak akan berfungsi karena nama domain dihapus sementara dari <em>zone files</em>. Status ini berlangsung selama 0 &#8211; 45 hari kerja dan pemilik sah domain dapat langsung perpanjang sewa dengan biaya perpanjangan normal.<a name="redemptionperiod" id="redemptionperiod"></a></p>
<p><strong>Status 3 &#8211; <em>Redemption Period:</em> <u>Request Hapus Domain ke Registry</u></strong></p>
<p>Jika 0 &#8211; 45 hari kerja status Registrar Hold lewat tanpa ada perpanjangan dari pemilik sah <strong class="sbold"><em class="itsm">domain</em></strong>, registrar mengajukan request ke registry terkait <strong><u>penghapusan nama domain</u></strong>. Setelah request ini berhasil disubmit (dibuat), nama domain berada pada status Redemption Period, dimana pada masa ini domain tidak dapat dimodifikasi atau dihapus. Domain hanya dapat direstore oleh pemilik sah <em>(current owner)</em> namun dengan harga restore yang jauh lebih mahal (kurang lebih 10 kali lipat dari harga perpanjangan domain normal).</p>
<p>Tanpa ada tindakan restore dari pemilik sah, domain akan tetap berada pada masa Redemption Period selama kurang lebih 30 hari kerja. Setelah lewat masa ini, domain dijadwalkan akan dihapus permanen dari zone files.<a name="pendingdelete" id="pendingdelete"></a></p>
<p><strong>Status 4 &#8211; <em>Pending Delete:</em> <u>Hapus Permanent Dari Zone Files</u></strong></p>
<p>Setelah lewat masa Redemption Period dan tidak ada tindakan lebih lanjut dari pemilik sah <em>(current owner)</em> untuk <strong><u>restore domain</u></strong>, domain akan ganti status ke <strong><u>Pending Delete</u></strong>. Status ini berlangsung selama 5 hari kerja dan pemilik sah, registrar maupun registry tidak dapat melakukan restore domain.</p>
<p>Pada status ini <strong class="sbold"><em class="itsm">domain</em></strong> sah akan dihapus dari zone files.<a name="deletedomain" id="deletedomain"></a></p>
<p><strong>Status 5 &#8211; Deleted/Dropped Domain</strong></p>
<p>Setelah berakhir status Pending Delete selama 5 hari kerja, domain resmi dihapus dari registry pada hari ke-6. Pada masa ini <strong class="sbold"><em class="itsm">domain</em></strong> tersedia untuk didaftarkan kembali oleh masyarakat umum (siapa cepat, dia dapat).</p>
<p>Meskipun menurut aturan sangat mungkin untuk mendaftarkan kembali (register) domain yang sudah expire, namun sangat kecil peluangnya untuk sukses. Terutama berlaku pada domain yang mempunyai nilai (nama yang unik/bagus). Karena harus siap bersaing dengan pihak-pihak backorders profesional yang selalu fokus, siap ambil resiko, modal besar dan sigap memanfaatkan peluang beli nama domain yang mempunyai potensi nilai tinggi untuk dijual kembali.</p>
<p>Dari uraian singkat di atas, dapat dirangkum urutan/susunan hirarki pengurusan nama domain dari lembaga tertinggi sampai ke customer/pemilik/owner resmi domain:</p>
<p><strong class="code">ICANN</strong> &rarr; <strong class="code">Registry</strong> &rarr; <strong class="code">Registrar</strong> &rarr; <strong class="code">Reseller/provider/registrant</strong> &rarr; <strong class="code">Domain Owner/Pemilik Sah Domain</strong></p>
<p>Similar posts:<ol>
<li><a href='http://linggih.com/cara-mudah-membuat-local-domain/' rel='bookmark' title='Cara Mudah Membuat Local Domain'>Cara Mudah Membuat Local Domain</a> <small>Akses testing website pada local webserver ataupun pada home network/local...</small></li>
<li><a href='http://linggih.com/apa-itu-dns/' rel='bookmark' title='Apa itu DNS'>Apa itu DNS</a> <small>Sekilas tentang DNS (Domain Name System) Baik webmaster pendatang baru...</small></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://linggih.com/proses-expire-domain/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		<feedburner:origLink>http://linggih.com/proses-expire-domain/</feedburner:origLink></item>
		<item>
		<title>CSS Tips – CSS Sprites</title>
		<link>http://feedproxy.google.com/~r/linggih/~3/1--ywE9ZHN8/</link>
		<comments>http://linggih.com/css-tips-css-sprites/#comments</comments>
		<pubDate>Fri, 15 Jun 2012 02:55:23 +0000</pubDate>
		<dc:creator>Linggih</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Code]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Online Tools]]></category>
		<category><![CDATA[Optimalisasi]]></category>
		<category><![CDATA[Tips & Trik]]></category>

		<guid isPermaLink="false">http://linggih.com/?p=1424</guid>
		<description><![CDATA[CSS Sprites &#8211; menggabungkan beberapa file gambar menjadi satu gambar CSS Sprites!! Pernahkah dengar nggak??? Sprite&#8230; Hmm&#8230; sejenis minuman temannya Coca-Cola mungkin!!! ha.. ha&#8230; CSS Sprites itu merupakan tekhnik CSS untuk menggabungkan beberapa file gambar (khusus gambar yang berdimensi kecil) menjadi satu gambar utuh. Tujuan utama pembuatan CSS Sprites ini adalah untuk mengurangi waktu delay download resource &#38; HTTP Requests file-file gambar sebelum digabungkan. Keuntungannya tentu saja waktu load web/blog menjadi lebih optimal (singkat/cepat terbuka), alasannya seperti di atas ditambah pengurangan karakter code CSS yang secara langsung berdampak pada penurunan/pengurangan ukuran file (file size) CSS. ok!!! Langsung praktek &#38; lihat contohnya saja. Gambar yang akan dipakai pada contoh artikel ini antara lain logo gambar beberapa merk sepatu sport terkemuka (Adidas, Kappa, Nike, Puma &#38; Reebok) yang mempunyai ukuran tinggi (height) sama (75px); Adidas.png &#8594; Dimensi (px) 115 x 75 Adidas-Hover.png &#8594; Dimensi (px) 115 x 75 Kappa.png &#8594; Dimensi (px) 96 x 75 Kappa-Hover.png &#8594; Dimensi (px) 96 x 75 Nike.png &#8594; Dimensi (px) 144 x 75 Nike-Hover.png &#8594; Dimensi (px) 144 x 75 Puma.png &#8594; Dimensi (px) 150 x 75 Puma-Hover.png &#8594; Dimensi (px) 150 x 75 Rebook.png &#8594; Dimensi (px) 157 x 75 Rebook-Hover.png &#8594; Dimensi (px) 157 x 75 Misal akan membuat Hyperlink (tautan link) namun menggunakan file gambar logo sepatu sport di atas sebagai ganti Hyperling text. Code CSS yang ditulis seperti ini: Code HTML: Hasilnya outputnya seperti ini: Adidas Logo Kappa Logo Nike Logo Puma Logo Reebok Logo Nah, sekarang mari coba terapkan tekhnik CSS ...
Similar posts:<ol>
<li><a href='http://linggih.com/caesium-image-compressor/' rel='bookmark' title='Caesium Image Compressor'>Caesium Image Compressor</a> <small>Compress (memperkecil) ukuran file gambar (image) kadang diperlukan dengan bermacam...</small></li>
<li><a href='http://linggih.com/tips-memilih-provider-hosting/' rel='bookmark' title='Tips Memilih Provider Hosting'>Tips Memilih Provider Hosting</a> <small>Faktor apa saja yang harus dipertimbangkan oleh webmaster dalam memilih...</small></li>
<li><a href='http://linggih.com/tingkatkan-pagespeed-google-pada-cms-wordpress/' rel='bookmark' title='Tingkatkan PageSpeed Google Pada CMS WordPress'>Tingkatkan PageSpeed Google Pada CMS WordPress</a> <small>Percepat loading halaman web &amp; tingkatkan PageSpeed Score Google menggunakan...</small></li>
</ol>]]></description>
				<content:encoded><![CDATA[<link href="http://linggih.com/file_support/css/tutorial.css" rel="stylesheet" type="text/css" />
<h3 class="point">CSS Sprites &#8211; menggabungkan beberapa file gambar menjadi satu gambar</h3>
<p><strong><em class="itsm"><u>CSS Sprites!!</u></em></strong> <em>Pernahkah dengar nggak???</em> <strong><em>Sprite&#8230;</em></strong> Hmm&#8230; sejenis minuman temannya Coca-Cola mungkin!!! ha.. ha&#8230; <img src='http://linggih.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </p>
<p><strong class="sbold"><em class="itsm">CSS Sprites</em></strong> itu merupakan tekhnik CSS untuk menggabungkan beberapa file gambar (khusus gambar yang berdimensi kecil) menjadi satu gambar utuh. Tujuan utama pembuatan CSS Sprites ini adalah untuk mengurangi waktu delay download resource &amp; HTTP Requests file-file gambar sebelum digabungkan.</p>
<p>Keuntungannya tentu saja waktu load web/blog menjadi lebih optimal (singkat/cepat terbuka), alasannya seperti di atas ditambah pengurangan karakter code CSS yang secara langsung berdampak pada penurunan/pengurangan ukuran file <em>(file size)</em> CSS.</p>
<p>ok!!! Langsung praktek &amp; lihat contohnya saja. Gambar yang akan dipakai pada contoh artikel ini antara lain logo gambar beberapa merk sepatu sport terkemuka (Adidas, Kappa, Nike, Puma &amp; Reebok) yang mempunyai ukuran tinggi <em>(height)</em> sama (75px);</p>
<ol>
<li>Adidas.png &rarr; Dimensi (px) <strong>115 x 75</strong></li>
<li>Adidas-Hover.png &rarr; Dimensi (px) <strong>115 x 75</strong></li>
<li>Kappa.png &rarr; Dimensi (px) <strong>96 x 75</strong></li>
<li>Kappa-Hover.png &rarr; Dimensi (px) <strong>96 x 75</strong></li>
<li>Nike.png &rarr; Dimensi (px) <strong>144 x 75</strong></li>
<li>Nike-Hover.png &rarr; Dimensi (px) <strong>144 x 75</strong></li>
<li>Puma.png &rarr; Dimensi (px) <strong>150 x 75</strong></li>
<li>Puma-Hover.png &rarr; Dimensi (px) <strong>150 x 75</strong></li>
<li>Rebook.png &rarr; Dimensi (px) <strong>157 x 75</strong></li>
<li>Rebook-Hover.png &rarr; Dimensi (px) <strong>157 x 75</strong></li>
</ol>
<div class="clear"></div>
<p><div class="wp-caption alignleft" style="width: 125px"><a href="http://3.bp.blogspot.com/-bVR7CLmr8OU/T9orzQLFssI/AAAAAAAAAPM/-VoVvjpD1eE/s200/Adidas.png"><img alt="Logo Sepatu Adidas" src="http://3.bp.blogspot.com/-bVR7CLmr8OU/T9orzQLFssI/AAAAAAAAAPM/-VoVvjpD1eE/s200/Adidas.png" title="Logo Sepatu Adidas" width="115" height="75" /></a><p class="wp-caption-text">Logo Adidas</p></div><div class="wp-caption alignleft" style="width: 125px"><a href="http://2.bp.blogspot.com/-Zjzhm-CoCg8/T9orzRbEH-I/AAAAAAAAAPY/lY8Pi08Hq_A/s200/Adidas-Hover.png"><img alt="Logo Adidas Hover" src="http://2.bp.blogspot.com/-Zjzhm-CoCg8/T9orzRbEH-I/AAAAAAAAAPY/lY8Pi08Hq_A/s200/Adidas-Hover.png" title="Logo Adidas Hover" width="115" height="75" /></a><p class="wp-caption-text">Logo Adidas Hover</p></div><div class="wp-caption alignleft" style="width: 106px"><a href="http://1.bp.blogspot.com/-UW3OBsil2nU/T9orzrpq6KI/AAAAAAAAAPk/b4EP9V0jumg/s200/Kappa.png"><img alt="Logo Kappa" src="http://1.bp.blogspot.com/-UW3OBsil2nU/T9orzrpq6KI/AAAAAAAAAPk/b4EP9V0jumg/s200/Kappa.png" title="Logo Kappa" width="96" height="75" /></a><p class="wp-caption-text">Logo Kappa</p></div><div class="wp-caption alignleft" style="width: 106px"><a href="http://4.bp.blogspot.com/-otjgmhY0Nv4/T9orz-lEuLI/AAAAAAAAAPw/sbd94roRUBg/s200/Kappa-Hover.png"><img alt="Logo Kappa Hover" src="http://4.bp.blogspot.com/-otjgmhY0Nv4/T9orz-lEuLI/AAAAAAAAAPw/sbd94roRUBg/s200/Kappa-Hover.png" title="Logo Kappa Hover" width="96" height="75" /></a><p class="wp-caption-text">Logo Kappa Hover</p></div></p>
<div class="clear"></div>
<p><div class="wp-caption alignleft" style="width: 154px"><a href="http://2.bp.blogspot.com/-5DDciqhxU9w/T9osZSakfJI/AAAAAAAAAP8/tG0c5VrsqaM/s200/Nike.png"><img alt="Logo Nike" src="http://2.bp.blogspot.com/-5DDciqhxU9w/T9osZSakfJI/AAAAAAAAAP8/tG0c5VrsqaM/s200/Nike.png" title="Logo Nike" width="144" height="75" /></a><p class="wp-caption-text">Logo Nike</p></div><div class="wp-caption alignleft" style="width: 154px"><a href="http://2.bp.blogspot.com/-cEPMz1rMyik/T9osZtW_v4I/AAAAAAAAAQI/B83L5TnfhaM/s200/Nike-Hover.png"><img alt="Logo Nike Hover" src="http://2.bp.blogspot.com/-cEPMz1rMyik/T9osZtW_v4I/AAAAAAAAAQI/B83L5TnfhaM/s200/Nike-Hover.png" title="Logo Nike Hover" width="144" height="75" /></a><p class="wp-caption-text">Logo Nike Hover</p></div><div class="wp-caption alignleft" style="width: 160px"><a href="http://2.bp.blogspot.com/--kdXhogHhJk/T9osZ18i65I/AAAAAAAAAQU/C5JwpgJQh4Q/s200/Puma.png"><img alt="Logo Puma" src="http://2.bp.blogspot.com/--kdXhogHhJk/T9osZ18i65I/AAAAAAAAAQU/C5JwpgJQh4Q/s200/Puma.png" title="Logo Puma" width="150" height="75" /></a><p class="wp-caption-text">Logo Puma</p></div><div class="wp-caption alignleft" style="width: 160px"><a href="http://2.bp.blogspot.com/-ZAtiujjeNuw/T9osaGnRN2I/AAAAAAAAAQg/3cG3-fJ5eGA/s200/Puma-Hover.png"><img alt="Logo Puma Hover" src="http://2.bp.blogspot.com/-ZAtiujjeNuw/T9osaGnRN2I/AAAAAAAAAQg/3cG3-fJ5eGA/s200/Puma-Hover.png" title="Logo Puma Hover" width="150" height="75" /></a><p class="wp-caption-text">Logo Puma Hover</p></div></p>
<div class="clear"></div>
<p><div class="wp-caption alignleft" style="width: 167px"><a href="http://4.bp.blogspot.com/-55k6isp5gsw/T9oslOeT5pI/AAAAAAAAAQs/44yIrrhNeAk/s200/Rebook.png"><img alt="Logo Reebok" src="http://4.bp.blogspot.com/-55k6isp5gsw/T9oslOeT5pI/AAAAAAAAAQs/44yIrrhNeAk/s200/Rebook.png" title="Logo Reebok" width="157" height="75" /></a><p class="wp-caption-text">Logo Reebok</p></div><div class="wp-caption alignleft" style="width: 167px"><a href="http://1.bp.blogspot.com/-0s_G-ibnhdU/T9oyS0rBsEI/AAAAAAAAARI/GSNbVdoKb98/s200/Rebook-Hover.png"><img alt="Logo Rebook Hover" src="http://1.bp.blogspot.com/-0s_G-ibnhdU/T9oyS0rBsEI/AAAAAAAAARI/GSNbVdoKb98/s200/Rebook-Hover.png" title="Logo Rebook Hover" width="157" height="75" /></a><p class="wp-caption-text">Logo Rebook Hover</p></div></p>
<div class="clear"></div>
<p>Misal akan membuat <em>Hyperlink</em> (tautan link) namun menggunakan file gambar logo sepatu sport di atas sebagai ganti Hyperling text. Code CSS yang ditulis seperti ini:</p>
<pre class="brush: css; light: false; title: ; toolbar: true; notranslate">
#tutorialSpryte {
	width: auto;
    height:75px;
    margin:15px 0 15px 20px
}

#tutorialSpryte div a {height:75px}

#tutorialSpryte div.adidas a, #tutorialSpryte div.kappa a, #tutorialSpryte div.nike a, #tutorialSpryte div.puma a, #tutorialSpryte div.reebok a {
	text-decoration: none;
    border-bottom:none;
    overflow: hidden;
    text-indent: -9000px;
    float:left
}

#tutorialSpryte div.adidas a {
	background:url(http://3.bp.blogspot.com/-bVR7CLmr8OU/T9orzQLFssI/AAAAAAAAAPM/-VoVvjpD1eE/s200/Adidas.png) no-repeat;
    width:115px
}

#tutorialSpryte div.adidas a:hover {
	background:url(http://2.bp.blogspot.com/-Zjzhm-CoCg8/T9orzRbEH-I/AAAAAAAAAPY/lY8Pi08Hq_A/s200/Adidas-Hover.png) no-repeat
}

#tutorialSpryte div.kappa a {
	background:url(http://1.bp.blogspot.com/-UW3OBsil2nU/T9orzrpq6KI/AAAAAAAAAPk/b4EP9V0jumg/s200/Kappa.png) no-repeat;
    width:96px
}

#tutorialSpryte div.kappa a:hover {
	background:url(http://4.bp.blogspot.com/-otjgmhY0Nv4/T9orz-lEuLI/AAAAAAAAAPw/sbd94roRUBg/s200/Kappa-Hover.png) no-repeat
}

#tutorialSpryte div.nike a {
	background:url(http://2.bp.blogspot.com/-5DDciqhxU9w/T9osZSakfJI/AAAAAAAAAP8/tG0c5VrsqaM/s200/Nike.png) no-repeat;
    width:144px
}

#tutorialSpryte div.nike a:hover {
	background:url(http://2.bp.blogspot.com/-cEPMz1rMyik/T9osZtW_v4I/AAAAAAAAAQI/B83L5TnfhaM/s200/Nike-Hover.png) no-repeat
}

#tutorialSpryte div.puma a {
	background:url(http://2.bp.blogspot.com/--kdXhogHhJk/T9osZ18i65I/AAAAAAAAAQU/C5JwpgJQh4Q/s200/Puma.png) no-repeat;
    width:150px
}

#tutorialSpryte div.puma a:hover {
	background:url(http://2.bp.blogspot.com/-ZAtiujjeNuw/T9osaGnRN2I/AAAAAAAAAQg/3cG3-fJ5eGA/s200/Puma-Hover.png) no-repeat
}

#tutorialSpryte div.reebok a {
	background:url(http://4.bp.blogspot.com/-55k6isp5gsw/T9oslOeT5pI/AAAAAAAAAQs/44yIrrhNeAk/s200/Rebook.png) no-repeat;
    width:157px
}

#tutorialSpryte div.reebok a:hover {
	background:url(http://1.bp.blogspot.com/-0s_G-ibnhdU/T9oyS0rBsEI/AAAAAAAAARI/GSNbVdoKb98/s200/Rebook-Hover.png) no-repeat
}
</pre>
<p><strong><u>Code HTML</u>:</strong></p>
<pre class="brush: xml; light: false; title: ; toolbar: true; notranslate">
&lt;div id=&quot;tutorialSpryte&quot;&gt;
	&lt;div class=&quot;adidas&quot;&gt;
    	&lt;a href=&quot;#&quot; title=&quot;Keyword Title Adidas&quot;&gt;Keyword Adidas&lt;/a&gt;
	&lt;/div&gt;
    &lt;div class=&quot;kappa&quot;&gt;
    	&lt;a href=&quot;#&quot; title=&quot;Keyword Title Kappa&quot;&gt;Keyword Kappa&lt;/a&gt;
	&lt;/div&gt;
    &lt;div class=&quot;nike&quot;&gt;
    	&lt;a href=&quot;#&quot; title=&quot;Keyword Title Nike&quot;&gt;Keyword Nike&lt;/a&gt;
	&lt;/div&gt;
    &lt;div class=&quot;puma&quot;&gt;
    	&lt;a href=&quot;#&quot; title=&quot;Keyword Title Puma&quot;&gt;Keyword Puma&lt;/a&gt;
	&lt;/div&gt;
    &lt;div class=&quot;reebok&quot;&gt;
    	&lt;a href=&quot;#&quot; title=&quot;Keyword Title Reebok&quot;&gt;Keyword Reebok&lt;/a&gt;
	&lt;/div&gt;
&lt;/div&gt;
</pre>
<p><a name="beforesprite"></a><br />
<strong><u>Hasilnya outputnya seperti ini</u>:</strong></p>
<div id="tutorialSpryte">
<div class="adidas">
    	<a href="http://4.bp.blogspot.com/-PmDyVPca5KQ/T9pP2inxHuI/AAAAAAAAASc/zgimJH3rstg/s1600/Adidas-Custom-Logo.png">Adidas Logo</a>
	</div>
<div class="kappa">
    	<a href="http://1.bp.blogspot.com/-37fsSoVCeqo/T9pMaDAU3OI/AAAAAAAAASE/RGRKknWePsg/s1600/Kappa-Custom-Logo.png" title="Kappa Custom Logo">Kappa Logo</a>
	</div>
<div class="nike">
    	<a href="http://2.bp.blogspot.com/-FegvdUksA-c/T9pCZ1JycaI/AAAAAAAAARY/_5bSgBtAoZw/s1600/Nike-Logo.png" title="Nike Custom Logo">Nike Logo</a>
	</div>
<div class="puma">
    	<a href="http://3.bp.blogspot.com/-PalsNGhp7gI/T9pP29lPWFI/AAAAAAAAASo/BSU_nsGmG28/s1600/Puma-Custom-Logo.png" title="Puma Custom Logo">Puma Logo</a>
	</div>
<div class="reebok">
    	<a href="http://3.bp.blogspot.com/-4eWgmhUc73U/T9pOwzV3qWI/AAAAAAAAASQ/7SwJRSUxEDU/s1600/Reebok-Custom-Logo.png" title="Reebok Custom Logo">Reebok Logo</a>
	</div>
</div>
<p>Nah, sekarang mari coba terapkan tekhnik <strong class="sbold"><em class="itsm">CSS Sprites</em></strong> untuk optimalkan (mengurangi) <em>HTTP Request, Download Time</em> loading halaman web &amp; penurunan file size CSS. Jika mampu atur/olah gambar sediri, silahkan lakukan. Namun untuk memudahkan &amp; mempersingkat penulisan pada artikel ini, <strong class="sbold"><em class="itsm">CSS Sprites</em></strong> akan dibuat menggunakan tool online. Persiapkan dahulu beberapa gambar yang ingin dibuat Sprites, kemudian <a href="http://csssprites.com/" title="Online CSS Sprites Generator" target="_blank" rel="nofollow">kunjungi situs ini</a>.</p>
<p>Hitung berapa jumlah file gambar yang ingin dibuat sprite &rarr; klik tombol <strong class="code">NEED MORE?</strong> untuk menambah text field upload sampai mencukupi jumlah file gambar (10 file gambar pada artikel ini).</p>
<ol>
<li>Upload berurutan antara file gambar normal &amp; hover.</li>
<li><strong>Padding between elements:</strong> = isikan <strong class="code">0</strong></li>
<li><strong>Border around the whole image:</strong> = isikan <strong class="code">0</strong></li>
<li><strong>Align elements:</strong> pilih <strong class="code">top</strong> &rarr; menghilangkan white space width (lebar) karena tinggi masing-masing gambar sama (75px). Jika pilih <strong class="code">left</strong>, file size gambar akan membengkak.</li>
<li><strong>Background color:</strong> pilih <strong class="code">transparent</strong></li>
<li>Klik tombol <strong class="code">GENERATE!</strong></li>
</ol>
<div class="wp-caption alignnone" style="width: 210px"><a href="http://1.bp.blogspot.com/-lGkbHT3kuBg/T9p36dxTF_I/AAAAAAAAAS4/9uqrnkA-tAQ/s1600/Upload-Gambar.gif"><img alt="Upload Gambar" src="http://1.bp.blogspot.com/-lGkbHT3kuBg/T9p36dxTF_I/AAAAAAAAAS4/9uqrnkA-tAQ/s200/Upload-Gambar.gif" title="Upload Gambar" width="200" height="139" /></a><p class="wp-caption-text">Upload Gambar</p></div>
<p>Download file CSS Sprites dengan klik pada tombol <strong class="code">DOWNLOAD SPRITE PNG</strong> Copy paste <strong>Property</strong> &amp; <strong>Value CSS</strong> untuk disisipkan pada dokumen file CSS nantinya.</p>
<div class="clear"></div>
<p><div class="wp-caption alignleft" style="width: 186px"><a href="http://3.bp.blogspot.com/-WzMVMFTZKHE/T9p4UqkM--I/AAAAAAAAATE/SSU6F_6kMqw/s1600/CSS%2BSprites%2BResult.gif"><img alt="CSS Sprites Results" src="http://3.bp.blogspot.com/-WzMVMFTZKHE/T9p4UqkM--I/AAAAAAAAATE/SSU6F_6kMqw/s200/CSS%2BSprites%2BResult.gif" title="CSS Sprites Results" width="176" height="200" /></a><p class="wp-caption-text">CSS Sprites Results</p></div><div class="wp-caption alignleft" style="width: 210px"><a href="http://4.bp.blogspot.com/-UeVA48MLOlA/T9qFai9RrMI/AAAAAAAAATg/JS-BL9Qg15g/s1600/CSS-Sprites.png"><img alt="CSS Sprites File" src="http://4.bp.blogspot.com/-UeVA48MLOlA/T9qFai9RrMI/AAAAAAAAATg/JS-BL9Qg15g/s200/CSS-Sprites.png" title="CSS Sprites File" width="200" height="12" /></a><p class="wp-caption-text">CSS Sprites File</p></div></p>
<div class="clear"></div>
<p><strong><u>Code CSS baru <strong class="sbold"><em class="itsm">(CSS Sprites)</em></strong></u></strong></p>
<pre class="brush: css; light: false; title: ; toolbar: true; notranslate">
#cssSpryte {
	width: auto;
    height:75px;
    margin:15px 0 15px 20px
}

#cssSpryte div a {
	height:75px;
    display:block;
    background: url(http://4.bp.blogspot.com/-UeVA48MLOlA/T9qFai9RrMI/AAAAAAAAATg/JS-BL9Qg15g/s1600/CSS-Sprites.png)
}

#cssSpryte div.adidas a, #cssSpryte div.kappa a, #cssSpryte div.nike a, #cssSpryte div.puma a, #cssSpryte div.reebok a {
	text-decoration: none;
    border-bottom:none;
    overflow: hidden;
    text-indent: -9000px;
    float:left
}

#cssSpryte div.adidas a {
	background-position: 0px 0px;
    width:115px
}

#cssSpryte div.adidas a:hover {
	background-position: -115px 0px
}

#cssSpryte div.kappa a {
	background-position: -230px 0px;
    width:96px
}

#cssSpryte div.kappa a:hover {
	background-position: -326px 0px
}

#cssSpryte div.nike a {
	background-position: -422px 0px;
    width:144px
}

#cssSpryte div.nike a:hover {
	background-position: -566px 0px
}

#cssSpryte div.puma a {
	background-position: -710px 0px;
    width:150px
}

#cssSpryte div.puma a:hover {
	background-position: -860px 0px
}

#cssSpryte div.reebok a {
	background-position: -1010px 0px;
    width:157px
}

#cssSpryte div.reebok a:hover {
	background-position: -1167px 0px
}
</pre>
<p><strong><u>Code HTML</u>:</strong></p>
<pre class="brush: xml; light: false; title: ; toolbar: true; notranslate">
&lt;div id=&quot;cssSpryte&quot;&gt;
	&lt;div class=&quot;adidas&quot;&gt;
    	&lt;a href=&quot;http://4.bp.blogspot.com/-PmDyVPca5KQ/T9pP2inxHuI/AAAAAAAAASc/zgimJH3rstg/s1600/Adidas-Custom-Logo.png&quot;&gt;Adidas Logo&lt;/a&gt;
	&lt;/div&gt;
    &lt;div class=&quot;kappa&quot;&gt;
    	&lt;a href=&quot;http://1.bp.blogspot.com/-37fsSoVCeqo/T9pMaDAU3OI/AAAAAAAAASE/RGRKknWePsg/s1600/Kappa-Custom-Logo.png&quot; title=&quot;Kappa Custom Logo&quot;&gt;Kappa Logo&lt;/a&gt;
	&lt;/div&gt;
    &lt;div class=&quot;nike&quot;&gt;
    	&lt;a href=&quot;http://2.bp.blogspot.com/-FegvdUksA-c/T9pCZ1JycaI/AAAAAAAAARY/_5bSgBtAoZw/s1600/Nike-Logo.png&quot; title=&quot;Nike Custom Logo&quot;&gt;Nike Logo&lt;/a&gt;
	&lt;/div&gt;
    &lt;div class=&quot;puma&quot;&gt;
    	&lt;a href=&quot;http://3.bp.blogspot.com/-PalsNGhp7gI/T9pP29lPWFI/AAAAAAAAASo/BSU_nsGmG28/s1600/Puma-Custom-Logo.png&quot; title=&quot;Puma Custom Logo&quot;&gt;Puma Logo&lt;/a&gt;
	&lt;/div&gt;
    &lt;div class=&quot;reebok&quot;&gt;
    	&lt;a href=&quot;http://3.bp.blogspot.com/-4eWgmhUc73U/T9pOwzV3qWI/AAAAAAAAASQ/7SwJRSUxEDU/s1600/Reebok-Custom-Logo.png&quot; title=&quot;Reebok Custom Logo&quot;&gt;Reebok Logo&lt;/a&gt;
	&lt;/div&gt;
&lt;/div&gt;
</pre>
<p><a name="aftersprite"></a><br />
<strong><u>HTML Output</u>:</strong></p>
<div id="cssSpryte">
<div class="adidas">
    	<a href="http://4.bp.blogspot.com/-PmDyVPca5KQ/T9pP2inxHuI/AAAAAAAAASc/zgimJH3rstg/s1600/Adidas-Custom-Logo.png">Adidas Logo</a>
	</div>
<div class="kappa">
    	<a href="http://1.bp.blogspot.com/-37fsSoVCeqo/T9pMaDAU3OI/AAAAAAAAASE/RGRKknWePsg/s1600/Kappa-Custom-Logo.png" title="Kappa Custom Logo">Kappa Logo</a>
	</div>
<div class="nike">
    	<a href="http://2.bp.blogspot.com/-FegvdUksA-c/T9pCZ1JycaI/AAAAAAAAARY/_5bSgBtAoZw/s1600/Nike-Logo.png" title="Nike Custom Logo">Nike Logo</a>
	</div>
<div class="puma">
    	<a href="http://3.bp.blogspot.com/-PalsNGhp7gI/T9pP29lPWFI/AAAAAAAAASo/BSU_nsGmG28/s1600/Puma-Custom-Logo.png" title="Puma Custom Logo">Puma Logo</a>
	</div>
<div class="reebok">
    	<a href="http://3.bp.blogspot.com/-4eWgmhUc73U/T9pOwzV3qWI/AAAAAAAAASQ/7SwJRSUxEDU/s1600/Reebok-Custom-Logo.png" title="Reebok Custom Logo">Reebok Logo</a>
	</div>
</div>
<p>Voila!!! Terlihat sama persis kan output html nya? Tapi tunggu dulu, berikut perbandingan kecepatan loading web sebelum dan sesudah <strong class="sbold"><em class="itsm">CSS Sprites</em></strong> dibuat.</p>
<p><a class="btn" href="http://linggih.com/file_support/css-sprites-before.html" title="Cek Dokumen Before CSS Sprites" target="_blank">Cek dokumen sebelum CSS Sprites di sini</a> &nbsp; &nbsp; &nbsp; <a class="btn" href="http://linggih.com/file_support/css-sprites-after.html" title="Cek Dokumen After CSS Sprites" target="_blank">Cek dokumen setelah CSS Sprites di sini</a> &nbsp; &nbsp; &nbsp; <a class="btn" href="http://www.websiteoptimization.com/services/analyze/" title="Cek Web Speed" target="_blank" rel="nofollow">Bandingkan di sini</a></p>
<table class="myCustom" cellspacing="0" summary="CSS Sprites: Global Statistics">
<caption>CSS Sprites: Global Statistics (Nilai kecil semakin baik)</caption>
<tbody>
<tr class="headCustom">
<th class="thHead">&nbsp;</th>
<th>Sebelum</th>
<th>Sesudah</th>
</tr>
<tr class="rowSatu">
<th>Total HTTP Requests:	</th>
<td>12</td>
<td>3</td>
</tr>
<tr class="rowDua">
<th>Total Size:</th>
<td>96188 bytes</td>
<td>93785 bytes</td>
</tr>
</tbody>
</table>
<div class="wp-caption alignnone" style="width: 210px"><a href="http://1.bp.blogspot.com/-YFyaSLNSx9E/T9qY6OOoY_I/AAAAAAAAATw/2PfsqCfJxww/s1600/CSS-Sprites%2B-%2BGlobal%2BStatistik.gif"><img alt="CSS Sprites - Global Statistik" src="http://1.bp.blogspot.com/-YFyaSLNSx9E/T9qY6OOoY_I/AAAAAAAAATw/2PfsqCfJxww/s200/CSS-Sprites%2B-%2BGlobal%2BStatistik.gif" title="CSS Sprites - Global Statistik" width="200" height="42" /></a><p class="wp-caption-text">CSS Sprites &#8211; Global Statistik</p></div>
<table class="myCustom" cellspacing="0" summary="CSS Sprites: Object Size Totals">
<caption>CSS Sprites: Object Size Totals (Nilai kecil semakin baik)</caption>
<tbody>
<tr class="headCustom">
<th class="thHead">Object type</th>
<th colspan="2">Size (bytes)</th>
<th colspan="2">Download @ 56K (seconds)</th>
<th colspan="2">Download @ T1 (seconds)</th>
</tr>
<tr class="rowSatu">
<th>&nbsp;</th>
<td>Sebelum</td>
<td>Sesudah</td>
<td>Sebelum</td>
<td>Sesudah</td>
<td>Sebelum</td>
<td>Sesudah</td>
</tr>
<tr class="rowDua">
<th>HTML:</th>
<td>1051</td>
<td>1045</td>
<td>0.41</td>
<td>0.41</td>
<td>0.21</td>
<td>0.21</td>
</tr>
<tr class="rowSatu">
<th>HTML Images:</th>
<td> 0</td>
<td>0</td>
<td> 0.00</td>
<td> 0.00</td>
<td> 0.00</td>
<td> 0.00</td>
</tr>
<tr class="rowDua">
<th>CSS Images:</th>
<td>93214 </td>
<td>91639 </td>
<td> 20.58</td>
<td> 18.46</td>
<td> 2.49</td>
<td> 0.69</td>
</tr>
<tr class="rowSatu">
<th>Total Images:</th>
<td>93214</td>
<td>91639</td>
<td>20.58</td>
<td>18.46</td>
<td>2.49</td>
<td>0.69</td>
</tr>
<tr class="rowDua">
<th>Javascript:</th>
<td class="rowSatu"> 0</td>
<td class="rowSatu">0</td>
<td class="rowSatu"> 0.00</td>
<td class="rowSatu"> 0.00</td>
<td class="rowSatu"> 0.00</td>
<td class="rowSatu"> 0.00</td>
</tr>
<tr class="rowSatu">
<th>CSS:</th>
<td>1923</td>
<td>1101</td>
<td>0.58</td>
<td>0.42</td>
<td>0.21</td>
<td>0.21</td>
</tr>
<tr class="rowDua">
<th>Multimedia:</th>
<td class="rowSatu"> 0</td>
<td class="rowSatu">0</td>
<td class="rowSatu"> 0.00</td>
<td class="rowSatu"> 0.00</td>
<td class="rowSatu"> 0.00</td>
<td class="rowSatu"> 0.00</td>
</tr>
<tr class="rowSatu">
<th>Other:</th>
<td> 0</td>
<td>0</td>
<td> 0.00</td>
<td> 0.00</td>
<td> 0.00</td>
<td> 0.00</td>
</tr>
</tbody>
</table>
<div class="wp-caption alignnone" style="width: 210px"><a href="http://4.bp.blogspot.com/-QGFMqRMLiE8/T9qZN9_UBAI/AAAAAAAAAT8/yVxpjk_pDDQ/s1600/CSS-Sprites%2B-%2BObject%2BSize%2BTotals.gif"><img alt="CSS Sprites - Object Size Totals" src="http://4.bp.blogspot.com/-QGFMqRMLiE8/T9qZN9_UBAI/AAAAAAAAAT8/yVxpjk_pDDQ/s200/CSS-Sprites%2B-%2BObject%2BSize%2BTotals.gif" title="CSS Sprites - Object Size Totals" width="200" height="152" /></a><p class="wp-caption-text">CSS Sprites &#8211; Object Size Totals</p></div>
<table class="myCustom" cellspacing="0" summary="CSS Sprites: Download Times">
<caption>CSS Sprites: Download Times (Nilai kecil semakin baik)</caption>
<tbody>
<tr class="headCustom">
<th class="thHead">Connection Rate</th>
<th>Sebelum</th>
<th>Sesudah</th>
</tr>
<tr class="rowSatu">
<th>14.4K</th>
<td>76.95 seconds</td>
<td>73.29 seconds</td>
</tr>
<tr class="rowDua">
<th>28.8K</th>
<td>39.68 seconds</td>
<td>36.94 seconds</td>
</tr>
<tr class="rowSatu">
<th>33.6K</th>
<td>34.35 seconds</td>
<td>31.75 seconds</td>
</tr>
<tr class="rowDua">
<th>56K</th>
<td>21.57 seconds</td>
<td>19.29 seconds</td>
</tr>
<tr class="rowSatu">
<th>ISDN 128K</th>
<td>8.27 seconds</td>
<td>6.32 seconds</td>
</tr>
<tr class="rowDua">
<th>T1 1.44Mbps</th>
<td>2.91 seconds</td>
<td>1.10 seconds</td>
</tr>
</tbody>
</table>
<div class="wp-caption alignnone" style="width: 210px"><a href="http://4.bp.blogspot.com/-UB0ezewkMsw/T9qZevnxrGI/AAAAAAAAAUI/mREUCQQSL4U/s1600/CSS-Sprites%2B-%2BDownload%2BTimes.gif"><img alt="CSS Sprites - Download Times" src="http://4.bp.blogspot.com/-UB0ezewkMsw/T9qZevnxrGI/AAAAAAAAAUI/mREUCQQSL4U/s200/CSS-Sprites%2B-%2BDownload%2BTimes.gif" title="CSS Sprites - Download Times" width="200" height="79" /></a><p class="wp-caption-text">CSS Sprites &#8211; Download Times</p></div>
<p>Dari hasil perbandingan terlihat jelas, menggunakan CSS Sprites terbukti dapat mempercepat akses loading web dengan mengurangi waktu delay download resource file-file gambar, HTTP Requests &amp; menurunkan ukuran file <em>(file size)</em> CSS.<br />
 <img src='http://linggih.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>Similar posts:<ol>
<li><a href='http://linggih.com/caesium-image-compressor/' rel='bookmark' title='Caesium Image Compressor'>Caesium Image Compressor</a> <small>Compress (memperkecil) ukuran file gambar (image) kadang diperlukan dengan bermacam...</small></li>
<li><a href='http://linggih.com/tips-memilih-provider-hosting/' rel='bookmark' title='Tips Memilih Provider Hosting'>Tips Memilih Provider Hosting</a> <small>Faktor apa saja yang harus dipertimbangkan oleh webmaster dalam memilih...</small></li>
<li><a href='http://linggih.com/tingkatkan-pagespeed-google-pada-cms-wordpress/' rel='bookmark' title='Tingkatkan PageSpeed Google Pada CMS WordPress'>Tingkatkan PageSpeed Google Pada CMS WordPress</a> <small>Percepat loading halaman web &amp; tingkatkan PageSpeed Score Google menggunakan...</small></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://linggih.com/css-tips-css-sprites/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		<feedburner:origLink>http://linggih.com/css-tips-css-sprites/</feedburner:origLink></item>
		<item>
		<title>Tingkatkan PageSpeed Google Pada CMS WordPress</title>
		<link>http://feedproxy.google.com/~r/linggih/~3/u41u8bx97HI/</link>
		<comments>http://linggih.com/tingkatkan-pagespeed-google-pada-cms-wordpress/#comments</comments>
		<pubDate>Wed, 13 Jun 2012 03:21:39 +0000</pubDate>
		<dc:creator>Linggih</dc:creator>
				<category><![CDATA[Optimalisasi Web/Blog]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Optimalisasi]]></category>
		<category><![CDATA[PageRank]]></category>
		<category><![CDATA[Plugin]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[Tips & Trik]]></category>
		<category><![CDATA[Tweak]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://linggih.com/?p=1413</guid>
		<description><![CDATA[Percepat loading halaman web &#38; tingkatkan PageSpeed Score Google menggunakan Plugin W3 Total Cache pada CMS WordPress Iseng buka web Google Developers &#8211; PageSpeed Insights, ketikkan alamat url blog &#38; voila!!! Kecewa dengan hasilnya, ternyata page speed score dari google untuk blog linggih.com jauh dari yang diharapkan (cuma dapat score 65). jadi ada kerjaan lagi nih ane, target hari ini Tingkatkan PageSpeed Score Google. Awalnya hanya ingin meningkatkan PageScore saja, namun setelah searching ke beberapa sumber ternyata kecepatan akses web berpengaruh juga terhadap penentuan PageRank. Sebagai bagian penilaian google dalam menentukan PageRank selain dari keunikan konten, inbound link, namun sekarang google juga mempertimbangkan waktu loading web (Page Load Time) sebagai salah satu faktor penentu PageRank. Google berasumsi, website yang lambat (loading time-nya lama) memberikan pengalaman yang buruk (bad user experience) kepada visitor/pungunjung web. Itulah alasan mengapa web/blog dengan loading page lambat kurang diperhitungkan peningkatan PageRank-nya oleh google. Situs dengan loading web cepat (bagus) selain memberikan pengalaman baik kepada visitor, namun juga disukai oleh google dengan alasan dapat menurunkan biaya operasi yang dikeluarkan Google (bandwidth untuk crawling web &#8594; Optimal web &#8594; crawling cepat &#8594; bandwidth terpakai sedikit &#8594; biaya operasi rendah). Berikut kutipan artikel dari blog resmi Google terkait kecepatan akses web berpengaruh terhadap penentuan PageRank: &#34;Speeding up websites is important — not just to site owners, but to all Internet users. Faster sites create happy users and we&#8217;ve seen in our internal studies that when a site responds slowly, visitors spend less time there. But faster sites don&#8217;t just ...
Similar posts:<ol>
<li><a href='http://linggih.com/trik-web-traffic-gratis/' rel='bookmark' title='Trik Web Traffic Gratis'>Trik Web Traffic Gratis</a> <small>SEO Tips &#8211; Tingkatkan Traffic Web/Blog Dengan Memanfaatkan Situs Online...</small></li>
</ol>]]></description>
				<content:encoded><![CDATA[<h3 class="point">Percepat loading halaman web &amp; tingkatkan PageSpeed Score Google menggunakan Plugin W3 Total Cache pada CMS WordPress</h3>
<p>Iseng buka web <a href="http://pagespeed.googlelabs.com/" target="_blank" rel="nofollow">Google Developers &#8211; PageSpeed Insights</a>, ketikkan alamat url blog &amp; voila!!! Kecewa dengan hasilnya, ternyata page speed score dari google untuk blog linggih.com jauh dari yang diharapkan (cuma dapat score 65). jadi ada kerjaan lagi nih ane, target hari ini <strong class="sbold"><em class="itsm"><u>Tingkatkan PageSpeed Score Google</u></em></strong>.</p>
<p>Awalnya hanya ingin meningkatkan PageScore saja, namun setelah searching ke beberapa sumber ternyata <strong class="sbold"><em class="itsm"><u>kecepatan akses web berpengaruh juga terhadap penentuan PageRank</u></em></strong>. Sebagai bagian penilaian google dalam menentukan PageRank selain dari keunikan konten, <em>inbound link</em>, namun sekarang google juga mempertimbangkan waktu loading web <em>(Page Load Time)</em> sebagai salah satu faktor penentu PageRank.</p>
<p>Google berasumsi, website yang lambat (loading time-nya lama) memberikan pengalaman yang buruk <em>(bad user experience)</em> kepada visitor/pungunjung web. Itulah alasan mengapa web/blog dengan loading page lambat kurang diperhitungkan peningkatan PageRank-nya oleh google.</p>
<p>Situs dengan loading web cepat (bagus) selain memberikan pengalaman baik kepada visitor, namun juga disukai oleh google dengan alasan dapat menurunkan biaya operasi yang dikeluarkan Google (bandwidth untuk crawling web &rarr; Optimal web &rarr; crawling cepat &rarr; bandwidth terpakai sedikit &rarr; biaya operasi rendah). Berikut kutipan artikel dari blog resmi Google terkait <strong class="sbold"><em class="itsm">kecepatan akses web berpengaruh terhadap penentuan PageRank</em></strong>:</p>
<p><em>&quot;Speeding up websites is important — not just to site owners, but to all Internet users. Faster sites create happy users and we&#8217;ve seen in our internal studies that when a site responds slowly, visitors spend less time there. But faster sites don&#8217;t just improve user experience; recent data shows that improving site speed also reduces operating costs. Like us, our users place a lot of value in speed — that&#8217;s why we&#8217;ve decided to take site speed into account in our search rankings. We use a variety of sources to determine the speed of a site relative to other sites.&quot;</em></p>
<p>Sumber: <a href="http://googlewebmastercentral.blogspot.com/2010/04/using-site-speed-in-web-search-ranking.html" title="Kunjungi situs" target="_blank" rel="nofollow">http://googlewebmastercentral.blogspot.com</a></p>
<p>Namun apakah peningkatan maupun penurunan PageSpeed Score Google berbanding lurus dengan peningkatan maupun penurunan waktu loading (loading time) web? Menurut pendapat pribadi saya, tentu saja berpengaruh. Jika tidak yakin, silahkan test sendiri dengan cara berikut:</p>
<ol>
<li>Buka dahulu <a href="http://pagespeed.googlelabs.com/" title="Test PageScore GoogleLabs" target="_blank" rel="nofollow">Google PageSpeed Insights</a>, lihat PageSpeed Scorenya.
<li>Buka <a href="http://rapid.searchmetrics.com/en/seo-tools/site-analysis/website-speed-test,46.html" title="Test kecepatan halaman web" rel="nofollow">website speed check</a>, lihat hasilnya.</li>
<li>Lakukan ulang 2 langkah test di atas setelah melakukan tweak/perubahan</li>
<li>Bandingkan hasilnya</li>
</ol>
<p>Kembali lagi ke topik artikel. Setelah saya terapkan tips tweak (percepat) loading halaman web pada artikel ini, syukur Alhamdulillah PageScore Speed Google situs linggih.com meningkat dari 65 ke 88.</p>
<div class="wp-caption alignnone" style="width: 210px"><a href="http://2.bp.blogspot.com/-jIiiJ747XAg/T9esXCCgcqI/AAAAAAAAAL4/7Nq3F4dHAzo/s1600/Page-Speed-Score.gif"><img alt="PageSpeed Score Google" src="http://2.bp.blogspot.com/-jIiiJ747XAg/T9esXCCgcqI/AAAAAAAAAL4/7Nq3F4dHAzo/s200/Page-Speed-Score.gif" title="PageSpeed Score Google" width="200" height="56" /></a><p class="wp-caption-text">PageSpeed Score Google</p></div>
<p>Jika berminat, untuk mulai tweak berikut stepnya:</p>
<div class="warn">
<div class="catatan"></div>
<h3><u>Catatan</u>:</h3>
<p>    Sebelum apply, harap dicatat; tweak ini hanya berlaku untuk account shared hosting. Untuk VPS/DS sesuaikan <strong>Page Cache, Minify, Database &amp; Object Cache</strong> (jika ingin pakai) dengan <strong>Cache Accelerator</strong> masing-masing server.
</div>
<p>Pertama, test Score PageSpeed web/blog yang ingin ditweak pada <a href="http://pagespeed.googlelabs.com/" title="Test PageSpeed Score" target="_blank" rel="nofollow">halaman ini</a> dan lihat hasil scorenya. Jika dibawah 80, umumnya web/blog tidak terlalu susah dioptimalkan. Klik pada masing-masing rekomendasi/saran <em>(<u>High priority, Low priority &amp; Experimental rules</u>)</em> pada panel sebelah kiri.</p>
<div class="wp-caption alignnone" style="width: 210px"><a href="http://3.bp.blogspot.com/-DAsGRNVN59s/T9es1TjIQ2I/AAAAAAAAAME/MWjheI6yEPc/s1600/PageSpeed-Score-Suggestion.gif"><img alt="PageSpeed Score Suggestion" src="http://3.bp.blogspot.com/-DAsGRNVN59s/T9es1TjIQ2I/AAAAAAAAAME/MWjheI6yEPc/s200/PageSpeed-Score-Suggestion.gif" title="PageSpeed Score Suggestion" width="200" height="137" /></a><p class="wp-caption-text">PageSpeed Score Suggestion</p></div>
<p>Jika mampu tweak menggunakan cara manual, silahkan lakukan. Namun jika tidak (pakai cara yang lebih simpel), berikut <strong class="sbold"><em class="itsm"><u>panduan mempercepat loading halaman web menggunakan plugin WordPress W3 Total Cache</u></em></strong>. Download, install &amp; aktifkan plugin W3 Total Cache.</p>
<p><a class="btn" href="http://wordpress.org/extend/plugins/w3-total-cache/" title="Download W3 Total Cache" target="_blank" rel="nofollow">Download WordPress Plugin W3 Total Cache</a></p>
<p><strong><u>Konfigurasi Setup W3 Total Cache</u>:</strong></p>
<p><strong><u>General Setting</u></strong></p>
<p>Setelah plugin terinstall &amp; diaktifkan, klik <strong class="code">General Settings</strong>.</p>
<div class="wp-caption alignnone" style="width: 210px"><a href="http://3.bp.blogspot.com/-hPZohiUgd4g/T9etN7P6g3I/AAAAAAAAAMQ/NSTIuKyDvYc/s1600/General%2BSettings.gif"><img alt="General Settings" src="http://3.bp.blogspot.com/-hPZohiUgd4g/T9etN7P6g3I/AAAAAAAAAMQ/NSTIuKyDvYc/s200/General%2BSettings.gif" title="General Settings" width="200" height="141" /></a><p class="wp-caption-text">General Settings</p></div>
<p><strong>General Setting &rarr; Page Cache</strong></p>
<ol>
<li><strong>Page Cache:</strong> &raquo; centang <strong class="code">Enable</strong></li>
<li><strong>Page Cache Method:</strong> &raquo; Pilih <strong class="code">Disk: Enchanced</strong>. Untuk pengguna VPS atau DS, sesuaikan cache acceleratornya sesuai dengan yang terinstall pada server.</li>
</ol>
<div class="wp-caption alignnone" style="width: 210px"><a href="http://3.bp.blogspot.com/-OTx6xgvTeBk/T9etiqpziMI/AAAAAAAAAMc/zELshWajOro/s1600/General%2BSetting%2B-%2BPage%2BCache.gif"><img alt="General Setting - Page Cache" src="http://3.bp.blogspot.com/-OTx6xgvTeBk/T9etiqpziMI/AAAAAAAAAMc/zELshWajOro/s200/General%2BSetting%2B-%2BPage%2BCache.gif" title="General Setting - Page Cache" width="200" height="97" /></a><p class="wp-caption-text">General Setting - Page Cache</p></div>
<p><strong>General Setting &rarr; Minify</strong></p>
<ol>
<li><strong>Minify:</strong> Centang <strong class="code">Enable</strong></li>
<li><strong>Minifi mode:</strong> Pilih <strong class="code">Manual</strong></li>
<li><strong>Minify Cache Method:</strong> pilih <strong class="code">Disk</strong> &rarr; VPS/DS, sesuaikan dengan Cache Accelerator server.</li>
<li><strong>HTML Minifier:</strong> Pilih <strong class="code">Default</strong></li>
<li><strong>JS Minifier:</strong> Pilih <strong class="code">JSMin (default)</strong></li>
<li><strong>CSS minifier:</strong> Pilih <strong class="code">Default</strong></li>
</ol>
<div class="wp-caption alignnone" style="width: 210px"><a href="http://2.bp.blogspot.com/-PX3j-4QHaOI/T9et68A5TDI/AAAAAAAAAMo/JbtgkANE014/s1600/General%2BSetting%2B-%2BMinify.gif"><img alt="General Setting - Minify" src="http://2.bp.blogspot.com/-PX3j-4QHaOI/T9et68A5TDI/AAAAAAAAAMo/JbtgkANE014/s200/General%2BSetting%2B-%2BMinify.gif" title="General Setting - Minify" width="200" height="140" /></a><p class="wp-caption-text">General Setting - Minify</p></div>
<p><strong>Database Cache</strong> &amp; <strong>Object Cache</strong>, kosongkan (jangan diaktifkan).</p>
<div class="wp-caption alignnone" style="width: 202px"><a href="http://4.bp.blogspot.com/-SEzvJENjZB4/T9euOusAejI/AAAAAAAAAM0/npZfQhrhBDw/s1600/General%2BSetting%2B-%2BDatabase-Object-Cache.gif"><img alt="General Setting - Database &#038; Object Cache" src="http://4.bp.blogspot.com/-SEzvJENjZB4/T9euOusAejI/AAAAAAAAAM0/npZfQhrhBDw/s200/General%2BSetting%2B-%2BDatabase-Object-Cache.gif" title="General Setting - Database &#038; Object Cache" width="192" height="200" /></a><p class="wp-caption-text">General Setting - Database &#038; Object Cache</p></div>
<p><strong>General Setting &rarr; Browser Cache</strong></p>
<ol>
<li><strong>Browser Cache:</strong> Centang <strong class="code">Enable</strong></li>
</ol>
<div class="wp-caption alignnone" style="width: 210px"><a href="http://1.bp.blogspot.com/-sDlISPp3m9s/T9eurbXaxOI/AAAAAAAAANA/k_7bVjdlBJ0/s1600/General%2BSetting%2B-%2BBrowser%2BCache.gif"><img alt="General Setting - Browser Cache" src="http://1.bp.blogspot.com/-sDlISPp3m9s/T9eurbXaxOI/AAAAAAAAANA/k_7bVjdlBJ0/s200/General%2BSetting%2B-%2BBrowser%2BCache.gif" title="General Setting - Browser Cache" width="200" height="135" /></a><p class="wp-caption-text">General Setting - Browser Cache</p></div>
<p><strong>General Setting &rarr; CDN</strong></p>
<p><strong>CDN</strong>, lewatkan. Silahkan aktifkan jika punya account CDN</p>
<div class="wp-caption alignnone" style="width: 210px"><a href="http://2.bp.blogspot.com/-byUlXcw7RRc/T9eu_XQbvRI/AAAAAAAAANM/DvbuKyWGnjU/s1600/General%2BSetting%2B-%2BCDN.gif"><img alt="General Setting - CDN" src="http://2.bp.blogspot.com/-byUlXcw7RRc/T9eu_XQbvRI/AAAAAAAAANM/DvbuKyWGnjU/s200/General%2BSetting%2B-%2BCDN.gif" title="General Setting - CDN" width="200" height="80" /></a><p class="wp-caption-text">General Setting - CDN</p></div>
<p>Point lainnya biarkan pakai setting default. Klik tombol <strong class="code">Save all settings</strong></p>
<p><strong><u>Page Cache</u></strong></p>
<p><strong>Page Cache &#8211; General</strong></p>
<ol>
<li>Centang <strong class="code">Cache home page</strong></li>
<li>Centang <strong class="code">Cache feeds: site, categories, tags, comments</strong></li>
<li>Disable opsi yang lainnya (jangan dicentang)</li>
</ol>
<div class="wp-caption alignnone" style="width: 146px"><a href="http://1.bp.blogspot.com/-oHtzRV2WFik/T9evbgytRsI/AAAAAAAAANY/_0a8I67-Xhs/s1600/Page%2BCache%2B-%2BGeneral.gif"><img alt="Page Cache - General" src="http://1.bp.blogspot.com/-oHtzRV2WFik/T9evbgytRsI/AAAAAAAAANY/_0a8I67-Xhs/s200/Page%2BCache%2B-%2BGeneral.gif" title="Page Cache - General" width="136" height="200" /></a><p class="wp-caption-text">Page Cache - General</p></div>
<p><strong>Page Cache &#8211; Advanced</strong> &rarr; biarkan pakai setting default.</p>
<p><strong>Page Cache &#8211; Cache Preload</strong></p>
<ol>
<li>Centang <strong class="code">Automatically prime the page cache</strong></li>
<li><strong>Update interval:</strong> Isikan dengan nilai <strong class="code">900</strong></li>
<li><strong>Pages per interval:</strong> Isikan <strong class="code">7</strong></li>
<li><strong>Sitemap URL:</strong> Isikan <u>alamat xml sitemap</u></li>
</ol>
<div class="wp-caption alignnone" style="width: 210px"><a href="http://3.bp.blogspot.com/-t_NDkTL0mmU/T9ew5WkcK9I/AAAAAAAAANk/IAkcZVdWAwA/s1600/Page%2BCache%2B-%2BCache%2BPreload.gif"><img alt="Page Cache - Cache Preload" src="http://3.bp.blogspot.com/-t_NDkTL0mmU/T9ew5WkcK9I/AAAAAAAAANk/IAkcZVdWAwA/s200/Page%2BCache%2B-%2BCache%2BPreload.gif" title="Page Cache - Cache Preload" width="200" height="140" /></a><p class="wp-caption-text">Page Cache - Cache Preload</p></div>
<p>Klik tombol <strong class="code">Save all settings</strong></p>
<p><strong><u>Minify</u></strong></p>
<p><strong>Minify &#8211; JS</strong></p>
<ol>
<li><strong>JS minify settings:</strong> Centang <strong class="code">Enable</strong>, <strong class="code">Preserved comment removal</strong> &amp; <strong class="code">Line break removal</strong></li>
<li><strong>JS file management:</strong> pilih theme yang dipakai</li>
<li>Tambahkan script dengan klik pada tombol <strong class="code">Add a script</strong>, kemudian ketikkan alamat url file Script. Untuk lihat file script mana saja yang harus di minify, lihat pada <strong><u>PageSpeed Score Google</u></strong> klik pada suggestion (saran) <strong class="code">Minify JavaScript</strong>. Kemudian Copy link script URL &amp; pastekan pada text field <strong class="code">File URI:</strong> Lebih jelasnya, lihat pada gambar di bawah.</li>
</ol>
<div class="clear"></div>
<p><div class="wp-caption alignleft" style="width: 210px"><a href="http://4.bp.blogspot.com/-fjsnicNe3-A/T9gByElFSkI/AAAAAAAAAN0/XHjH8v_h-tw/s1600/Anjuran%2BMinify%2BJavaScript.gif"><img alt="JavaScript Minify Suggestion" src="http://4.bp.blogspot.com/-fjsnicNe3-A/T9gByElFSkI/AAAAAAAAAN0/XHjH8v_h-tw/s200/Anjuran%2BMinify%2BJavaScript.gif" title="JavaScript Minify Suggestion" width="200" height="132" /></a><p class="wp-caption-text">JavaScript Minify Suggestion</p></div><div class="wp-caption alignleft" style="width: 210px"><a href="http://1.bp.blogspot.com/-vUGlTpyaTtA/T9gCOo6Q4qI/AAAAAAAAAOA/Jg8qsCq5sx8/s1600/Minify%2B-%2BJS.gif"><img alt="Minify JS" src="http://1.bp.blogspot.com/-vUGlTpyaTtA/T9gCOo6Q4qI/AAAAAAAAAOA/Jg8qsCq5sx8/s200/Minify%2B-%2BJS.gif" title="Minify JS" width="200" height="68" /></a><p class="wp-caption-text">Minify JS</p></div></p>
<div class="clear"></div>
<p><strong>Minify &#8211; CSS</strong></p>
<ol>
<li><strong>CSS minify settings:</strong> Centang <strong class="code">Enable</strong>, <strong class="code">Preserved comment removal</strong>, <strong class="code">Line break removal</strong></li>
<li><strong>@import handling:</strong> Pilih <strong class="code">Process</strong></li>
<li><strong>CSS file management:</strong> pilih theme yang aktif</li>
<li>Tambahkan file CSS dengan klik pada tombol <strong class="code">Add a style sheet</strong>, kemudian isikan dengan alamat URL CSS. Langkah copy paste sama dengan Minify &#8211; JS di atas.</li>
</ol>
<div class="wp-caption alignnone" style="width: 210px"><a href="http://2.bp.blogspot.com/-dg9nscZw_CU/T9gCv81MxHI/AAAAAAAAAOM/QbJ2LWisrmY/s1600/Minify%2B-%2BCSS.gif"><img alt="Minify - CSS" src="http://2.bp.blogspot.com/-dg9nscZw_CU/T9gCv81MxHI/AAAAAAAAAOM/QbJ2LWisrmY/s200/Minify%2B-%2BCSS.gif" title="Minify - CSS" width="200" height="82" /></a><p class="wp-caption-text">Minify - CSS</p></div>
<p>Point lainnya biarkan pakai setting default. Klik <strong class="code">Save all settings</strong></p>
<p><strong><u>Browser Cache</u></strong></p>
<p><strong>Browser Cache &#8211; General</strong></p>
<ol>
<li>Centang <strong>Set Expires header, Set cache control header, Set W3 Total Cache header &amp; Enable HTTP (gzip) compression</strong></li>
</ol>
<div class="wp-caption alignnone" style="width: 112px"><a href="http://4.bp.blogspot.com/-IbTM1Gw-6Z4/T9gDKP7toZI/AAAAAAAAAOY/2uF3iN6BABY/s1600/Browser%2BCache%2B-%2BGeneral.gif"><img alt="Browser Cache - General" src="http://4.bp.blogspot.com/-IbTM1Gw-6Z4/T9gDKP7toZI/AAAAAAAAAOY/2uF3iN6BABY/s200/Browser%2BCache%2B-%2BGeneral.gif" title="Browser Cache - General" width="102" height="200" /></a><p class="wp-caption-text">Browser Cache - General</p></div>
<p><strong>Browser Cache &#8211; CSS &amp; JS</strong></p>
<ol>
<li>Centang <strong class="code">Set expires header</strong></li>
<li><strong>Expires header lifetime:</strong> isikan dengan < class="code">604800</strong></li>
<li>Centang <strong class="code">Set cache control header</strong></li>
<li><strong>Cache Control policy:</strong> Pilih <strong class="code">cache with max-age (&quote; max-age=EXPIRES_SECONDS&#8230;</strong></li>
<li>Centang <strong class="code">Set W3 Total Cache header</strong></li>
<li>Centang <strong class="code">Enable HTTP (gzip) compression</strong></li>
</ol>
<div class="wp-caption alignnone" style="width: 210px"><a href="http://4.bp.blogspot.com/-soQJBaBMoRA/T9gD3cJwfTI/AAAAAAAAAOk/-ckpGWMMThs/s1600/Browser%2BCache%2B-%2BCSS-JS.gif"><img alt="Browser Cache - CSS &#038; JS" src="http://4.bp.blogspot.com/-soQJBaBMoRA/T9gD3cJwfTI/AAAAAAAAAOk/-ckpGWMMThs/s200/Browser%2BCache%2B-%2BCSS-JS.gif" title="Browser Cache - CSS &#038; JS" width="200" height="122" /></a><p class="wp-caption-text">Browser Cache - CSS &#038; JS</p></div>
<p><strong>Browser Cache &#8211; HTML &amp; XML</strong></p>
<ol>
<li>Centang <strong class="code">Set expires header</strong></li>
<li><strong>Expire header lifetime:</strong> isikan <strong class="code">3600</strong></li>
<li>Centang <strong class="code">Set cache control header</strong></li>
<li><strong>Cache Control policy:</strong> pilih <strong class="code">cache with max-age&#8230;.</strong> &rarr; lihat screenshot gambar</li>
<li>Centang <strong class="code">Set W3 Total Cache header</strong></li>
<li>Centang <strong class="code">Enable HTTP (gzip) compression</strong></li>
</ol>
<div class="wp-caption alignnone" style="width: 210px"><a href="http://2.bp.blogspot.com/-nvb8xSYcevw/T9gENUQe5dI/AAAAAAAAAOw/h8h7pVjfl6k/s1600/Browser%2BCache%2B-%2BHTML%2B-%2BXML.gif"><img alt="Browser Cache - HTML &#038; XML" src="http://2.bp.blogspot.com/-nvb8xSYcevw/T9gENUQe5dI/AAAAAAAAAOw/h8h7pVjfl6k/s200/Browser%2BCache%2B-%2BHTML%2B-%2BXML.gif" title="Browser Cache - HTML &#038; XML" width="200" height="99" /></a><p class="wp-caption-text">Browser Cache - HTML &#038; XML</p></div>
<p><strong>Browser Cache &#8211; Media &amp; Other Files</strong></p>
<ol>
<li>Centang <strong class="code">Set expires header</strong></li>
<li><strong>Expires header lifetime:</strong> isikan <strong class="code">604800</strong></li>
<li>Centang <strong class="code">Set cache control header</strong></li>
<li><strong>Cache Control Policy:</strong> pilih <strong class="code">cache with max-age&#8230;</strong> &rarr; Lihat screenshot gambar</li>
<li>Centang <strong class="code">Set W3 Total Cache header</strong></li>
<li>Centang <strong class="code">Enable HTTP (gzip) compression</strong></li>
</ol>
<div class="wp-caption alignnone" style="width: 210px"><a href="http://4.bp.blogspot.com/-Ay54T4Eymcs/T9gElBxhUfI/AAAAAAAAAO8/YvDLBy7m0tk/s1600/Browser%2BCache%2B-%2BMedia-Other%2BFiles.gif"><img alt="Browser Cache - Media &#038; Other Files" src="http://4.bp.blogspot.com/-Ay54T4Eymcs/T9gElBxhUfI/AAAAAAAAAO8/YvDLBy7m0tk/s200/Browser%2BCache%2B-%2BMedia-Other%2BFiles.gif" title="Browser Cache - Media &#038; Other Files" width="200" height="104" /></a><p class="wp-caption-text">Browser Cache - Media &#038; Other Files</p></div>
<p>Klik <strong class="code">Save all settings</strong></p>
<p>Selesai. Jangan lupa setiap kali melakukan perubahan, klik pada tombol <strong>empty cache</strong> atau <strong>empty all caches</strong></p>
<p><strong><u>W3 Total Cache Tips</u>:</strong></p>
<p>Setiap melakukan perubahan setting selalu kosongkan cache (klik tombol empty cache) dan cek fungsionalitas setiap komponen halaman web yang menggunakan file CSS atau JavaScript (form kontak, slider portofolio, navigasi menu &rarr; jika meminta file .js, dlsb). Jika error, kemungkinan besar karena minify CSS atau JavaScript.</p>
<p>Jika trik W3 Total Cache di atas gagal atau hasilnya kurang memuaskan, <a href="http://linggih.com/percepat-loading-halaman-webblog/" title="Tweak Loading Speed Halaman Web/Blog">optimalkan loading page halaman web dengan cara manual</a>. Misal:</p>
<ol>
<li>Compress (perkecil) file gambar jika memungkinkan</li>
<li>Kombinasikan gambar berdimensi kecil menjadi satu file gambar (menggunakan <a href="http://linggih.com/css-tips-css-sprites/" title="CSS Tips – CSS Sprites">CSS Sprite</a>) jika memungkinkan untuk mengurangi <em>delay request</em>.</li>
<li>Gabungkan beberapa file CSS menjadi satu file CSS</li>
<li><a href="http://linggih.com/encript-decrypt-file-javascript/" title="Encript &#038; Decrypt File JavaScript">Compress file JavaScript dengan cara encrypt</a></li>
<li>dlsb. <a href="http://linggih.com/percepat-loading-halaman-webblog/" title="Tweak Loading Speed Halaman Web/Blog">Lihat juga tips mempercepat loading halaman web pada halaman ini</a>.</li>
</ol>
<p>Similar posts:<ol>
<li><a href='http://linggih.com/trik-web-traffic-gratis/' rel='bookmark' title='Trik Web Traffic Gratis'>Trik Web Traffic Gratis</a> <small>SEO Tips &#8211; Tingkatkan Traffic Web/Blog Dengan Memanfaatkan Situs Online...</small></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://linggih.com/tingkatkan-pagespeed-google-pada-cms-wordpress/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://linggih.com/tingkatkan-pagespeed-google-pada-cms-wordpress/</feedburner:origLink></item>
		<item>
		<title>Trik Web Traffic Gratis</title>
		<link>http://feedproxy.google.com/~r/linggih/~3/cUVXW_pwUAI/</link>
		<comments>http://linggih.com/trik-web-traffic-gratis/#comments</comments>
		<pubDate>Mon, 11 Jun 2012 15:21:23 +0000</pubDate>
		<dc:creator>Linggih</dc:creator>
				<category><![CDATA[SEO]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Gratis]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Tips & Trik]]></category>
		<category><![CDATA[Web Traffic]]></category>
		<category><![CDATA[Webmaster]]></category>

		<guid isPermaLink="false">http://linggih.com/?p=1390</guid>
		<description><![CDATA[SEO Tips &#8211; Tingkatkan Traffic Web/Blog Dengan Memanfaatkan Situs Online Reading/Publishing Blogger maupun webmaster seringkali kesulitan mendatangkan web traffic ke blog/web, biasanya pada fresh domain (nama domain yang baru saja dibuat). Atau bisa jadi seperti yang saya alami, &#8216;blog dengan subscriber &#38; web traffic yang lumayan, namun sayangnya domain expire dan lupa/tidak sempat diperpanjang. Terpaksa deh mulai lagi dari awal dengan pakai nama domain baru (linggih.com &#8594; sebelumnya linggih-blog.com). &#8217; Beberapa upaya bisa dilakukan untuk mendongkrak traffic web/blog ini, misal; dengan ikut serta pada program PPC (pay-per-click) networks seperti Google Adsense contohnya (tidak gratis/layanan berbayar), submit ke search engine directory (traffic dari SERP), optimalkan tag &#38; keyword SEO pada konten artikel, Guest Posting Service (tulis artikel pada web lain), blog walking (isi komentar pada blog lain dengan men-tautkan link web/blog), dlsb. Namun pada artikel kali ini saya coba sharing pengalaman pribadi &#8216;Cara mendatangkan traffic web gratis menggunakan situs online reading &#38; publishing&#8216;. Contoh situs online reading &#38; publishing yang paling populer saat ini adalah scribd.com. Kurang lebih selama 1 bulan terakhir, alexa traffic blog saya dari No data dengan memakai trik ini (salah satunya) meningkat ke 3,500,152 (pada saat artikel ditulis). Dengan menerapkan trik ini, secara tidak langsung akan mendatangkan traffic web gratis dari SERP (Search Engine Result Pages), meskipun tidak 100% user (visitor) klik pada tautan link web/blog. Siklus web traffic dari SERP, ilustrasi sederhananya begini: User/Visitor &#8594; Search Engine &#8594; Situs Online Reading/Publishing &#8594; Link ke Web/Blog He he&#8230; . Lumayan kan buat tingkatkan traffic gratis dari SERP ...
Similar posts:<ol>
<li><a href='http://linggih.com/kelemahan-hosting-gratis/' rel='bookmark' title='Kelemahan Hosting Gratis'>Kelemahan Hosting Gratis</a> <small>Fokus Artikel Pada artikel kali ini akan sedikit mengulas tentang...</small></li>
<li><a href='http://linggih.com/caesium-image-compressor/' rel='bookmark' title='Caesium Image Compressor'>Caesium Image Compressor</a> <small>Compress (memperkecil) ukuran file gambar (image) kadang diperlukan dengan bermacam...</small></li>
</ol>]]></description>
				<content:encoded><![CDATA[<h3 class="point"><u>SEO Tips &#8211; Tingkatkan Traffic Web/Blog Dengan Memanfaatkan Situs Online Reading/Publishing</u></h3>
<p>Blogger maupun webmaster seringkali kesulitan mendatangkan <strong class="sbold"><em class="itsm">web traffic</em></strong> ke blog/web, biasanya pada <em>fresh domain</em> (nama domain yang baru saja dibuat). Atau bisa jadi seperti yang saya alami, &#8216;blog dengan subscriber &amp; web traffic yang lumayan, namun sayangnya domain expire dan lupa/tidak sempat diperpanjang. Terpaksa deh mulai lagi dari awal dengan pakai nama domain baru (<u>linggih.com</u> &rarr; sebelumnya <u>linggih-blog.com</u>). <img src='http://linggih.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> &#8217;</p>
<p>Beberapa upaya bisa dilakukan untuk <strong class="sbold"><em class="itsm">mendongkrak traffic web/blog</em></strong> ini, misal; dengan ikut serta pada program <em>PPC (pay-per-click) networks</em> seperti Google Adsense contohnya (tidak gratis/layanan berbayar), <a href="http://linggih.com/organicnatural-listing-search-engine/" title="Organic/Natural Listing SEO">submit ke <em>search engine directory (traffic dari SERP)</em></a>, <a href="http://linggih.com/penulisan-meta-tag/" title="Meta Tag SEO">optimalkan tag &amp; keyword SEO</a> pada konten artikel, <em>Guest Posting Service</em> (tulis artikel pada web lain), <em><a href="http://linggih.com/tingkatkan-traffic-websiteblog-posting-comment/" title="SEO Traffic “Blog Walking”">blog walking</a></em> (isi komentar pada blog lain dengan men-tautkan link web/blog), dlsb.</p>
<p>Namun pada artikel kali ini saya coba sharing pengalaman pribadi <strong><u>&#8216;<a href="http://linggih.com/trik-web-traffic-gratis/" title="Trik Web Traffic Gratis">Cara mendatangkan traffic web gratis menggunakan situs <em>online reading &amp; publishing</em></a>&#8216;</u></strong>. Contoh situs <em>online reading &amp; publishing</em> yang paling populer saat ini adalah <a href="http://www.scribd.com/linggih" title="Kunjungi Scribd" target="_blank" rel="nofollow">scribd.com</a>. Kurang lebih selama 1 bulan terakhir, alexa traffic blog saya dari <strong class="code">No data</strong> dengan memakai trik ini (salah satunya) meningkat ke <strong class="code">3,500,152</strong> (pada saat artikel ditulis).</p>
<div class="wp-caption alignnone" style="width: 210px"><a href="http://1.bp.blogspot.com/-jdTQM3r9RqU/T9YH4SPHCgI/AAAAAAAAAJ8/I_WleXxd8KA/s1600/Alexa-Traffic-Rank.gif"><img alt="Alexa Traffic Rank" src="http://1.bp.blogspot.com/-jdTQM3r9RqU/T9YH4SPHCgI/AAAAAAAAAJ8/I_WleXxd8KA/s200/Alexa-Traffic-Rank.gif" title="Alexa Traffic Rank" width="200" height="88" /></a><p class="wp-caption-text">Alexa Traffic Rank</p></div>
<p>Dengan menerapkan trik ini, secara tidak langsung akan mendatangkan <strong class="sbold"><em class="itsm">traffic web gratis</em></strong> dari <em>SERP (Search Engine Result Pages)</em>, meskipun tidak 100% user (visitor) klik pada tautan link web/blog. Siklus web traffic dari SERP, ilustrasi sederhananya begini:</p>
<p><strong class="code">User/Visitor</strong> &rarr; <strong class="code">Search Engine</strong> &rarr; <strong class="code">Situs Online Reading/Publishing</strong> &rarr; <strong class="code">Link ke Web/Blog</strong></p>
<div class="clear"></div>
<p><div class="wp-caption alignleft" style="width: 210px"><a href="http://2.bp.blogspot.com/-qMg52m5CeL4/T9YIyBr5hcI/AAAAAAAAAKI/EnQIe5MPTa0/s1600/SERP-Google.gif"><img alt="SERP Google" src="http://2.bp.blogspot.com/-qMg52m5CeL4/T9YIyBr5hcI/AAAAAAAAAKI/EnQIe5MPTa0/s200/SERP-Google.gif" title="SERP Google" width="200" height="92" /></a><p class="wp-caption-text">SERP Google</p></div><div class="wp-caption alignleft" style="width: 210px"><a href="http://1.bp.blogspot.com/-DfM23zPDNwY/T9YJNP1Q0YI/AAAAAAAAAKU/MQ1wUQf1PB4/s1600/SERP-Scribd.gif"><img alt="SERP Scribd" src="http://1.bp.blogspot.com/-DfM23zPDNwY/T9YJNP1Q0YI/AAAAAAAAAKU/MQ1wUQf1PB4/s200/SERP-Scribd.gif" title="SERP Scribd" width="200" height="78" /></a><p class="wp-caption-text">SERP Scribd</p></div><div class="wp-caption alignleft" style="width: 210px"><a href="http://3.bp.blogspot.com/-6BI_nGKNhCk/T9YJj3VzRfI/AAAAAAAAAKg/xMxdZhDF60E/s1600/Hyperlink-Web-Blog.gif"><img alt="Hyperlink Web/Blog" src="http://3.bp.blogspot.com/-6BI_nGKNhCk/T9YJj3VzRfI/AAAAAAAAAKg/xMxdZhDF60E/s200/Hyperlink-Web-Blog.gif" title="Hyperlink Web/Blog" width="200" height="77" /></a><p class="wp-caption-text">Hyperlink Web/Blog</p></div></p>
<div class="clear"></div>
<p>He he&#8230; <img src='http://linggih.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> . Lumayan kan buat <strong class="sbold"><em class="itsm">tingkatkan traffic gratis</em></strong> dari SERP Search Engine. OK&#8230; Mungkin tidak semua visitor klik pada tautan link; coba ilustrasikan pakai cara hitungan kasar, mungkin hanya 30 &#8211; 50% visitor saja yang klik pada tautan link. Jumlah dokumen 102 misalnya, dan total dokumen yang dibaca/dikunjungi <em>(Total Reads)</em> <strong>3.664 hits/klik</strong> &rarr; <strong>3.664 x 30% = 1.099 hits/klik</strong>. Tetap saja jumlah yang lumayan bukan!<br />
 <img src='http://linggih.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </p>
<div class="wp-caption alignnone" style="width: 210px"><a href="http://3.bp.blogspot.com/-KgPvpZQCu44/T9YJ_LdmB0I/AAAAAAAAAKs/_e3jWBgxpFM/s1600/Statistik-Dokumen.gif"><img alt="Scribd Statistik Dokumen" src="http://3.bp.blogspot.com/-KgPvpZQCu44/T9YJ_LdmB0I/AAAAAAAAAKs/_e3jWBgxpFM/s200/Statistik-Dokumen.gif" title="Scribd Statistik Dokumen" width="200" height="50" /></a><p class="wp-caption-text">Scribd Statistik Dokumen</p></div>
<p>Semakin banyak dokumen yang diupload, semakin besar peluang <strong class="sbold"><em class="itsm">traffic web gratis</em></strong> didapat. Dari pengalaman saya, statistik visitor baik dari AWstats cPanel maupun google analytics, dengan mamakai trik ini terbukti ampuh mendatangkan traffic web gratis (Lihat screenshot di bawah).</p>
<div class="clear"></div>
<p><div class="wp-caption alignleft" style="width: 206px"><a href="http://3.bp.blogspot.com/-dd6NDOtyAKU/T9YKi5E34sI/AAAAAAAAAK4/ji4MRT2_Sg0/s1600/AWstats-Web-Traffic-Analytics.gif"><img alt="AWstats Web Traffic Analytics" src="http://3.bp.blogspot.com/-dd6NDOtyAKU/T9YKi5E34sI/AAAAAAAAAK4/ji4MRT2_Sg0/s200/AWstats-Web-Traffic-Analytics.gif" title="AWstats Web Traffic Analytics" width="196" height="200" /></a><p class="wp-caption-text">AWstats Web Traffic Analytics</p></div><div class="wp-caption alignleft" style="width: 210px"><a href="http://1.bp.blogspot.com/-bWkvM4KGGAE/T9YK8pRaYcI/AAAAAAAAALE/7_pvtCjhUAY/s1600/Referral-Traffic-Google-Analytics.gif"><img alt="Referral Traffic Google Analytics" src="http://1.bp.blogspot.com/-bWkvM4KGGAE/T9YK8pRaYcI/AAAAAAAAALE/7_pvtCjhUAY/s200/Referral-Traffic-Google-Analytics.gif" title="Referral Traffic Google Analytics" width="200" height="104" /></a><p class="wp-caption-text">Referral Traffic Google Analytics</p></div><div class="wp-caption alignleft" style="width: 210px"><a href="http://2.bp.blogspot.com/-ejc0eIr_2Og/T9YLOvozPrI/AAAAAAAAALQ/5fCnas1ksCA/s1600/Global-Traffic-Google-Analytics.gif"><img alt="Global Traffic Google Analytics" src="http://2.bp.blogspot.com/-ejc0eIr_2Og/T9YLOvozPrI/AAAAAAAAALQ/5fCnas1ksCA/s200/Global-Traffic-Google-Analytics.gif" title="Global Traffic Google Analytics" width="200" height="92" /></a><p class="wp-caption-text">Global Traffic Google Analytics</p></div></p>
<div class="clear"></div>
<p>OK. Untuk memulai apply trik ini, berikut step sederhananya:</p>
<ol>
<li><a href="http://www.scribd.com/login" title="Sign Up Scribd" target="_blank" rel="nofollow">Daftar dulu di scribd</a>. Atau bisa langsung login dengan menggunakan account facebook.</li>
<li>Setelah berhasil login, buat artikel dokumen pada Komputer/PC lokal dengan ektensi format file &#8216;rtf, doc, docx atau PDF&#8217;.</li>
<li><a href="http://www.scribd.com/upload-document" target="_blank" rel="nofollow">Upload Dokumen</a></li>
<li>Setelah dokumen selesai diupload, isikan <strong>Title</strong>, <strong>Categories</strong>, <strong>Tag</strong> &amp; <strong>Description</strong> sesuai topik artikel</li>
<li>Selesai</li>
</ol>
<p>Gampang kan! <img src='http://linggih.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  Untuk <strong class="sbold"><em class="itsm">menggandakan traffic web</em></strong>, cari situs online reading/publishing sejenis &amp; upload ulang dokumen (<a href="https://drive.google.com/" title="Kunjungi Google Drive" target="_blank" rel="nofollow">Google Drive</a> Misalnya).</p>
<p><strong><u>Tambahan</u>:</strong></p>
<p>Upload juga dokumen pada situs <em>online file sharing</em> seperti <a href="http://www.4shared.com/" target="_blank" rel="nofollow">4shared</a> misalnya, kadang-kadang muncul juga pada SERP google.</p>
<div class="clear"></div>
<p><div class="wp-caption alignleft" style="width: 210px"><a href="http://2.bp.blogspot.com/-l-Yi_JhnGs4/T9YLyyEOuXI/AAAAAAAAALc/nURpFrhocEk/s1600/SERP-4Shared.gif"><img alt="SERP 4Shared" src="http://2.bp.blogspot.com/-l-Yi_JhnGs4/T9YLyyEOuXI/AAAAAAAAALc/nURpFrhocEk/s200/SERP-4Shared.gif" title="SERP 4Shared" width="200" height="105" /></a><p class="wp-caption-text">SERP 4Shared</p></div><div class="wp-caption alignleft" style="width: 210px"><a href="http://2.bp.blogspot.com/-MG7JaYvCPHM/T9YMHt2LWgI/AAAAAAAAALo/OF2vbMZ8mzo/s1600/File-Sharing-4Shared.gif"><img alt="File Sharing 4Shared" src="http://2.bp.blogspot.com/-MG7JaYvCPHM/T9YMHt2LWgI/AAAAAAAAALo/OF2vbMZ8mzo/s200/File-Sharing-4Shared.gif" title="File Sharing 4Shared" width="200" height="102" /></a><p class="wp-caption-text">File Sharing 4Shared</p></div></p>
<div class="clear"></div>
<p>Good luck &amp; have fun guys&#8230;<br />
 <img src='http://linggih.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>Similar posts:<ol>
<li><a href='http://linggih.com/kelemahan-hosting-gratis/' rel='bookmark' title='Kelemahan Hosting Gratis'>Kelemahan Hosting Gratis</a> <small>Fokus Artikel Pada artikel kali ini akan sedikit mengulas tentang...</small></li>
<li><a href='http://linggih.com/caesium-image-compressor/' rel='bookmark' title='Caesium Image Compressor'>Caesium Image Compressor</a> <small>Compress (memperkecil) ukuran file gambar (image) kadang diperlukan dengan bermacam...</small></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://linggih.com/trik-web-traffic-gratis/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://linggih.com/trik-web-traffic-gratis/</feedburner:origLink></item>
		<item>
		<title>Reset Konfigurasi Setting Windows</title>
		<link>http://feedproxy.google.com/~r/linggih/~3/zfjWipTqnEg/</link>
		<comments>http://linggih.com/reset-konfigurasi-setting-windows/#comments</comments>
		<pubDate>Sun, 10 Jun 2012 06:32:12 +0000</pubDate>
		<dc:creator>Linggih</dc:creator>
				<category><![CDATA[Tools]]></category>
		<category><![CDATA[Computer]]></category>
		<category><![CDATA[Error]]></category>
		<category><![CDATA[Gratis]]></category>
		<category><![CDATA[PC]]></category>
		<category><![CDATA[Software Gratis]]></category>
		<category><![CDATA[Tips & Trik]]></category>
		<category><![CDATA[Windows]]></category>

		<guid isPermaLink="false">http://linggih.com/?p=1387</guid>
		<description><![CDATA[Kendala yang sering terjadi ketika akan reset OS Windows ke setting normal (default value) adalah susah mengingat perubahan-perubahan apa saja yang telah dilakukan pada setiap setting &#38; konfigurasi Windows OS System. Ini sering terjadi dikarenakan banyaknya perubahan (modifikasi) pada setiap setting/konfigurasi &#38; terlupakan seiring berjalannya waktu. Mungkin saja perubahan konfigurasi ini dilakukan oleh user administrator baik itu secara manual ataupun otomatis dari 3rd party software, misalnya tweaking kinerja (performance) yang biasanya merubah setting default Windows Registry, percepat start up Windows via edit Microsoft Management Console Services, dimana setiap perubahan yang dilakukan menjanjikan peningkatan kinerja Windows, dlsb. Namun bagaimana jika ternyata hasilnya tidak memuaskan &#38; ingin mengembalikan konfigurasi ke setting semula (sebelum ada perubahan)? Dan apesnya user tidak seberapa ingat aspek apa saja yang telah dimodifikasi, terlebih lagi jika menggunakan software pihak ketiga (3rd party software) tanpa ada backup restore point.. Jangan panik, sekarang ada tool (software) gratis dengan nama RefreshPC yang otomatis dapat mengembalikan semua setting &#38; konfigurasi windows ke setting awal (default setting). Software ini dapat dioperasikan pada Windows XP, Windows Vista, Windows 7 &#38; dapat berjalan pada arsitektur OS 32-bit maupun 64-bit. Kemampuan software Restore Windows Services (Microsoft Management Console Services) Restore Windows policies (Microsoft Management Console Group Policy) Reset shell parameter Reset setting browser Internet Explorer Reset user profile parameter Restore konfigurasi desktop Download Gratis RefreshPC di sini. Setelah download, install di komputer (PC). Selama proses install, software akan memberikan 2 opsi (pilihan) untuk membuat restore point. Untuk berjaga-jaga bila terjadi kesalahan &#38; ingin mengembalikan ke setting ...
No Similar posts.]]></description>
				<content:encoded><![CDATA[<p>Kendala yang sering terjadi ketika akan reset OS Windows ke setting normal <em>(default value)</em> adalah susah mengingat perubahan-perubahan apa saja yang telah dilakukan pada setiap setting &amp; konfigurasi <em>Windows OS System</em>. Ini sering terjadi dikarenakan banyaknya perubahan (modifikasi) pada setiap setting/konfigurasi &amp; terlupakan seiring berjalannya waktu.</p>
<p>Mungkin saja perubahan konfigurasi ini dilakukan oleh user administrator baik itu secara manual ataupun otomatis dari <em>3rd party software</em>, misalnya tweaking kinerja <em>(performance)</em> yang biasanya merubah setting default <u>Windows Registry</u>, percepat start up Windows via edit <u>Microsoft Management Console Services</u>, dimana setiap perubahan yang dilakukan menjanjikan peningkatan kinerja Windows, dlsb.</p>
<p>Namun bagaimana jika ternyata hasilnya tidak memuaskan &amp; ingin mengembalikan konfigurasi ke setting semula (sebelum ada perubahan)? Dan apesnya user tidak seberapa ingat aspek apa saja yang telah dimodifikasi, terlebih lagi jika menggunakan software pihak ketiga <em>(3rd party software) tanpa ada <u>backup restore point</u>.</em>.</p>
<p>Jangan panik, sekarang ada tool (software) gratis dengan nama <strong><u>RefreshPC</u></strong> yang otomatis dapat mengembalikan semua setting &amp; konfigurasi windows ke setting awal <em>(default setting)</em>.</p>
<p>Software ini dapat dioperasikan pada Windows XP, Windows Vista, Windows 7 &amp; dapat berjalan pada arsitektur OS 32-bit maupun 64-bit.</p>
<p><strong><u>Kemampuan software</u></strong></p>
<ol>
<li>Restore Windows Services (Microsoft Management Console Services)</li>
<li>Restore Windows policies (Microsoft Management Console Group Policy)</li>
<li>Reset shell parameter</li>
<li>Reset setting browser Internet Explorer</li>
<li>Reset user profile parameter</li>
<li>Restore konfigurasi desktop</li>
</ol>
<p><a class="btn" href="http://www.xp-smoker.com/downloads/refreshpcinstall.exe" title="Download Gratis RefreshPC" target="_blank" rel="nofollow">Download Gratis RefreshPC di sini</a>.</p>
<p>Setelah download, install di komputer (PC). Selama proses install, software akan memberikan 2 opsi (pilihan) untuk membuat <em>restore point</em>. Untuk berjaga-jaga bila terjadi kesalahan &amp; ingin mengembalikan ke setting sebelumnya, klik tombol <strong class="code">Yes</strong></p>
<div class="wp-caption alignnone" style="width: 210px"><a href="http://1.bp.blogspot.com/-g9fnQPx9OGs/T9Q5iGQ2LQI/AAAAAAAAAJU/awnAP4DJnsA/s1600/Restore%2BPoint.gif"><img alt="Windows Restore Point" src="http://1.bp.blogspot.com/-g9fnQPx9OGs/T9Q5iGQ2LQI/AAAAAAAAAJU/awnAP4DJnsA/s200/Restore%2BPoint.gif" title="Windows Restore Point" width="200" height="68" /></a><p class="wp-caption-text">Restore Point</p></div>
<p>Buka software RefreshPC. <em>User Interface</em> (tampilan) RefreshPC sedikit berbeda dengan kebanyakan software lainnya &rarr; hanya ada satu tombol untuk reset Windows ke default setting. Klik tombol <strong class="code">Refresh My Windows 7 Settings</strong>, seketika itu juga semua konfigurasi &amp; setting otomatis dikembalikan ke default value.</p>
<div class="wp-caption alignnone" style="width: 210px"><a href="http://3.bp.blogspot.com/-oe0su7NtNbU/T9Q5iunKdaI/AAAAAAAAAJw/bDJon6BDMHk/s1600/Reset%2BWindows%2B7.gif"><img alt="Reset Windows 7" src="http://3.bp.blogspot.com/-oe0su7NtNbU/T9Q5iunKdaI/AAAAAAAAAJw/bDJon6BDMHk/s200/Reset%2BWindows%2B7.gif" title="Reset Windows 7" width="200" height="160" /></a><p class="wp-caption-text">Reset Windows 7</p></div>
<p>Tunggu sampai proses reset selesai. Setelah Windows selesai direset, jendela konfirmasi sukses akan tampak seperti screenshot gambar di bawah.</p>
<div class="wp-caption alignnone" style="width: 210px"><a href="http://3.bp.blogspot.com/-c3M9uK-Alq4/T9Q5iR0fOoI/AAAAAAAAAJg/OMbzBH-Bd0U/s1600/Reset%2BSukses.gif"><img alt="Reset Windows Sukses" src="http://3.bp.blogspot.com/-c3M9uK-Alq4/T9Q5iR0fOoI/AAAAAAAAAJg/OMbzBH-Bd0U/s200/Reset%2BSukses.gif" title="Reset Windows Sukses" width="200" height="134" /></a><p class="wp-caption-text">Reset Windows Sukses</p></div>
<p>Selesai. Restart komputer untuk apply perubahan.</p>
<p>No Similar posts.</p>]]></content:encoded>
			<wfw:commentRss>http://linggih.com/reset-konfigurasi-setting-windows/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://linggih.com/reset-konfigurasi-setting-windows/</feedburner:origLink></item>
		<item>
		<title>Cara Mudah Membuat Local Domain</title>
		<link>http://feedproxy.google.com/~r/linggih/~3/5K8A82edJZI/</link>
		<comments>http://linggih.com/cara-mudah-membuat-local-domain/#comments</comments>
		<pubDate>Mon, 04 Jun 2012 12:48:48 +0000</pubDate>
		<dc:creator>Linggih</dc:creator>
				<category><![CDATA[Webserver]]></category>
		<category><![CDATA[DNS]]></category>
		<category><![CDATA[Domain]]></category>
		<category><![CDATA[Networking]]></category>
		<category><![CDATA[Tips & Trik]]></category>

		<guid isPermaLink="false">http://linggih.com/?p=1362</guid>
		<description><![CDATA[Akses testing website pada local webserver ataupun pada home network/local network (intranet) akan lebih mudah menghafal jika menggunakan &#8216;domainmu.tld&#8217; dari pada sederetan angka private IP seperti 192.168.1.xxx misalnya. Mungkin saja pada local network, anda mempunyai beberapa testing website seperti WordPress, Drupal, Joomla atau script software lainnya. Cara/trik ini awalnya bermula karena saya sering lupa &#38; pusing menghafal satu persatu alamat private IP untuk masing-masing script yang saya test. Terpaksa deh intip catatan private IP masing-masing testing script, he.. he&#8230; . Namun sekarang tidak lagi. Setelah utak-atik &#38; sekian kali coba, ketemu juga triknya. Cara konvensional (cara lama) untuk akses halaman testing script biasanya dilakukan dengan membuka alamat private IP (contoh: http://192.168.1.100). Namun tahukah anda private IP pada local network dapat di mapping ke alamat domain sesuai keinginan, misal: http://wordpress.tld. Catatan: Untuk mapping private IP ke nama domain disyaratkan setidaknya mempunyai satu atau beberapa private IP, dan tld domain bukan merupakan tld domain yang umum (consideration by ICANN/IANA) &#8594; .com, .net, .org, .info, .ws, .us dlsb. Gunakan tld domain yang belum ada (terdaftar), misalnya; .xyz, .gt, .namamu dlsb. Bisa juga menggunakan tld dengan karakter file ekstensi yang umum, seperti misal; .exe, .pdf, .psd, jpg, png, .gif, .bmp, .docx, .rtf dlsb. Langsung ke topik. Begini caranya: &#187; Cari tahu private IP target (contoh: 192.168.1.100) &#187; Buka file hosts: &#160;&#160;&#160; Windows &#8594; %SystemRoot%\system32\drivers\etc\hosts &#160;&#160;&#160; UNIX/Linux &#8594; /etc/hosts &#160;&#160;&#160; Apple Macintosh &#8594; /private/etc/hosts Lokasi file HOSTS pada OS lainnya dapat lihat di sini &#187; tambahkan Private IP + Domain target pada file hosts. Contoh: ...
Similar posts:<ol>
<li><a href='http://linggih.com/apa-itu-dns/' rel='bookmark' title='Apa itu DNS'>Apa itu DNS</a> <small>Sekilas tentang DNS (Domain Name System) Baik webmaster pendatang baru...</small></li>
</ol>]]></description>
				<content:encoded><![CDATA[<p>Akses testing website pada <em><u>local webserver</u></em> ataupun pada <em><u>home network/local network (intranet)</u></em> akan lebih mudah menghafal jika menggunakan <strong>&#8216;domainmu.tld&#8217;</strong> dari pada sederetan angka <strong>private IP</strong> seperti <strong>192.168.1.xxx</strong> misalnya. Mungkin saja pada local network, anda mempunyai beberapa testing website seperti WordPress, Drupal, Joomla atau script software lainnya.</p>
<p>Cara/trik ini awalnya bermula karena saya sering lupa &amp; pusing menghafal satu persatu alamat private IP untuk masing-masing script yang saya test. Terpaksa deh intip catatan private IP masing-masing testing script, he.. he&#8230; <img src='http://linggih.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> . Namun sekarang tidak lagi. Setelah utak-atik &amp; sekian kali coba, ketemu juga triknya.</p>
<p>Cara konvensional (cara lama) untuk akses halaman testing script biasanya dilakukan dengan membuka alamat private IP (contoh: http://192.168.1.100). Namun tahukah anda private IP pada local network dapat di mapping ke alamat domain sesuai keinginan, misal: <u>http://wordpress.tld</u>.</p>
<div class="warn">
<div class="catatan"></div>
<h3><u>Catatan</u>:</h3>
<p>    Untuk mapping private IP ke nama domain disyaratkan setidaknya mempunyai satu atau beberapa private IP, dan tld domain bukan merupakan tld domain yang umum <em>(<a href="http://en.wikipedia.org/wiki/List_of_Internet_top-level_domains" title="Daftar TLDs ICANN" target="_blank" rel="nofollow">consideration by ICANN/IANA</a>)</em> &rarr; <u>.com, .net, .org, .info, .ws, .us</u> dlsb.</p>
<p>    Gunakan tld domain yang belum ada (terdaftar), misalnya; .xyz, .gt, .namamu dlsb. Bisa juga menggunakan tld dengan karakter file ekstensi yang umum, seperti misal; <u>.exe, .pdf, .psd, jpg, png, .gif, .bmp, .docx, .rtf</u> dlsb.
</div>
<p>Langsung ke topik. Begini caranya:</p>
<p>&raquo; Cari tahu private IP target (contoh: 192.168.1.100)</p>
<p>&raquo; Buka file hosts:<br />
&nbsp;&nbsp;&nbsp; <strong>Windows</strong> &rarr; %SystemRoot%\system32\drivers\etc\hosts<br />
&nbsp;&nbsp;&nbsp; <strong>UNIX/Linux</strong> &rarr; /etc/hosts<br />
&nbsp;&nbsp;&nbsp; <strong>Apple Macintosh</strong> &rarr; /private/etc/hosts<br />
Lokasi file HOSTS pada OS lainnya dapat <a href="http://en.wikipedia.org/wiki/Hosts_%28file%29" title="HOSTS File Location" target="_blank" rel="nofollow">lihat di sini</a></p>
<p>&raquo; tambahkan Private IP + Domain target pada file hosts. Contoh:</p>
<p><strong>Beberapa web/script dengan satu Shared Private IP menggunakan Virtual Hosts</strong></p>
<pre class="brush: apache; collapse: false; light: false; title: ; toolbar: true; notranslate">
192.168.1.114	wordpress.lg
192.168.1.114	joomla.lg
192.168.1.114	swardana.pdf
</pre>
<p><strong>Beberapa web/script dengan masing-masing satu Private IP menggunakan Virtual Hosts</strong></p>
<pre class="brush: apache; collapse: false; light: false; title: ; toolbar: true; notranslate">
192.168.1.114	wordpress.lg
192.168.1.115	joomla.lg
192.168.1.116	swardana.pdf
</pre>
<p>Selesai. Sekarang coba buka alamat url web/script dengan menggunakan <strong class="sbold"><em class="itsm">local domain</em></strong>. Main page (halaman utama) <em>local domain home network</em> pada contoh di atas (wordpress.lg, joomla.lg &amp; swardana.pdf) dapat dilihat pada screenshot di bawah:</p>
<div class="clear"></div>
<p><div id="attachment_1364" class="wp-caption alignleft" style="width: 160px"><a href="http://linggih.com/wp-content/uploads/2012/06/Local-Domain.gif"><img src="http://linggih.com/wp-content/uploads/2012/06/Local-Domain-150x150.gif" alt="Setup Local Domain" title="Setup Local Domain" width="150" height="150" class="size-thumbnail wp-image-1364" /></a><p class="wp-caption-text">wordpress.lg</p></div><div id="attachment_1365" class="wp-caption alignleft" style="width: 160px"><a href="http://linggih.com/wp-content/uploads/2012/06/Local-Domain2.gif"><img src="http://linggih.com/wp-content/uploads/2012/06/Local-Domain2-150x150.gif" alt="Setup Local Domain 2" title="Setup Local Domain 2" width="150" height="150" class="size-thumbnail wp-image-1365" /></a><p class="wp-caption-text">joomla.lg</p></div><div id="attachment_1366" class="wp-caption alignleft" style="width: 160px"><a href="http://linggih.com/wp-content/uploads/2012/06/Local-Domain3.gif"><img src="http://linggih.com/wp-content/uploads/2012/06/Local-Domain3-150x150.gif" alt="Setup Local Domain 3" title="Setup Local Domain 3" width="150" height="150" class="size-thumbnail wp-image-1366" /></a><p class="wp-caption-text">swardana.pdf</p></div></p>
<div class="clear"></div>
<p>Mapping <strong class="sbold"><em class="itsm">local domain</em></strong> ini tidak diharuskan menggunakan tld, contoh; tambahkan Private IP + domain (tanpa tld) pada file hosts</p>
<pre class="brush: apache; collapse: false; light: false; title: ; toolbar: true; notranslate">
192.168.1.114	wordpress
192.168.1.115	joomla
192.168.1.116	swardana
</pre>
<p>Maka alamat url yang harus dibuka pada address bar web browser adalah (contoh Private IP &amp; <strong class="sbold"><em class="itsm">local domain</em></strong> di atas):</p>
<p>&rarr; http://wordpress/<br />
&rarr; http://joomla/<br />
&rarr; http://swardana/</p>
<p>Jangan lupa tambahkan Private IP + <strong class="sbold"><em class="itsm">Local Domain</em></strong> pada masing-masing &#8216;file hosts&#8217; client PC untuk dapat akses situs local dalam satu lingkup <em><u>home network/local network (intranet)</u></em>.</p>
<p>Lebih mudah &amp; simple bukan! Daripada akses menggunakan alamat Private IP, lebih gampang diingat &amp; kelihatan keren jika menggunakan <strong class="sbold"><em class="itsm">local domain</em></strong>.</p>
<p> <img src='http://linggih.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </p>
<p>Similar posts:<ol>
<li><a href='http://linggih.com/apa-itu-dns/' rel='bookmark' title='Apa itu DNS'>Apa itu DNS</a> <small>Sekilas tentang DNS (Domain Name System) Baik webmaster pendatang baru...</small></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://linggih.com/cara-mudah-membuat-local-domain/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://linggih.com/cara-mudah-membuat-local-domain/</feedburner:origLink></item>
		<item>
		<title>Apa itu DNS</title>
		<link>http://feedproxy.google.com/~r/linggih/~3/70VzKkmYyWU/</link>
		<comments>http://linggih.com/apa-itu-dns/#comments</comments>
		<pubDate>Sun, 03 Jun 2012 13:02:22 +0000</pubDate>
		<dc:creator>Linggih</dc:creator>
				<category><![CDATA[Webserver]]></category>
		<category><![CDATA[DNS]]></category>
		<category><![CDATA[Webmaster]]></category>

		<guid isPermaLink="false">http://linggih.com/?p=1358</guid>
		<description><![CDATA[Sekilas tentang DNS (Domain Name System) Baik webmaster pendatang baru atau veteran jika hosted web/blog pada self hosting, vps atau dedicated server setidaknya wajib tahu dasar pemahaman DNS. Mengapa? Sederhana saja, memudahkan user mengakses situs baik itu visitor/client maupun site webmaster. Akan lebih mudah mengingat / menghafal domainmu.com daripada sederetan angka seperti 139.195.xxx.xxx. Apa itu DNS? Sebuah nama domain biasanya terdiri dari dua bagian kata atau lebih (secara teknis disebut label) dan biasanya dipisahkan oleh karakter titik (dots). Sebagai contoh linggih.com. Label paling kanan (.com) merupakan Top-Level Domain (TLD). Setiap lebel disebelah kirinya menyatakan sebuah sub-divisi atau subdomain dari domain di atasnya (disebelah kanannya). Secara teori, subdomain ini bisa diturunkan sampai dengan 127 level ke bawah dengan maksimal karakter masing-masing label 63 karakter dan selama nama domain tersebut tidak melebihi total maksimal panjang karakter (total maksimal 255 karakter). Namun dalam prakteknya, kebanyakan pemilik nama domain ini hanya menggunakan sampai 3 tingkat label (kata) saja. Catatan: Subdomain tergantung pada domain 1 level di atasnya (ketergantungan relatif), bukan ketergantungan mutlak (absolute). Misalnya: linggih.com merupakan subdomain dari tld &#34;.com&#34;, dan pic.linggih.com merupakan subdomain dari linggih.com. Hostname mengacu pada nama domain yang memiliki satu atau lebih alamat IP yang terkait. Sebagai contoh: linggih.com dan pic.linggih.com keduanya memiliki hostname yang sama. DNS Records: CNAME (Canonical Name) (CNAME) Record digunakan untuk menetapkan hostname alias. Formatnya adalah seperti di bawah ini: Format di atas mendefinisikan alias.domain.tld sebagai alias untuk host yang ditetapkan (hostlain.domain.tld). A Record (Address Record) A record biasanya berupa alamat IP dari sebuah domain. Dengan ...
No Similar posts.]]></description>
				<content:encoded><![CDATA[<p><strong><u>Sekilas tentang DNS <em>(Domain Name System)</em></u></strong></p>
<p>Baik webmaster pendatang baru atau veteran jika hosted web/blog pada self hosting, vps atau dedicated server setidaknya wajib tahu dasar pemahaman DNS. <em>Mengapa?</em> Sederhana saja, memudahkan user mengakses situs baik itu visitor/client maupun site webmaster. Akan lebih mudah mengingat / menghafal domainmu.com daripada sederetan angka seperti 139.195.xxx.xxx.</p>
<p><em>Apa itu DNS?</em> Sebuah nama domain biasanya terdiri dari dua bagian kata atau lebih (secara teknis disebut label) dan biasanya dipisahkan oleh karakter titik (dots). Sebagai contoh <u>linggih.com</u>. Label paling kanan (.com) merupakan <em>Top-Level Domain (TLD)</em>. Setiap lebel disebelah kirinya menyatakan sebuah sub-divisi atau subdomain dari domain di atasnya (disebelah kanannya). Secara teori, subdomain ini bisa diturunkan sampai dengan 127 level ke bawah dengan maksimal karakter masing-masing label 63 karakter dan selama nama domain tersebut tidak melebihi total maksimal panjang karakter (total maksimal 255 karakter).</p>
<p>Namun dalam prakteknya, kebanyakan pemilik nama domain ini hanya menggunakan sampai 3 tingkat label (kata) saja.</p>
<div class="warn">
<div class="idSuccess"></div>
<h3><u>Catatan</u>:</h3>
<p>    Subdomain tergantung pada domain 1 level di atasnya (ketergantungan relatif), bukan ketergantungan mutlak (absolute). Misalnya: <u>linggih.com</u> merupakan subdomain dari tld &quot;<strong>.com</strong>&quot;, dan <u>pic.linggih.com</u> merupakan subdomain dari <u>linggih.com</u>.</p>
<p>    Hostname mengacu pada nama domain yang memiliki satu atau lebih alamat IP yang terkait. Sebagai contoh: <u>linggih.com</u> dan <u>pic.linggih.com</u> keduanya memiliki hostname yang sama.
</div>
<p><strong><u>DNS Records</u>:</strong></p>
<p><strong><u>CNAME (Canonical Name)</u></strong></p>
<p>(CNAME) Record digunakan untuk menetapkan hostname alias. Formatnya adalah seperti di bawah ini:</p>
<pre class="brush: apache; collapse: false; light: false; title: ; toolbar: true; notranslate">
alias.domain.tld      IN      CNAME      hostlain.domain.tld.
</pre>
<p>Format di atas mendefinisikan <u>alias.domain.tld</u> sebagai alias untuk host yang ditetapkan (hostlain.domain.tld).</p>
<p><strong><u>A Record (Address Record)</u></strong></p>
<p>A record biasanya berupa alamat IP dari sebuah domain. Dengan menggunakan a record, pengguna (visitor situs) yang mencoba akses <strong>www.contohdomain.com</strong> akan diteruskan ke alamat IP sesuai dengan IP A Record. Contoh format &quot;A&quot; Record adalah seperti di bawah ini: </p>
<pre class="brush: apache; collapse: false; light: false; title: ; toolbar: true; notranslate">
Name             TTL     TYPE    DATA
ftp.domain.com   14400   A       Alamat IP
</pre>
<p><strong><u>MX Record (Mail Exchange Record)</u></strong></p>
<p>MX Record mengarahkan domain ke dalam daftar mail exchange servers domain terkait. <strong>&quot;A&quot;</strong> zone dapat mempunyai satu atau lebih <em>Mail Exchange (MX) record</em>. Record ini mengarah ke host yang menerima email pesan atas host terkait. Host domain dapat juga dijadikan sebagai &quot;MX&quot; bagi host itu sendiri. MX Record tidak mengharuskan mengarah pada host pada zona yang sama. Contoh format MX Record adalah seperti di bawah ini:</p>
<pre class="brush: apache; collapse: false; light: false; title: ; toolbar: true; notranslate">
host.domain.tld       IN     MX      10 hostlain.domain.tld.
                      IN     MX      20 hostlain2.domain.tld.
</pre>
<p>Preferensi nomor &quot;MX&quot; memiliki nilai (value) &quot;0 &#8211; 65535&quot;, semakin kecil nilai &quot;MX&quot; nya, semakin tinggi prioritasnya. </p>
<p><strong><u>NS Record (Name Server Record)</u></strong></p>
<p>Name server merujuk pada nama domain dalam satu daftar DNS Server Otoritatif domain bersangkutan. Contoh: </p>
<pre class="brush: apache; collapse: false; light: false; title: ; toolbar: true; notranslate">
ns1.nama-domain.tld
ns2.nama-domain.tld
</pre>
<p><strong><u>SOA Record (Start of Authority Record)</u></strong></p>
<p>SOA record atau catatan otoritas awal <em>(Start of Authority)</em> mengacu server DNS yang mengediakan otorisasi informasi tentang sebuah domain Internet, email administrator domain, nomor seri domain, dan beberapa timer terkait untuk refresh zone domain. Contoh SOA Record</p>
<pre class="brush: apache; collapse: false; light: false; title: ; toolbar: true; notranslate">
domain.tld.	86400	IN	SOA		ns1.domain.tld.	webmaster.domain.tld.	(
								2014080101 ;Serial Number
								86400 ;refresh
								7200 ;retry
								3600000 ;expire
								86400 ;minimum
	)
</pre>
<p><strong><u>TXT Record</u></strong></p>
<p>TXT Record mengijinkan administrator untuk memasukan data acak ke dalam catatan DNS. Sebagai contoh, record ini digunakan untuk mengimplementasikan <em>Sender Policy Framework</em> dan <em>DomainKeys Specifications</em>. Contoh TXT Record:</p>
<pre class="brush: apache; collapse: false; light: false; title: ; toolbar: true; notranslate">
spf	14400	IN	TXT	v=spf1 include:aspmx.googlemail.com ~all
</pre>
<p><strong><u>PTR Record (Pointer Record)</u></strong></p>
<p>PTR record atau catatan penunjuk memetakan sebuah nama host ke nama kanonik untuk host tersebut. Pembuatan record PTR untuk sebuah nama host di dalam domain in-addr.arpa yang mewakili sebuah alamat IP menerapkan pencarian balik DNS (reverse DNS lookup) untuk alamat tersebut. Contohnya &quot;www.icann.net&quot; memiliki alamat IP 192.0.34.164, tetapi sebuah record PTR memetakan 164.34.0.192.in-addr.arpa ke nama kanoniknya: referrals.icann.org. </p>
<p><strong><u>Edit atau tambah DNS</u>:</strong></p>
<p><strong>cPanel</strong> &rarr; cPanel menu klik &quot;Simple DNS Zone Editor&quot; atau &quot;Advance DNS Zone Editor&quot;.<br />
<strong>WHM</strong> &rarr; Main WHM &raquo; DNS Functions &raquo; Edit DNS Zone<br />
<strong>Manual Edit</strong>:<br />
&nbsp;&nbsp;&nbsp; Zone File &rarr; &raquo; /var/named/nama-domain.com.db<br />
&nbsp;&nbsp;&nbsp; DNS Configuration &rarr; /etc/named.conf</p>
<p>Untuk cek DNS health &amp; Configuration domain, kunjungi situs dns check online seperti <a href="http://www.intodns.com/" target="_blank" rel="nofollow">http://www.intodns.com/</a></p>
<p>No Similar posts.</p>]]></content:encoded>
			<wfw:commentRss>http://linggih.com/apa-itu-dns/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://linggih.com/apa-itu-dns/</feedburner:origLink></item>
	</channel>
</rss><!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk: basic
Page Caching using disk: enhanced

Served from: linggih.com @ 2013-05-20 21:43:46 -->
