Mar 29, 2012

Cara Membuat Share Button Like, Tweet, Google +1 Melayang di Sisi Kiri Blog

Lagi-lagi "Tombol Berbagi", hehehe, Yups, Mengapa saya suka banget posting artikel seperti ini sama sobat, karena tombol bagikan seperti like facebook dan tweet cukup ampuh dalam mendongkrak popularitas dan kunjungan ke blog kita. Apalagi buat newbie blogger, takutnya keseleo belajar SEO, hehehe.

tombol share button like facebook twitter google plus di sisi blog
 
Langsung Saja ya....
Masuk ke akun Blogger >  Tata letak > Tambah Gadget > HTML/Javascript, kemudian masukkan kode di bawah ini;


Sobat bisa membuang kode yang berwarna merah jika mau. Untuk demonya silakan lihat di sini


Mar 21, 2012

Cara Mendaftarkan Blog Ke Google Webmaster

Setiap kita membuat blog menjadi suatu keharusan untuk mendaftarkan blog kita ke mesin pencari. Walaupun blogger “anak kandung” google, namun kita juga tidak bisa berpangku tangan begitu saja. Tak terkecuali untuk blog seperti wordpress ataupun multiply.
Pada tutorial singkat ini kita akan bersama-sama mengetahui bagaimana cara mendaftarkan atau submit blog ke mesin pencari google sekaligus menambahkan dan verifikasi blog tersebut di google webmaster tools. Tujuannya agar mudah dikelola seperti submit sitemap dll.

Mendaftarkan blog di Google 


Silahkan copy link url dibawah ini, kemudian paste kan di addres bar.


Akan muncul gambar di bawah, masukkan url lengkap blog Anda, kemudian masukkan code captcha yang ada , klik Kirim Permintaan. Selesai.

cara daftar blog ke Google webmaster tools


Menambahkan blog ke google webmaster tools.


Sekarang masuk ke tautan di bawah, sama seperti cara di atas.


Kemudian klik tambahkan situs, letaknya di bagian kanan atas. Klik Terus. Selesai ditandai dengan munculnya “situs Anda telah di tambahkan”.

bagaimana cara agar blog cepat terindeks google salah satunya ialah dengan cara mendaftarkan blog ke google

Selesai...? eit tunggu dulu, jika muncul gambar seperti di bawah bahwa situs tidak terverifikasi, maka kita harus memverifikasinya dulu.

cara submit atau mendaftarkan blog di google

Klik 'Verifikasi situs ini', kemudian pilih metode alternatif, klik / pilih item pertama ;

 cara mendaftarkan atau submit blog di google


Kemudian copy kode yang didapat seperti contoh di bawah;

<meta name="google-site-verification" content="TiIp6ySW23o-RV9pvN8hlDG6oLRqTZvthyaSuFHOBEc" />

  • Buka akun blogger > Dasbor> Template> edit html > Lanjutkan > centang expland template
  • masukkan kode di atas, tepat di bawah / di dalam kode <head> 
  • Kemudian simpan template.

contoh;

<head>
<meta name="google-site-verification" content="TiIp6ySW23o-RV9pvN8hlDG6oLRqTZvthyaSuFHOBEc" />
<title> Judul saya </title>
</head>

Kembali lagi ke google webmaster tools, kemudian klik Verifikasi. Selesai. Situs anda sudah terverifikasi dan siap dikelola. Jangan pernah menghapus kode tersebut, simpan kode meta tag yang didapat, agar sewaktu-waktu kita mengganti template, dan lupa memback up, kita tinggal memasukkan ulang.

Demikian tata cara bagaimana mendaftarkan blog atau situs ke google. Untuk langkah selanjutnya adalah submit sitemap blog ke google yang telah saya posting sebelumnya.

UPDATE;

Khusus buat sobat blogger yang menggunakan blogspot, pendaftaran blog ke google tidak perlu lagi dilakukan, karena sudah otomatis terdaftar, hanya tinggal submit sitemap secara berkala. Trims

Artikel terkait lainnya:


Cara Submit sitemap ke Bing webmaster tools

Daftarkan blog ke puluhan search engine

Mar 20, 2012

Cara Termudah Submit Sitemap ke Google webmaster Tools

Sudah berapa hari ya nggak buat artikel...? Maklum sibuk ngurusin blog saya yang satunya, hehehe. Seperti yang sudah pernah dibahas dalam postingan sebelumnya yaitu cara submit sitemap ke Bing, sobat blogger pasti sudah mengerti apa yang dimaksud sitemap. Sitemap atau peta situs sangat penting didaftarkan atau dikirim ke search engine utamanya ke google sebagai mesin pencari terbesar, agar postingan kita terindeks.

Ketika anda mengirimkan sitemap Anda di account webmaster Google, pernahkah sobat mengamati   bahwa hanya 26 URL yang diindeks google dan bukan URL / halaman posting, padahal postingan beserta halaman statis yang telah dibuat lebih dari itu. Demikian pula yang dialami blog ini, saat pertama masuk ke akun google webmaster tools. Ini bisa terjadi karena banyaknya postingan dari website dan blog yang terus diupload setiap harinya. Untuk sebab-sebab lainnya  sobat bisa mencari tahu nya sendiri di Mbahnya search engine ini. Hanya yang pasti, sia-sia saja artikel postingan blog kita, sudah susah-susah bikin artikel, eeeh malah tidak diindeks Google, rugi kan. Dan tentunya juga berpengaruh terhadap SEO blog kita. 

Dari penelusuran saya di google, rata-rata tutorial yang ada adalah ujung-ujungnya menyuruh membuat atom atau apalah namanya yang berekstensi .xml. betul...?! susah banget, apalagi bagi blogger newbie kaya saya.


Nah, untuk memecahkan permasalahan tersebut, di bawah ini saya berikan sedikit ilmu, hehehe, sebuah prosedur sederhana dan sangat mudah dilakukan. 



1. Langkah pertama, hitung / ketahui dulu berapa banyak jumlah postingan sobat. Mengapa? Agar apa yang saya ungkapkan di atas itu salah atau benar. 

2. Kemudian masuk ke akun Google webmaster tools, Sobat berada di Dashboard/beranda, disitu akan terlihat beberapa nama blog, pilih blog yang akan di submit sitemap (jika sobat mendaftarkan lebih dari 1 blog ke Google).

3. Klik Kelola Situs > Tambahkan atau hapus pengguna

cara submit dan mengirim atau mendaftar sitemap blog ke google webmaster tools

