Title otomatis pada link label blogger

Cara menambahkan title di setiap link label yang ada di blogger. Title merupakan attribute yang digunakan untuk memberikan keterangan dari sebuah link. Untuk melihat link yang ada titlenya, coba arahkan mouse ke link label, maka akan ada tulisan dengan background putih yang keluar.

Gambar disamping adalah contoh link label yang telah diberi title. Tulisan Tips dan Trik yang berwarna hitam dengan background putih itu akan keluar ketika link label di sentuh oleh mouse. Untuk melihat contoh lainnya, coba anda arahkan mouse anda ke label/kategori yang ada di blog ini.

Sebelumnya saya juga sudah membuat artikel title link disetiap judul posting blog. Fungsinya sama agar link diposting blog ada titlenya, bedanya hanya pada kode yang digunakan.

Untuk lebih jelasnya cara membuat title otomatis pada link label blogger. Silakan ikuti langkah-langkah dibawah ini.

1. Silakan login ke blogger, dari halaman dasbor pilih pengaturan template.
2. Dan klik edit html, lalu cari kode expr:href='data:label.url'
3. Setelah ketemu tambahkan kode attribute title tag seperti ini disampingnya expr:title='data:label.name'.
Contoh penambahan kode attrbute title di widget label asli blogger

<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' expr:title='data:label.name'><data:label.name/></a>
Contoh penambahan attribute title yang lain, seperti di Breadcrumb.
<a expr:href='data:label.url' expr:title='data:label.name'>
<data:label.name/></a>
4. kode expr:href='data:label.url' ini biasanya ada 2 atau mungkin lebih yang ada ditemplate blogger, silakan dicari semuanya dan tambahkan kode expr:title='data:label.name' disampingnya. Setelah itu, save template. Selesai.

Cara diatas merupakan contoh pemberian title tag di dalam template. Adapun contoh lain pemberian kode attribute title tag pada link label pada kode HTML yaitu dengan menambahkan kode title="Title yang akan diberi". Contohnya:

<a href="http://fandrajuani.blogspot.com/search/label/Header" title="Desain Header">

Fungsi menambahkan title di link label blog ini sebenarnya untuk menambah optimasi seo dari blog, agar google lebih mudah untuk membaca semua link yang ada di blog kita. Tidak di gunakan juga tidak apa-apa, karena mungkin efeknya juga tidak terlalu besar untuk blog kita.

Tapi tidak ada salahnya mencoba, kebanyakan blog atau website yang mempunyai pagerank besar juga memberikan attribute title di setiap link yang ada diblog atau website mereka. Itulah sedikit tips trik seo tentang menambahkan title otomatis pada link label blogger. Semoga bisa bermanfaat untuk anda.

Read More

Title di setiap judul posting blog

Tips trik seo kali ini saya akan coba bagikan tentang cara menambahkan title atau keterangan di setiap judul posting blog secara otomatis, ketika judul posting disentuh oleh mouse. Contohnya seperti gambar dibawah ini.

Seperti contoh gambar diatas, tulisan dengan warna background putih itu adalah title atau keterangan yang akan muncul ketika judul disentuh mouse. Cara membuatnya, silakan ikuti langkah-langkah dibawah ini.

1. Login ke blogger, pilih pengaturan template.
2. Klik edit HTML dan cari kode <a expr:href='data:post.link'><data:post.title/></a>
3. Setelah ketemu, tambahkan kode expr:title='data:post.title' kedalamnya. Contoh:
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
4. Kode ini <a expr:href='data:post.link'><data:post.title/></a> biasanya ada 2 diblog, lakukan hal yang sama seperti langkah 3.

Setelah melakukan cara diatas, jangan di save template dulu, karena masih ada kode yang harus diedit. Sengaja saya pisah biar lebih mudah mengikutinya.

