shad0w-share

Cara Mengganti dan Membuat Kode Script Blog - Dalam sebuah template, ada kode-kode script yang memang telah terpasang oleh si pembuat template tersebut. Jika kode script tersebut tetap terpasang maka ia akan memperlambat loading blog anda. Lalu bagaiaman caranya agar loading blog tidak terganggu dengan adanya kode script tersebut? Ganti kode script tersebut dengan memasukkan kode file anda.

Berikut Cara Membuat Kode Script Blog

1. Ambil kode script yang ingin anda ganti. Misalnya <script src='http://panduan-template-blog.googlecode.com/files/fastscriptloadingblog.js' type='text/javascript'/>
2. Buka link script dari gambar tersebut pada browser anda, http://panduan-template-blog.googlecode.com/files/fastscriptloadingblog.js
3. Jika keluar tampilan seperti gambar berikut, Klik OK.
   
   
   
   Maka kode script akan terbuka pada notepad
   
   
   
   
4. Simpan kode tersebut dengan menambahkan ekstensi JS. Misalnya kodescriptanda.js
5. Kini anda sudah memiliki file kode script anda sendiri; kodescriptanda.js

Pada langkah diatas anda belum memiliki link kode script yang telah anda buat. Untuk memilikinya silahkan ikuti caranya berikut ini

Berikut Cara Mengganti Kode Script Blog

1. Buka link http://code.google.com/intl/id/ >> klik Create a new project
   
   
2. Isi form yang telah disediakan
   
   • Project name : Diisi sesuai dengan keinginan anda atau dengan nama blog anda. Misalnya milik saya yang diisi dengan panduan-template-blog-id
   • Project summary : Nama script. Misalnya script mempercepat loading blog
   • Description : Diisi dengan deskripsi kode script anda. Misalnya script mempercepat loading blog
   • Version control system : Pilih Mercurial
   • Source code license : Pilih GNU GPL v3
   • Project label(s) : Disi dengan label script anda atau dikososngkan saja
   • Klik Create project
3. Klik Downloads
4. Klik New download
5. Isikan kolom yang telah disediakan
   
   • Summary : Isi sesuai dengan project summary sebelumnya
   • Description : Isi sesuai dengan description sebelumnya
   • File : Upload file script (js) yang telah ada buat pada notepad sebelumnya
     
     
   • Submit file
6. Kini anda sudah memiliki kode script sendiri. Selanjutnya klik file .js yang telah terupload tadi
   
   
7. Klik kanan pada file .js dan pilih Copy Link Location untuk mendapatk link dari kode script yang telah anda buat
   
   
8. Selesai

Kini anda telah memiliki link dari kode script, selanjutnya ganti link kode script milik orang lain dengan milik anda
<script src='http://panduan-template-blog.googlecode.com/files/fastscriptloadingblog.js' type='text/javascript'/>
menjadi
<script src='http://panduan-template-blog-id.googlecode.com/files/fastscriptloadingblog.js' type='text/javascript'/>
Okey, terimakasih telah membaca artikel ini. Jika ada pertanyaan silahkan tinggalkan komentar untuk artikel ini, Cara Mengganti dan Membuat Kode Script Blog

Cara Mengganti Ukuran Gambar Artikel - Gambar merupakan salah satu komponen yang mendukung dalam melakukan optimasi SEO, selain itu gambar juga memberikan keindahan pada artikel blog. Namun bagaimana jika gambar memperberat loading blog? Jika loading blog anda bermasalah dengan banyaknya gambar yang ada pada blog anda maka solusi terbaiknya adalah mengganti ukuran gambar artikel. Dan, pada artikel ini cara mengganti ukuran gambar artikel, saya akan memberikan tips agar ukuran gambar tidak menggannggu proses loading blog anda namun masih tetap memiliki kualitas gambar dengan ukuran gambar sebenarnya. Dengan kata lain, meskipun ukuran gambar diganti, kualitas gambar tetap sama dengan gambar aslinya dan loading blog tetap terjaga.


Berikut Cara Mengganti Ukuran Gambar Artikel

1. Upload sebuah gambar yang ingin ditampilkan kedalam artikel blog
2. Lihat gambar berikut
   
   
   Jika anda menggunakan ukuran asli dari gambar (lingkaran merah) maka tampilan gambar akan melebihi ukuran area postingan. Tapi jika anda menggunakan ukuran kecil dari gambar (lingkaran merah) maka kualitas gambar akan jelek.
3. Pilih ukuran asli dari gambar.
4. Buka link gambar
   <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghthkEBxDKs54goCNxKxjObVjr9cbqfwHp-fF8ZTSLddZLEYjMONmkk_Hi6XD4Tg3E_Spi_UwByFIbhgV4Tdsqcr3TPvJoeOhV65Fh4U8YLCCrteX54lnuUzvmaxwss2qjCvMjKJziHYI/s1600/cara-mengganti-ukuran-gambar-artikel.png" />
   