4. Pada sisi kiri lihat Pengoptimalan / Optimize > Klik Peta situs / Sitemap.

cara submit kirim sitemap atau peta situs ke google webmaster tools


Disini akan terlihat berapa halaman blog / web kita yang terindeks google, jika sobat belum pernah melakukan submit sitemap sebelumnya  di google webmaster tools ini, saya yakin hanya 26 halaman yang terkirim dan terindeks google (khusus blog baru). 

Gambar dibawah adalah halaman blog ini yang sudah di submit sitemapnya.

cara submit sitemap isi konten blog ke google


5. Kemudian Klik Tambahkan/Uji Peta Situs  / Add/Test Sitemap


cara kirim peta situs sitemap blog ke google

Pada kotak form yang tersedia, masukkan kode di bawah ini. 




Ingat kode diatas harus rapat dengan alamat blog sobat, contohnya seperti dibawah ini:

http://blogbelajar2.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=500

6. Kemudian Klik  Mengirim Peta situs. Jika sudah, maka akan muncul "peta situs dikirimkan" Klik segarkan laman.

7. Lihat di bagian paling bawah seperti gambar.

langkah-langkah dalam submit kirim sitemap ke webmaster google

Lihat gambar di atas, Jika sobat salah memasukkan kode di atas, maka akan error / masalah, namun jika benar akan ada perubahan pada halaman yang terindeks. Biasanya akan muncul "tertunda", itu hal lumrah, karena tidak mungkin google langsung mengindeksnya. Tunggu 1 atau 2 hari, untuk mengetahui apakah sitemap yang sudah dikirim sudah terindeks semua. Saya sendiri tidak sampai 1 x 24 jam, sudah terindeks semua sitemap yang terkirim.

Nah, bagaimana sobat, sangat mudah bukan.... Gak perlu deh, ke situs generator sitemap untuk bikin atom xml. Lihat juga Cara Mendaftarkan Blog ke Yahoo / Bing. Selamat Mencoba Brother.


Mar 17, 2012

Cara Membuat Footer Banyak Kolom

Footer dalam template blog berfungsi persis dengan sidebar. Bisa untuk menempatkan widget, terutama untuk widget / gadget yang mungkin dianggap kurang penting. Mengapa saya sebut kurang penting, karena rata-rata widget di footer adalah widget yang kurang mendukung SEO.  widget iklan misalnya, saya yakin teman-teman blogger memasang iklan adsense dan sejenisnya pasti di bagian header atau sidebar. sebetulnya banyak fungsi footer yang lain, jika disidebar blog penuh dengan iklan, bisa kita taruh widget recent posts, random posts ataupun follower. Dan bisa jadi jika kita tempatkan gadget di sidebar mungkin bisa membuat berat loading blog kita.

Oke, di bawah ini tutorial lengkap bagaimana cara membuat footer banyak kolom, di sini saya akan mencontohkan cara membuat footer 4 kolom.


  1. Masuk ke akun  Blogger sobat > Klik Design/Rancangan > Edit HTML
  2. Backup  Template sobat
  3. cari kode  ]]></b:skin>
  4. sebelum kode ]]></b:skin> masukkan kode di bawah ini;

    #kaki {
    margin:auto;
    padding: 0px 0px 10px 0px;
    width: 100%;
    background:#333333;
    }
    #kaki-wrapper {
    background:#333333;
    margin:auto;
    padding: 20px 0px 20px 0px;
    width: 960px;
    border:0;
    }
    #kakibar-wrapper {
    background:#333333;
    float: left;
    margin: 0px 5px auto;
    padding-bottom: 20px;
    width: 23%;
    text-align: justify;
    color:#ddd;
    font: bold 12px Arial, Tahoma, Verdana;
    line-height: 1.6em;
    word-wrap: break-word;
    overflow: hidden;
    }
    .kakibar {margin: 0; padding: 0;}
    .kakibar .widget {margin: 0; padding: 10px 20px 0px 20px;}
    .kakibar h2 {
    margin: 0px 0px 10px 0px;
    padding: 3px 0px 3px 0px;
    text-align: left;
    border:0;
    color:#ddd;
    text-transform:uppercase;
    font: bold 14px Arial, Tahoma, Verdana;
    }
    .kakibar ul {
    color:#fff;
    margin: 0 auto;
    padding: 0;
    list-style-type: none;
    }
    .kakibar li {
    display:block;
    color:#fff;
    line-height: 1.6em;
    margin-left: 0 !important;
    padding: 6px;
    border-bottom: 1px solid #222;
    border-top: 1px solid #444;
    list-style-type: none;
    }
    .kakibar li a {
    text-decoration:none; color: #DBDBDB;
    }
    .kakibar li a:hover {
    text-decoration:underline;
    }
    .kakibar li:hover {
    display:block;
    background: #222;
    }

5. Kemudian cari kode </body> dan masukkan kode di bawah ini di atasnya kode </body>


    <div id='kaki'>
    <div id='kaki-wrapper'>

    <div id='kakibar-wrapper'>
    <b:section class='kakibar' id='kakibar1' preferred='yes'>
    </b:section>
    </div>

    <div id='kakibar-wrapper'>
    <b:section class='lowerbar' id='kakibar2' preferred='yes'>
    </b:section>
    </div>

    <div id='kakibar-wrapper'>
    <b:section class='kakibar' id='kakibar3' preferred='yes'>
    </b:section>
    </div>

    <div id='kakibar-wrapper'>
    <b:section class='kakibar' id='kakibar4' preferred='yes'>
    </b:section>
    </div>

    <div style='clear: both;'/>
    </div> </div>
6. Simpan template dan selesai.

Tampilannya nanti akan seperti gambar di bawah ini. 


Modifikasi dan pengaturan footer;
  • untuk menambah atau mengurangi lebar seluruh widget silakan ubah lebar / width 960px; dan sesuaikan dengan lebar template sobat.
  • jika sobat ingin membuat 3 kolom saja hapus kode berwarna hijau di atas, namun juga sesuaikan ukuran widgetnya yang awalnya 23% menjadi 30%

<div id='kakibar-wrapper'>
    <b:section class='kakibar' id='kakibar4' preferred='yes'>
    </b:section>
    </div>

  • sedangkan jika ingin menambahnya menjadi 5 kolom copy saja kode di atas, kemudian ubah kakibar4 menjadi kakibar5, dan ubah persentasenya menjadi 16% atau 17%
  • Untuk mengubah warna background footer silakan sobat berimprovisasi sendiri, hehe atau masuk ke tool Kode warna untuk mengetahui kode warna yang diinginkan 
  • Akhir kata Wassalam, selamat mencoba. 