1. Cari kode <a expr:href='data:post.url'><data:post.title/></a>
2. Setelah itu tambahkan kode expr:title='data:post.title' kedalamnya. Contoh:
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
3. Kode ini <a expr:href='data:post.link'><data:post.title/></a> biasanya ada 3 diblog, lakukan hal yang sama seperti langkah 2.
4. Nah, baru save template. Selesai.

Setelah melakukan cara diatas, silakan lihat blog kamu. Jika  melakukannya dengan benar, insyaallah title disetiap judul posting blog akan keluar ketika disentuh mouse. Sebenarnya saya juga tidak terlalu mengerti tentang seo, tapi yang saya tau disetiap website² besar dengan pagerank tinggi seperti facebook, menggunakan title atau tulisan keterangan di setiap URL dari halaman websitenya.

Tapi banyak juga website yang tidak menggunakan title di url nya. Seperti google, yahoo, twitter, ya mungkin mereka tidak membutuhkan lagi cara seperti diatas, tanpa menambahkan titlle di setiap url nya pun, masih juga rame websitenya.

Bagi saya yang masih awam tentang seo website atau blog. Tidak ada salahnya menggunakan title disetiap judul posting, namanya juga masih belajar. Seperti keterangan di website check seo http://chkme.com/ mengatakan (translate:Meskipun tidak penting dan tidak digunakan untuk menghitung skor akhir, kita menganggap bahwa untuk link judul dapat benar-benar berguna. Mencoba memperbaiki kesalahan, jika diperlukan).

Demikianlah sedikit tips trik seo dari saya tentang title di setiap judul posting blog. Dan silakan dibaca juga artikel tentang title otomatis pada link label blogger. Fungsinya sama agar link ada titlenya, tapi pada bagian label blogger. Semoga artikel diatas bisa bermanfaat untuk anda.

Read More

Cara membuat link terbuka di tab baru

Kali ini saya akan coba bagikan kode HTML yang berfungsi untuk membuat semua link yang ada di blog terbuka ditab baru pada saat diklik. Dengan begitu pengunjung blog akan lebih mudah untuk membuka link² yang ada diblog kita, jadi tidak perlu lagi klik kanan open link in new tab.

Link adalah alamat url dari suatu halaman website, contohnya seperti ini fandrajuani.blogspot.com. Langsung saja kebagian inti, cara membuat link terbuka ditab baru. Ikuti langkah-langkah dibawah ini.

1. Login ke blogger, dari halaman dasbor pilih pengaturan template.
2. Dan klik Edit HTML, lalu cari kode </head> gunakan Ctrl + F untuk memudahkan pencarian.
3. Setelah ketemu, masukan kode berikut ini diatasnya.
<base target='_blank'/>
4. Terakhir, save template. Selesai.

Mudahkan, dengan menambahkan kode <base target='_blank'/>, maka seluruh link yang ada di blog kita akan terbuka dihalaman atau tab baru ketika diklik. Selain untuk memudahkan pengunjung untuk membuka setiap link yang ada di blog, kode ini juga akan meningkatkan total tayangan laman dari blog kita. 

Atau jika ingin membuat link terbuka ditab baru, tapi tidak disemua link di blog. Kamu bisa tambahkan kode target="_blank" atau target='_blank' di kode link HTML kamu. Contoh:

<a href="http://fandrajuani.blogspot.com/p/blog-page_25.html" target="_blank" title="Profil">Profil</a>

Hasilnya: Silakan klik link ini Profil

Silakan dibaca juga artikel2 saya yang lainnya seputar seo seperti artikel tentang belajar seo untuk blogger pemula, tips dan mempercepat loading blog dan juga cara mempercepat loading blog lanjutan. Sedikit informasi seo kepanjangannya search engine optimization, fungsinya agar blog kita bisa masuk di halaman google search, jadi ketika ada yang mencari artikel yang berkaitan dengan judul artikel yang telah kita buat. 

