Tampilkan postingan dengan label javascript. Tampilkan semua postingan
Tampilkan postingan dengan label javascript. Tampilkan semua postingan

Kamis, 28 Juli 2016

Tutorial Kompres CSS Javascript Dan HTML Agar Blog Seo Friendly

Teknik Seo Kompres HTML,CSS Dan Javascript
Kompres CSS,Javascript,dan HTML

IGM | Pada kesempatan ini saya akan memberikan informasi Cara mengkompres CSS, Javascript, Dan HTML blog kalian dengan Tutorial yang Terperinci dan mudah dipahami. Kenapa kita harus Kompres blog kita ? Jawabannya sederhana, yaitu agar blog anda ringan dari sebelumnya. selain itu google juga menyukai blog yang ringan oleh karena itu hal ini sangat penting untuk dilakukan. mungkin sebagian orang sudah pernah mengkompres blog mereka tapi hasilnya kurang memuaskan itu bisa dipengaruhi oleh website penyedia tool kompres CSS, HTML, dan Javascript berkualitas buruk. atau kalian kurang mengerti dengan cara kerja tool tersebut. Baiklah jika itu masalah kalian mari kita atasi secara seksama. Pelajari dan Lakukan Step By Step cara yang saya berikan di bawah ini :

1. Kalian login dulu ke Blog kalian
2. Cari Template >> edit HTML
3. Sebelum kalian Mengkompres Blog kalian alangkah baiknya jika kalian Backup template kalian agar menghindari kesalahan.
4. Centang "Expand Template Widget" 
5. Jika sudah kalian tinggal menyimak caranya di bawah ini :

Cara Kompres CSS