Mar 15, 2012

Submit Sitemap Blog agar Terindex Bing dan Yahoo

cara submit dan daftarkan blog website ke yahoo dan bing

Sebelum kita melangkah lebih jauh, saya rasa ada baiknya kita perlu mengetahui apa yang dimaksud sitemap atau peta situs. Yang dimaksud sitemap disini adalah;


Peta sebuah situs atau blog yang berisi informasi mengenai url-url yang ada di situs atau blog tersebut. Sitemap ini selain berisi url-url juga berisi metadata, metadata disini berupa informasi mengenai kapan terakhir kali situs atau blog tersebut di update, seberapa sering update dilakukan, kapan waktu situs atau blog tersebut di update.

Fungsi sitemap sendiri adalah untuk menginformasikan url-url sebuah situs yang bisa di crawl (dijelajahi) oleh robot-robot search engine. Karena di dalam sitemap hanya terdiri dari url-url saja, robot-robot search engine pun akan mudah mengindex seluruh url-url (artikel, kategori, arsip, dll) yang ada di situs atau blog sobat. Namun apabila anda tidak menggunakan sitemap, maka robot-robot search engine akan menjelajahi situs atau blog anda per halaman, bisa anda bayangkan bila anda sudah mempunya berpuluh-puluh artikel bahkan ratusan artikel, situs atau blog anda akan sangat sulit di jelajahi dan sulit untuk terindex.

Pengiriman/submit sitemap ke Yahoo sebelumnya dilakukan dengan menggunakan Yahoo Site Explorer tetapi sejak tahun lalu tepatnya pada 21 Nop 2011 Yahoo! menyelesaikan transisi algoritma untuk Bing. Dimana Yahoo bergabung dengan Bing dan menggunakan Alat Webmaster Bing dengan kontrak kemitraan. Maka sejak saat itu dan seterusnya webmaster/kita blogger diminta untuk mengirimkan Sitemaps ke Bing untuk mendapatkan indeks Yahoo dan Bing. 

Dengan bergabungnya Yahoo dan Bing  ini, tugas kita menjadi lebih mudah, karena mengirimkan blog dan sitemap Anda cukup di Bing Webmaster Tool, Bing secara otomatis  akan memasukkannya di dua mesin pencari, yaitu Bing dan yahoo, termasuk juga MSN.
Bagaimana blog sobat, khususnya yang dibuat setelah tanggal 21 Nopember 2011 tersebut apakah sudah terindeks Yahoo dan Bing?  
 
Nah, dari uraian di atas pertanyaannya adalah bagaimana agar blog/situs kita terindeks kedua search engine, Yahoo dan Bing tersebut? Ya sudah pasti mengirim/mendaftarkan/submit blog kita dan kemudian mengirimkan sitemap nya ke Bing webmaster tool. Pada postingan terdahulu saya telah membuat artikel Cara mendaftarkan blog di Bing dan Yahoo maka sekarang sesuai judul artikel ini, maka kita akan membahas bagaimana caranya agar blog kita bisa terindeks oleh Yahoo dan Bing. 

Setelah blog kita terdaftar dan terverifikasi oleh Bing webmaster Tools, kita hanya tinggal mengirimkan sitemap blog kita ke Bing webmaster tools dengan cara mem ping nya. Jika kita mengikuti langkah-langkah di Bing webmaster Tools, saya sendiri agak kelabakan, dan sering error, apa sebab? Karena kita disuruh lagi membuat sitemap di sitemap generator, mungkin bagi blogger-blogger hebat dan bahasa Inggrisnya pinter, tidak jadi masalah, namun bagi saya, yang baru belajar ngeBlog adalah masalah besar. Jadi, hanya satu solusi praktis, dan jalan pintas.

Silahkan copy link di bawah ini ;

http://www.bing.com/webmaster/ping.aspx?siteMap=http%3A%2F%2Fblogbelajar2.blogspot.com%2Fatom.xml%3Fredirect%3Dfalse%26start-index%3D1%26max-results%3D500
Silahkan ganti kode berwarna merah dengan nama blog sobat. Kemudian masukkan ke address bar, terus enter, jika muncul tulisan "Thanks for submitting your sitemap" berarti submit sitemap blog sobat sudah sukses.

Cuma begitu doank... Ya cuma itu saja, dengan catatan, jumlah postingan sobat 500 atau kurang.

Catatan;
  • Tunggu kira-kira 5 hari sejak submit sitemap blog sobat untuk memeriksa apakah halaman posting sobat sudah terindeks Bing, blog ini saja dari 35 posting lebih, baru 17 yang diterima Bing, hehehe, gak tau alasannya kenapa.
  • Minimal postingan adalah 15 posting.
  • Jika lebih dari 5 hari tidak terindeks, ping ulang
  • Jika belum terindeks juga, hapus blog sobat dari Bing webmaster, kemudian submit blog lagi. Lalu ping lagi dengan menggunakan url di atas. 
  • Jika belum diindeks juga... berarti "Anda Belum Beruntung" hehehe

Selamat Mencoba. Salam Blogger. Di like yaaa...

Artikel terkait lainnya:



Cara daftar blog ke Yahoo dan Bing

Submit blog ke search engine lain



Cara Mendaftarkan Blog di Yahoo dan Bing

Seorang blogger pasti menginginkan agar traffic kunjungan ke blognya terus menanjak. Agar optimal dan mendapatkan tujuan tersebut tentunya seluruh search engine yang ada di dunia maya ini mengindeks blog kita. Tentunya, kita tidak hanya berdiam diri hanya memanfaatkan Google saja sebagai mesin pencari utama dan yang paling banyak mengindeks blog kita. Karena selain google masih ada search engine-search engine besar lainnya seperti yahoo dan bing.

Semenjak merger antara search engine bing dan yahoo akhir November 2011 lalu, submit blog cukup dilakukan di Bing Webmaster tools. Agar blog kita ingin terindeks mesin pencari yahoo dan Bing, yang pastinya kita harus mendaftarkan / submit blog kita ke yahoo dan bing tersebut. Mendaftarkan blog / situs ke Bing sebenarnya cukup mudah, namun untuk ping dan submit sitemapnya yang kadangkala bagi blog baru dan blogger pemula cukup merepotkan (bisa dibilang malah nggak bisa, hehehe, inilah yang saya alami dulu).
Ya sudah tidak perlu berbasa-basi lagi dah. Buat sobat yang ingin mendaftarkan blognya di bing silakan ikuti langkah2 berikut.