Maka blog kita akan muncul, walaupun tidak dihalaman pertama, bisa jadi dihalaman kedua dan seterusnya. Seiring waktu berjalan, jika artikel kita sudah sering dikunjungi. Maka nantinya akan masuk kehalaman pertama dari google search, sesuai dengan kata kunci yang dimasukan orang ke dalam mesin pencari google search. Terima kasih telah berkunjung dan semoga artikel diatas bisa bermanfaat untuk anda.

Read More

Cara mempercepat loading blog lanjutan

Untuk mempercepat loading blog pertama kita harus test kecepatan blog kita. Dengan cara mengunjungi situs http://gtmetrix.com/ atau https://developers.google.com/speed/pagespeed/insights dan lihat berapa skor kecepatan blog yang kalian dapatkan dari situs tersebut. Selanjutnya, ikuti langkah² dibawah ini.

Menambahkan attribute width dan height.

Untuk bagian posting, jika mengatur gambar ke small, medium, large atau x- large. Maka otomatis gambar itu sudah ada attribute width dan height. Jika Original attribute width dan height belum ada. Begitu juga dengan gambar yang kita masukan pada bagian blog lainnya. Seperti header, sidebar, footer, widget dan lain-lainnya. Contoh penambahan kode attribute width dan height:

1. Untuk kode HTML
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidOSJ2jdvAvdTqLeXDEwJn3hdq6M7amf6lyYnwoTNkRQ6Q0aXTBacs5mEl8zDZcO7IMfGSpzi6CbvfqVcil_iLIh1Oa7V426W_TNyOwjxGo1vWr4lj36aJVpyP58p4gvQv4SIOcycS89bo/s128/fandra-juani.jpg' width='32' height='32' />


2. Untuk kode CSS width:70px;height:70px;

Silakan tambahkan attribute width dan height disetiap gambar yang anda gunakan diblog.

Merubah ukuran asli dari sebuah gambar.

Contoh: Ukuran asli dari sebuah gambar adalah 400x800. Lalu kita upload ke posting blog, dan kita perkecil gambarnya, dengan pilihan Small, sehingga ukuran gambar menjadi 100x200. Itu berarti ukuran gambar yang kita gunakan hanya 100x200.

Agar loading blog lebih cepat, kita ubah dulu ukuran asli gambarnya dikomputer, dari 400x800 menjadi 100x200, setelah itu baru lah kita upload lagi ke blog, dan gantikan gambar sebelumnya dengan gambar baru. Jadi intinya, upload lah gambar dengan ukuran yang seperlunya. Maka loading blog akan jauh lebih cepat.

Mengganti server gambar blogger dengan google.

1. Buatlah entri baru, lalu masukan gambar ke posting.
2. Selanjutnya buka https://picasaweb.google.com/ di tab baru. Klik tulisan di sini. Jika ada gambar seperti dibawah ini.

3. Setelah terbuka, pilih Folder sesuai dengan nama yang anda gunakan di google.
4. Buka folder tersebut dan cari gambar yang sesuai dengan gambar yang baru saja anda masukan ke posting tadi.
5. Lalu klik gambar tersebut, setelah terbuka. Ambil URL nya, caranya klik kanan digambar, lalu klik copy image location.  
6. Setelaah itu kembali ke posting blog tadi, dan klik pada bagian HTML(disebelah compose).
7. Ganti URL gambar blogspot dengan url gambar dari google. Contoh:
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg954X_Umt2ry4OIRIKyx7NOl6Jm1p4RuLZSV4xfV1kxtTTMiUZyn6YFEKQbQ3lxDAEMnrK_sF3dzAp8HuxlmXTauuanxuMz9gRSY9LhQJfIAaROHyuZULOM3knneIVZjl4t6HFw-xaMHTE/s1600/loading.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg954X_Umt2ry4OIRIKyx7NOl6Jm1p4RuLZSV4xfV1kxtTTMiUZyn6YFEKQbQ3lxDAEMnrK_sF3dzAp8HuxlmXTauuanxuMz9gRSY9LhQJfIAaROHyuZULOM3knneIVZjl4t6HFw-xaMHTE/s1600/loading.jpg" /></a></div>

