▼

Design, Tutorial and Tips Trik Blogger | Lostsector

Design, Tutorial and Tips Trik Blogger | Lostsector

Cara (Tips Trik) Mempercepat Koneksi Internet Dengan Squid Proxy

Posted: 08 Mar 2013 11:06 AM PST

Squid Proxy adalah aplikasi komputer yang berfungsi untuk mempercepat koneksi internet serta menghemat penggunaan Bandwidth. Aplikasi ini sangat cocok untuk digunakan oleh para pengguna yang menggunakan koneksi dari kartu prabayar (modem) yang menggunakan paket kuota (bandwidth limited).

Fungsi Squid Proxy!!

Sebagian besar pengguna internet mungkin tidak menyadari bahwa setiap kali mengakses situs sebenarnya yang mereka lakukan adalah mendownload semua data berupa tulisan, link, teks, gambar dan file lain dalam halaman tersebut. Nah, data-data tersebut akan disimpan ke dalam komputer dalam bentuk cache sehingga pada saat berkunjung kembali ke situs tersebut, semua data yang terdapat dalam halaman tersebut tidak akan di download seluruhnya melainkan hanya beberapa update-an terbarunya saja dan sebagiannya lagi diambil dari cache yang tersimpan dalam komputer.
Cara (Tips Trik) Mempercepat Koneksi Internet Dengan Squid Proxy

Instalasi dan Setting Squid Proxy

Langkah pertama, silahkan anda download file Squid Proxy di bawah ini :

DOWNLOAD SQUID PROXY 2.7 STABLE7
Password : lost-sector.net

Setelah proses download filenya selesai, lanjutkan dengan mengekstrak filenya ke c:\squid\ dan untuk settingannya, perhatikan langkah-langkah di bawah ini :

1. Buka Menu Start Windows » All Program » Accessories » Run dan masukkan perintah-perintah di bawah ini satu per satu.
  • c:\squid\sbin\squid.exe -z [Enter]
  • c:\squid\sbin\squid.exe -d l -D [Enter]
  • c:\squid\sbin\squid.exe -i [Enter]
  • c:\squid\sbin\squid.exe -O -D [Enter]
Cara Mempercepat Koneksi Internet Dengan Squid Proxy

2. Selanjutnya, Jalankan Service Panel melalui Control Panel » Administrative Tools » Services atau Buka Lagi Menu Start » All Program » Accessories » Run ketik Services.msc [Enter]

Cara Mempercepat Koneksi Internet Dengan Squid Proxy

Cara Mempercepat Koneksi Internet Dengan Squid Proxy

3. Untuk settingan pada browser, ubah proxy ke Address 127.0.0.1 dan port 3128.
  • Setting Proxy Untuk Google Chrome
Cara Mempercepat Koneksi Internet Dengan Squid Proxy
[Klik untuk memperbesar gambar]
  • Setting Proxy Untuk Mozilla Firefox
Cara Mempercepat Koneksi Internet Dengan Squid Proxy
[Klik untuk memperbesar gambar]

Setelah semua proses tersebut di atas dilakukan, silahkan anda mencobanya dan rasakan perbedaannya.

Uninstall Squid Proxy...!!!

Untuk meng-uninstall squid, caranya sangatlah mudah. Buka Menu Start » All Program » Accessories » Run dan masukkan perintah c:\squid\sbin\squid -r -n squid [Enter]

Rekomendasi :

  1. Browsing Cepat Internet Dengan I-Sehat
  2. Tips Mempercepat Koneksi Internet Pada Mozilla Firefox
  3. Tips Nonton Video Youtube Tanpa Buffering

Butuh Bantuan ?

Silahkan meninggalkan komentar jika anda mengalami kendala atau kesulitan dalam melakukan konfigurasi squid proxy kedalam komputer anda. Terima kasih dan semoga tutorial di atas memberikan manfaat.

Menu Navigasi Droopdown Melayang (Floating) Untuk Blogger

