Cara Mempercepat Loading Blog dengan Lazy Load Script

Banyak cara untuk meringankan loading pada sebuah blog, salah satunya dengan menambahkan sedikit kode script kedalam template blog. Script kali ini menggunakan Lazy Load Script. Memasang Lazy Load Script di blog bukanlah hal yang sulit. Sobat hanya perlu mengikuti langkah sebagai berikut :

Cara Memasang Lazy Load Script di Blogger :

• Masuk ke akun Blogger.com
• Klik Rancangan, kemudian pilih Edit HTML
• Beri tanda centang pada "Expand templete Widget"
• Cari kode </head> , gunakan Ctrl+F untuk mempermudah
• Kopy kode dibawah ini dan Paste kan tepat diatas kode </head> :

<script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <script src='http://cuerosb.googlecode.com/files/cueros%20-lazyload.js' type='text/javascript'/> <script charset='utf-8' type='text/javascript'> $(function() { $(&quot;img&quot;).lazyload({placeholder : &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikkz2TbV2T2h5FWGyDyVXegssBabAwmHAg1UzXzLS-LVJK1BiYCcW2cfy5SxQMHtvexKaVw8n8oQRssJNIdt-wJPRFxPKJtag6xauBT5tCPqV_nI9al45D5HFRwSc5UMwetMZF10QtKps/&quot;,threshold : 200}); }); </script>


• Simpan Template, selesai dan lihat hasilnya.
• Kamu bisa mengecek berat loading blog kamu di link berikut : Cara Mengecek Berat Blog
• Cara diatas adalah salah satu cara dari sekian banyak cara mempercepat loading blog, masih banyak elemen lainnya yang dapat mempengaruhi kecepatan loading blog seperti ukuran file gambar, widget, dan lain sebagainya.

Terimakasih, semoga dapat bermanfaat.......

Categories : Tips N Trick,Tutorial Blogger

Compress CSS, JavaScript & HTML Membuat Blog Menjadi Ringan

Banyak cara untuk meringankan loading pada sebuah blog, salah satunya dengan mengkompress kode CSS, JavaScript dan HTML. Pengompresan kode ini akan membuat blog menjadi lebih ringan dan lebih cepat. Untuk mengompress, silahkan ikuti petunjuk berikut :

- Login ke akun www.blogger.com

- EDIT HTML dan Backup dulu Template kamu

Cara Mengompress Kode CSS

• Kunjungi Situs ini : CSS Compressor
• Pilih Compression Mode "Super Compact" dan Comments handling "Strip comments at least 4"
• Masukan kode CSS yang ingin di kompress lalu klik "Compress it"
• Contoh penempatan kode CSS pada blogger

<b:skin><![CDATA[
/*-----kode sebelum di compress dari sini------*/
#main-wrapper{
background:#fff;
width:960px;
float:left;
margin:0px;
padding:0 0 0px 10px;
word-wrap:
break-word;
overflow:hidden}
/*-----kode sebelum di compress sampai sini------ */
]]></b:skin>

<b:skin><![CDATA[
/*-----kode setelah di compress dari sini------*/
#main-wrapper{background:#fff;width:960px;float:left;margin:0px;padding:0 0 0px 10px;word-wrap:break-word;overflow:hidden}
/*-----kode setelah di compress sampai sini------ */
]]></b:skin>

Cara Mengompress Kode JavaScript

• Kunjungi Situs ini :  JavaScript Compressor
• Masukkan kode JavaScript pada kolom Code, pilih File Type "JS" lalu klik "Compress"
• Contoh penempatan kode JavaScript pada Blogger

<head>
<script type='text/javascript'>
Data JavaScript disini
</script>
</head>

Cara Mengompress Kode HTML

• Kunjungi Situs ini : HTML  Compressor
• Masukkan kode HTML pada kolom Data, lalu klik "Compress HTML"
• Contoh penempatan kode HTML pada Blogger