1. Untuk memudahkan, sobat pastikan memiliki akun windows live, seperti ; aku@hotmail.com
2. Login ke http://www.bing.com/toolbox/webmaster/
3. Klik webmaster tool sign in/log in with windows live id

mendaftarkan atau submit blog di bing dan yahoo

Klik add site > masukkan nama blog sobat. Klik submit

cara mendaftar kan blog di bing dan yahoo sekaligus

5. Muncul perintah / permintaan agar kita memverifikasi blog kita.
    Pilih option 2, karena menurut saya ini adalah langkah termudah.

6. Copy kode yang muncul setelah kita klik option 2.

cara daftar atau memasukkan blog ke bing dan yahoo

7. Masuk ke akun blogger sobat, > Rancangan > Edit HTML

8. Cari kode <head> kemudian masukkan kode yang telah dicopy di option 2 tadi, dibawah kode <head>
seperti contoh di bawah;

cara submit blog ke yahoo dan bing webmaster tools

9. Simpan template.

10. Kembali ke bing webmaster, kemudian klik Verify.

11. Selesai dan blog sobat sudah terdaftar di bing dan yahoo search.

Lihat gambar di bawah ! perbedaan Blog yang sudah terdaftar dan terverifikasi dengan yang belum terverifikasi, urutan 1 sampai 3 sudah terverifikasi, sedangkan yang no. 4 belum Verified, ditunjukkan dengan kata Verify Now, yang berarti belum diverifikasi. Blog yang sudah terverifikasi adalah jika kita sudah memasukkan kode pada option 2 tadi.

submit blog to bing dan yahoo both dan verifikasi blog

Huufhh... Lumayan capek yaa... silakan di coba dah, sobat suka, silakan bagikan atau klik suka/tweet, hehehe makasih....

Setelah ini saya akan posting cara mudah submit sitemap ke yahoo dan bing.

Mar 14, 2012

Blogging Offline Dengan Windows Live Writer

Aktivitas blogging terutama saat menulis artikel blog sekarang ini tidak terkendala lagi dengan adanya sebuah tool windows yang bernama Windows LIve Writer. Saat kita terhalang oleh tidak adanya jaringan internet secara online, (misalnya gak ada duit buat beli pulsa modem, hehehe) segalanya menjadi mungkin dengan perangkat ini.

cara membuat postingan blog tanpa sambungan internet blogging offline
Tampilan windows live writer

Tampilannya yang mirip dengan microsoft office word 2007 & 2010, semakin memanjakan kita yang menggunakan perangkat ini. Bahkan menurut saya, malah lebih bagus dan lengkap daripada bawaan blogger sendiri. Untuk memasukkan video, gambar, format paragraf, penghitung jumlah kata, simbol emotikon, penambahan plugin (untuk wordpress tentunya) semua tersedia lengkap dan cukup sekali klik di windows live writer ini. Segala fitur yang ada di tool ini cukup memudahkan bagi blogger newbie, contohnya yaa  seperti saya.
Adapun syarat utama komputer/system requirement nya adalah;
  • Sistem operasi: Windows 7, atau Windows Vista Versi 32 atau 64 bit dengan Service Pack 2 dan Pembaruan Platform untuk Windows Vista, atau Windows Server 2008 R2, atau Windows Server 2008 dengan Service Pack 2 dan Pembaruan Platform untuk Windows Server 2008.
  • Prosesor: 1,6 GHz atau lebih tinggi
  • Memori: RAM 1 GB atau lebih tinggi
  • Resolusi: Minimal 1024 × 576
  • Koneksi Internet: Layanan online mensyaratkan akses Internet dial-up atau kecepatan tinggi (disediakan secara terpisah—biaya panggilan lokal atau jarak jauh mungkin diberlakukan). Akses Internet kecepatan tinggi direkomendasikan untuk beberapa fitur. (pada saat mendownload)
  • Kartu grafis: Windows Live Movie Maker mensyaratkan kartu grafis yang mendukung DirectX 9 atau lebih tinggi, atau Shader Model 2 atau lebih tinggi.
Jika sobat blogger ingin mendownload dan menggunakan software ini, syarat utama ialah membuat akun dulu di Windows Live. Silakan sobat masuk ke http://explore.live.com/home , kemudian klik masuk, lalu daftar. lalu masuk dengan menggunakan alamat email sobat atau email dari MSN. Disini saya mendaftar dengan alamat email saya sendiri. masukkan alamat email beserta password, pertanyaan keamanan, dan kode keamanan yang ada. Kemudian masukkan data-data pribadi sobat. Selesai.

Untuk tata cara download dan penggunaan windows live writer nya, akan saya posting pada artikel berikutnya. Atau jika sobat mau coba-coba silakan... hehehe Salam blogger.

Mar 13, 2012

Cara Membuat Kotak Banner Iklan 125x125

Hallo Sobat Blogger, apa kabarnya neeh, gimana traffic kunjungan blog sobat, ada peningkatan nggak? mudahan terus meningkat ya pagerank nya, hehehe. Pada tutorial ini saya mau berbagi cara membuat kotak banner iklan 125x125 pixel. Siapa tau kunjungan blog sobat yang terus meningkat ada yang berminat memasang iklan di blog sobat. Atau barangkali sobat pengen memasarkan produk sendiri jadi bisa memasangnya di blog sendiri. Banner iklan ini nantinya bisa sobat tempatkan di sidebar agar mudah terlihat. Oh ya banner iklan ini nantinya terdapat 4 kotak iklan.

Cara Membuat Kotak Iklan Banner 125x125


Buat sobat yang ingin membuat kotak banner ukuran 125x125 pixel sebenarnya caranya cukup mudah, Cukup satu atau 2 langkah saja, hehehe.



Masuk ke blogger > Rancangan > add gadget > HTML/Javascript, kemudian masukkan kode di bawah ini;

<div align="center">
<table border="0"  cellpadding="2" cellspacing="6" width="265" bgcolor="#ffffff">
<tbody><tr>

<td><center><a href="URL/Alamat IKLAN" rel="nofollow"><img border="0" alt="Deskripsi Iklan" width="125" src="URL/Alamat Gambar Iklan" height="125"/></a></center></td>