URL yang berwarna hitam diatas. Ganti dengan URL dari picasa web google. Contoh:

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLjY0_wBUUoD1tY_BtfLT1K5MrhKC1DN7e3MbTwQGpUPqZg4mB_ONhX3J3ctl5ZWjF1hIDspG-OfIeiVMvIDW0vLXQb6kbQ2N73_GdoKfCfD3npk6gMDihpwA8iAkzc00XeimNvuhwPFXZ/s300/loading.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLjY0_wBUUoD1tY_BtfLT1K5MrhKC1DN7e3MbTwQGpUPqZg4mB_ONhX3J3ctl5ZWjF1hIDspG-OfIeiVMvIDW0vLXQb6kbQ2N73_GdoKfCfD3npk6gMDihpwA8iAkzc00XeimNvuhwPFXZ/s300/loading.jpg" /></a></div>
8. Selesai.

Setiap gambar yang kita masukan ke posting blog, maka otomatis gambar tersebut juga ada di picasa web album. Kenapa URL dari blogger harus diganti dengan URL gambar dari google. Karena server google lebih cepat dari blogger. Sehingga gambar akan lebih cepat dibuka.

Setelah melakukan 3 cara diatas, coba test lagi kecepatan blog anda ke situs http://gtmetrix.com/ atau https://developers.google.com/speed/pagespeed/insights dan lihat berapa perubahan skor kecepatan blog yang kalian dapatkan. Contoh: Score kecepatan loading dari blog saya di situs http://gtmetrix.com/.

Cara mempercepat loading blog ini, merupakan lanjutan dari artikel sebelumnya, yaitu tentang tips dan trik mempercepat loading blog. Semoga bisa bermanfaat untuk anda.

Read More

Breadcrumb Seo untuk Blogspot

Breadcrumb Seo untuk Blogspot. Breadcrumb berguna untuk memudahkan google untuk menelusuri isi dari blog kita, dan juga memudahkan pembaca melihat informasi letak artikel yang sedang dibaca. Breadcrumb letaknya berada di bawah menu header, dan diatas judul artikel yang sedang dibuka. Untuk lebih jelasnya, lihat contoh gambar dibawah ini.

Cara membuat breadcrumb seo untuk blogspot. Ikuti langkah-langkah dibawah ini.

1. Login ke blogger, dari halaman dasbor pilih pengaturan template.
2. Selanjutnya klik edit HTML dan cari kode <b:include data='top' name='status-message'/> dan masukan kode berikut ini diatasnya.
<b:include data='posts' name='breadcrumb'/>
3. Setelah itu cari kode <b:includable id='main' var='top'> dan masukan kode berikut ini diatasnya.
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == "static_page"'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v="http://rdf.data-vocabulary.org/#">
<span typeof="v:Breadcrumb"><a expr:href='data:blog.homepageUrl' rel="v:url" property="v:title">Home</a></span>
<b:loop values='data:post.labels' var='label'>
 » <span typeof="v:Breadcrumb"><a expr:href='data:label.url' rel="v:url" property="v:title"><data:label.name/></a></span>
</b:loop>
 » <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span>Unlabelled</span> » <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == ""'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
4. Save template, selesai.
5. Jika ingin merubah tampilan breadcrumb, tambahkan kode css diatas ]]></b:skin>
.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:3px double #e6e4e3;}
6. Silakan ubah sendiri, kode css nya sesuai dengan yang kalian inginkan.

Dari sini, pembuatan breadcrumb sudah selesai. Sekarang mengecek breadcrumb di google. Breadcrumb yang terindeks google, tampilannya akan seperti gambar dibawah ini.

Cara ceknya:

1. Kunjungi situs google http://www.google.com/webmasters/tools/richsnippets
2. Selanjutnya masukan URL dari salah satu artikel di blog kamu.
3. Klik Pratinjau, Selesai.

