Ahmad Rifai Blog
tutorial blogger

Tutorial Blogger Untuk Pemula Lengkap (membuat, mengelola, custom domain, dsb)

Blogspot atau sering juga disebut blogger adalah sebuah platform yang bisa digunakan untuk membuat blog gratis.

Selain gratis dia juga mudah digunakan oleh siapa saja.

Sehingga wajar jika dia menjadi salah satu platform blog yang sangat populer setelah wordpress.

Tutorial blogger ini sengaja saya buat untuk pemula yang ingin ngeblog secara gratis.

Dan jika anda ingin memiliki blog profesional untuk bisnis yang memiliki fitur lebih banyak. Silakan baca cara membuat blog wordpress lengkap untuk pemula.

Namun jika tujuan anda hanya ingin belajar atau coba-coba saja, maka sebaiknya gunakan blogspot saja.

Oke mari kita mulai …

Membuat Akun Blogger

Sebelum menggunakan blogger, maka anda wajib memiliki akun google dahulu.

Karena blogger merupakan salah satu layanan google.

Dan 1 akun google dapat digunakan untuk mengakses berbagai layanan yang mereka sediakan.

Apabila belum memilikinya silakan bikin dahulu Di Google (gratis).

Atau baca panduan lengkap cara membuat email di google.

Jadi jika saat ini anda sudah memiliki akun di sana seperti akun gmail atau youtube. Maka anda tidak perlu membuatnya lagi.

Yang harus anda lakukan hanyalah mengunjungi situs resminya di www.blogger.com

Kemudian masuk menggunakan akun google anda.

Setelah berhasil masuk maka anda dibawa ke halaman pembuatan profil untuk blog.

Silakan pilih profil yang anda inginkan, misalnya profil Google+.

membuat profil blog

Kalau sebelumnya anda belum pernah menggunakan google+, maka anda akan disuruh membuat profil google+.

Silakan isi sesuai keinginan.

Upload gambar untuk profil, atau jika ingin upload lain kali silakan klik LEWATI.

Setelah selesai silakan klik Lanjutkan ke Blogger.

Cara Membuat Blog Baru Di Blogger Dalam 3 Langkah

Setelah berhasil membuat akun, silakan ikuti langkah – langkah berikut untuk membuat blog baru :

1. Klik Blog Baru.

buat blog

Maka akan keluar sebuah jendela seperti ini.

buat blog baru

2. Silakan tulis judul dan alamat blog yang anda mau, serta pilih template sesuai selera.

3. Terakhir klik Buat blog!.

Selamat, blog anda sudah jadi dan bisa di akses siapa saja menggunakan alamat yang sudah dipilih tadi.

Untuk melihatnya silakan klik Lihat blog atau bisa juga dengan cara mengunjungi alamat blog.

Mengenal Dasbor Blogger

Apa itu dasbor blogger?…

Ini adalah istilah area admin yang bisa digunakan untuk mengatur serta mengelola blog.

Nanti anda akan sering masuk ke dasbor untuk melakukan berbagai aktivitas, seperti untuk :

  • Menerbitkan artikel.
  • Mengganti tampilan.
  • Memasang menu.
  • Mempercantik blog.
  • dsb.

Pada dasbor blogger anda akan melihat 8 menu, yaitu :

dasbor blogger

1. Pos
Untuk melihat semua posting yang ada, baik yang sudah diterbitkan maupun masih berupa konsep.
Melalui halaman ini anda dapat mengedit maupun menghapus posting.
Apabila anda ingin membuat posting baru silakan klik tombol Entri baru.
2. Statistik
Untuk melihat statistik kunjungan yang masuk ke blog.
Anda dapat melihat artikel mana yang banyak dikunjungi, sumber trafik, dan dari mana blog anda dikunjungi.
3. Komentar
Untuk melihat komentar yang masuk, atau komentar spam.
4. Kampanye
Anda dapat mengaitkan blog dengan akun Google AdWords jika ingin mempromosikan blog dengan cara pasang iklan di adWords.
5. Laman
Untuk membuat, mengedit, menghapus serta menampilkan semua laman, baik yang sudah diterbitkan maupun masih dalam konsep.
6. Tata Letak
Halaman ini dapat anda gunakan untuk mempercantik / menambahkan widget di blog.
7. Tema
Apabila ingin mengganti maupun edit / desain template, maka anda dapat melakukannya melalui halaman ini.
8. Setelan
Adalah halaman pengaturan blog.
Anda dapat melakukan beberapa pengaturan melalui halaman ini, nanti akan saya terangkan.

Nah, itulah perkenalan singkat mengenai dasbor blogger. Yang sebagian akan saya jelaskan lebih lanjut di bawah nanti.

Cara Membuat Posting Di Blogger

Apalah artinya blog jika tidak memiliki isi.

Jadi tugas kita selanjutnya adalah mengisi blog yang baru dibuat tadi dengan tulisan, gambar maupun video.