<td><center><a href="URL/Alamat IKLAN" rel="nofollow"><img border="0" alt="Deskripsi Iklan" width="125" src="URL/Alamat Gambar Iklan" height="125"/></a></center></td>
</tr>
<tr>

<td><center><a href="URL/Alamat IKLAN" rel="nofollow"><img border="0" alt="Deskripsi Iklan" width="125" src="URL/Alamat Gambar Iklan" height="125"/></a></center></td>

<td><center><a href="URL/Alamat IKLAN" rel="nofollow"><img border="0" alt="Deskripsi Iklan" width="125" src="URL/Alamat Gambar Iklan" height="125"/></a></center></td>
</tr>

</tbody></table>

<table border="0" bordercolor="#0084ce" cellpadding="2" cellspacing="6" width="265" bgcolor="#ffffff">
<tbody>
      <tr>
       <td><center><a href="URL/Alamat Blog" rel="nofollow"><img width="265" height="37" border="0" alt="Pasang Iklan Di Sini" src="URL/Alamat Gambar advertise here" /></a></center></td>
      </tr>

    </tbody></table>

</div>



Pengaturan Kotak Banner Iklan:

1.  Ganti kata URL/Alamat IKLAN dengan alamat website pemasang iklan

2.  Ganti kata URL/Alamat Gambar Iklan dengan link atau alamat gambar iklan di hosting

3.  Ganti kata Deskripsi Iklan dengan informasi dan deskripsi mengenai iklan yang dipasang, deskripsi ini akan muncul pada saat kursor mouse digerakkan ke arah banner iklan.

4.  Ukuran default sidebar adalah 265, jadi pastikan ukuran sidebar blog sobat tidak kurang dari itu.

Jika sobat ingin menambah kotak iklan lagi dibawahnya misalnya menjadi 6 kotak tinggal masukkan kode di bawah ini, di bawahnya kode yang berwarna biru.

<tr>

<td><center><a href="URL/Alamat IKLAN" rel="nofollow"><img border="0" alt="Deskripsi Iklan" width="125" src="URL/Alamat Gambar Iklan" height="125"/></a></center></td>

<td><center><a href="URL/Alamat IKLAN" rel="nofollow"><img border="0" alt="Deskripsi Iklan" width="125" src="URL/Alamat Gambar Iklan" height="125"/></a></center></td>
</tr>
Dibawah ini adalah contoh sebuah kotak iklan;

<td><center><a href="URL" rel="nofollow"><img border="0" alt="Tempat Sobat Belajar Blogspot" width="125" src="http://julak-project.googlecode.com/files/kotak%20iklan%201.gif" height="125"/></a></center></td>
  • yang berwarna biru adalah alamat pengiklan
  • yang berwarna kuning info/deskripsi iklan
  • sedangkan yang berwarna merah adalah alamat gambar pengiklan dihosting

Nah bagaimana sobat, mudah bukan, silakan dicoba.

Mar 10, 2012

Efek Gambar Zoom dan Berbayang dengan CSS

Dengan semakin berkembangnya cascading style sheet dan kompatibilitasnya dengan browser baru, desain blog dan website menjadi lebih kreatif.

Sobat mungkin pernah menggunakan Photoshop secara manual untuk menambahkan bayangan pada gambar, tapi sekarang berkat CSS3 Anda dapat menambahkan bayangan  untuk semua gambar sobat secara otomatis. Kita akan belajar bagaimana untuk memperkecil ukuran gambar besar dan bagaimana kita bisa membuat gambar tersebut zoom ke ukuran aslinya pada saat mouse diarahkan ke gambar. Semoga sobat akan menyukainya.

efek zoom pada gambar
arahkan mouse ke gambar untuk zoom


Caranya cukup mudah;

  1.     Masuk ke Blogger > Design > Edit HTML > centang Expland Template
  2.     Back up  template sobat
  3.     Cari kode ]]></b:skin>
  4.     Sebelum kode ]]></b:skin> paste kan kode di bawah ini
.julak-css img{
-webkit-transform:scale(0.7); /*Webkit 0.7 times the original Image size*/
-moz-transform:scale(0.7); /*Mozilla 0.7 times the original Image size*/
-o-transform:scale(0.7); /*Opera 0.7 times the original Image size*/
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla Animation duration*/
-o-transition-duration: 0.5s; /*Opera Animation duration*/
opacity: 0.5;
margin: 0 10px 5px 0;
}
.julak-css img:hover{
-webkit-transform:scale(1.1); /*Webkit: 0.5 times the original Image size*/
-moz-transform:scale(1.1); /*Mozilla 0.5 times the original Image size*/
-o-transform:scale(1.1); /*Opera 0.5 times the original Image size*/
box-shadow:0px 0px 30px gray;
-webkit-box-shadow:0px 0px 30px gray;
-moz-box-shadow:0px 0px 30px gray;
opacity: 1;
}


Sekarang jika Anda ingin gambar muncul dengan efek ini, cukup menggunakan kode di bawah ini pada posting blog, menu HTML.


<div class="julak-css">
<img src="URL Gambar Masukkan di sini " />
</div>



Upload gambar Anda ke editor Blogger ganti URL Gambar Masukkan di sini dengan link gambar Anda. Lalu lihat blog Anda untuk melihatnya.

contoh penerapannya seperti ini

<div class="julak-css">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiggDaBl-xGdnH8naUBGL-zl4YfOhK1EdvpxDF6iYcUQBx-3mUjCb781YN1NBBhXmkNY2gqQMai28XVwH8QnpknYu4Ouqr6cLcT5MiDQOkI1HL9NONfP8FRDgMTNXG3nQfVAoFXWIbKk7Q/s1600/cara+menghilangkan+bau+badan+dan+ketiak.jpeg" /></div>

dan seperti ini

<div class="julak-css"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiggDaBl-xGdnH8naUBGL-zl4YfOhK1EdvpxDF6iYcUQBx-3mUjCb781YN1NBBhXmkNY2gqQMai28XVwH8QnpknYu4Ouqr6cLcT5MiDQOkI1HL9NONfP8FRDgMTNXG3nQfVAoFXWIbKk7Q/s1600/cara+menghilangkan+bau+badan+dan+ketiak.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiggDaBl-xGdnH8naUBGL-zl4YfOhK1EdvpxDF6iYcUQBx-3mUjCb781YN1NBBhXmkNY2gqQMai28XVwH8QnpknYu4Ouqr6cLcT5MiDQOkI1HL9NONfP8FRDgMTNXG3nQfVAoFXWIbKk7Q/s1600/cara+menghilangkan+bau+badan+dan+ketiak.jpeg" /></a><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiggDaBl-xGdnH8naUBGL-zl4YfOhK1EdvpxDF6iYcUQBx-3mUjCb781YN1NBBhXmkNY2gqQMai28XVwH8QnpknYu4Ouqr6cLcT5MiDQOkI1HL9NONfP8FRDgMTNXG3nQfVAoFXWIbKk7Q/s1600/cara+menghilangkan+bau+badan+dan+ketiak.jpeg" /></div>