<body>
<li><a href='#'><b>Pasang Iklan</b></a></li>
<li><a href='#'><b>Blog Tutorial</b></a></li>
<li><a href='#'><b>Kesehatan</b></a></li>
<li><a href='#'><b>Al-Quran</b></a></li>
<li><a href='#'><b>TV Online</b></a></li>
<li><a href='#'><b>Daftar Isi</b></a></li>
<li><a href='#'><b>Tukar Link</b></a></li>
</body>

• Tips ini hanyalah salah satu cara untuk mempersepat loading blog, masih banyak elemen lainnya yang dapat mempengaruhi kecepatan loading blog seperti ukuran file gambar, widget, dan lain sebagainya.

Terimakasih dan semoga tips ini dapat bermanfaat....

Categories : Tips N Trick,Tutorial Blogger

Cara Meringankan Load Blog Dengan CSS External di Hosting

Terlalu banyak menambahkan kode css di Blogger dapat membuat blog menjadi semakin berat loadingnya. Solusinya, kita dapat menggunakan CSS External, yaitu dengan menyimpan kode css di hosting kemudian menambahkan sedikit kode dalam template untuk memanggilnya.

Untuk hostingnya sendiri, kita bisa menggunakan Google, karena Google mempunyai sebuah produk gratis untuk hosting berbagai jenis file dan tentu saja Blogger juga bagian dari Google sehingga akses file jadi lebih cepat. Mari kita pratikkan bersama :

- Login ke akun www.blogger.com
- EDIT HTML dan Backup dulu Template kamu

Langkah 1 : Membuat File CSS dengan Notepad

• buka notepad terlebih dahulu
• salin css blogger ke dalam notepad, misal :

<b:skin><![CDATA[
/*-----dari sini------*/
#main-wrapper{
background:#fff;
width:960px;
float:left;
margin:0px;
padding:0 0 0px 10px;
word-wrap:
break-word;
overflow:hidden}
.post h3 a,.post h3 a:visited,.post h3 strong{
display:block;
text-decoration:none;
color:#084B8A}
/*-----sampai sini------ */
]]></b:skin>

• simpan file dengan format .css , misal : kodesaya.css
• setelah membuat file css di notepad, hapus kode css blogger yang tadi kamu salin.

Langkah 2 : Upload File CSS di Hosting Google

• Buka google site lalu klik Create Site
• Isi Title Site / Judul Site pada form yang tersedia lalu klik "Buat"

klik gambar untuk memperbesar

• Pilih Tab Create Page / Buat Laman pada pojok kanan atas site yang telah kamu buat tadi

klik gambar untuk memperbesar

• Beri Judul Halaman lalu klik "Buat"
• Pada halaman baru kamu, klik "Tambahkan File" dan cari file css yang tadi kamu buat

klik gambar untuk memperbesar

• Salin URLnya pada link unduh, biasanya akan seperti ini :

https://sites.google.com/site/23542/hosting/blogw.css?attredirects=0&d=1

klik gambar untuk memperbesar

Letakkan kode css itu pada template kamu, dengan menghilangkan kode yang berwarna merah
Cara memanggilnya, letakkan kode css dibawah kode ]]></b:skin>, seperti contoh berikut :

]]></b:skin>
<link rel='stylesheet' href=’https://sites.google.com/site/23542/hosting/blogw.css' type='text/css'/>

• Tips ini hanyalah salah satu cara untuk mempersepat loading blog, masih banyak elemen lainnya yang dapat mempengaruhi kecepatan loading blog seperti ukuran file gambar, widget, dan lain sebagainya.
• Bila ingin mengedit kode css, kamu bisa menuliskan kode css di notepad dan meng upload kembali css yang telah kamu edit.
• Kamu bisa mengetahui berat blog kamu dengan membaca artikel saya yang satu ini, silahkan klik "Cara Mengecek Berat Blog"

Terimakasih dan semoga tips ini dapat bermanfaat.

Categories : Hosting Gratis,Tips N Trick,Tutorial Blogger