Setelah memasang breadcrumb seo di blog, google akan mengindeksnya dalam beberapa hari di hasil pencarian google. Silakan dibaca juga artikel lainnya tentang seo, yaitu tentang Belajar seo untuk blogger pemula Semoga Bermanfaat.

Read More

Belajar Seo untuk Blogger Pemula

Belajar Seo untuk blogger pemula. Seo atau search engine optimization berguna untuk meningkatkan peringkat artikel blog di mesin pencari google. Atau cara agar artikel blog berada di halaman pertama di google, ketika ada orang yang memasukan kata kunci di google search yang sesuai dengan isi dari artikel yang sudah kita buat.

Bicara tentang seo, ada banyak faktor yang membuat artikel bisa berada di halaman pertama google, dari umur blog, content isi dari artikel yang berkualitas, backlink dan banyak lagi yang lain. Disini kita akan mempelajari dasar-dasarnya terlebih dahulu. Dari mengubah title judul blog, menambahkan deskripsi, keywoards, dan tools seo yang sudah disediakan oleh blogger. Untuk lebih jelasnya ikuti langkah-langkah dibawah ini.

Merubah Judul Title Blog

1. Login ke blogger > pengaturan template  > Edit HTML
2. Dan Cari kode <title><data:blog.pageTitle/></title> ganti menjadi
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/> | Desain Blog Tutorial dan Tips Trik Blogspot</title>
<b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>
3. Ganti "Desain Blog Tutorial dan Tips Trik Blogspot" dengan judul yang kamu inginkan, tidak lebih dari 60 karekter. Dan tanda | dan - itu batas pemisah.
4. Save template, selesai.

---

Menambahkan meta deskripsi di Halaman awal dan setiap posting blog

1. Login ke blogger, dari halaman dasbor pilih Setelan > Preferensi Penelusuran > Tag Meta Deskripsi.
2. Pilih Aktifkan deskripsi penelusuran, dan isi deskripsi blog dengan penjelasan dari judul blog, panjang deskripsi Maksimum 150 karakter.

3. Simpan Perubahan, Selesai.
4. Sekarang, menambahkan Deskripsi di setiap posting blog.
5. Buka Entri Baru atau Edit posting yang ada. 
6. Dan Lihat bagian kanan entri, di bagian Deskripsi penelusuran isi dengan penjelasan dari isi posting blog, disarankan 20-30 kata saja.

7. Setelah itu klik selesai.

---

Menambahkan meta keywords kata kunci Blog

1. Login ke Blog, pengaturan template, edit HTML dan tempatkan keywoard yang berhubungan dengan isi blog, dibawah kode judul blog tadi.
<meta content='Fandra Juani,Desain blog,blogger,blogspot,tutorial,cara,belajar,Tips,Trik,edit template,pemula' name='keywords'/>
2. Ganti kata kunci diatas dengan kata kunci yang kamu inginkan. Isi keywords dengan kata kunci yang berbeda satu sama lainnya dan pisahkan setiap kata dengan tanda koma.

Setelan mengganti Title judul blog, menambahkan deskripsi dan keywords. Sekarang test tingkat seo blog kita, kunjungi http://www.submitshop.com/seo-tools/meta-tag-analyzer untuk melihat berapa skor seo title keseluruhan blog. Setelah selesai, lanjut ke langkah seo berikutnya yaitu menambahkan title dan alt gambar di posting blog.

---

Menambahkan Title dan Alt text gambar blog

1. Klik gambar di entri blog, dan isi title text dengan kata kunci 1 sampai 3 kata saja. Dan isi Alt text dengan penjelasan kata kunci gambar, jangan terlalu panjang. Contoh:

2. Isi setiap gambar dengan title dan alt yang sesuai dengan isi dari posting blog.

---

 Mengatur Tautan Permanen URL Posting Blog

