wais karman. Diberdayakan oleh Blogger.

TOTAL KUNJUNGAN

Translate

Selamat Datang Di Blog TUTOR WAIS - Berbagi Ilmu Komputer Bersama Wais Karman HP.085263111101 PIN BB.

Senin, 04 Juli 2011


Kompres kode CSS untuk mempercepat loading blog, siapa yang tidak mau blognya mempunyai loading yang cepat, hargi gini geto lho banyak persaingan antara 1 blogger denganblogger lainnya yang rebutan traffic. Ya salah satunya meningkatkan kecepatan loading blog ,karena para pengunjung paling males jika menemui blog yang loadingnya minta ampun beratnya dan jangan berharap para pengunjung akan kembali lagi ke blog kamu. Walaupun posisi blog kamu pada hasil pencarian sering masuk 10 besar namun dengan melihat alamat blog kamu pengunjung tidak akan meng-klik di hasil pencarian untuk mengunjungi blog kamu, ih . . . Gak mau deh kalo geto, amit-amit.

Untuk mengatasi hal tersebut blog tutorial blogtegal mempunyai trik untuk masalah kecepatan loading blog yakni dengan meng-kompres kode CSS pada template blogspot. Mungkin sudah banyak tutorial tentang cara mengkompres kode CSS namun pada kesempatan ini blogtegal akan berbagi trik yang berbeda tentang kompres-kompresan kode CSS, walaupun tidak jauh-jauh amat dari kebanyakan tutorial yg bertebaran.
Ada dua cara tentang meng-kompres kode css:
  1. Kompres kode CSS pada umumnya.
  2. Kompres kode CSS melalui trik blogtegal
Mari kita bahas satu-persatu.

1. KOMPRES KODE CSS PADA UMUMNYA

Untuk trik yang pertama ini adalah trik yang pada umumnya para bloggerlakukan.
  • pertama cek dulu kecepatan loading blog kamu untuk membandingkan.
  • login ke dashbord blog kamu.
  • pilih Rancangan �� Edit HTML
  • download template lengkap dulu barangkali terjadi kesalahan (wajib / harus)
  • Kemudian blok dan POTONG semua kode CSS dari setelah kode <b:skin><![CDATA[ sampai pada kode sebelum ]]></b:skin> 
    Kalau kurang jelas begini, potong kode mulai dari
    <b:skin><![CDATA[ disini mulainya | . . . . . . . . . . . . . . . . . . . . . . .
    . . . . . . . . . . . . . . . . . . . . KODE-KODE CSS. . . . . . . .
    . . . . . . . . . . . . . . . . . . . . . . . . .
    sampai disini |
    ]]></b:skin>
  • buka situs CSS compressor disini
  • kemudian setting pengaturannya seperti berikut:
    �- Compression mode = pilih 'Normal'
    �- Comment handling = pilih 'Don't strip any comments'
  • pastekan kode CSS yang telah di potong tadi pada kotak kosong.
  • kemudian klik Compress-It
  • kemudian copy hasil kompresan tadi dan tempatkan pada template kamu diantara kode
    <b:skin><![CDATA[
    Pastekan disini kode CSS yang telah di kompres tadi
    ]]></b:skin>
  • terakhir klik SIMPAN
Sekarang bandingkan dengan loading blog kamu sebelum di kompres, awak yakin pasti lebih cepat, kalau lebih lambat loadingnya berarti emang koneksiinternet kamu yang LOL cara kompres kode CSS untuk meningkatkan kecepatan loading blog

2. KOMPRES KODE CSS MELALUI TRIK BLOGTEGAL

Untuk trik yang kedua ini tidak jauh berbeda dengan trik yang pertama hanya saja pada saat meng-kompres kode css pengaturannya di bedakan. Dan trik blogtegal ini agak ribet dan rumit, ini hanya di khususkan untuk kalangan blogger dengan tingkat level menengah keatas, namun jika para newbie yang mau pake trik juga boleh. Syarat utama untuk memakai trik yang kedua ini adalah pastikan kamu tidak akan merubah tampilan layoutblog kamu baik dari CSS sendiri maupun dari kode HTML. Atau syarat lainnya adalah menyimpan template kamu yang terakhir jika sewaktu-waktu kamu ingin menambahkan menu atau merubah layout blog, setelah ditambah atau di perbaiki, ulangi pengompresan seperti trik yang kedua ini. cara kompres kode CSS untuk meningkatkan kecepatan loading blog bingung kan dg trik yang kedua ini. Habis bingung menyusun kata-katanya dan emang sengaja di bikin bingung cara kompres kode CSS untuk meningkatkan kecepatan loading blog Jika siap bingung lets do it.