5. Ganti ukuran gambar dengan menambah ukuran lebar dan tinggi pada gambar tersebut
   <img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghthkEBxDKs54goCNxKxjObVjr9cbqfwHp-fF8ZTSLddZLEYjMONmkk_Hi6XD4Tg3E_Spi_UwByFIbhgV4Tdsqcr3TPvJoeOhV65Fh4U8YLCCrteX54lnuUzvmaxwss2qjCvMjKJziHYI/s1600/cara-mengganti-ukuran-gambar-artikel.png" width="200" />
   

Kini ukuran gambar sudah menjadi lebih kecil dari ukuran sebenarnya (large). Semoga bermanfaat.

Untuk mempercepat loading blog memang banyak cara yang bisa dilakukan namun pada artikel kali, Jangan Menggunakan Script Mempercepat Loading Blog, saya memang menganjurkan kepada anda agar tidak menggunakan script mempercepat loading blog karena selain script itu mengurangi nilai SEO terhadap blog anda, juga akan memperbanyak ukuran dari template yang anda gunakan serta script mempercepat loading blog ini belum tentu cocok dengan dengan kode-kode yang anda pasang pada template anda. Benarkah? Saya sendiri tidak yakin jika script ini tidak cocok karena saat saya menemukan kode ini diberbagai blog, para pemilik blog yang menuliskan script ini mengatakan jika ada beberapa template yang tidak mendukung atau tidak bekerja pada script mempercepat loading blog ini


Lalu menurut saya sendiri bagaimana? Script mempercepat loading blog ini adalah cocok untuk semua template blogspot! Karena saya sendiri pernah memnggunakannya untuk blog saya yang lain. Namun saya tetap menyarankan jangan menggunakan script mempercepat loading blog ini tapi gunakan cara yang telah saya bahas di Panduan Cara Mempercepat Loading Blog. Tapi jika anda memaksa menggunakan script ini, silahkan salin kode dibawah tepat diatas kode </head> dalam template anda.

<script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://panduan-template-blog.googlecode.com/files/fastscriptloadingblog.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/AVvXsEj_1ITBKAwOQpi3XrZIvaSJBCg_7mUFpFi1vnyFl_het0D8aadmOAENw5bV8aBR_2dqH3ods9auUKn8ecuw2-n_IMQopzhYxeCs4k2gsAxjfGg8wvye9jAqsp9g2fc6zadZu2LqGcAHtHA/&quot;,threshold
: 200});
});
</script>

Lalu apa alasan mereka yang mengatakan jika script mempercepat loading blog ini tidak cocok dan tidak bekerja untuk sebagian template blogspot?
Menurut saya, karena adanya 2 script yang terdapat pada script ini yaitu script untuk jquery dan script untuk mempercepat loading blog. Kenapa?

1. Script JQuery : Sebelum anda memasang script (apapun), perhatikan script yang ada dalam template anda. Jika didalam template sudah ada script jquery dan anda memasang script mempercepat loading blog kedalam template maka akan ada 2 script jquery yang terpasang sehingga terjadi bentrok. Dan ini tidak hanya mempengaruhi pada script mempercepat loading blog tapi semua script yang terpasang tidak akan berfungsi atau tidak bekerja. jadi, jika ada 2 script (apapun) hapus salah satunya. Untuk script jquery yang terbaru yang saya tahu sudah berada pada versi 1.7.2
2. Script Mempercepat Loading Blog : Setelah saya melihat keseluruhan kode yang ada didalamnya, ternyata script ini berlisense. Jadi kemungkina pertama script ini tidak bekerja karena telah menghapus kode lisense yang terdapa pada script dan kemungkinan kedua adalah kode ini dikunci. Tapi yang membuat script ini tidak bekerja karena adanya kemungkinan yang pertama

Bagaimana? Masih ingin menggunakan script mempercepat loading blog ini? Keputusannya ada ditangan anda setelah membaca artikel ini, Jangan Menggunakan Script Mempercepat Loading Blog

Cara Mempercepat Loading Blog - Sebenarnya ini adalah trik sederhana dalam mempercepat loading blog yang sudah banyak diketahui oleh taman-teman blogger senior namun sebagian dari teman-teman blogger seperti saya ini pernah melakukan cara mempercepat loading blog dengan memasasng kode script untuk mempercepat loading blog dan juga melakukan kompresi terhadap kode-kode html namun apa yang saya lakukan dengan memasang kode mempercepat loading blog dan melakukan kompresi tidak bisa membantu malah loading blog tambah lama dan sangat lama, untungnya, blog yang saya buat itu adalah blog percobaan untuk segala script atau pemasangan kode css html.


Seperti halnya blog ini, awalnya loading blog ini lambat dan banyak kode-kode script yang sudah tidak bisa di akses secara publik namun karena saya sangat suka dengan tampilan blog ini maka saya tetap menggunakannya dengan melakukan edit sana-sini dan akhirnya jadilah seperti sekarang ini dengan loading yang sudah lumayan cepat. Lalu bagaimana cara mempercepat loading blog ?