1. Buka Entri Baru, dan klik bagian kanan entri pada Tautan permanen. Contoh:

2. Gunakan Tautan Permanen Khusus, jika judul posting terlalu panjang. Buatlah URL yang masih bisa dimengerti maksudnya, walaupun diperpendek url nya, setidaknya 4 sampai 7 kata saja. Setelah di publikasikan URL posting blog tidak bisa diedit lagi alias permanen, karena itu setiap kita membuat entri baru, buatlah judul yang benar-benar sesuai dengan isi dari posting artikel.

Selanjutnya adalah menambahkan Internal link url dari satu posting ke posting yang lain. Masukanlah Link Url dari posting atau artikel yang saling berhubungan antara satu dengan yang lainnya. Contoh: Jika kita sedang membuat artikel dengan judul belajar membuat blog, maka masukanlah link url dari posting kita yang lain seperti belajar menulis blog yang telah dipublikasikan sebelumnya.

---

Cara Menggunakan Internal Link Blog

1. Klik Link pada bagian tools entri, dan masukan url artikel dari dalam blog. contoh:

2. Masukan url di bagian web address, dan ganti tulisan di bagian text to display dengan judul atau isi dari url tersebut.
3. Jangan gunakan kata Disini atau Klik Disini, Baca Disini pada bagian text to display.
4. Gunakanlah kalimat sesuai judul, maksimal 4 sampai 5 kata saja, jangan panjang-panjang.
5. Selanjutnya klik Ok. Abaikan saja pengaturan yang lainnya.

Seperti contoh diatas, saya memasukan link url dari posting yang lain berjudul cara mempercepat loading blog dengan 4 kata saja. URL yang dimasukan sesuai dengan isi dari artikel ini, tentang belajar seo, karena loading juga mempengaruhi seo. Sekarang coba klik tulisan ini tentang cara menulis artikel di blog , maka akan terbuka halaman baru yang berisi artikel lain yang ada di blog ini.

Terakhir adalah tentang Eksternal link atau memasukan URL dari situs lain diluar blog kita. Contohnya facebook.com yahoo.com dan lain-lain. Cara memasukannya di posting blog, sama seperti memasukan url internal link, yang membedakan adalah kita harus mencentang Add 'rel=nofollow' attribute. Untuk meningkatkan seo blog di google.

Untuk lebih jelasnya lagi tentang belajar seo blogger, coba cari di google dengan kata kunci seo for blogger, baca dari situs google, jangan situs lain, biasanya dalam format PDF untuk seo starter guide, isinya lebih lengkap dari cara diatas dan yang pasti sumber terpercaya dari google sendiri. Semoga Bermanfaat.

Read More

Tips dan Trik Mempercepat Loading Blog

Tips dan Trik Mempercepat Loading Blog. Untuk lebih jelasnya, ikuti langkah-langkah dibawah ini.

Tips Mempercepat Loading Blog

1. Mempersingkat Tampilan awal atau home blog dengan cara membuat baca selengkapnya di setiap halaman posting. Dengan begitu loading blog dihalaman awal blog akan terbuka lebih cepat.
2. Mengurangi atau mendelete widget yang tidak diperlukan, seperti widget jam, tanggal dan lain-lain. Jika memang tetap ingin mempertahankan widget2 tersebut, tempatkan widget di bagian footer bawah blog. Maka loading blog akan sedikit bertambah cepat, karena bagian-bagian terberat blog akan dibuka belakangan. 
3. Menampilkan 4 sampai 5 posting saja di halaman beranda/home blog. 
4. Jangan terlalu banyak menggunakan gambar di blog.
5. Kompres gambar yang akan dimasukan di blog, menggunakan Ms. Office Picture Manager atau software Compress gambar lainnya.
6. Menghilangkan gambar tang obeng diblog,  yang berada di setiap bagian widget yang digunakan.
7. Compress Template Blog. Caranya, silakan lihat di bawah.
8. Menghilangkan sidebar widget pada halaman tertentu. Caranya, lihat dibawah.
9. Mengatur lebar gambar agar tidak melebihi halaman posting.