Agar tidak terjadi kesalahan, maka anda harus mengetahui Kode CSS yang akan di Kompres yaitu dari <b:skin><![CDATA[/* Copas Code dari sini sampai disini ]]></b:skin> untuk mencari kode yang berwarna merah kalian tinggal tekan Ctrl + F dan ketik kode berwarna merah di atas jika sudah ketemu Copy semua kode diantara kode warna merah di atas. Jika belum jelas lihat contoh :

<b:skin><![CDATA[/*Copy dari sini <Variable name="bgcolor"description="Page Background Color" type="color"default="#fff" value="#ffffff">....... dan seterusnya sampai disini ]]></b:skin>

Copy/Cut Kode yang berwarna biru seperti di atas dan kunjungi website penyedia layanan Kompres Kode CSS yang sudah terbukti keakuratannya karena yang mengelola adalah yahoo sendiri. banyak situs penyedia layanan seperti ini, tapi menurut saya ini yang terakurat dalam hal mengkompres suatu blog. Langsung saja kunjungi Online YUI Compressor


Jika Website sudah terbuka langsung saja pastekan Kode yang kalian Copy tadi di menu "Code" lalu kalian ikuti langkah berikut :

1.) Pada bagian "File Type" pilih CSS (ini berlaku juga pada kode javascript karena jika kalian memilih "JS" memungkinkan akan terjadi error)
2.) Pada "Global Option" Kalian abaikan saja.
3.) Pada "Javascript Option" kalian bisa mencentang semua pilihan jika ingin hasil yang maksimal terhadap hasil kompresan kode anda nantinya.
4.) Pada "CSS Option" kalian bisa abaikan.
5.) Pada "Redirect Option" pilih No Redirect
6.) Klik Compress

Jika sudah selesai, kalian tinggal copy hasil kompressan dan pastekan kembali ke awal tempat anda mengcopy kode tadi.

Cara Kompres Javascript

Cara kompres Javascript caranya sama dengan Cara Kompres CSS diatas. kali ini yang harus anda kompres berada di antara kode <head> dan </head>

yang perlu anda lakukan adalah mengkompres kode ini sama dengan cara mengkompres kode CSS di atas. sedangkan pilihan menunya kalian biarkan seperti tadi.


Cara Kompres HTML

kode html yang kalian kompres lataknya antara <body> dan </body> copy kode yang ada di antara kode tersebut. Sekarang kalian tinggal melakukan hal yang sama dengan cara "Mengkompres CSS" di atas hanya saja website penerima layanannya saja yang berbeda. Website yang dimaksud adalah Online HTML Compressor

Masalah Keakuratan Website tersebut sudah saya buktikan dengan Website penyedia layanan yang sama. yang jelas hasilnya lebih akurat daripada yang lainnya. jadi anda tak perlu khawatir dengan hasil kerja website ini.

Salam SEO | Jadikan blog anda seSEO mungkin dengan mengkompres blog anda. rajinlah mengkompres blog anda agar diminati si Google. Sekian dari saya, jika ada kritik dan saran mohon tuangkan di kotak komentar dibawah


Read More..

Senin, 21 Maret 2016

Cara Mempercepat Loading Blog Dengan Compress Javascript


Compressed Javascript
IGM | Cara Mempercepat Loading Blog Dengan Compress Javascript | Type : Tutorial Blog | Date : 4/6 2013 

IGM | Cara Mempercepat Loading Blog Dengan Compress Javascript | Postingan kali ini membahas tentang cara mempercepat loading blog dengan cara mengcompress javascript dan upload script ke google code. Bagaimana apakah kalian tertarik menyimak postingan ini?? Apakah masalah anda ada pada pembahasan postingan kali ini?? Jika benar, kalian langsung saja simak dan lakukan step by step Tutorial yang akan saya berikan. 

Jika ada yang bertanya Apa itu Javascript ? Javascript menurut Bp.Supono sebagai berikut : (http://supono.wordpress.com/2006/09/05/apa-itu-javascript/ )
"JavaScript adalah bahasa pemrograman yang khusus untuk halaman web agar halaman web menjadi lebih hidup. Kalau dilihat dari suku katanya terdiri dari dua suku kata, yaitu Java dan Script. Java adalah Bahasa pemrograman berorientasi objek, sedangkan Script adalah serangkaian instruksi program.Hal-Hal Yang Harus DiperhatikanAda beberapa hal yang harus diperhatikan dalam pengelolaan pemrograman JavaScript, diantaranya JavaScript adalah “case sensitive”, yang artinya JavaScript membedakan huruf besar dan huruf kecil, Jika Anda pernah belajar bahasa pemrograman seperti Turbo C atau C++, maka sama seperti bahasa pemrograman tersebut, dimana huruf T tidak sama dengan huruf t. Dalam bahasa pemrograman JavaScript juga, sebagai contoh fungsi perintah var tidak boleh ditulis Var dan juga tidak boleh ditulis VAR (huruf besar semua), yang benar adalah var (huruf kecil semua). Perintah lain adalah new Date tidak boleh ditulis new date (huruf kecil semua), dan banyak yang lainnya."
Bagaimana apakah sudah mengerti?? Jika belum cari saja di google tentang informasi tentang javascript, Dan sekarang kita lanjut mengcompress javascript


  • Pertama kalian buka Dashboard blog kalian dan cari Edit Template >> Lalu cari kode seperti ini dengan menekan Ctrl + F terlebih dahulu dan masukan kode <script src=http://ALAMAT-WEBSITE-TERTENTU.js type=text/javascript/> Kalian cukup masukan (<script src=http:) di box search. Perhatikan gambar :


Ctrl + F untuk mencari kode javascript
Klik gambar agar terlihat lebih jelas



  •  jika sudah ketemu kode yang mirip seperti di atas, sekarang kalian tinggal copy kode yang kalian search tadi dari ( http://ALAMAT-WEBSITE-TERTENTU.js ) lalu pastekan di browser anda atau klik kanan open link in new tab. 
  • Jika sudah, akan muncul kode javascript. kalian copy saja semua script yang ada disana, lalu compress scriptnya di website ini  jika sudah selesai mengcompress, langsung saja kalian copy dan pastekan di Notepad lalu klik Save dengan nama contoh "IGM javascript.js" harus ditambahkan .js dibelakang judul.
  • Jika kalian sudah melalui cara yang rumit tadi, Upload script yang sudah kita buat tadi (script yang kita save di notepad tadi) ke Google Code  
  • Pada halaman awal google code klik "Create a New Project" bergambarkan tanda plus Hijau
  • Sekarang kalian tinggal mengisikan data-data script yang akan kalian upload nantinya  seperti :
*Project Name (Nama project) : Anda bisa membuat nama project sesuai keinginan anda, tapi tidak disarankan menggunakan huruf besar dan Space. contoh : "my-project"
*Project Summary : Tulis javascript
*Description : Sesuai keinginan anda
*Version Control System : Pilih Mercurial
*Source Code License : Pilih GNU GPL v3
*Project Label : Isikan sesuai Screenshot dibawah

  • Jika pengisian sudah selesai klik "Create Project"

Pengisian Data-Data Script


  • Setelah itu, Cari menu Download >> New Downlaod. Disana kalian Upload script yang sudah dibuat tadi di Notepad dengan cara Choose File >> lalu cari script yang kamu save tadi di Notepad dengan type file .js tadi. Untuk cara pengisian, Lihat gambar. Klik gambar jika kurang jelas.



Upload Script Di Google Code



  • Jika pengisian data dan upload file sudah selesai pilih submit file di tombol paling bawah. Setelah itu akan muncul file yang sudah terupload dan klik file tersebut >> lalu klik kanan pada judul file >> pilih "Copy Link Address"



Copy Link Address dan Pastekan di Template



  • Jika sudah, Sekarang buka kembali Design >> Edit Tempalte, lalu masukan kode yang di copy tadi di <script src=Paste Disini type=text/javascript/> (kode yang di Ctrl + F tadi/ yang di search tadi) Lalu save Tempalte. Jika belum jelas bisa klik gambar.



Penempatan Script yang sudah di Upload di Template Blogger


Nah, Sekian Cara untuk Kompress Javascript dan upload script di Google Code. Sekarang kalian tinggal check kecepatan blog kalian apakah berkurang?? Lihat saja hasilnya sebelum dan sesudah melakukan Tips ini. Saya juga sudah mempraktekan hal ini dan hasilnya bisa agan lihat di blog ini. Dan jangan lupa untuk berkomentar apakah menurut anda cara ini cukup efektif atau makin ribet atau yang lainnya. TerimaKasih


Read More..