Panduan Cara Mempercepat Loading Blog

1. Gambar
   Kurangi penggunaan gambar dalam template blog dan kalau bisa jangan menggunakan gambar sebagai background template karena saat melakukan loading, gambar akan otomatis terbaca. Seperti yang ada pada blog ini, tidak ada gambar atau gambar background yang terpasang pada template.
   Solusinya gunakan warna yang sesuai dengan warna gambar. Misalnya pada header blog ini, template aslinya menggunakan background gambar tapi saya ganti menggunakan kode warna.
2. Ukuran Gambar
   Ukuran gambar juga mempengaruhi loading blog dan juga kenyaman pembaca artikel blog anda. Jika anda menampilkan ukuran gambar sesuai ukuran aslinya, ganti ukuran gambar tersebut yang anda pasang ke dalam artikel blog anda.
   Solusinya, silahkan baca artikel Cara Mengganti Ukuran Gambar Artikel
3. Url Gambar
   Pada artikel blog, jangan menggunakan url gambar dari luar atau milik url gambar milik blog orang lain, karena hal ini akan terbaca sebagai media dari luar blog anda. Misalnya menggunakan url gambar dari photobucket, tinypic, atau url gambar blogspot milik orang lain.
   Solusinya agar usaha mempercepat loading blog anda berhasil, upload sendiri gambar yang ingin anda pasang pada artikel blog anda.
4. Link Gambar
   Kadang saya menemukan blog yang masih menggunakan link gambar asli tanpa mengganti dengan link khusus. Misalnya, ketika anda mengupload sebuah gambar ke dalam artikel maka gambar akan disertai oleh link gambar itu sendiri <a href='http://1.bp.blogspot.....'><img src='http://1.bp.blogspot.../></a>
   Solusinya ganti link gambar dengan link artikel anda, <a href='http://panduantemplateblog.blogspot....'><img src='http://1.bp.blogspot.../></a>
5. Widget / Kolom Blog
   Jangan memasang widget atau kolom blog yang tidak penting karena itu akan memperberat loading blog anda. Kenapa? Karena yang saya tahu sediaan dari widget yang ada pada blogspot bukan dari blogspot itu sendiri tapi berasal dari para pengembang script dan ini sama halnya akan mengakses link dari pengembang script tersebut sebelum komponen atau isi widget terload secara penuh.
   Solusinya buatlah widget dengan kode-kode script html sendiri.
6. Html Script
   Jika anda menggunakan template dan pada template tersebut mengandung html script orang lain, pastikan anda menggantinya terlebih dahulu. Misalnya kode script untuk artikel terkait, http://scriptoranglain.googlecode.com/files/artikelterkait.js karena jika anda menggunakan script orang lain maka link script itu akan dibaca sebagai media luar dari template anda.
   Solusinya agar usaha mempercepat loading blog anda berhasil, ganti script tersebut dengan nama anda sendiri dan upload ke dalam file script anda, bagitu juga script yang ada di halaman blog. Untuk menggantinya, silahkan baca artikelnya di Cara Mengganti dan Membuat Kode Script Blog
7. Link Layanan
   Jangan memasang link layanan kedalam template anda. Misalnya layanan sosial bookmark dari Addthis atau Webiya, karena mau tidak mau blog anda akan membaca link script dari layanan tersebut.
   Solusinya buatlah link layanan sendiri dengan kode script anda sendiri.
8. Link Iklan
   Untuk memasang iklan di blog, jangan terlalu berlebihan karena ada beberapa blog yang saya temui sebelum artikel blog muncul ternyata yang muncul duluan adalah iklan-iklan yang sangat mengganggu saya sehingga saya segera menutup blog tersebut.
   Solusinya jika anda ingin memasang iklan yang banyak ke dalam blog, usahakan saat loading blog yang tampil duluan adalah artikel blog anda, bukan iklannya.
9. CSS Html
   Kode CSS Html dalam template kadang dilupakan oleh teman-teman blogger. Misalnya kode CSS Html untuk sosial bookmark, blogspot sendiri sudah menyediakan link sosial bookmark utama (facebook, twitter, google+) ke dalam postingan karena beberapa alasan teman-teman blogger (termasuk saya) ingin membuat tombol sosial bookmark sendiri kedalam postingan tanpa memperhatikan kode yang sudah ada.
   Solusinya agar usaha mempercepat loading blog anda berhasil, hapus kode CSS Html yang telah ada jika anda memasang kode yang memiliki fungsi yang sama di dalam template agar ukuran template tidak bertambah.

Jadi lakukan modifikasi sendiri template blog anda agar loading blog bisa cepat secara alami tanpa ada bantuan dengan menambahkan kode-kode dari luar terhadap template, silahkan baca artikel Jangan Menggunakan Script Mempercepat Loading Blog
Okey, semoga panduan sederhana ini membantu blog anda. Jika ada pertanyaan silahkan tinggalkan komentar untuk artikel ini Panduan Cara Mempercepat Loading Blog