Adapun untuk membuat posting baru silakan klik menu Pos, kemudian klik tombol Entri baru.

Maka anda akan dibawa ke bagian pembuatan posting, kurang lebih seperti ini.

posting

Silakan tulis judul serta isi artikel pada kolom yang sudah tersedia di sana.

Sedikit keterangan :

1. Compose

Adalah mode penulisan visual untuk mempermudah kita dalam menulis artikel tanpa menggunakan kode html.

Metode ini sangat disarankan untuk pemula.

2. HTML

Jika di klik maka anda akan berada pada mode penulisan html

Jadi anda perlu mengetahui kode-kode html jika menggunakan metode ini.

Sedikit gambaran.

Jika dalam mode Compose anda dapat membuat huruf tebal cukup dengan CTRL + B atau menekan tombol B.

Maka dalam mode HTML anda harus menambahkan kode <b> di awal tulisan yang ingin dibuat tebal, dan ditutup dengan kode </b>.

3. Label

Fungsi label di blogger sama dengan fungsi kategori atau tag di wordpress.

Yaitu untuk mengelompokkan beberapa artikel dalam 1 label / kategori.

Misalnya blog anda membahas berbagai macam topik, seperti komputer, blog, android, dsb.

Maka setiap kali anda membuat artikel tentang komputer anda dapat memberi label komputer pada artikel tersebut.

Sehingga semua artikel komputer yang anda tulis di blog tersebut akan memiliki halaman khusus yang isinya cuma tentang komputer.

Begitu juga dengan artikel lainnya yang memiliki label sama.

Karena setiap 1 label akan memiliki url halaman khusus.

Jadi apabila nanti anda ingin memasang menu yang jika di klik akan menampilkan daftar artikel tertentu, misal tentang komputer.

Maka anda tinggal memasukkan link label artikel-artikel yang anda inginkan.

Contoh url halaman label komputer

http://bloganda.blogspot.co.id/search/label/komputer

http://www.bloganda.com/search/label/komputer

Contoh url halaman label komputer

http://bloganda.blogspot.co.id/search/label/tutorial%20komputer

http://www.bloganda.com/search/label/tutorial%20komputer

Pada contoh label di atas terdapat “%20“, yang mana itu adalah pengganti spasi apabila label yang anda buat memiliki spasi.

4. Jadwal

Menu ini bisa anda gunakan untuk menjadwalkan kapan artikel tersebut akan diterbitkan secara otomatis.

Misal anda sudah memiliki 7 artikel yang sudah siap diterbitkan, tapi anda ingin artikel itu terbit setiap 2 hari 1x.

Maka anda dapat menjadwalkan kapan masing-masing artikel tersebut terbit secara otomatis.

Sehingga anda dapat bersantai atau fokus untuk membuat artikel lainnya tanpa harus memikirkan untuk menerbitkan artikel yang sudah dijadwalkan.

5. Tautan Permanen

Pada dasarnya blogger akan secara otomatis membuatkan url khusus untuk setiap artikel yang anda buat sesuai dengan judul.

Seperti ini

http://bloganda.blogspot.co.id/tahun/bulan/judul-artikel-anda.html

Akan tetapi karena dia bersifat otomatis, maka jika judul artikel yang anda buat panjang.

Maka url akan terpotong sesuai batas karakter yang sudah ditentukan secara otomatis.

Walaupun demikian, kita dapat mengganti url tersebut secara manual.

Misal :

Kita membuat judul : Cara Memasang Video Youtube

Blogger akan membuatkan url otomatis kurang lebih seperti ini

http://bloganda.blogspot.co.id/2017/02/cara-memasang-video-youtube.html

Kita membuat judul : Cara Memasang Video Youtube Ke Blogger

Mungkin url otomatis menjadikannya seperti ini

http://bloganda.blogspot.co.id/2017/02/cara-memasang-video-youtube-ke.html

Sedikit terpotong.

Maka kita dapat membetulkan / membuat url sesuai keinginan kita.

6. Lokasi

Gunanya untuk menentukan lokasi di mana anda menulis artikel tersebut.

Sebenarnya ini sangat-sangat jarang digunakan, dan saya sendiri biasanya mengabaikan bagian ini.

Namun jika anda membuat blog tentang traveling / jalan-jalan, mungkin bagian ini akan berguna.

7. Deskripsi Penelusuran

Bagian ini fungsinya untuk menambahkan deskripsi singkat artikel yang anda tulis.

Deskripsi yang anda tulis di sini tidak akan terlihat secara visual di blog, kecuali dari keseluruhan kode.

Dan ini biasanya akan ditampilkan pada hasil penelusuran google, biasanya untuk menambah optimasi seo on page.

Lihat gambar berikut

deskripsi penelusuran

Bagian yang saya kurung dengan kotak merah itu adalah deskripsi yang saya buat.

Walaupun demikian, pada kenyataannya nanti mungkin deskripsi yang di tampilkan akan sedikit berbeda.