Posted: 08 Mar 2013 09:27 AM PST

Saya bingung, Artikel ini mau saya beri judul apa, tapi artikel kali ini yang pastinya berhubungan dengan menu navigasi yang melayang atau floating yang akan tetap muncul pada bagian atas blog pada saat pengunjung melakukan scroll kebawah, selain itu menu ini juga sudah saya modifikasi sedemikan rupa dengan penggabungan beberapa kode CSS dan HTML serta penggabungan sebuah menu navigasi dropdown dan menu search sehingga akan tampak lebih menarik untuk anda pasang pada blog anda.

Menu Navigasi / Toolbar Melayang (Floating) Untuk Blogger

Menu Navigasi Droopdown/Toolbar Melayang ini sebenarnya hampir sama dengan Toolbar Melayang yang pernah saya bahas sebelumnya di blog ini tentunya. Jika anda tertarik untuk membacanya silahkan buka Cara Membuat/Memasang Toolbar Keren Pada Blog. Nah, untuk contoh menu navigasi melayang yang akan saya berikan disini bisa anda lihat pada blog ini dan tanpa berkata-kata panjang lebar lagi, langsung saja saya berikan tutorial cara memasangnya beserta kode CSS dan HTML yang diperlukan.

Rekomendasi :
  1. Cara Membuat Mega Menu Drop Down Menu For Blogger
  2. Cara Membuat Menu Drop Down Untuk Label Category
  3. Fungsi & Cara Membuat Navigasi Breadcrumbs Untuk Blogspot

CSS

Untuk meletakkan kode CSS di bawah ini, terlebih dahulu login ke akun Blogger yang anda miliki kemudian lakukan pengeditan pada Template » Edit HTML kemudian Copy CSS di bawah ini dan letakkan tepat di atas tag ]]></b:skin>
#lscnav{width:100%;min-width:960px;position:fixed;top:0;left:0;right:0;height:30px;font-size:13px;z-index:99;background-color:#1E6510;border-bottom:1px solid #000}
#lscwrapper{width:980px;height:30px;margin:0 auto;}
.clearit{clear:both;height:0;line-height:0.0;font-size:0}
#lscmenunav{width:960px}
#lscmenunav,#lscmenunav ul{list-style:none;font-family:Arial, serif;margin:0;padding:0;}
#lscmenunav a{display:block;text-decoration:none;font-size:11px;font-weight:700;text-transform:uppercase;color:#fff;padding:8px 8px 8px;border-left:0px solid #000;text-shadow:0 1px 1px #000;}
#lscmenunav a.trigger{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzF5XhyphenhyphenpjjAgSKKDlAEzkMqUQSg8hEHxQqz5HXqXjDvIWACMY1YTvfs7i7-im-RqTXidgvBXtdk0ng-4Wum2u6p0zG80-WSsnaFCwrSII_2jMYvqL5gsSDqRIP92PvszIMRBgO-G4H7Q0/s1600/arrow_white.gif);background-repeat:no-repeat;background-position:right center;padding:8px 24px 8px 8px}
#lscmenunav li{float:left;position:static;width:auto}
#lscmenunav li ul,#menubar ul li{width:150px}
#lscmenunav ul li a{text-align:left;color:#fff;font-size:12px;font-weight:400;text-transform:none;font-family:Arial;border:none;padding:5px 10px}
#lscmenunav li ul{z-index:50;position:absolute;display:none;background:#26231c;-moz-box-shadow:0 2px 2px rgba(0,0,0,0.6);-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.6)}
#lscmenunav li:hover a,#menubar a:active,#menubar a:focus,#menubar li.hvr a{background-color:#000;color:#fff;-webkit-transition: background-color .555s;-moz-transition: background-color .555s;-o-transition: background-color .555s;-ms-transition: background-color .555s;}
#lscmenunav li:hover ul,#menubar li.hvr ul{display:block}
#lscmenunav li:hover ul a,#menubar li.hvr ul a{color:#edfdfd;background-color:transparent;text-decoration:none}
#lscmenunav li ul li.hr{border-bottom:1px solid #433e31;border-top:1px solid #11100d;display:block;font-size:1px;height:0;line-height:0;}
#lscmenunav ul a:hover{background-color:#555!important;color:#fff!important;text-decoration:none}