Note ; Efek ini kompatibel dengan versi terbaru dari Mozilla, Safari, Opera, Chrome namun tidak efektif dengan IE. Selamat mencoba.Silakan hias gambar blog sobat dengan efek zoom dan berbayang.



Mar 9, 2012

Cara Membuat Text Area dan Modifikasinya

Saat menulis artikel blog, saya yakin sobat pasti ingin membuat tulisan dengan semenarik mungkin, tulisan yang menarik tentunya juga harus disertai dengan tampilan yang menarik pula. Termasuk penggunaan teks area, yaitu teknik untuk menampilkan kalimat/sekelompok kata semisal kode css atau html. Menurut saya kotak teks area terlihat baik jika antara lebar dan tinggi kotak cukup proporsional.  Text area berfungsi seperti blockquote yaitu memisahkan kelompok kata/kalimat tertentu agar lebih jelas, misalnya jika blog sobat adalah blog tutorial, penggunaan text area dan blockquote sangat penting artinya.

membuat text area dan modifikasi text area

Berikut  ini akan kita simak bersama cara memodifikasi teks area agar terlihat lebih rapi dan bagus.
Ikuti langkah langkah berikut ini,

    1. Masuk ke akun Blogger > Layout/Rancangan > Edit HTML>Expand template
    2. Cari kode </b:skin>
    3. Masukkan kode di bawah tepat di atas kode tadi.