Cara Jitu Mendapatkan Akun Google Adsense lewat Docstoc

Buat kalian yang sudah berulang kali melakukan permohonan ke Google Adsense tapi masih juga belum diterima menjadi Publisher Google Adsense, sekarang nggak usah pusing pusing lagi... karena dalam kesempatan ini saya akan share pada sobat sekalian bagaimana cara daftar Google Adesense via docstoc dan pasti di approved, dengan catatan harus sesuai dengan langkah langkah berikut :

• Pertama : Buka  www.docstoc.com/doccash/join/
• Kedua : Pilih "I'd like to set up an AdSense account", kemudian masukkan alamat email yang kamu gunakan. (saya sarankan buat email baru dari GMAIL yang khusus untuk akun Google Adsense kamu) dan klik "Submit"

(langkah kedua : klik gambar untuk memperbesar)

• Ketiga : Isi Formulirnya dan klik "Register"

(langkah ketiga : klik gambar untuk memperbesar)

• Keempat : Buka email kamu yang tadi buat register, nanti kamu akan mendapatkan link konfirmasi melaluli email, lalu klik link konfirmasinya. Setelah itu kamu dihubungkan dengan Google Adsense, dan lengkapi form form nya.
• Kelima : Nanti ada pilihan yang meminta kamu untuk memilih apakah setuju akun adsense kamu bisa di akses oleh DocStoc, di pilihan ini kamu pilih setujui account google adsense kita bisa diakses oleh DocStoc.
• Sampai diisini apakah sudah selesai ??? Belum.... , kembali ke halaman Docstoc dan lengkapi profil sampai dengan 100%.
• Jika profil sudah lengkap, upload dokumen (doc, pdf, ppt, dll) untuk disumbangkan disana minimal 5 - 10 dokumen. (usahakan dokumen berbahasa inggris, kalau tidak ada terserah dokumen tentang artikel apapun yang kamu miliki)
• Sampai disini sudah selesai.... tinggal menunggu konfirmasi dari Google Adsense, lamanya konfirmasi dari pihak Google Adsense berfariasai, antara 2-3 hari. Tapi kalau berdasarkan pengalaman saya.... dalam waktu kurang dari sehari...Google Adsense sudah mengirimkan link konfirmasi melalui email. (sering-sering aja cek inbox email kamu)

Sekian dari saya, tutorial ini saya buat berdasarkan pengelaman pribadi saya, semoga bermanfaat.

Categories : Google Adsense,Tips N Trick,Tutorial Blogger

Download XMedia Recode 3.0.9.4

Hi guest... ada software gratisan nih.... namanya XMedia Recode 3.0.9.4. XMedia Recode merupakan salah satu software converter pilihan yang layak kamu coba. XMedia Recode mampu mengkonversi hampir semua format file video dan audio yang populer. Ia juga memiliki opsi untuk mengkonversi DVD dan Blu-Ray ke format yang kamu suka. Selain pilihan format konversi yang banyak, XMedia Recode juga menyedikan pilihan untuk mengatur hasil konversi seperti resolusi, start time (menentukan/memotong bagian yang ingin dikonversi), bitrate dan lainnya.

Bila kamu belum paham cara memulai meng-konversi, berikut adalah cara singkatnya.

Disini saya meng-konversi video berformat AVI ke MP4.

• Buka File video/audio yang akan dikonversi.

• Pada tab Format pilih format file yang Anda inginkan sebagai hasil konversi. Disini juga ada pilihan untuk membuat hasil konversi hanya video atau audio saja.

• Pada tab Video, Audio dan Filter/Preview silahkan tentukan/atur hasil konversi yang Anda inginkan.

• Kalau sudah selesai, sekarang klik tombol Add Job kemudian klik Encode untuk memulai proses konversi.

Download XMedia Recode 3.0.9.4 Gratis

Download | via Mediafire | 7.21 MB

Categories : Free Download Software,Multimedia,Tips N Trick