---

Trik Mempercepat Loading Blog

---

Sebelumnya, test dulu kecepatan blog kamu di situs ini http://gtmetrix.com. Untuk melihat berapa skor kecepatan dari blog kamu. Selanjutnya, setelah melakukan cara-cara dibawah ini, test kembali kecepatan loading blog kamu di situs tersebut, untuk melihat berapa besar perbedaannya.

---

Cara Kompres Template Blog

---

1. Login ke blog, Dari halaman dasbor pilih pengaturan template.
2. Edit HTML dan Copy semua kode yang ada di template kamu dari awal sampai akhir.
3. Selanjutnya kunjungi situs http://htmlcompressor.com/compressor.html
4. Dan Pastekan semua kode tadi ke kotak yang ada disitus tersebut.
5. Setelah itu click COMPRESS dan pilih CHANGE

6. Terahir, Copy semua kode hasil compress tadi, dan pastekan ke template blog kamu. Save template, Selesai.

---

Menghilangkan Sidebar Widget pada halaman tertentu

---

1. Ada 2 cara menyembunyikan sidebar widget di halaman terntentu di blog.
2. Cara Pertama, Login ke blogger > pengaturan template > edit html > cari kode </head>
3. Dan tempatkan kode berikut diatas </head>
<b:if cond='data:blog.url == "http://fandrajuani.blogspot.com/p/daftar-isi_12.html"'>
<style type='text/css'>
.main-inner .columns {
padding-left: 0px;
padding-right: 0px;
}
.main-inner .column-left-outer {
display: none;
}
.main-inner .column-right-outer {
display: none;
}
</style>
</b:if>
4. Ganti ihttp://fandrajuani.blogspot.com/p/daftar-isi_12.html dengan URL halaman yang ingin sidebarnya disembunyikan. Save Template, selesai.
5. Cara kedua, cari kode <head>,
6. Dan tempatkan kode berikut diatas <head>
<b:if cond='data:blog.url == "http://fandrajuani.blogspot.com/p/hubungi.html"'>
<style type='text/css'>
.sidebar{
display: none;
}
</style>
</b:if>
7. Ganti http://fandrajuani.blogspot.com/p/hubungi.html dengan url dari halaman kamu. Save template, Selesai.

Dan yang terakhir, mengatur lebar gambar di postingan blog agar tidak melebihi halaman. Jika kita menggunakan ukuran gambar ekstra besar, biasanya gambar akan melewati batas halaman posting, bisa sampai terkena widget bagian sidebar kanan, dan itu akan membuat loading blog lebih lambat. Berikut ini adalah script kode untuk mengatur lebar gambar, untuk lebih jelasnya ikuti langkah-langkah dibawah ini.

---

Mengatur lebar gambar posting blog

---

1. Login ke blogger, dari halaman dasbor pilih pengaturan template.
2. Dan klik edit HTML, selanjutnya cari kode  ]]></b:skin> dan masukan kode berikut diatasnya.
#header img { max-width: 99%; max-height:90%; margin:1px 1px;padding:0px;}
.post img { vertical-align:bottom; max-width:90%; max-height:90% }
#navigation img { vertical-align:bottom; max-width:80%; }
3. Save Template, selesai.

Sebenarnya blogger sudah memberikan tools untuk mengatur gambar saat kita menulis artikel, tapi itu tidak cukup untuk mengatur gambar dengan lebar yang sangat besar. Setelah memasukan kode diatas, maka gambar dengan lebar ekstra besar, tidak akan melewati lebar halaman posting, dan cukup membantu untuk mempercepat loading blog. Silakan baca juga cara mempercepat loading blog lanjutan dari artikel ini. Untuk menambah kecepatan loading blog anda. Semoga Bermanfaat.

Read More