#menu-right{float:right;display:inline;width:160px;padding-top:5px;margin-right:5px}
#topsearch1 #feed-1{margin-top:0;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#333}
#topsearch1 #feed-s{width:126px}
#search{height:18px;width:150px;background:#aeaeae;padding:0}
#search input{border:0;background:none;color:#575757}
#s{font-size:12px;width:120px;padding-left:4px;background:none;margin:0}
#topsearch #search{margin-top:0;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#fff;border:1px solid #999}
#topsearch #s{width:125px}
Jangan simpan template dulu, namun lanjutkan dengan memasukkan kode HTML-nya juga ke dalam template. Oh ya mungkin anda bertanya, mengapa saya membagi dan memberi warna berbeda pada kode CSS di atas. Sebentar saya jelaskan.

HTML

Copy kode HTML di bawah ini tepat di bawah tag <body>
<div id='lscnav'>
<div id='lscwrapper'>
<ul id='lscmenunav'>
<li class='home'><a href='/'>Home</a></li>
<li><a href='#'>Menu 1</a></li>
<li><a class='trigger' href='#'>Drop menu 1</a>
<ul>
<li><a href='#'>Sub menu 1</a></li>
<li><a href='#'>Sub menu 2</a></li>
<li><a href='#'>Sub menu 3</a></li>
<li><a href='#'>Sub menu 4</a></li>
</ul>
</li>
<li><a class='trigger' href='#'>Drop menu 2</a>
<ul>
<li><a href='#'>Sub menu 1</a></li>
<li><a href='#'>Sub menu 2</a></li>
<li><a href='#'>Sub menu 3</a></li>
<li><a href='#'>Sub menu 4</a></li>
<li><a href='#'>Sub menu 5</a></li>
<li><a href='#>Sub menu 6</a></li>
</ul>
</li>
<li><a href='#'>Menu 2</a></li>
</ul>
<div style='float:right'>
<div id='menu-right'>
<div id='topsearch'>
<div id='search'>
<form action='/search' id='searchform' method='get' name='searchform'>
<input class='keyword' id='s' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Search..&quot;;}' onfocus='if (this.value == &quot;Search..&quot;) {this.value = &quot;&quot;}' type='text' value='Search..'/>
<input alt='search' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjByM_tP_pwBaB7yYjwGPVxVhGrFbIU2VMEjbNYAaqPpA1iIb5Mh-T_G_a4l-GLwDA6CpbeMpNnJz8is617D7O1yBVmYLR1QCwe5GYLuqo77tpuKdQTWOMIZpHskuG1DhKJjw7pzU3TQ3Y/s1600/search-c.png' style='border: 0pt none ; vertical-align: top; padding-top:3px' title='Search' type='image'/>
</form>
</div>
</div>
</div>
</div>
<br class='clearit'/>
</div>
</div>
Keterangan :
Ganti tanda # dengan link blog anda dan Menu 1, Sub Menu dst sesuai dengan kata-kata anda sendiri dan jika sudah selesai, silahkan klik pratinjau atau simpan untuk melihat hasilnya

Penjelasan Singkat

CSS dan HTML yang saya beri tanda dengan warna Biru adalah CSS dan HTML untuk Menu Search (Pencarian), jika anda tidak ingin memakai/memasangnya pada blog anda, silahkan anda hapus kode tersebut.

Butuh Bantuan ?

Jika anda kesulitan dalam memasang Menu Navigasi Melayang tersebut di atas, silahkan meninggalkan komentar. Sebelum dan sesudahnya saya ucapkan terima kasih. Salam Blogger...!!!