Mungkin anda sedikit bingung, kok menu ini tidak ada.

Secara default memang menu Deskripsi Penelusuran tidak ditampilkan.

Untuk menampilkan menu ini silakan buka halaman Setelan → Preferensi penelusuran.

meta tag deskripsi

Klik Edit pada bagian Deskripsi, kemudian tulis deskripsi singkat untuk halaman beranda blog.

Sekarang silakan lihat halaman pembuatan posting, seharusnya menu Deskripsi Penelusuran sudah ada.

8. Pilihan

Isinya adalah metode tulis,seperti mengganti enter sebagai media pembuat baris baru menjadi kode html <br>.

Anda boleh melewati bagian ini / tidak perlu dirubah.

Cara Menambahkan Gambar Pada Posting

Bagaimana cara menambahkan gambar di dalam artikel?…

Pada gambar utama cara membuat posting tadi ada icon yang saya tandai dengan panah dengan tulisan ” Untuk menambahkan gambar”.

Nah, untuk memasang gambar pada artikel, sebaiknya tulis dahulu artikel sampai selesai.

Letakkan penanda penulisan (yang kedip-kedip ketika kita menulis) pada bagian yang ingin dipasang gambar.

Setelah itu klik icon untuk menambahkan gambar.

gambar di artikel

Di sana terdapat berbagai pilihan, apakah ingin menggunakan metode upload gambar, menggunakan url, dsb.

Nanti anda akan mengerti sendiri cara menggunakannya.

Upload gambar dengan cara mengklik tombol Pilih file.

Setelah gambar berhasil di upload silakan tandai gambar, kemudian klik Add selected.

upload gambar

Maka hasilnya seperti ini.

atur posisi gambar

Silakan atur edit gambar dengan cara mengkliknya kemudian pilih posisi yang anda mau.

  1. Untuk mengatur ukuran gambar.
  2. untuk mengatur posisi gambar.
  3. Untuk menambahkan keterangan gambar.

Cara Menambahkan Video Di Posting Blogger

Bagaimana cara memasang video di dalam artikel?…

Berikut langkah demi langkah yang harus dilakukan :

  1. Tulis artikel sampai selesai.
  2. Letakkan penanda pada bagian yang ingin dipasang video.
  3. Klik icon untuk menambahkan video
    1. Upload : jika ingin upload video dari komputer.
    2. From YouTube : untuk mencari video dari youtube.
    3. My Youtube videos : jika anda sudah memiliki video di youtube.
    4. From your phone : apabila anda pernah upload video melalui hp.
  4. Tandai setelah video berhasil diupload / sudah dapat melalui pencarian video youtube.
  5. Kemudian klik tombol Pilih.

cara posting video youtube

Cara Menambahkan Link

Mungkin anda juga perlu mengetahui bagaimana cara menambahkan link di dalam artikel.

Karena ini akan berguna jika nanti ingin memasang link download atau ke halaman tertentu.

Jika anda ingin memasang link, maka silakan block tulisan yang ingin dipasang link.

Maka akan keluar sebuah jendela yang bisa anda gunakan untuk menyisipkan link.

memasang link / url

Cara Membuat Halaman Statis Di Blogger

Selain posting, kita juga dapat membuat laman / halaman statis.

Kebanyakan laman digunakan untuk membuat halaman about, contact us, privacy policy, disclaimer.

Atau halaman lainnya yang bersifat statis.

Selain itu di blogger terdapat widget Laman yang jika digunakan akan membentuk menu.

Untuk membuat halaman statis di blogger silakan ikuti langkah – langkah berikut :

membuat laman

  1. Klik menu Laman.
  2. Klik Laman baru.
  3. Tulis judul dan isi halaman.
  4. Klik Publikasikan
  5. Selesai.

Kenapa laman yang saya buat tidak terlihat di blog?…

Inilah perbedaan antara laman dan posting.

Posting yang baru dipublikasikan akan keluar di halaman home blog kita, sedangkan laman tidak.

Laman akan memiliki struktur url seperti ini

http://bloganda.blogspot.co.id/p/laman-anda.html

Contoh nyata :

https://inidemosaja.blogspot.co.id/p/tentang.html

Dan untuk menampilkannya anda dapat memasang laman di tab menu.

Perbedaan Posting dan Laman

Selain yang sudah saya sebutkan tadi, ada beberapa perbedaan antara posting dan laman, yaitu :

  • Posting memiliki label dan tanggal diterbitkan, sedangkan laman tidak.
  • Posting akan diarsipkan, laman tidak.
  • Posting akan masuk di feed blog, sedangkan laman tidak.
  • Jika blog anda mengaktifkan fitur langganan artikel, maka yang akan dikirim ke pelanggan adalah posting.
  • Posting dapat menampilkan artikel terkait, laman tidak.
  • Laman otomatis masuk ke widget laman (untuk membuat menu), posting tidak.

Cara Membuat Halaman Kontak Di Blogger