Bookmark and Share
Selain mengetahui nilai blog dalam rupiah melaluiBIZinformation Indonesia, kita juga dapat mengetahui berapa nilai blog kita dalam dollar dengan memanfaatkan layanan dari web lainnya, salah satunya yaitu YOUR WEB$ITE VALUE.COM. Situs ini menghitung nilai blog atau website berdasarkan banyak faktor seperti jumlah halaman yang terindeks di search engine atau mesin pencari, jumlah link yang mengarah ke website, kualitas website, popularitas website, dan lain-lain.

Untuk mengetahui nilai blog dalam dollar, silakan simak langkah-langkahnya di bawah ini.

1. Kunjungi situs YOUR WEB$ITE VALUE.COM dihttp://www.yourwebsitevalue.com/

2. Silakan isi URL blog Anda pada tempat yang disediakan dan klik tombolEstimate Website Value.


3. Silakan tunggu beberapa saat, YOUR WEB$ITE VALUE.COM sedang menghitung nilai blog Anda dengan 10 tahapan yaitu:
Step 1/10: Detecting Website
Step 2/10: Initial Analysis
Step 3/10: Checking Site Usage
Step 4/10: Popularity, Recognition, Longevity
Step 5/10: Checking Search Engines Recognition
Step 6/10: Checking Inlink
Step 7/10: Checking Search Engines Qty
Step 8/10: Checking Search Engines Population
Step 9/10: Checking Inlink #2
Step 10/10: Calculating All Results

4. Kemudian akan muncul nilai dari blog Anda dalam dollar serta detail nilai lainnya seperti Value of History Graph dan Analysis.


5. Bila Anda ingin memasang bannernya, silakan pilih banner yang Anda mau, kemudian copy kodenya dan paste di blog Anda.


6. Bila ingin memasang Search Box, silakan copy kodenya dan paste di blog Anda.



Bookmark and Share
Navbar auto hide maksudnya navbar akan tersembunyi atau tidak terlihat, namun begitu kursor mouse mengenai bagian atas blog di tempat Navbar berada maka Navbar tersebut akan muncul kembali. Salah satu kegunaan Navigasi bar atau Navbar ini adalah untuk mempercepat akses masuk atau login ke akun Blogger. Selain itu masih ada manfaat lainnya yang bisa diambil dengan memasang Navbar ini pada blog.

Nah, di bawah ini merupakan langkah-langkah untuk membuat Navbar tampil secara auto hide pada blog. Bila di template blog Anda Navbarnya sudah hilang, maka Anda harus menampilkan Navbar tersebut terlebih dahulu.

1. Masuk ke akun Blogger Anda.

2. Klik Rancangan > Edit HTML.

3. Cari kode ]]></b:skin>. Tekan tombol Ctrl + F pada keyboard kemudian ketikkan kode yang dimaksud untuk mempercepat pencarian.

4. Kemudian copy kode di bawah ini lalu paste di atas kode ]]></b:skin>.
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

5. Klik tombol SIMPAN TEMPLATE.


Bookmark and Share
Browsing internet dengan ponsel (telepon selular/handphone) sekarang sudah sangat mudah. Apalagi sekarang banyak merek ponsel berfitur internet ditawarkan dengan harga yang relatif terjangkau. Operator pun berlomba-lomba menawarkan koneksi internet dengan tarif yang bersaing. Untuk menghemat pulsa saat browsing di ponsel, gunakanlah kartu yang menawarkan tarif per kilobyte (kb) paling murah. Selain itu gunakan aplikasi Opera Mini. Aplikasi java yang gratis ini mempunyai banyak keunggulan bila dibandingkan dengan browser bawaan ponsel/hp. Dengan menggunakan Opera Mini dapat menghemat pulsa karena saat mengakses halaman web, Opera Mini memroses, mengompresi dan mengubah halaman tersebut di server-nya dengan besar data yang sudah berkurang dan menyesuaikan tampilannya agar cocok dengan ukuran layar ponsel.

Untuk mendapatkan Opera Mini ini dapat diunduh di http://m.opera.commelalui browser bawaan ponsel. Agar dapat menghemat banyak pulsa, lakukan pengaturan Opera Mini dengan cara klik Menu > Alat > Pengaturan. Hilangkan tanda centang di "Muat gambar", beri tanda centang di "Tampilan posel" kemudian klik Simpan. Dengan pengaturan ini, Opera Mini hanya akan menampilkan teks di halaman web. Bila ada halaman web yang akan sering dibuka di kemudian hari, manfaatkanlah fasilitas Bookmark agar di lain hari dapat mengakses halaman tersebut dengan lebih cepat dan lebih hemat. Klik Menu > Penanda. Silakan diberi nama sesuai selera dan simpan halaman web tersebut.