.julak-textarea {
padding:0;
margin:0;
background: #fff;
width:400px;
height:40px;
color:#666;
font:12px arial;
border:1px dotted #289728; }

.julak-textarea:hover {
color:#289728;
border:2px solid #666;
}

Selesaikan dengan save template!

Cara menggunakan text area.

Masuk ke menu EDIT HTML pada saat menulis artikel / static page ,

    <textarea class="julak-textarea" readonly="readonly">WRITE-TEXT-HERE</textarea>

 Ganti tulisan WRITE-TEXT-HERE dengan text yang sobat inginkan di dalam text area.

Jika Anda ingin mengubah font, warna atau singkatnya seluruh tampilan dari kotak teks maka Anda hanya perlu mengedit bidang berikut dalam kode CSS di atas,

background: #fff; –> Mengubah warna background text area
width:400px; –> Mengubah lebar kotak text area
height:40px;  -> Untuk Mengubah tinggi kotak text area
color:#666;  -> Mengubah warna font color  text box
font:12px arial; –> Mengubah ukuran huruf dan jenis font
border:1px dotted #289728; } –> Untuk mengubah ukuran border/batas/garis, style (i.e dotted, solid, dashed) dan warna.

.julak-textarea:hover {
color:#289728; –> Ini untuk mengubah warna huruf saat mouse mengarah ke text area
border:2px solid #666;  -> mengubah ukuran border, style dan warna saat mouse diarahkan ke text area

Sobat bisa juga melihat artikel cara membuat teks area dan variasi text area di postingan blog.

Mar 7, 2012

Membuat Like Facebook, Twitter, Google+1 di Postingan Blog

Membuat, Memasang dan Menambahkan Like Facebook, Tweet, Google+1 di Postingan Blog.
Share button / tombol berbagi seperti facebook like, tweet dan Google+1 merupakan salah satu aspek penunjang dalam meningkatkan traffic kunjungan ke blog kita. Apalagi blogger pemula seperti Saya yang masih Nol Besar pemahamannya tentang SEO, mungkin hanya mimpi untuk menjadi nomor 1 di pencarian google. Maka dari itu kita bisa maksimalkan traffic kunjungan blog kita lewat social bookmarking seperti facebook dan twitter.
Cara Membuat memasang menambah like facebook twitter google di bawah postingan blog

Langsung saja ya gak usah basa basi lagi dah, hehehe....

  1. Masuk ke akun blogger Anda/ dasbor
  2. Klik Menu template > Edit HTML> centang Expand Template Widget. Jangan lupa untuk memback up template sobat dengan cara mendownloadnya.
  3. Masukkan dulu kode di bawah ini tepat di atas kode </head>

<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
kode ini adalah kode javascript untuk memunculkan tombol Google+1, jika kode tersebut sudah ada, maka  tidak perlu dimasukkan lagi.

4. Kemudian Copy kode di bawah ini ;

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<table border='0'><tbody><tr>
    <td><a class='twitter-share-button' data-count='horizontal' data-via='supergaptech' href='https://twitter.com/share'>Tweet</a><script src='//platform.twitter.com/widgets.js' type='text/javascript'/></td>
<td><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=85&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=21&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:85px; height:22px;'/></td>
<td><!-- script begin here -->
<script src='http://www.lintas.me/assets/scripts/widget_v2.js?uid=4f49908afb8252a83a003d79' type='text/javascript'/>
<script type='text/javascript'>
lintasme.init(&#39;right&#39;); // options : left, top, bottom, right
</script>
<!-- End script --></td>
<td><g:plusone expr:href='data:post.url' size='medium'/></td>
</tr></tbody></table>
    </b:if>

Ganti kode twitter supergaptech dengan nama akun twitter sobat. Sobat juga bisa menghapus kode berwarna biru, jika mau. Widget tersebut adalah kode javascript untuk web directory lintas.me

5. Masukkan kode di atas pada kode-kode ini:
  • jika ingin memasang share button di bawah postingan blog cari kode berikut, dan masukkan kode tadi, tepat dibawahnya kode ini.
 <div class='post-footer'>
    <div class='post-footer-line post-footer-line-1'/>
          </div>
  • Jika ingin memasang share button diatas postingan / di bawah judul postingan, masukkan tepat di bawahnya kode berikut,

 <div class='post-header'>
            <div class='post-header-line-1'/>
          </div>

Kemudian klik pratinjau terlebih dahulu, jika tidak error berarti share button sudah terpasang di blog.  Klik Simpan Template. Share button ini akan ditampilkan di halaman posting bukan di menu utama / homepage. Oleh karena coba buka salah satu postingan blog sobat untuk melihatnya apakah sudah bekerja dengan baik.

Oke, Bagaimana... sudah terpasang? Jika belum bisa, Julak siap membantu. Selamat Berblogging mania, hehehe. Salam Blogger. Jangan lupa di share, hehehe...


Mar 6, 2012

Script Color Code Generator / Script Kode Warna

Color code generator atau widget kode warna, bagi seorang blogger terutama saya sendiri penting peranannya terutama dalam hal menghias blog, misalnya mengubah background template, mengubah warna huruf. Karena tidak mungkin kita menghafal kode warna yang sampai 6 digit, belum lagi jika ada perpaduan  kombinasi antara huruf dan angka, tentu bikin ribet. Pada kesempatan ini Julak mau berbagi Source Code buat memasang Color Code di Blog sobat. Buat sobat blogger yang mau memasang perkakas blogging berupa Color Code Generator atau Perkakas untuk menentukan kode warna silahkan copy paste kode yang ada dalam blockquote di bawah, tampilannya akan seperti gambar di bawah ini.

kode script untuk memasang kode warna di blog
Color Code Generator

Silahkan copy paste kode dibawah, bisa sobat masukkan sebagai widget, maupun diposting dan static page/halaman statis. Cara memasang di posting atau halaman statis ialah pada menu editor HTML bukan pada Compose, sedangkan jika dipasang sebagai widget, tinggal masuk dasbor > tambahkan Gadget > HTML/javascript.

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab" height="430" width="400">
<param name="movie" value="http://e-infotainment.com/applications/color-code-
generator/v1/trixcgv1.swf" />

<param name="quality" value="high" />

<param name="bgcolor" value="#cccccc" />

<embed src="http://e-infotainment.com/applications/color-code-generator/v1/trixcgv1.swf"
quality="high" bgcolor="#cccccc"
width="400"
height="430"
name="flash" align="middle" play="true" loop="false" quality="high" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">
</embed>
</object><br />
<br />
<br />
<span class="Apple-style-span" style="color: black; font-family: arial,sans-serif; font-size: 10px;"><a href="http://blogbelajar2.blogspot.com/2012/03/source-code-color-code-generator.html" target="_blank">Color Code Generator</a></span></div>

Silahkan copy paste di halaman statis, sidebar ataupun di postingan sobat, tool atau perkakas untuk mencari kode warna tersebut. Salam Super Gaptek

Cara Membuat dan Memasang Facebook Page di Blog



Hallo... apa kabar neeh, sebetulnya bingung mau posting apa, maklum masih ngantuk habis begadang tadi malam. Mungkin sesuai judul aja yee cara memasang facebook page / fanpage di blog. Pada posting sebelumnya Julak telah memposting cara membuat facebook fan page.  Nah pada kesempatan ini kita akan memasang facebook fan page tersebut di blog kita.

cara memasnag facebook page halaman facebook
memasang facebook page di blog
Sebagaimana kita tahu fan page cukup efektif dalam mempromosikan suatu barang, jasa, produk ataupun blog kita. Bayangkan saja facebook merupakan situs social bookmarking terbesar di dunia dengan lebih dari 600 juta pengguna di dunia dan 50% lebih menggunakannya secara aktif setiap hari. Indonesia sendiri sudah menembus angka 42 juta pengguna. Ini merupakan potensi yang bagus untuk mempromosikan blog dan produk kita. Jadi tunggu apalagi masukkan aja facebook page di blog kita.

Namun sebelumnya pastikan kita sudah membuat halaman facebok yaa..?

Oke langsung saja kita ikuti cara membuat dan memasang facebook page di blog


1. Masuk ke akun facebook kita, kemudian masuk juga ke facebook page / halaman facebook kita. 

Atau Masuk ke sini 

Akan muncul tampilan seperti di bawah. Klik LIKE BOX 




2.  Langkah selanjutnya lihat gambar di bawah
  • Masukkan url/alamat facebook page di kolom atas yang ada (panah hitam)
  • tentukan ukuran lebar halaman di blog (panah merah)
  • panah kuning ialah ukuran tinggi facebook page nya
  • panah ungu adalah pemilihan warna, jika blog sobat berwarna terang pilih light, jika gelap pilih dark.
  • centang pada kotak panah hijau  jika ingin menampilkan foto yang menyukai page kita
  • centang show stream jika ingin menampilkan posting terakhir blog kita


cara memasang halaman facebook di blog

3. Kemudian akan tampil di sisi kanan preview / tampilan facebook page kita nantinya di blog.  Jika sudah merasa cocok klik Get Code.




4. Lihat gambar di atas, jika sudah muncul, masuk ke akun blogger sobat, Dasbor > Menu Template > Edit HTML > centang Expland Template lalu ikuti petunjuk yang ada. Atau cari kode ini <body>  Masukkan kode nomor 1 tepat di bawah kode di bawah ini. Lalu simpan template.
<body>
5. Masuk ke Dasbor > Tata letak > Add Gadget/widget > pilih HTML Javascript > 
    Lalu masukkan / copas kode nomor 2. Lalu simpan perubahan.


6. Facebook Page sobat sudah masuk dan tampil di blog. 


Selamat Mencoba. Salam Blogger terus berkarya, kalau mau copas harap masukkan juga link aktif. hehehe



Mar 5, 2012

Membuat File Hosting di Google Code

Layanan google code ialah layanan hosting atau media penyimpanan yang bisa berupa gambar, javascript, video, mp3, document office maupun lainnya. Seorang blogger saya kira wajib memiliki hosting file terutama file javascript template blognya sendiri, agar tidak "berebut" dengan blogger lainnya jika menggunakan image ataupun javascript yang sama (hal ini bisa terjadi jika blogger tersebut sama-sama menggunakan template hasil download di tempat yang sama tanpa menyimpan / hosting file image maupun javascript nya sendiri. 

Nah. disinilah fungsi google code tadi. Jadi tidak ada salahnya jika kita memiliki akun sendiri di google code. Saya sendiri menyimpan favicon, javascript di sini, selain gratis juga kapasitasnya gueedeee, hehehe. Sebenarnya banyak cara ataupun tempat file hosting. namun menurut saya di google code ini, memiliki keunngulan tersendiri antara lain:
  1. kapasitas penyimpanan yang cukup besar hingga 4 GB
  2. kapasitas upload hingga 100 MB
  3. keamanan yang terjamin
  4. jika sudah melebihi kapasitas penyimpanan 4 GB bikin aja akun google code yang baru, khan jadi 8 GB, hehehe....

jika sobat pengen tau caranya, mari kita ikuti sama-sama bagaimana cara membuat file hosting di google code.

1. Langkah pertama pastikan sobat login di akun google sobat.
2. Masuk ke situs google code di http://code.google.com
3. Lihat di sebelah kiri Klik Project hosting.

hosting file javascript image dan file di google code
hosting file google code

4. Kemudian pilih  Project Hosting on Google Code.

code google project hosting

5. Kemudian klik Create a new project

6. Isikan data-data yang ada, sebagai contoh;

Project name: Isi dengan nama project kalian, ex: Julak project
Project Summary: Isikan dgn judul project kalian, ex: My hosting
Description: isikan deskripsi project kalian, Version control system: Silahkan kalian pilih "Mercurial"
Source code license: Silahkan untuk memilih "GNU GPL V3"
Project label(s): Isikan dengan label yang kalian inginkan, ex: label 1, label 2 dll.
Klik tombol "Create Project" untuk memulai membuat akun baru kalian di Google Code

7. Untuk memulai hosting file, klik new download, isikan data2 sesuai keinginan sobat. pilih file yang akan di upload, lalu klik submit.

cara upload dan download file javascript di google code

8. Jika sudah selesai upload/submit file, akan muncul tampilan seperti di bawah ini.

simpan dan submit file di codegoogle

9. Buka file yang diinginkan, lalu klik kanan copy link location/salin lokasi tautan, lalu  tinggal masukkan saja ke template jika ingin memasukkan file javascript / banner / favicon ke template sobat.

Saya kira tutorial di atas sudah cukup jelas, jika teman ada yang butuh bantuan, julak siap membantu, hehehe.

Cara Membuat Blog Ringan Loadingnya


supaya loading blog ringan dan cepat
agar loading blog ringan
Apakah loading blog sobat lambat alias lelet? Mengapa itu bisa terjadi? Salah satu manfaat yang kita dapatkan dari blog yang ringan adalah pengunjung senang, mengapa senang? Karena artikel yang ingin dibacanya langsung terlihat hanya dalam kurang dari 3-4 detik, bahkan kurang dari itu (menurut Julak lhoo). Tidak menutup kemungkinan pengunjung tersebut akan kembali lagi ke blog kita nantinya. Loading blog yang lambat membuat pengunjung langsung ngacir, apalagi konten yang disajikan kurang menarik. Selain itu google menyukai blog yang ringan, sehingga ini berpengaruh terhadap SEO blog kita. Nah pada kesempatan ini Julak mau berbagi sedikit tips bagaimana cara membuat blog yang ringan loadingnya. Ini tentunya ditujukan buat blogger pemula, yaa utamanya saya sendiri. hehehe

  1. Pertama sekali adalah "tetapkan dulu tujuan kita ngeblog". Kenapa? Seorang Blogger yang ingin mencari duit dari aktivitas blogging tentu akan "menyesaki" blognya dengan tampilan iklan di sana-sini. Jelas ini akan berpengaruh terhadap loading blognya. Berbeda dengan blogger yang hanya sekedar mencari kesenangan atau sekedar berbagi ilmu yang mereka miliki.
  2. Menentukan template blog yang tepat. Yang saya maksud di sini adalah jika kita memilih template bawaan blogger, pilihlah yang mudah. Karena menurut saya template itu cukup ringan. Jika sobat mau mengganti template blog hasil download milik blog lain, pastikan dulu ukuran template tersebut, jika lebih dari 60-70kb saya yakin template itu berat loadingnya nanti, belum lagi jika kita tambahkan file javascript,  dan widget-widget di sidebar, footer, ataupun iklan di header. 
  3. Kurangi widget yang "tidak perlu". Misalnya jam, streaming musik online, karena itu jelas, bagi saya pribadi itu kurang bermanfaat buat blog. Saya yakin di komputer pengunjung blog sudah ada jam, dan mungkin juga pengunjung blog sedang mendengarkan musik dari komputernya sendiri. Pernah juga saya berkunjung ke blog teman, penunjuk statistik kunjungan blognya aja sampai 3 macam. Untuk apa?
  4. Sebisa mungkin hindari memasang widget di sidebar kiri, karena search engine membaca blog secara berurutan adalah dari bagian header, sidebar kiri, posting, sidebar kanan dan terakhir footer. Jadi saya sarankan pasanglah widget di sidebar kanan, jika memang sobat memakai template 3 kolom, pastikan widget di sidebar kiri tersebut adalah widget bawaan blogger.com dan tentu saja pilh yang menunjang SEO, misalnya recent posts, label/kategori dll.
  5. Minimalkan ukuran memori gambar postingan. Tidak hanya dari kuantitas atau banyaknya jumlah gambar, namun walaupun satu gambar jika ukurannnya sampai 100kb atau lebih jelas ini akan memperberat loading blog. Salah satu caranya ialah dengan mengcompress gambar tersebut. Sobat bisa menggunakan image editor seperti Photoshop ataupun software lainnya. Salah satu software untuk mencompress image adalah Advance JPEG compressor, silakan cari sendiri yaa?
  6. Pakailah background blog kita dengan warna, bukan gambar, kalaupun harus gambar untuk keindahan blog pakailah yang memorinya kecil. 
Jika sobat ingin mengecek atau ingin mengetahui seberapa ukuran loading blog kita bisa mengunjungi developers.google.com/pagespeed

Tinggal masukkan url blog sobat, kemudian klik analyze, nilai maksimal ialah 100, jika semakin tinggi hasil nilai yang didapat berarti semakin ringan loading blog sobat.  Selain itu akan dideskripsikan pula hal-hal apa saja yang harus dilakukan agar blog sobat menjadi ringan. (high priority, merah, ini yang utama)

Mungkin itu saja sedikit tips bagaimana cara membuat loading blog menjadi ringan. Sebetulnya masih banyak cara lain. Namun sebagai blogger pemula itu saja tips sederhana yang bisa kita optimalkan dan tips-tips lain itu bisa kita bahas di kesempatan lain. Nah, jika sobat mau menambahkan silahkan. Atau mungkin pendapat saya ada yang salah mohon diralat. 6 tips di atas berdasarkan pengalaman saya sebagai Blogger Gaptek sendiri selama 6 bulan ini menggeluti dunia blogging. Hehehe.
Selamat Berkarya, Salam Blogger.