Walau sebenarnya ini tidak wajib, tapi kebanyakan blogger membuatnya.

Fungsi halaman kontak itu sendiri sebenarnya sudah jelas, yaitu untuk memberikan kesempatan kepada pengunjung untuk menghubungi pemilik blog.

Ada 2 cara yang bisa dilakukan untuk membuat halaman kontak, yaitu :

  1. Menggunakan widget kontak.
  2. Menggunakan contact form external, misalnya pakai Google Form.

Oke, saya akan jelaskan satu persatu.

Cara Memasang Widget Formulir Kontak Di Sidebar / Laman

Ini adalah salah satu widget dari blogger yang saya rasa fungsinya sudah dijelaskan oleh namanya.

Kita dapat memasang widget ini di sidebar maupun halaman khusus.

Untuk membuat form contact us di blog anda silakan ikuti langkah-langkah berikut :

1. Buka menu Tata Letak → klik Tambahkan Gadget.

2. Klik Gadget Lainnya → pilih widget Formulir Kontak → Judul boleh di isi/tidak kemudian klik Simpan.

widget formulir kontak

3. Pindahkan ke posisi yang menurut anda pas setelah itu klik tombol Simpan setelan.

Silakan lihat blog anda, seharusnya sudah ada form contact us terpasang di sana.

Bagaimana cara formulir kontak di halaman?…

Untuk memasangnya di laman silakan ikuti langkah-langkah di atas sampai selesai.

Setelah itu klik lagi Tambahkan Gadget dan pilih widget HTML/JavaScript.

Masukkan kode css berikut pada bagian Kontent (tanpa judul ya), jangan lupa klik Simpan.

<style type="text/css">
.ContactForm{display:none !important}
</style>

Sekarang silakan buka menu Laman kemudian buat Laman baru.

laman contact us

Beri judul sesuai keinginan, setelah itu paste seluruh kode berikut pada bagian penulisan artikel. (Jangan lupa ganti mode penulisan menjadi HTML)

<style type="text/css">.ar-contact-page .input-group {margin:0 2em 0 0;width:45.5%;float:left;position:relative;}
.ar-contact-page .input-group input{font-family:"Courier New", Courier, monospace;padding:0 10px;margin:0;height:66px;width:99%;line-height:20px;font-size:20px;color:#8b8b8b;border:1px solid #d5d5d5;outline:none;-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;}
.ar-contact-page .second {margin:0;}.ar-contact-page textarea{padding:10px;margin:.5em 0 0 0;width:96%;font-size:20px;color:#8b8b8b;border:1px solid #d5d5d5;-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;}
.arctsend{width:99.8%;height:66px;margin:0.5em 0 0 0;background:#f9f9f9;border:1px solid #d5d5d5;color:#000;font-size:18px;font-weight:700;cursor:pointer;}
.arctsend:hover {background:#6ebff3;color:#fff;border:0;}</style>
<div class="ar-contact-page">
<form name="contact-form">
<span class="input-group"><input id="ContactForm1_contact-form-name" name="name" placeholder="Nama" size="25" type="text" value="" /></span>
<span class="input-group second"><input id="ContactForm1_contact-form-email" name="email" placeholder="Email" size="25" type="text" value="" /></span>
<textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="Whats on your mind?" rows="5"></textarea>
<input class="arctsend" id="ContactForm1_contact-form-submit" type="button" value="Kirim Pesan" />
<div style="text-align: center; width: 100%;">
<div class="contact-form-error-message" id="ContactForm1_contact-form-error-message">
</div>
<div class="contact-form-success-message" id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>
</div>

Silakan beri keterangan tambahan sebelum / sesudahnya jika mau.

Kalau sudah selesai silakan Publikasikan laman tersebut.

Cara Membuat Halaman Privacy Policy

Ini sebenarnya tidak wajib kita buat juga.

Tapi tidak ada salahnya jika kita mengetahui cara termudah membuat halaman privacy policy.

Siapa tahu nanti anda ingin membuatnya karena berbagai alasan, seperti untuk blog adsense.

Jika anda ingin membuatnya, silakan klik buat laman baru.

Kemudian tulis isi privacy policy blog anda.

Kalau bingung bagaimana cara mengisi halaman privacy policy, maka silakan kunjungi www.privacypolicyonline.com.

1. Isi data sesuai keperluan blog anda :

  • Your Site Information and Contact : isi data sesuai blog dan email kontak anda.
  • Cookies : silakan tentukan, sebaiknya pilih YES.
  • Advertisers on your site : Pilih jenis iklan yang mungkin ada di blog anda.

2. Klik Generate HTML, maka akan keluar tab baru yang isinya privacy policy dalam bentuk html.

membuat privacy policy

3. Salin seluruh kode.

4. Tulisan yang ada kode <h1> sampai </h1> silakan hapus saja, atau jadikan sebagai judul halaman.

membuat halaman privacy policy

Jangan lupa rubah mode penulisan menjadi HTML.

5. Kalau sudah selesai silakan Publikasikan .

Cara Mendapatkan Link Posting, Laman, & Label

Menurut saya ini penting diketahui oleh blogger pemula.

Karena ini nanti akan berhubungan dengan cara membuat menu di blog, menyisipkan link ke posting, dsb.

Oke… Berikut langkah-langkah yang harus dilakukan :

A. Cara mendapatkan url posting

  • Klik menu Pos yang ada pada dasbor blogger.
    • Maka anda akan melihat semua posting, atau klik menu Diterbitkan untuk melihat semua posting yang sudah terbit saja.
  • Arahkan kursor ke posting yang ingin kita ambil urlnya
  • Klik Salin Lokasi Tautan, maka link otomatis disalin.
  • Paste pada Notepad atau langsung pada tab menu / posting.

link posting

B. Cara mendapatkan link laman

  • Klik menu Laman → Diterbitkan.
  • Arahkan kursor ke laman yang mau diambil linknya.
  • Klik Salin Lokasi Tautan.
  • Paste link ditempat yang anda inginkan.

C. Cara mendapatkan url label

Ada beberapa cara yang dapat dilakukan untuk mendapatkan url label.

Pertama : dengan cara memasang widget label di sidebar.

Buka menu Tata Letak → tambahkan widget → pilih widget label → simpan.

Setelah widget terpasang silakan kunjungi blog anda, kemudian cari widget label yang baru dipasang tadi.

Kemudian salin url label yang anda inginkan dengan cara klik kanan → Salin Lokasi Tautan.

Kedua : menulis url label sendiri secara manual.

Sebenarnya ini sudah saya singgung di atas tadi. Tapi saya rasa tidak ada salahnya kalau saya jelaskan lagi dengan contoh lain.

Setiap label di blogger memiliki url khusus yang pasti sesuai dengan nama label, seperti ini

http://inibloganda.blogspot.com/search/label/namalabel (tanpa spasi)

http://inibloganda.blogspot.com/search/label/nama%20label (menggunakan spasi)

setiap nama label yang menggunakan spasi, maka pada url spasi tersebut akan diganti dengan kode %20.

Contoh :

Misalnya anda membuat label dengan nama teknologi.

Maka url label tersebut adalah

http://inibloganda.blogspot.com/search/label/teknologi

Tapi jika anda membuat label dengan nama info teknologi.

Maka url label menjadi seperti ini

http://inibloganda.blogspot.com/search/label/info%20teknologi

Contoh nyata

https://inidemosaja.blogspot.co.id/search/label/contoh

Cara Memasang Logo & Mengganti Icon Blog

Secara default blog yang baru di bikin belum memiliki logo.

Walaupun demikian kita bebas untuk memasang logo di blog kalau mau.

Apabila anda ingin mengganti judul blog dengan logo silakan klik menu Tata Letak.

icon logo

Di sana anda akan melihat widget header (Tajuk), silakan klik Edit. Maka akan keluar Pop-Up.

Silakan upload gambar untuk logo blog anda.

Kemudian atur sesuai keinginan.

Terdapat 3 penempatan logo / gambar, yaitu :

  • Dibalik judul dan keterangan.
    • Artinya gambar akan menjadi latar dari judul dan keterangan blog
  • Selain judul dan keterangan.
    • Artinya judul dan keterangan dibuang, dan diganti dengan logo saja.
  • Tempatkan keterangan setelah gambar.
    • Artinya judul dibuang dan keterangan akan diletakkan di bawah gambar.

Selain logo kita juga dapat mengganti icon blogger.

Apa itu icon?…

Biar gambar berikut yang menjelasakannya 🙂

icon

Nah, untuk mengganti icon tersebut silakan klik Edit pada widget Favicon, kemudian upload icon milik anda.

Cara Memasang Menu Di Blogger

Ada 3 cara yang bisa kita lakukan untuk memasang menu di blogger.

Sebenarnya saya sedikit bingung apakah ingin menuliskannya di tutorial blogger ini juga atau membuatkan panduannya secara khusus.

Setelah saya pikir-pikir, akhirnya saya memutuskan untuk menuliskannya di halaman khusus.

Baca : cara membuat menu di blogger.

Cara Mengganti Template Blogger

Di blogger kita bebas untuk mengganti template baik dengan template gratis, premium, maupun hasil buatan / desain sendiri.

Inilah salah satu alasan kenapa blogger banyak diminati.

Ada 2 cara yang bisa dilakukan untuk mengganti template blog, yaitu :

  1. Menggunakan template yang sudah tersedia di dasbor blogger.
  2. Menggunakan template hasil download / buatan sendiri.

Berikut langkah-langkah yang harus dilakukan untuk mengubah tampilan blog menggunakan template yang sudah tersedia di blogger :

  1. Klik menu Tema.
  2. Klik Cadangkan / Pulihkan → klik Download template untuk jaga-jaga.
  3. Tutup jendela Cadangkan / Pulihkan tersebut.
  4. Scroll ke bawah.
  5. Pilih kemudian klik template yang ingin digunakan.
  6. Klik Terapkan ke Blog.
  7. Selesai.

Adapun untuk menggunakan template lain yang tidak tersedia di sana, anda harus menyiapkan template yang ingin digunakan.

Bisa dengan cara membuat template sendiri, menggunakan template premium, atau mencari template gratis melalui google.

Jika ingin yang gratis silakan buka google, kemudian cari template yang anda mau kemudian download.

Atau mau coba template buatan saya juga boleh 🙂

Silakan download template di sini.

Setelah berhasil mendownload template silakan Extract dahulu apabila masih dalam format arsip zip / rar.

Cari file template yang harus diupload, biasanya dalam format .xml / .txt dengan nama sesuai nama template yang didownload.

extract template

Kalau sudah menemukan filenya silakan ikuti langkah-langkah berikut untuk upload template blogger :

mengganti template blog

 

  1. Klik menu Tema.
  2. Klik Cadangkan / Pulihkan.
  3. Cari file template dengan cara mengklik tombol Telusuri.
  4. Klik Upload → tunggu proses upload sampai selesai.

Setelah template berubah ada kemungkinan susunan widget berubah / kadang berantakan.

Silakan susun lagi posisi widget kalau berantakan  🙂

Cara Mendesain Template Blogger Sendiri

Sebelumnya saya ingin menegaskan bahwa maksud saya cara mendesain template blog sendiri di sini bukan membuat template sendiri dari awal.

Tapi mendesain template yang tersedia di dasbor blogger menggunakan alat template desainer yang sudah ada di sana.

Dan cara ini akan bekerja 100% kalau menggunakan template yang sudah disediakan pihak blogger.

Untuk template hasil download mungkin bisa dan mungkin tidak, karena tidak semua mendukung fitur ini.

Baik,,, ini yang harus dilakukan untuk mendesain template blogger :

  1. Klik menu Template.
  2. Klik tombol Sesuaikan.
  3. Desain template sesuai keinginan.
  4. Kalau sudah selesai silakan klik Terapkan ke Blog.

Keterangan :

  • Latar belakang : bisa kita gunakan untuk mengganti background blog dengan gambar yang sudah disediakan atau dengan gambar kita sendiri.
    • Caranya : Klik menu Unggah gambar.
  • Sesuaikan lebar : untuk mengatur lebar blog keseluruhan, pos (artikel), serta sidebar / bilah sisi.
  • Tata Letak : Ini berguna untuk menentukan tata letak tampilan blog kita. Tersedia dari 1 kolom, 2 kolom, 3 kolom, dan 4 kolom.
  • Tingkat Lanjut : Ada beberapa fungsi, yaitu :
    • Teks Laman : untuk mengganti font, ukuran teks, serta warna teks / tulisan blog kita.
    • Latar : untuk mengganti latar belakang blog dengan warna yang kita inginkan (jika kita tidak menggunakan gambar untuk latar belakang blog).
    • Link : berguna untuk mengganti warna tulisan yang ada tautan / url / link.
    • Judul Blog : dapat kita gunakan untuk mengganti font, ukuran teks, serta warna judul blog.
    • Deskripsi Blog : fungsinya untuk mengganti font, ukuran teks, serta warna judul blog.
    • Teks Tab : untuk mengganti font serta warna teks pada tab menu (jika kita menggunakannya), jika tidak maka tidak terlihat.
    • Latar Tab : untuk mengganti warna latar menu blog.
    • Judul Posting : fungsinya untuk mengganti font serta ukuran teks judul posting / artikel.
    • Header Tanggal : berguna untuk mengganti font, ukuran, warna, serta latar teks tanggal terbit artikel.
    • Catatan Kaki Entri : untuk mengganti font, ukuran, warna, serta latar teks yang ada pada bagian bawah posting / artikel.
    • Gadget : fungsinya untuk mengganti font, ukuran, serta warna judul sidebar / widget / gadget.
    • Gambar : untuk menentukan warna latar belakang, warna batas gambar, serta teks yang ada di bawah gambar (jika kita gunakan).
    • Aksen : untuk menentukan warna garis pemisah antara entri dengan gadget.
    • Mobile Button Color : untuk menentukan warna button (tombol) pada tampilan mobile / hp.
    • Tambahkan CSS : untuk menambahkan kode css, khusus yang bisa menggunakan css (tingkat lanjut).

Silakan simak video berikut, sepertinya dapat dijadikan untuk belajar.

Cara Memasang Widget Di Blogger

Widget blog adalah sebuah alat yang bisa kita gunakan untuk menghias blog.

Ada banyak widget blog yang bisa dipasang pada blog kita sebagai hiasan yang akan mempercantik blog.

Namun kadang widget dapat membuat blog kita terlihat buruk, bisa jadi karena terlalu banyak menggunakannya atau tidak tersusun dengan bagus.

Pihak blogger sendiri sudah menyediakan banyak widget bermanfaat yang dapat dipasang kapan saja.

Selain widget yang sudah disediakan blogger kita juga dapat memasang widget eksternal (yang tidak tersedia di sana).

Misalnya seperti widget jam, kalender, animasi, social media, dsb yang secara umum dapat kita pasang menggunakan widget HTML JavaScript.

Berikut langkah-langkah yang harus dilakukan untuk memasang widget

  1. Buka menu Tata Letak.
  2. Klik tambahkan widget.
  3. Pilih widget yang ingin digunakan dengan cara mengkliknya.
  4. Atur sesuai keperluan.
  5. Simpan & selesai.

Untuk memindahkan posisi widget silakan tarik widget ke posisi yang diinginkan.

Misalnya kita ingin memasang widget label.

Pada langkah 3 di atas silakan pilih gadget Label, kemudian atur widget sesuai keinginan.

Di sana kita dapat mengatur untuk :

  1. Menampilkan seluruh label atau bisa juga menampilkan sebagian label yang kita pilih saja.
  2. Menentukan susunan label berdasarkan susunan abjad (a,b,c,dst) atau berdasarkan frekuensi.
  3. Menentukan untuk menampilkan nya dalam bentuk list (daftar) atau cloud (disusun dari kiri ke kanan. Dan label yang memiliki banyak posting lebih besar ukuran).
  4. Menentukan apakah ingin menampilkan jumlah artikel yang menggunakan label tersebut.

Jika sudah selesai mengaturnya jangan lupa klik Simpan.

Oh ya, widget label ini tidak akan berfungsi (kosong) jika posting yang ada pada blog anda tidak memiliki label

Cara Memasang Formulir Langganan Artikel

Ini sebenarnya bagian dari cara memasang widget, tapi sengaja saya pisahkan agar lebih jelas.

Fungsi formulir langganan artikel terbaru ini adalah untuk memberikan kesempatan kepada pengunjung untuk mendapatkan pemberitahuan artikel terbaru lewat email.

Artikel kita yang mana yang akan diterima pelanggan artikel?…

Hanya artikel yang kita tulis di bagian posting saja yang akan dikirim ke pelanggan, sedangkan laman tidak.

Oke, adapun cara untuk memasang widget formulir langganan artikel terbaru adalah sebagai berikut :

  1. Buka Tata Letak.
  2. Tambahkan widget.
  3. Pilih gadget Ikuti lewat Email.
  4. Beri judul.
  5. Simpan & selesai.

Cara Memasang Iklan / Banner

Ini perlu diketahui bagi anda yang bertujuan untuk menghasilkan uang dari blog melalui periklanan seperti Google Adsense.

Di sini saya hanya akan menuliskan cara paling mudah memasang iklan di blogger.

Namun sebelum memasang iklan di blog, hal pertama yang wajib dilakukan adalah mengambil kode iklan yang harus di pasang.

Berikut langkah-langkah yang harus dilakukan :

  1. Buka halaman Tata Letak.
  2. Klik tambahkan widget.
  3. Pilih gadget HTML/JavaScript.
  4. Masukkan kode iklan pada bagian konten.
  5. Klik simpan & selesai.

Cara Custom Domain Blogger (Mengganti jadi .com, dll)

Setiap blog yang dibuat pasti menggunakan sub domain blogspot.com.

Walaupun demikian, pihak blogger mengizinkan kita untuk merubah  alamat blog menggunakan domain / sub domain sendiri.

Baik menggunakan domain berbayar seperti .com, .net, .id, maupun pakai domain gratis seperti .tk, .ml, .ga, dsb.

Nah, di sini saya akan memberikan contoh bagaimana cara mengganti domain .blogspot.com menggunakan domain gratis.

Dan cara ini juga bisa diterapkan untuk mengganti domain blogger menggunakan domain berbayar, karena intinya sama saja.

Oke, langsung saja.

1. Kunjungi situs penyedia domain gratis www.freenom.com.

2. Tulis nama domain yang anda mau.

3. Jika tersedia silakan pilih ekstensi domain yang anda suka, misal .tk, ml, ga, dst dengan cara mengklik Dapatkan Sekarang. (kalau tidak tersedia silakan cari nama lain).

custom domain 1

4. Klik Pemeriksaan.

custom domain 2

5. Pilih masa aktif 12 bulan, kemudian klik Continue.

custom domain 3

6. Agar lebih mudah silakan login menggunakan akun Google atau Facebook jika belum punya akun. Kalau sudah punya silakan tekan Click here to login.

custom domain 4

7. Isi formulir data (jangan lupa centang I have read and agree to the Terms & Conditions) kemudian klik Complate Order.

custom domain 5

8. Klik tombol Click here to go your Client Area.

custom domain 6

9. Klik menu Services → My Domains.

custom domain 7

10. Klik Manage Domain.

custom domain 8

11. Klik Manage Freenom DNS, biarkan dahulu halaman ini (jangan ditutup / keluar).

custom domain 9

Kembali ke Blogger

12. Buka tab baru pada browser anda kemudian masuk ke dasbor blogger → buka Setelan → Dasar.

Pada bagian Alamat Blog silakan klik + Siapkan URL pihak ke-3 untuk blog Anda.

13. Masukkan nama domain yang sudah didaftarkan tadi menggunakan www, misalnya www.contohblog.ga → klik Simpan.

custom domain 10

14. Maka akan keluar pesan error beserta pengaturan yang harus dilakukan. (lihat nomor 1 dan 2 pada gambar berikut).

custom domain 11

Biarkan dahulu halaman ini, jangan keluar / tutup.

15. Kembali ke website Freenom yang berada di tab lainnya tadi (11. Manage Freenom DNS).

Buat pengaturan seperti gambar berikut (2 CNAME dan 4 A).

custom domain 12

Pengaturan nomor 1 isi bagian Name dengan www dengan Target ghs.google.com.

Pengaturan nomor 2 sesuaikan dengan pengaturan yang sudah diberikan blogger tadi (nomor 2 juga).

Untuk pengaturan A silakan isi bagian Target dengan IP Address berikut :

  1. 216.239.32.21
  2. 216.239.34.21
  3. 216.239.36.21
  4. 216.239.38.21

Kalau sudah selesai silakan klik Save Changes.

Kalau pengaturan berhasil maka akan ada pesan sukses.

16. Buka lagi tab blogger tadi (nomor 14).

Klik tombol Simpan sampai keluar pesan sukses (mungkin akan beberapa kali klik).

Kalau sudah ada pesan sukses itu artinya domain sudah berubah menggunakan domain yang didaftarkan tadi.

Selamat.

Cara Memasang Kode Verifikasi Google, Bing, dll

Setelah berhasil membuat & mengisi blog dengan beberapa artikel mungkin kita ingin mendaftarkan blog ke mesin pencari seperti Google, Bing, dll.

Dan biasanya saat mendaftarkan blog maupun website kita disuruh untuk memasang kode verifikasi.

Misalnya ingin mendaftarkan blog di mesin pencari Google.

1. Maka langkah pertama yang harus dilakukan adalah mengunjungi situs Google Webmaster.

2. Login dengan akun Google (blogger) anda.

2. Masukkan alamat blog anda kemudian klik tombol TAMBAHKAN PROPERTI.

webmaster 1

4. Pilih metode verifikasi yang anda mau, misalnya metode Tag HTML, dan salin kode verifikasi yang ada di sana.

Pilih metode.

webmaster 2

Biarkan dahulu halaman ini.

5. Buka dasbor blogger di tab baru dan buka menu Template → klik tombol Edit HTML.

edit html

6. Paste kode verifikasi tadi sebelum kode </head> kemudian klik tombol Simpan template (pastikan kode benar-benar sudah tersimpan).

webmaster 3

7. Buka kembali halaman Google Webmaster tadi kemudian klik tombol VERIFIKASI.

Jika masih gagal silakan klik lagi tombol tersebut sampai berhasil.

Cara Memasang Kode Google Analytics

Sebenarnya ini tidak wajib, karena di blogger sudah ada halaman yang berguna untuk melihat statistik blog kita.

Namun jika anda ingin mendapatkan statistik blog yang lebih lengkap, maka bisa menggunakan Google Analytics.

Kalau ingin menggunakannya silakan ikuti langkah-langkah berikut:

1. Kunjungi Google Analytics kemudian login dengan akun Google anda.

2. Klik tombol Pendaftaran.

analytics 1

3. Isi data blog yang ingin didaftarkan → klik Dapatkan ID Pelacakan.

analytics 2

4. Klik tombol Saya Setuju pada Pop-up.

analytics 3

5. Salin ID Pelacakan google analytics blog anda.

analytics 4

6. Buka dasbor blogger → Setelan → Lainnya, dan masukkan ID Pelacakan pada kolom ID Properti Web Analytics.

analytics 5

Jangan lupa klik tombol Simpan setelan.

Itu adalah cara memasang google analytics paling mudah.

Tapi apabila anda menggunakan template di luar blogger maka saya tidak menjamin cara ini berhasil.

Dan jika itu terjadi maka anda harus menggunakan cara lain seperti ini.

1. Pada dasbor blogger klik menu Template

2. Klik tombol Edit HTML.

edit html

2. Pada kolom editor kode cari kode </head> atau </body> kemudian pasang script google analytics di atasnya. Kemudian klik tombol Simpan template.

analytics 6

Selesai…

Nah itulah tutorial blogger yang bisa saya tuliskan kali ini yang bisa dijadikan sebagai bahan untuk belajar membuat blog secara gratis.

Bagi anda pemula dalam dunia wordpress silakan baca juga tutorial belajar wordpress untuk pemula.

Terimakasih dan semoga bermanfaat.


Langganan Artikel Terbaru

Dapatkan update terbaru blog ini lewat email anda

@