Anda di halaman 1dari 75

http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.

html

Tutorial Lengkap Membuat Blog Blogspot Jadi Profesional


Tak bisa dipungkiri masih saja banyak yang bertanya, bagaimana membuat sebuah blog. Saya bahkan dibeberapa
kesempatan, seperti di Twitter dan Facebook sering kali mendapat permintaan agar dibuatkan sebuah blog. Mereka
rela membayar walau sebenarnya seluruh cara-cara membuat blog telah saya utarakan di bloGoooblok ~ ini.

Karena alasan itulah, tutorial lengkap ini saya berikan untuk memudahkan siapa saja, khususnya pemula untuk
membuat blog. Platfom yang akan kita gunakan adalah Blogspot. Mengapa? karena, Blogspot merupakan CMS
paling banyak penggunanya di Indonesia.

Dalam tutorial ini, ada tiga tahapan yang harus dilakukan oleh seorang blogger (sebutan untuk pengguna blog).
Karena ingin membuat blog jadi nampak profesional, maka ketiga tahap ini harus dilalui dan seluruh isi blog di
sunting sendiri.

Tahap Pertama: Persiapan


Hal paling pertama yang dilakukan sebelum membuat blog adalah persiapan. Apa saja yang harus disiapkan, tentu
saja yang paling utama adalah perangkatnya, misal komputer atau notebook yang tentu saja tersambung dengan
internet. Kalau tak memiliki, Anda bisa menyewanya di warnet.

Setelah semua alat telah siap. Tahap selanjutnya adalah menentukan tujuan. Ada dua tujuan dasar seseorang membuat
blog. Sebagai sarana berbagi catatan, hobby dengan komunitas atau bahkan sebagai tempat curhat. Ada pula yang
menjadikan blog sebagai mata pencaharian (bisnis online).

Jika Anda bertujuan menjadikan blog sebagai mesin pencari uang, maka Anda harus mengikuti tahap persiapan
berikut ini;

Apa Itu Blog?


Pertanyaan dasar yang harus dijawab saat pertama kali mengenal kata blog adalah, Apa itu blog?. Darimana asalnya,
untuk apa dan seperti apa rupanya?.

Tentu sangat naif rasanya jika mengangap semua orang telah tahu tentang ini. Sayapun awalnya, harus mencari-cari
kesana kemari tentang apa itu blog? Hingga akhirnya menetapkan pilihan untuk menggelutinya.

Merujuk pada laman Wikipedia, blog merupakan singkatan dari web log. Sebuah aplikasi web yang menyerupai
tulisan-tulisan (yang dimuat sebagai posting) pada sebuah halaman web umum.

Tulisan-tulisan ini seringkali dimuat dalam urut terbalik (isi terbaru dahulu baru kemudian diikuti isi yang lebih
lama), meskipun tidak selamanya demikian. Situs web seperti ini biasanya dapat diakses oleh semua pengguna
http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

Internet sesuai dengan topik dan tujuan dari si pengguna blog tersebut.

(Baca: Cara Membuat Blog Blogspot Dari Awal)

Era sosial media dewasa ini telah menggiring blog menjadi satu kekuatan besar. Sehingga wajar rasanya untuk
mempelajari blog ini lebih jauh.

Sejarah Blog

Blogger.com adalah media blog pertama kali yang dimiliki oleh Pyra Labs sebelum akhirnya diakuisisi oleh
Google.Com 2002 yang lalu.

Semenjak itu, banyak terdapat aplikasi-aplikasi yang bersifat sumber terbuka yang diperuntukkan kepada
perkembangan para penulis blog hingga kini. Varian blog pun lambat laun berkembang, seperti wordpress, blogdetik
dan lainnya.

Fungsi Blog

Fungsi blog sangat beragam, dari sebuah catatan harian, media publikasi dalam sebuah kampanye politik, sampai
dengan program-program media dan perusahaan-perusahaan. Bahkan kini blog tidak hanya digunakan sebagai catatan
online semata, banyak juga yang telah meraup keuntungan financial dari kebiasaan ngebloknya ini. Hal ini akan kita
bahas dipostingan lain.

Sebahagian blog dipelihara oleh seorang penulis tunggal, seperti bloGoooblok ini dan sebagian lainnya dikelola oleh
beberapa penulis sekaligus seperti kompasiana. Namun apapun dan siapapun pengelolanya, blog tetap merupakan
media berbagi tentang banyak hal.

Jenis Blog

Sebagai media berbagi, tentu banyak hal yang bisa dilakukan di blog. Dalam dunia blogging (istilah bagi pengguna
blog) dikenal beberapa jenis blog. Diantaranya :
Blog politik: Tentang berita, politik, aktivis, dan semua persoalan berbasis blog (Seperti kampanye).
Blog pribadi: Disebut juga buku harian online yang berisikan tentang pengalaman keseharian seseorang,
keluhan, puisi atau syair, gagasan, dan perbincangan teman.
Blog bertopik: Blog yang membahas tentang sesuatu, dan fokus pada bahasan tertentu.
Blog kesehatan: Lebih spesifik tentang kesehatan. Blog kesehatan kebanyakan berisi tentang keluhan pasien,
berita kesehatan terbaru, keterangan-ketarangan tentang kesehatan, dll.
Blog sastra: Lebih dikenal sebagai litblog (Literary blog).
Blog perjalanan: Fokus pada bahasan cerita perjalanan yang menceritakan keterangan-keterangan tentang
perjalanan/traveling.
Blog mode: Lebih dikenal dengan "fashion blog". Isinya seputar gaya, perkembangan mode, selera fesyen,
liputan pameran mode, dan lain-lain.
Blog riset: Persoalan tentang akademis seperti berita riset terbaru.
Blog hukum: Persoalan tentang hukum atau urusan hukum; disebut juga dengan blawgs (Blog Laws).
Blog media: Berfokus pada bahasan berbagai macam informasi
Blog agama: Membahas tentang agama
Blog pendidikan: Biasanya ditulis oleh pelajar atau guru.
Blog kebersamaan: Topik lebih spesifik ditulis oleh kelompok tertentu.
Blog petunjuk (directory): Berisi ratusan link halaman website.
Blog bisnis: Digunakan oleh pegawai atau wirausahawan untuk kegiatan promosi bisnis mereka
Blog pengejawantahan: Fokus tentang objek diluar manusia; seperti anjing
Blog pengganggu (spam): Digunakan untuk promosi bisnis affiliate; juga dikenal sebagai splogs (Spam
Blog)
Blog virus (virus): Digunakan untuk merusak
http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

Namun seiring perkembang, jenis-jenis blog semakin banyak pula dan tak mampu saya sebutkan satu persatu. Setiap
orang punya niatan tersendiri saat menjatuhkan pilihan menggeluti dunia blog.

(Baca: Cara Membuat Postingan di Blogger)

Internet adalah jendela dunia tanpa ujung yang nyata. Sehingga menjadi bagian didalamnya juga merupakan wujud
nyata, dimana peradabam manusia sedang berganti dari waktu kewaktu. NgeBlog (istilah blogging bagi blogger di
Indonesia) adalah bagian dari perubahan jaman.

Bisnis Online Jadi Bisnis Masa Depan di Indonesia!

Kemajuan teknologi makin membuat Indonesia berubah. Perubahan itu pun begitu terasa. Apalagi dengan kemajuan
teknologi berupa gadget dan internet. Apa-apa sekarang semuanya dari gadget dan internet. Mulai dari informasi
hingga berbelanja.

Jika ragam gadget mulai bermunculan, begitu pula dengan kapasitas internet di Indonesia. Dikutip dari Laporan State
of the Internet yang dilansir awal Januari 2015, rata-rata kualitas koneksi internet berbasis fixed broadband di
Indonesia melesat cepat.

(Baca: Sudah Tahukah Anda Apa Itu Google Drive?)

Pada kuartal ketiga 2014 kecepatan rata-rata internet di Indonesia mencapai 3,7 Mbps. Angka itu meningkat 149%
ketimbang periode yang sama tahun sebelumnya dan 49% lebih baik ketimbang kuartal kedua 2014.

Dalam laporan itu, Indonesia dinilai sudah mendekati China, meninggalkan Vietnam, Filipina, dan India. Namun
Korea Selatan yang memiliki kecepatan rata-rata 25,3 Mbps, diikuti oleh Hong Kong dan Jepang.

Dengan kapasitan internet yang semakin tinggi, tentu berdampak pula kepada pengguna yang semakin besar. Masih
dari laporan yang sama, hingga kini tercatat ada 35% pengguna yang memiliki sambungan Internet dengan kecepatan
lebih dari 3 Mbps.

(Baca: Cara Daftar Google Adsense dari Blogspot)

Sekitar 3,3% memiliki sambungan dengan kecepatan lebih dari 10 Mbps, dan 0,9% yang memiliki koneksi di atas 15
Mbps. Kecepatan internet mobile broadband di Indonesia juga bisa naik lebih pesat lagi jika jaringan 4G LTE kian
merata di seluruh wilayah. (Saat ini masih di beberapa kota)

Dengan tinggkat pengguna internet sebanyak itu, tidak salah jika bisnis di dunia maya juga berkembang pesat.
Jumlah penduduk Indonesia yang mencapai 240 juta jiwa, bukanlah angka yang sedikit. Ini menjadi peluang besar
bagi pebisnis online.

Kemajuan pesat internet di Indonesia menjadi angin segar bagi dunia usaha khususnya mereka para pemodal besar.
Lihat saja, bagaimana toko-toko online saat ini merajalela di Indonesia. Namun, tidak sedikit pula para blogger yang
hanya menggunakan praltform gratisan menjadi sukses olehnya.

(Baca: Mendapatkan Kupon Iklan Gratis di Google AdWords)


http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

Sebenarnya, peluang menjajal kesuksesan di internet sangat terbuka lebar kepada siapa saja. Tak perduli punya modal
besar atau kecil. Hanya saja, seperti berbisnis di dunia nyata, semua harus didasari oleh keuletan dan tekad yang kuat.

Kedepannya, bisnis online akan menjadi bisnis yang diprimadonakan oleh banyak pihak. Jadi jika tidak
mempelajarinya saat ini, jangan menyesal jika di masa mendatang Anda tertinggal.

Mengenal Bagian dan Fungsi Dasbor Blogspot


Ungkapan tak kenal maka tak sayang berlaku pula bagi seorang blogger. Ibarat rumah baru, tanpa mengetahui seluk
beluk rumah, rasanya akan terasa asing sepanjang hidup. Olehnya itu, penting hukumnya mengetahui bagian-bagian
dari blogspot.

Setelah berhasil membuat blog. Tampilan utama yang akan disuguhkan kepada kita setiap kali login adalah tampilan
dasbor. Pada pembahasan ini, artikel akan dibagi menjadi dua bagian. Tampilan dasbor secara umum dan tampilan
dasbor per akun blogspot.

Tampilan dasbor secara umum pembahasannya juga kita bagi menjadi dua bagian. Dibagian pertama dan inti adalah
bagian pengaturan blog, dimana dibagian inilah semua proses pembuatan dan penghapusan dilakukan. Gambarnya
seperti dibawah ini.

Penjelasan :

1. Bagian ini adalah informasi, bahwa pemilik blog yang saat ini dasbornya sedang terbuka adalah
Wisa Rahardi (pemilik bloGoooblok ~) Secara umum tidak ada pengaturan apa-apa pada tab ini. Jika pun
diklik, tampilan akan menuju bagian paling bawah dasbor.
2. Blog Baru. Anda bisa membuat blog dengan menekan tombol terebut. Caranya sama seperti Anda
membuat blog pertama kali, bisa Anda baca di Cara Mudah Membuat Blog dari Awal.
3. Bagian nomor tiga pada gambar diatas merupakan blog yang berada pada akun Wisa Rahardi. Jika
dilihat gambarnya, terdapat empat blog dalam satu akun. Blogspot memang tidak memberikan batasan
kepada pemilik akun untuk membuat blog sebanyak-banyaknya. Anda sisa menekan tombol Blog Baru dan
ikuti langkahnya. Setiap blog dalam satu akun berdiri dari pengarutan yang berbeda-beda, namun bisa juga
saling dikaitkan.
4. Bagian ini merupakan pilihan lain dari google. Jika Anda lihat gambarnya, terdapat ada lima icon
disana. Setiap icon memiliki fungsi yang berbeda, mulai dari icon foto disebelah kanan yang merupakan icon
email, + untuk mengshare, icon lonceng adalah pemberitahuan dari Google+, icon kotak-kotak adalah
aplikasi lain dari Google dam terakhir adalah akun Google+ Anda.
5. Bagian nomor lima adalah bagian pengaturan. Pertama adalah kota bahasa. Anda bisa merubah
bahasa yang digunakan pada akun blogspot Anda. Sementara icon gir disampingnya memiliki banyak fungsi.
Gambarnya bisa dilihat pada bagian dibawah ini. Silahkan digunkan sebaik mungkin, karena ini berisi
pengaturan profil Anda di blogspot.
http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

Bagian pertama pada dasbor blogspot sudah kita kenali. Selanjutnya adalah bagian paling bawah dasbor. Sebenarnya,
bagi Anda yang tidak terlalu menyukai bagian ini, bisa dibiarkan saja. Namun jika ingin mengikuti satu blog,
mungkin Anda harus mengenal bagian ini. Gambarnya seperti ini.

Penjelasan :

1. Biasanya saat pertama kali mendaftar blogspot, bagian ini belum banyak berisi. Hanya ada informasi
dari Blogger Buzz yang sekali-kali diupdate. Olehnya itu, jika Anda ingin menambahkan langganan artikel
blog, tanpa harus dikirim melalui email, bisa Anda lakukan disini. Klik saja tombol Tambahkan dan ikuti
perintah selanjutnya.
2. Bagian ini memberikan informasi blog apa saja yang Anda ikuti. Jika telah banyak mengikuti blog,
maka akan tampil nama-nama blog tersebut. Sisa Anda klik setiap blognya, maka informasi update blog
tersebut akan muncul.
3. Masih bagian dari nomor dua diatas, bagian ini adalah informasi yang akan diberikan blogspot atas
blog yang Anda ikuti. Semua akan dirunut kebawah sesuai waktu pemilik melakukan update. Fitur ini
penting, untuk mengetahui informasi apa saja yang sedang dibahas blog yang Anda ikuti. Misal Anda ikuti
blog ini, maka akan secara berkala informasi hadir di dasbor Anda.
4. Icon gir dibagian ini fungsinya sama dengan tombol Tambahkan di nomor satu. Hanya saja,
dibagian ini Anda bisa melakukan pengeditan blog yang diikuti, bisa juga berhenti mengikuti dari bagian ini.
Silahkan dipergunakan sebaik mungkin.

Seperti yang saya katakan diatas, pembahasan Mengenal Bagian dan Fungsi Dasbor Blogspot akan dibagi menjadi
dua bagian. Penjabaran diatas, hanya gambaran umum dari dasbor utama. Inti pengaturan ada pada bagian dalam
setiap akun blog.

Mengenal Bagian Ikhtisar Blogspot


Setelah kita mengenal bagian dan fungsi dasbor blogspot pada tampilan muka (depan), selanjutnya kita akan
membahas bagian dalam dasbor blogspot. Bagian ini adalah bagian terpenting dari setiap blog, khususnya blogspot.

Dari dasbor inilah segala pengaturan tentang blogspot dibuat, mulai dari mengisi artikel, hingga pengaturan tampilan
atau template dan banyak lagi. Kita akan membahas bagian-bagian itu satu persatu.
http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

Jika pertama kali membuka dasbor, tampilan yang muncul adalah bagian Ikhtisar. Itulah mengapa, hal pertama yang
akan kita bahas dan kenali adalah bagian ikhtisar ini. Sebelumnya, kita harus sepakati penyebutan menu dibagian kiri
disebut tab.

Jika melihat tab menu diatas terdapat 11 bagian. Mulai dari Entri baru, Ikhtisar, Pos, Laman, Komentar, Google+,
Statistik, Penghasilan, Tata Letak, Template dan Setelan. Setiap bagian memiliki fungsi masing-masing.

Dalam Kamus Besar Bahasa Indonesia, kata Ikhtisar diartikan sama dengan penyebutan rangkuman. Itulah pula tugas
utama tab Ikhtisar pada blogspot. Merangkum seluruh informasi didalam blog kita. Tampilannya seperti dibawah ini.

Penjelasan :

Penayangan adalah bagian statistik atau pelaporan secara umum atas kinerja blog kita. Seberapa sering blog
kita dilihat oleh orang lain, dan dari mana saja mereka menemukan alamat blog kita. Laporan penayangan ini
memang belum lengkap, laporan utuhnya ada pada bagian Statistik.
Pembaruan adalah laporan soal blog secara utuh. Mulai dari orang-orang yang meninggalkan komentar di
blog, jumlah penayangan hari ini hingga total tulisan yang telah diterbitkan.
Sementara kotak Google+ hanya informasi dari Google agar kita memperbanyak teman dari sosial media
yang ia sajikan.

Dalam tab Ikhtisar, selain soal Penayangan dan Pembaruan diatas. Ada pula menu tambahan dari blogspot. Yakni
Berita dari Blogger, Panduan Blogger dan Blog Pilihan Terbaru. Jika tertarik membacanya, silahkan buka linknya
masing-masing.
http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

Penjelasan :

Berita Dari Blogger adalah informasi terkini yang diberikan blogspot atas setiap perubahan atau penambahan
fitur dari blogger. Informasi resmi ini ditayangkan oleh Blogger Buzz. Mereka akan update setiap kali melakukan
perubahan.
Panduan Dari Blogger berisi informasi dasar dari penggunaan blogspot. Informasi yang diberikan cukup
banyak, hanya saja, bahasa yang digunakan terbatas khususnya Bahasa Indonesia. Namun jika Anda tertarik
membaca dan mempelajarinya, tak ada salahnya.
Blog Pilihan Terbaru sama istilahnya jika dalam media online disebut Pilihan Editor. Blogger akan memilih
secara berkala, blog pilihannya ditab ini. Untuk syarat agar blog mejeng disana, saya juga belum tahu. Namun berdoa
saja, blog Anda bisa menjadi pilihan Blogger.

Nah, itulah beberapa item menu pilihan yang disajikan tab Ikhtisar pada dasbor blogspot. Bagina-bagian lain akan
kita bahas terpisah. Semoga bermanfaat dan perkenalan Anda dengan blogspot semakin intens.

Mengenal Lebih Jauh Tentang Blogspot / Blogger

Pada awalnya, Blogspot hanyalah sebuah catatan harian yang mengudara atau online di internet. Namun
perkembangannya, platform milik Google ini menjadi salah satu sistem manajemen konten yang paling populer
(CMS) untuk mempublikasikan website dalam hitungan menit.

(Baca: Apa Itu Blog?)

Blogspot menjadi platform yang berkembang dengan cepat. Bisa digunakan dengan sangat mudah, ringan, cepat,
http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

stabil, handal dan jumlah yang bebas untuk membuatnya.

Siapa saja dapat menggunakan platform ini untuk membangun website dalam berbagai hal. Bisa untuk kepentingan
pribadi, bisnis hingga dijadikan sebagai mata pencaharian utama. Dewasa ini, banyak orang yang menjadi orang kaya
berkat menggeluti Blogspot.

Sebelum jauh, Blogspot juga menjadi pelopor munculnya istilah Blogger. Dimana Blogger bisa merujuk pada istilah
narablog atau pengeblog yang merupakan penulis atau jurnalis yang mencatat berbagai informasi dalam sebuah blog,
baik berupa blog pribadi maupun kelompok, dalam aneka kategori pembahasan.

Blogspot juga sering kali digambarkan sebagai Blogger yang menyediakan banyak konten gratis, baik berupa
template, widget dan lain-lain.

Dengan populasi yang besar, mencakup lebih dari 40% situs di dunia menggunakan CMS ini, tentu sudah menjadi
bukti kehebatan Blogger. Ia memberikan banyak kemudahan bagi para pemula untuk mahir menggunakannya,
bahkan jika Anda sama sekali tidak paham dengan kode HTML.

Hampir setiap tahun, Blogger memperbaharui layanannya. Selain kemudahan, kenyamanan juga menjadi perhatian
Blogger. Anda akan dengan mudah melakukan perubahan dan pegangaturan tampilan dengan mudah. Cukup dengan
mengklik, meng-drag hingga menambahkan widget tanpa merubah HTML.

Berikut beberapa kelebih Blogger jika dibandingkan dengan CMS lain yang berjalan dalam format gratis.

Versi Mobile
Ponsel responsif menjadi masa depan CMS dan itu telah lama dipersiapkan Blogger bagi para penggunanya. Saat
pertama kali membuatnya, versi mobile ini akan hadir dan Anda bisa dengan mudah melakukan pengaturan. Banyak
fitur mobil phone yang disediakan.

Ramah SEO
Siapapun yang membangun sebuah website tentu ingin mudah diakses oleh siapa saja. Satu-satunya raksasa mesin
pencari saat ini adalah Google dan itu tentu kabar gembira buat Blogger. Karena dengan begitu, akan mudah dirayapi
oleh Google. Ini menjadi jaminan bahwa Blogger adalah CMS yang paling ramah SOE (Search Engine
Optimization).

Cepat
Membuat blog, menerbitkan posting, meng-upload foto atau video, memasang Template, menambahkan widget,
mengubah pengaturan dapat dilakukan dengan satu klik.

Blogger juga dilengkapi dengan Google hosting, dan kita harus mengakui bahwa Google hosting adalah yang terbaik
dan tercepat web server di seluruh dunia. Tentu saja Anda tidak ingin pengunjung blog Anda menunggu terlalu lama.

Blogger juga menjamin penggunanya dengan layanan yang stabil. Bisa dibayangkan jika Blogspot ngadat-ngadat
seperti angkot tua, di saat lagi banyak-banyak pengunjung, tentu ini akan sangat menganggu dan Blogger memberi
perhatian serius dalam hal ini.

Aman
Menggunakan Blogger rasa was-was akan di hack oleh seseorang juga akan reda. Sangat tidak mungkin Blogger
mampu dirayapi oleh hacker mana pun di dunia. Logikanya sangat mudah, pernahkah Anda mendengar Google di
hack oleh seseorang? tidak, bukan!. Begitu juga dengan Blogger.

Gratis Seluruhnya
Satu hal yang paling utama dari semua keunggulan Blogger adalah layanannya gratis selamanya. Begitu pula dengan
fitur yang dihadirkan, semua gratis. Tentu jika Anda ingin menjadikan Blogger lebih personal dengan membuat
domain tunggal, itu harus dibayar, namun untuk semua fasilitas yang disediakan oleh Blogger semuanya gratis.
http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

Banyak Dukungan
Jika mengalami kendala dalam mengembangkannya, tidak perlu khawatir, karena dengan mudah Anda akan
menemukan bantuan dari Blogger sendiri hingga artikel yang tersebar di Google. Salah satunya adalah blog yang
sedang Anda baca ini, kami memberi bantuan dengan senang hati.

Cara Membuat Postingan di Blogger


Naaah... setelah kita berhasil membuat sebuah blog, langkah selanjutnya adalah bagaimana mengisinya. Bagaimana
agar setiap pengunjung yang datang bisa membaca artikel yang kita buat.

Langkahnya cukup mudah. Jika saat ini Anda tidak di dasbor, masuklah dengan melakukan login. Setelah berhasil
masuk, Anda akan dihadapkan pada tampilan seperti berikut.

Langsung aja klik 'Entri Baru' di pojok kiri atas, lalu Anda akan dibawa kehalaman selanjutnya.

Pada kanvas besar berwarna putih, isikan tulisan Anda, diatasnya ada kolom judul. Jangan lupa jika ingin terlihat
terkoordinir, klik label di sebelah kanan, isikan sesuai pengelompokkan Anda.

Setelah mengisi tulisan dan memasukan gambar kalau perlu, klik 'Pratinjau' disebelah kanan atas jika ingin melihat
seperti apa tulisan Anda saat diposting. Jika sudah srek dengan hasilnya, silahkan klik 'Publikasikan'.

Tradaaa... postingan pertama Anda mengudara. Mudah bukan...!


http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

MEMODIFIKASI TAMPILAN BLOGSPOT

Cara Membuat 'Baca Selanjutnya' di Postingan Blogspot


Sebenarnya, walau ini sangat mudah, namun banyak diantara blogger yang masih sering bertanya tentang cara
membuat 'Baca Selanjutnya atau Read More' pada postingan.

Dahulu kala memang hal ini harus dilakukan dengan mengutak-atik kode HTML. Namun seiring perkembangan
waktu, blogspot telah menyadari kebutuhan pengguna khususnya kemudahan menggunakan layanan.

Tanpa harus panjang lebar, cara membuat 'Baca Selanjutnya' cukup mudah. Setelahmembuat postingan, sebelum
dipublikasikan. Lihat deretan menu diatas postingan (lihat gambar).

Pada gambar yang dilingkari warna merah Anda klik, setelah sebelumnya meletakkan kursur pada bagian tulisan
yang ingin dipotong. setelah itu akan tampil seperti ini.

Setelah itu, 'Publikasikan' dan lihat hasilnya. Mudah bukan...! Jika ada masalah silahkan konsultasikan, dengan
senang hati akan Kami bantu.

Cara Menampilkan Home/Beranda Pada Blogspot


Mempercantik tampilan blog pastinya sangat penting agar pengunjung (visitor) betah berlama-lama pada blog
(rumah) kita.

Salah satu yang juga banyak dipertanyakan blogger, utamanya yang pemula (seperti saya) adalah menampilkan
tombol 'Home' atau 'Beranda' di kepala blog (header).

(Baca Juga: Cara Membuat 'Baca Selanjutnya' di Postingan Blogspot)

Di blogspot, 'Home' ini memang tidak ditampilkan begitu saja. Namun bisa kita tampilkan kapan pun kita mau.
Caranya mudah. Mula-mula masuk ke acount Blogspot Anda, disisi kiri dasbor carilah tulisan 'Laman'.

Klik tulisan tersebut dan Anda akan dihadapkan pada tampilan seperti ini.
http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

Pada tulisan 'Beranda' dibawahnya terdapat tulisan 'Edit | Lihat' jika Anda ingin merubah tulisan 'Beranda' jadi 'Home'
silahkan klik 'Edit', jika mau menggunakan 'Beranda' abaikan saja.

Setelah itu, diatasnya ada tombol bertuliskan 'Jangan tampilkan'. Klik disana. Anda akan diberi tiga pilihan 'Tab atas'
'Tautan samping' dan 'Jangan tampilkan'. Dalam blogoooblok ini kita pilih 'Tab atas' sehingga posisi tepat ada
disebelak kiri atas pada blog.

Setelah dipilih, silahkan klik 'Simpan Setelan' yang berwarna orange di pojok kanan atas. Setelah itu, lihatlah apa
yang telah Anda lakukan. Woo... sekarang menuju halaman Home Page sangat mudah, tinggal mengklik tombol
'Home'. Mudah bukan...!

(Baca Juga: Cara Membuat Postingan di Blogger)

Update 16 Februari 2015


Untuk menampilkan menu 'Home' di Blogspot tidak lagi dengan cara di atas. Blogspot telah menambahkan aplikasi
ini di widget. Anda Bisa mengaksesnya dengan masuk keTata Letak dan pilih "Laman".

Setelah itu akan muncul jendela baru, centang "Beranda" untuk menampilkannya. Pada widget ini Anda juga bisa
menampilkan menu yang lain seperti menambahkan laman baru dan sebagaianya.
http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

Cara Menghilangkan Navbar dan Elemennya Pada Blogger


Seperti yang saya katakan sebelumnya, bahwa menghilangkan navbar ada dua cara. Di cara pertama
menghilangkan navbar kita telah berhasil dengan selamat.

Tapi coba Anda perhatikan. Memang navbarnya hilang bukan, tapi masih ada spasi, karena kita hanya
menghilangkan tampilan navbarnya saja secara kasat mata, tidak secara harfiah.

Untuk menghilangkan navbar beserta elemen-elemennya, kita ikuti langkah selanjutnya.

Seperti biasa, pertama-tama kita login ke dasbor blogger. Pada deretan menu disebelah kiri, pililah 'Template' maka
akan muncul seperti berikut ini.

Setelah terbuka, tampilannya akan berubah. Tak usah panik itu biasa (mutlak :). Selanjutnya pilih 'Tindak lanjut', lalu
tarik kursor sedikit kebawah dan klik 'Tambahkan CSS'. Pada kolom isian tuliskan ini : #navbar
{display:none} (lihat gambar)
http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

Setelah semua beres, tinggal tombol 'Terapkan ke Blok' disebelah kanan atas, dan tradaaa... lihat hasilnya, pasti akan
berubah. Header kelihatan lebih ramping. Mudah bukan...!

Cara Mengganti Logo Blogger (Favicon)


Kali ini kita akan membahas tentang logo. Seperti yang saya katakan sebelumnya, saat pertama kali membuat blog di
blogger semua serba standar dan bawaan dari blogspot.

Agar tampil beda, kita perlu melakukan beberapa perubahan. Salah satu yang mendasar adalah logo blogger yang
selalu terlihat pada browser Anda. Dalam bahasa blog, logo ini dinamakan favicon.

Cara menggantinya cukup mudah, namun perlu diperhatikan terlebih dahulu adalah mendapatkan favicon yang
diinginkan. Ada banyak cara bisa dilakukan, salah satunya dengan menggunakan fasilitas gratis pembuatan favicon
dari freefavicon.com.

Setelah gambar yang diinginkan telah ada, saatnya merubah masa depan blog Anda :).

(Baca Juga: Cara Menghilangkan Navbar dan Elemennya Pada Blogger)

Pada dasbor blogger, pilihlah 'Tata Letak' pada menu sebelah kiri. Maka akan terlihat gambar seperti ini. Klik 'Edit'
http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

Selanjutnya akan tampil jendela baru. Klik 'Browser' dan pilihlah gambar atau logo dalam format .png dari komputer
Anda. Dalam contoh ini, di blog ini saya gunakan gambar Luna Maya yang telah saya rubah menjadi .png dengan
ukuran 32x32. Setelah itu klik 'Simpan'

Maka tampilan setelahnya akan berubah. Logo Blogger yang memberi kesan 'murahan' akan hilang, kini Luna Maya
siap menyapa Anda. Gimana, mudah bukan...!

Cara Mudah Membuat Sitemap di Blogger


Menghadirkan sitemap pada blog punya keuntungan tersendiri, karena akan memudahkan pengunjung mencari artikel
lainnya dalam blog.

Namun karena blogspot tidak menyediakan layanan ini secara defuld, maka sebagai pemilik kita diberi kesempatan
membuatnya. Dalam tulisan ini kita akan buat sitemap di blogger dengan mudah.
Selanjutnya mari kita buat.

Seperti biasa, pertama-tama login ke blogger Anda. Pilih 'Laman'. (Lihat Gambar).

Lalu klik 'Laman Baru' pilih 'Laman Kosong'


http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

Jika telah terbuka. Isikan 'Judul laman' sesuai dengan keinginan Anda. Sebagai contoh dalam blog ini kita gunakan
kata 'Sitemap'. Setelah itu klik 'HTML'.

Masukkan script HTML berikut, copy paste saja.

<script src="https://sites.google.com/site/script4shared/sitemap.js"></script><script
src="http://blogoooblok.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-
script&amp;callback=loadtoc"></script>

Tulisan berwarna merah pada script diatas Anda rubah menjadi alamat blog Anda. Jika sudah, silahkan publikasikan.
Tapi jika tak merasa yakin, silahkan klik 'Pratinjau' dulu. Jika sudah oke, 'Publikasikan' deh...

Dengan menggunakan script diatas, maka tampilannya akan memanjang terus kebawah, seperti gambar ini.

Untuk menggunakan sitemap berbeda, kita juga bisa menggunakan skrip ini, (ganti kode yang berwarnah merah
dengan blog Anda)
http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

<div style="background-color: #dde1e3; border: 1px solid #999999; height: 100px; overflow: auto; padding: 10px;
width: 100%px;">
<script src="https://sites.google.com/site/script4shared/sitemap.js"></script><script
src="http://blogoooblok.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-
script&amp;callback=loadtoc"></script>
</div>

Tampilannya seperti ini:

Untuk yang kedua ini lebih dinamis dengan kolom, dan scroll. Ini memungkinkan bagi pemilik blog yang telah
memiliki banyak postingan. Silahkan dipilih, mana yang cocok dengan kepribadian Anda. Gimana mudah kan...!

Cara Memasukkan Gambar Dalam Postingan Blog


Walau langkah ini sangat mudah, namun ada juga beberapa blogger yang sedikit kesulitan saat memasukkan gambar
kedalam postingan.

Naah, dipostingan kali ini kita akan belajar memasukkan gambar/foto/image ke dalam postingan. Langkahnya cukup
mudah. Pertama-tama login ke akun blog Anda lalu pilih 'Entri Baru'.

Saya asumsikan Anda sekarang telah menyiapkan tulisan dan foto yang ingin disertakan. Selanjutnya isi tulisan
dikolom yang disediakan dan masukkan foto. Caranya, letakkan kursor komputer Anda dibagian yang akan dipasangi
gambar.

(Baca Juga: Cara Menghilangkan Border atau Bingkai Gambar di Blog)

Jika Anda ingin menaruh gambar di bagian atas tulisan, silahkan letakkan kursor Anda disana dan enter sekali.
Selelah itu, lihat menu diatas. (Lihat gambar) .

Selanjutnya Anda akan dibawa kejendela baru. Pilih gambar yang Anda ingin masukkan kedalam tulisan melalui
komputer Anda. Jika sudah terupload, maka pilih dan klik 'Add Selected'.
http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

Tradaaaa... gambar yang Anda inginkan sekarang sudah dalam postingan. Tinggal dipilih mau menggunakan ukuran
asli, diperbesar atau diperkecil. Begitu juga jika Anda ingin menaruhnya di tengah-tengah, sebelah kanan atau
sebelah kiri.

Mudah bukan...!

Cara Membuat Kotak Script Dalam Postingan Blog


Menyematkan kotak dalam tulisan blog terlihat menarik dan indah. Banyak blogger menggunakan kotak dalam
postingan untuk menaruh informasi penting, salah satunya adalah script HTML, Java dan sebagainya.

Namun kotak yang disematkan dalam postingan ini tidak disediakan defuld oleh blogspot, olehnya itu kita dituntut
membuatnya sendiri. Caranya mudah, ikuti langkah-langkah berikut ini.
Login ke blogger dan pilihlah 'Entri Baru'
Buat tulisan, contoh seperti gambar. Lihat yang berwana merah, posisi tulisan adalah 'Compose'.

Setelah itu copy paste script ini, dan kembali ke postingan Anda di blogger.
<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
text-align: left;">
.blogoooblok (ganti tulisan ini).</div>
Selanjutnya pilih 'HTML' ( jelasnya lihat gambar).
http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

Paste script yang tadi di copy di bawah postingan (terserah mau menaruhnya dimana).
Kembali lagi aktifkan 'Compose' dan lihat hasilnya. Tradaaa... sudah ada kotak.

Selanjutnya Anda sisa mengganti tulisan '.blogoooblok (ganti tulisan ini).' dengan tulisan yang ingin Anda
taruh disana, bisa berupa script atau tulisan lain. Mudah kan...!
Mudah dong, namun mungkin Anda tidak setuju dengan tampilan kotak contoh diatas. Anda bisa merubahnya sesuka
hati. Berikut ini penjelasan scriptnya.

<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;


text-align: left;">
.blogoooblok (ganti tulisan ini).</div>
border: 3px = ketebalan kotak script. dan #1780dd = warna kotak script.
Double : bentuk kotak. (kode ini bisa diganti dengan kode berikut atau juga bisa dihilangkan).
.blogoooblok (Dashed).

.blogoooblok (Dotted).

.blogoooblok (Groove).

.blogoooblok (Inset).

.blogoooblok (Outset).

.blogoooblok (Ridge).

.blogoooblok (Solid).
padding:10px = panjang kotak ke bawah, untuk lebarnya otomatis sampai ke ujung posting.
background-color:ffffff; = warna dalam kotak.
Dan text-align:left; = posisi tulisan didalam kotak di kiri
Nah itulah penjelasan kode HTML untuk membentuk kotak script dalam postingan. Silahkan memodifikasi sesuai
dengan selera Anda. Tidak susah bukan. Dipostingan selanjutnya kita akan buat kotak dengan scroll dalam postingan,
so... stay cool.

Untuk blog ini, script diatas saya modifikasi seperti kotak berikut.

<div style="background-color: #f3f3f3; padding: 10px; text-align: left;">


.blogooblok (script kotak di blog ini)
</div>

Bagi Anda yang memiliki pertanyaan, jangan sungkan, tinggalkan komentar Anda. Semoga memberi manfaat. :)
http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

Cara Gampang Merubah Ukuran Header Blogspot


Sejauh ini bagaimana perkembangan blog Anda. Sudah berbentuk atau belum sama sekali. Jika masih belum
mengerti tentang blog, Anda bisa memulainya dengan membaca cara membuat blog dari awal, atau
klik disini untuk mencari informasi yang Anda butuhkan.

Kali ini kita akan belajar mempercantik tampilan blog. Soal cantik ini penilaiannya relatif dari masing-masing
pengguna. Tapi pada dasarnya, blog yang cantik itu yakni yang tidak mempersulit pengunjungnya.

Setiap pengunjung (visitor) kadang memberi waktu yang lama dalam satu blog, kadang pula muncul tenggelam. Ada
banyak faktor yang mempengaruhi, salah satunya peletakan atau tampilan yang kurang menarik.

Nah... pada kesempatan ini kita akan belajar merubah ukuran header blogspot. Kadang ada orang yang ingin
melebarkan header blognya, kadang pula ada yang ingin memperkecil. Setiap orang punya selera berbeda dalam
mendesain blognya.

Untuk merubah header blog, banyak blogger yang mengalami kesulitan. Karena untuk merubah ukuran header
memang membutuhkan kemampuan otak atik kode HTML. Tapi itu dulu, sekarang blogspot telah memberi kita
kemudahan.

Kita bisa merubah header blog tanpa harus mati-matian belajar CSS atau HTML. Caranya gampang, ikuti langkah
berikut ini. Oh iya, metode ini khusus bagi blogger yang menggunakan template standar dari blogspot. Seperti blog
ini menggunakan template sederhana. Metode ini pun telah berhasil saya terapkan di blog ini.
Pertama-tama seperti biasa login ke akun blogspot Anda dan masuk ke dasbor. Selanjutnya pilih 'Template'
dan klik 'Sesuaikan'

Anda akan dibawa kehalaman pengaturan antar muka. Di langkah ini usahakan rubah dulu warna header
Anda agar bisa membedakan hasil perubahan. Namun jika warna header Anda sudah berbeda, hiraukan langkah ini.
Bagi yang warna headernya sama dengan warna body, cara merubahnya seperti ini. Masuk ke tab 'Tindak Lanjut' lalu
pilih 'Latar' dan pilih 'Latar Header' (lihat gambar). Anda bisa merubahnya sesuka hati.

Setelah warna header berubah (Bisa dilihat dikolom bawah pratinjau tampilan). Langkah sepanjutnya, tarik
kursor Anda hingga kebawah lalu pilih 'Tambahkan CSS' (lihat gambar).
http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

Anda akan diberi kolom isian. Selanjutnya tinggal copy paste script dibawah ini.
.header-outer{
left:-40px;
width:1000px;
height:40px;
bottom:10px;
}

Penjelasan Script :
left:-40px; merupakan kode untuk mengatur kerapatan sisi kanan header dengan tampilan layar, silahkan
angkanya dirubah-rubah sesuai keinginan Anda dengan mencocokan perubahan preview yang tampak pada halaman
desain blogger hingga sudah merasa cocok.
width:1000px; merupakan kode untuk menyesuaikan panjang header di sisi kanan, silahkan di sesuaikan
angkanya menurut selera Anda.
height:40px; merupakan kode untuk merubah ukuran tinggi header, seperti biasa silahkan di sesuaikan
dengan selera Anda.
bottom:10px; merupakan kode jarak dari bagian bawah, jadi jika angka ini dirubah/diperbesar maka akan
ada jarak antara header dengan widget yang ada pada bagian bawah header.
Gimana mudah bukan! Itu baru merubah ukuran headernya, untuk merubah tab atau laman/pages atau menu dibawa
header, script CSS yang digunakan berbeda lagi. Kita akan bahas pada postingan selanjutnya. See yaaa

Cara Menampilkan Kolom Komentar Google+


Secara defuld blogspot menampilkan kolom komentar yang sudah terkoneksi dan tanpap indah. Namun beberapa
blogger merasa tidak nyaman dengan kolom komentar pada blogspot.

Sebenarnya ada banyak pilihan bagi blogger untuk menggunakan kolom komentar, salah satu pilihan adalah
menggunakan kolom komentar dari Google+. Bagi mereka yang selama ini lebih aktif bersosial media menggunakan
Google+ sangat cocok menggunakan kolom komentar ini di blognya.

Namun bagi beberapa orang, memasang kolom komentar Google+ adalah perkara sulit, padahal pilihan ini sudah
diinterkoneksikan dengan blogspot. Cara memasangnya pun cukup mudah.

Olehnya itu, pada postingan blogoooblok kali ini kita akan membahas cara memasan kolom komentar di blog. Secara
umum penggunaan kolom komentar Google+ sangat membantu, utamanya bagi search enggine.

Baiklah berikut cara-caranya.

Login ke dasbor blog Anda.


Lalu pilih tab Google+ lalu centang Gunakan Google+ Komentar di blog Ini. (lihat gambar).
http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

Setelah itu refres blog Anda dan buka satu postingan, kolom komentar Google+ akan tampil disana.

Walau saya sendiri menyukai kolom komentar ini, namun ada satu kekurangan saat menggunakan kolom komentar
Google+. Kita tidak akan pernah tahu siapa saja yang sudah berkomentar pada postingan kita, karena google tidak
memberikan kita kewenangan untuk melakukan moderisasi.

Walau bagaimana pun inilah kolom komentar yang paling SEO frendy khususnya untuk google. Silahkan Anda
tentukan mau gunakan kolom komentar ini atau tetap pada kolom komentar yang lama. Sebenarnya banyak pilihan
diluar sana dan itu akan kita lanjutkan pada postingan selanjutnya. Semoga bermanfaat, see yaa

Cara Mudah Menampilkan Tulisan Terbaru di Blogger


Untuk menampilkan tulisan terbaru dalam blog sebenarnya ada banyak cara. Banyak diantara blogger bahkan
menggunakan widget dari pihak ketiga, sehingga harus melakukan beberapa pengaturan.

Padahal blogspot telah menyediakan fasilitas ini secara gratis. Hanya saja banyak yang tidak tahu. Semoga postingan
ini bisa membantu. Begini caranya:

Pertama-tama seperti biasa login ke akun blogspot Anda lalu pilih Tata Letak dan klik Tambahkan Gadget.

Setelah itu pilih Feed


http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

Pada tab selanjutnya, isikan Feed blog Anda, lalu klik Lanjutkan.

Tampilan selanjutkan akan seperti gambar dibawah ini. Anda bisa merubah tulisan Judul sesuai dengan
selera Anda. Batas maksimal tulisan terbaru yang dimunculkan paling tinggi 5 tulisan. Dalam tab ini juga
diperlihatkan tampilan saat diposting. Setelah srek, selanjutnya klik Simpan.
http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

Sekarang kembali ke blog Anda, refrest dan lihat hasilnya. Pasti tulisan terbaru di blog Anda sudah muncul. Untuk
merubah posisinya, silahkan atur sendiri di Tata Letak. Harus diingat untuk saat merubah posisinya usahakan untuk
selalu menyimpannya.

Mudah bukan! mudah dong. Nah kalau menemukan kesulitan atau memiliki cara lain, tak ada salahnya juga
meninggalkan komentar dibawah ini. Kita bisa sharing agar ilmu yang kita dapat semakin banyak... see yaa

Cara Mudah Pasang Tombol Share di Blogspot


Memasang tombol share selain tampak indah jika diposisikan baik, juga berguna meningkatkan trafik ke blog kita.

Di berbagai postingan, telah banyak yang memberikan cara memasang tombol ini di dalam postingan, namun banyak
yang juga tidak mengerti cara memasangnya. Hal ini pula yang menimpa saya waktu awal-awal mengenal dunia blog.

Pada postingan kali ini kita akan belajar memasang tombol share di blogspot dengan mudah. Tombol share yang akan
kita pasang seperti yang diterapkan di blog ini, atau lihat gambar dibawah ini.

Untuk memasangnya, seperti biasa kita harus login dulu ke akun blogspot. Setelah itu
pilih Template dan Edit HTML.
http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

Nah, kita sekarang ada dihalaman HTML. Selanjutnya cari kode dibawah ini. Agar lebih mudah, tekan
tombol Ctrl F untuk mencarinya.

<data:post.body/>

Setelah menemukan, kemungkinan besar di blog Anda akan ada dua atau lebih kode seperti diatas. Pilih yang
pertama dan copy script dibawah ini.

<b:if cond='data:blog.pageType == "item"'>


<div style='border-top:1px solid #ccc;border-bottom:1px solid #ccc; padding:8px 0px;margin:5px 0px 5px
0px;width:100%;float:left;height:20px;'>
<div style='float:left;padding-left:0px;font:normal 12px Georgia;'>
Share on :
</div>
<div style='float:left;padding-left:10px;'>
<a name='fb_share' type='button_count'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share'
type='text/javascript'>
</script></div>
<div style='float:left;padding-left:10px;'>
<a class='twitter-share-button' data-count='horizontal'
data-via='User Name'
href='http://twitter.com/share'>Tweet</a><script
src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
</div>
<div style='float:left;padding-left:10px;'>
<!-- Place this tag where you want the +1 button to render -->
<g:plusone size="medium"></g:plusone>
<!-- Place this render call where appropriate -->
<script type="text/javascript">
(function() {
var po = document.createElement('script'); po.type =
'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(po, s);
})();
</script>
</div>
</div>
</b:if>

Untuk memasangnya ada dua cara, jika ingin tombol share ada dibawah judul postingan, paste script diatas ini tepat
diatas kode <data:post.body/> tapi jika ingin memasang tombol share dibawah postingan, paste script diatas tepat
dibawah <data:post.body/>.

Seperti diblog ini, saya menaruh tombol share dibawah judul postingan, sehingga meletakkan script diatas tepat diatas
dikode <data:post.body/>. Lebih jelasnya lihat gambar dibawah ini.
http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

Khusus untuk tulisan berwarna merah pada script diatas, bisa Anda rubah sesuka hati, misal "Sebarkan Tulisan Ini"
dan lain-lainnya sebagainya. Setelah itu jangan lupa tekan tombol Simpan. Sekarang, lihat postingan Anda, tombol
share sudah nongol bukan!. Semoga bermanfaat.

Jika punya pertanyaan atau sekedar sharing, tak ada salahnya meninggalkan komentar dikolok Disqus dibawah ini.

Cara Membuat Artikel Terkait Dibawah Postingan Blogspot


Untuk membuat related post atau artikel terkait tepat dibawah postingan ada banyak macamnya. Ada yang suka
dengan tampilan bergambar, ada pula yang hanya menyukai tulisan saja.

Modelnya pun cukup beragam, ada yang berbaris kesamping, ada pula artikel terkait yang memanjang kebawah.
Untuk tutorial kita kali ini, kita akan membuat related post yang bentuknya memanjang kebawah dengan maksimal 5
tulisan.

Cara membuatnya cukup mudah, ikuti langkah-langkah berikut ini.

Pertama-tama login ke akun blogspot Anda, lalu pilih Tamplate > Edit HTML.
Setelah terbuka cari kode ini </head>. Agar mudah mencarinya tekan Ctrl F dan jika telah ketemu copy
script dibawah ini tepat dibawahnya.

<script type="text/javascript">
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;}}}}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

tmp2[tmp2.length - 1] = relatedTitles[i];}}
relatedTitles = tmp2;
relatedUrls = tmp;}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' +
relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;}
i++;}
document.write('</ul>');}
//]]>
</script>

Ini gambar ilustrasinya. (Lihat kotak berwarna merah).

Jika selesai, cari lagi kode ini <data:post.body/>, lalu copy kembali script dibawah ini tepat dibawah kode
diatas. Jika Anda menemukan ada dua <data:post.body/> letakkan script dibawah kode yang pertama.

<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-
script&amp;callback=related_results_labels&amp;max-results=5"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>

<b:if cond='data:blog.pageType == "item"'>


<h4>Artikel Terkait</h4>
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

</script>
</b:if>

Ini gambar ilustrasinya.

Khusus tulisan berwarna merah pada script bisa diganti sesuai keinginan. Setelah semua beres, jangan lupa
menyimpannya dengan menekan tombol Simpan Template, lalu kembali ke blog Anda. Refrest dan kini related post
atau artiker terkait akan segera muncul.

Mudah bukan!. Nah, kalau masih mengalami kesulitan tak perlu sungkan untuk bertanya dengan meninggalkan
komentar pada kotak diskusi dibawah ini. Semoga bermanfaat dan see yaa

Cara Menempatkan Judul Blog Ditengah-tengah


Yang namanya blog, terutama blogspot. Template bawaanya sangat standar dan sederhana. Namun kita oleh blogspot
diberi kesempatan untuk merubahnya sesuka hati. Karena selera kita berbeda-beda, jadi apapun bisa dilakukan.

Sebelumnya kita juga telah membahas cara merubah lebar header blogspot. Kini kita akan lihat caranya merubah
posisi judul pada blogspot.

Berbicara tentang judul blog, secara defult blogspot menempatkannya disebalah kiri. Jika sebagai pengguna ingin
memindahkannya ditengah-tengah, bisa juga. Caranya pun sangat mudah, bahkan tanpa harus menuju halaman Edit
HTML dan berjibaku dengan kode-kode 'rumit'.

Oh iya sebagai informasi saja, blog ini menggunakan template sederhana dari blogspot. Namun dengan berbagai
perubahan kita bisa membuatnya tampak beda dari bawaan aslinya. (Semoga saja nampak beda Anda lihat xixixix).

Kembali ke topik bahasan. Cara menempatkan judul blog pas ditengah-tengah. Pertama-tama login dulu ke akun
blogspot Anda. Lalu pilih tab Template disebelah kiri dan lalu pilih Sesuaikan.
http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

Dihalaman ini langsung saja pilih tab sebelah kiri paling bawah Tindak Lanjut dan tab paling bawah
lagi Tambahkan CSS. Lalu copy script dibawah ini, tepat di dalam kotak isian yang disediakan. Anda akan melihat
preview-nya dibagian bawah. Jika sudah sesuai keinginan, silahkan tekan tombol Terapkan ke Blog.

/* Header
----------------------------------------------- */
.header-outer {
background: $(header.background.color) $(header.background.gradient) repeat-x scroll top left;
_background-image: none;
color: $(header.text.color);
text-align:center;
}

Ini gambar ilustrasinya.

Harus diingat, jika Anda sudah menaruh beberapa script didalam kota Tambahkan CSS, usahakan untuk satu script
dengan script lainnya memiliki jarak. Untuk menempatkan script diatas usahakan pula berada dibagian atas agar,
script lain misal untuk merapatkan jarak antara judul blog dengan deskripsi blog tidak tertimpal.

Gimana mudah bukan!. Jika masih mengalami kesulitan, silahkan dikomunikasikan dengan meninggalkan komentar
dibawah ini. Jika informasi diatas juga bermanfaat, tak ada salahnya untuk tetap berdiskusi. Salam berbagi....

Cara Merubah Jarak Antara Judul Blog dengan Deskripsi Blog


Sebelumnya kita telah membahas cara menempatkan judul blog ditengah-tengah. Sekarang, kita akan merubah jarak
antara judul blog dengan deskripsi blog. Kali ini pun kita akan bahas cara ini dengan mudah, tanpa harus mengutak
atik kode HTML di Edit HTML.

Jika merujuk pada template defult dari blogspot, jarak antara judul dan deskripsi terlalu jauh. Ini memang tidak
berpengaruh apa-apa dimesin pencari, namun banyak yang menilai jarak yang terlalu jauh itu kurang nyaman
dipandang.
http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

Karena saya beranggapan sama dengan yang lain, maka saya pun merubah jarak itu. Kita akan merapatkan sedikit
antara judul dan deskripsi agar terlihat mesra dan enak dipandang. Okelah, kita mulai saja.

Seperti biasa. Login ke akun blogspot Anda, lalu pilih tab Template lalu pilih Sesuaikan.

Dihalaman ini langsung saja pilih tab sebelah kiri paling bawah Tindak Lanjut dan tab paling bawah
lagi Tambahkan CSS. Lalu copy script dibawah ini, tepat di dalam kotak isian yang disediakan. Anda akan melihat
preview-nya dibagian bawah.

.region-inner.main-inner{ margin-top: -20px; } .titlewrapper{ margin-bottom:-40px; }

Ini gambar ilustrasinya:

Anda bisa modifikasi script diatas dengan sedikit perubahan. Jaraknya bisa dimainkan dengan merubah angka yang
telah saya tandai warna merah. Setiap merubah angkanya lihat preview dibawahnya dan saat sudah merasa nyaman
dengan jaraknya, selanjutnya simpan dengan menekan tombol Terapkan ke Blog disebelah kanan atas.

Mudah bukan! Jika masih mengalami kesulitan, silahkan dikomunikasikan dengan meninggalkan komentar dibawah
ini. Jika informasi diatas juga bermanfaat buat Anda, tak ada salahnya untuk tetap berdiskusi. Indahnya berbagi....

Cara Menghilangkan Tulisan Subscribe to: Post (Atom)


Membuat blog tampak indah dan rapih memang butuh usaha. Template sederhana pun jika kita mau berusaha
merubah dan memperbaikinya akan nampak indah pada akhirnya. Sekali lagi saya katakan, blogspot memberi kita
kesempatan melakukan perombakan.

Kali ini kita akan membahas cara menghapus tulisan Subscribe to: Post (Atom) yang berada dipojok kiri paling
bawah blogspot. Tulisan ini memang tidak masalah jika tetap berada disana, namun bagi sebagian orang risih dengan
adanya tulisan ini.
http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

Untuk menghapusnya cukup mudah. Silahkan cari script berikut pada halaman HTML.

<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/>
(<data:f.feedType/>)</a>
</b:loop>
</div>

Jika belum tahu caranya menuju halaman HTML, pertama-tama login dulu ke akun blogspot Anda, lalu
pilih Template lalu Edit HTML. Agar mudah melakukan pencarian tekan Ctrl F dan enter kode ini <div
class='feed-links'>.

Jika telah ketemu, lihat script diatas secara utuh. Hapus semuanya hingga ke baris</div>. Jika masih kurang paham,
bisa dilihat pada gambar berikut ini.

Setelah itu Simpan pengaturan dan otomatis tulisan Subscribe to: Post (Atom) diblog Anda hilang. Ini akan
menambah kerapihan tampilan blog Anda.

Semoga bermanfaat. Jika masih mengalami kesulitan, tak perlu sungkan untuk bertanya dengan meninggalkan
komentar dibawah ini. Salam berbagi!

Cara Memperbesar dan Mengecilkan Ukuran Font Postingan


Khusus pada postingan ini, kita akan bahas masalah yang banyak dihadapi blogger awam, yakni memperbesar dan
mengecilkan ukuran font/huruf dalam postingan blog.

Ada banyak alasan, mengapa banyak orang membutuhkan cara memperbesar dan mengecilkan font ini. Dibanyak
blog juga cara ini telah dibahas berkali-kali. Namun tak ada salahnya mengulas kembali.

Blogspot memang tidak menyediakan pilihan untuk melakukan perubahan ukuran font. Pilihan yang ada di dhasbor
blogspot hanya merubah tipe font dan posisi (tebal/miring/normal).

Untuk memperbesar atau memperkecil ukuran font kita diminta menanamkan script HTML dalam postingan. Cara
http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

menanamkan script HTML dalam postingan sama dengan cara membuat postingan seperti biasa. Hanya saja
pilihannya dirubah dari Compose jadiHTML. Lihat gambar:

Setelah di halaman HTML, sisa copy script dibawah ini:

<div style="text-align: justify;">


<span style="color: black; font-family: Verdana,Arial,Helvetica,Georgia; font-size: 14px;">(masukkan tulisan Anda
disini)</span>
</div>

Penjelasan Script:

Pada tulisan (masukkan tulisan Anda disini) yang warnanya merah pada script diatas adalah tulisan Anda
yang ingin diperbesar atau diperkecil. Soal jumlah kata, silahkan disesuaikan, dan jika ingin menjadikan dua paragraf
sisa menambahkan kode <br /> artinya enter.
font-size: 14px adalah pilihan untuk merubah ukurannya. Semakin besar angkanya, besar pula hurufnya, pun
sebaliknya demikian.
text-align: justify adalah posisi tulisan. Anda bisa menggantinya dengan left (kiri) center (tengah) right
(kanan) "justify (rata kanan dan kiri)"
color: black; adalah warna tulisan. Anda bisa menggantinya sesuai selera, misal red, ganti saja black menjadi
red.
font-family: Verdana,Arial,Helvetica,Georgia adalah jenis font. Anda juga bisa menggantinya sesuka hati.
Tinggal mencari nama fontnya dan ganti tulisan diatas. Namun harus diingat, tidak semua jenis font bisa digunakan di
web atau blog. Bereksperimenlah...

Contoh penerapan script diatas bisa dilihat dibawah ini

Scriptnya :

<div style="text-align: center;">


<span style="color: red; font-family: Verdana,Arial,Helvetica,Georgia; font-size: 35px;">bloGoooblok, tak sekedar
ngeBlog</span>
</div>

Hasilnya :

bloGoooblok, Tak Sekedar NgeBlog


Jika masih mengalami kesulitan, tak perlu sungkan untuk meninggalkan komentar. Saya akan dengan senang hati
membantu semampunya. Tak ada salahnya pula saling berbagi ilmu takkala ada hal yang jauh lebih baik dari script
diatas. Terima kasih

Cara Memasukkan Video Kedalam Postingan Blog


Fenomena Youtube tak bisa dipungkiri sedang boomingnya saat ini. Karena peminatnya yang tinggi, banyak diantara
blogger juga menyertakan video Youtube kedalam postingan. Seperti video dibawah ini.
http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

Menyertakan video kedalam postingan saat ini sudah menjadi kebutahan. Hal inilah yang disadari oleh blogspot
sehingga memberikan kita kemudahan menyertakan video disetiap artikel yang terkait.

Dulu, diawal-awal blogspot hadir, video dari Youtube harus dimasukkan secara manual kedalam postingan. Namun
kini, cara memasukkan video Youtube jauh lebih mudah.

Pada postingan ini kita akan membahas dua cara memasukkan video Youtube kedalam postingan. Soal fungsi dan
keutamakan video Youtube dalam postingan, akan dibahas terpisah.

Anda juga bisa membaca Cara Memasukkan Gambar Dalam Postingan Blog dan Cara Memperbesar dan
Mengecilkan Ukuran Font HTML. Keduanya punya keterkaitan dalam mempercantik tampilan postingan.

Seperti yang saya katakan diatas, ada dua cara memasukkan video Youtube kedalam postingan.

Cara Pertama
Jika Anda lihat video Google diatas, itu saya masukkan melalui cara sederhana. Yakni, login ke akun
blogspot Anda, lalu pilih Entri Baru untuk membuat postingan. Jika Anda sudah menyiapkan artikel, pilih lokasi yang
akan Anda bari video, setelah itu, klik gambar tage action pada menu pilihan dibagian atas. Lihat gambar.

Setelah mengklik, Akan muncul jendela baru. Disini ada banyak pilihan dalam menu, Anda bisa mengupload
video buatan sendiri dari komputer Anda atau bisa lewat Youtube. Untuk Youtube pun ada dua pilihan, melalui kanal
Anda di Youtube atau video milik orang lain di Youtube. Kita pilih yang kedua, menggunakan video orang lain di
Youtube.
Karena kita akan menggunakan video orang lain di Youtube kedalam postingan kita, pertama-tama ke
Youtube-lah mengambil URL video tersebut, setelah dicopy, paste tepat dikolom yang disediakan, lalu klik icon cari
disampingnya. Secara otomatis, video itu akan muncul dibagian bawah. Anda sisa memilih dan klik Pilih. Video
tersebut akan menyatu dengan postingan Anda. Contohnya video diatas.

Cara Kedua

Bukalah Youtube dan cari video mana yang ingin Anda tampilkan. Setelah dipilih, lihat bagian bawah
Video. Pilih Share lalu pilih Embed. Copy script yang ada dibawahnya kedalam postingan Anda. Jika Anda ingin
mengatur ukuran video, silahkan diatur lewat tombol dibawah script, ada tulisan Video size.
http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

Selanjutnya ke postingan Anda yang akan diberi video. Untuk menampilkan link video yang tadi diambil
dari Youtube, pilih mode HTML pada postingan, dan paste script tersebut dilokasi yang Anda inginkan. Soal
ukurannya, perhatikan kata width="320" height="266" di script yang Anda copy, silahkan rubah sesuai kebutuhan
dan size postingan Anda.

Jika telah selesai, kembalikan ke mode Compose dan publish tulisan Anda jika selesai. Kini video youtube
telah turut serta dalam postingan Anda.

Dari dua cara diatas, silahkan Anda pilih sesuai kebutuhan. Mau yang simpel, atau yang sedikit lebih rumit. Dua-
duanya menampilkan hasil yang sama. Semoga penjabaran diatas memberi manfaat, tak ada salahnya pula berdiskusi
melalui form disqus dibawah ini. Enjoy Blog....

Cara Merubah Judul dan Deskripsi Blogspot


Judul dan deskripsi blog adalah identitas yang tak bisa disepelekan oleh seorang blogger. Walau tanpak biasa, namun
peranan judul dan deskripsi blog sangat besar, utamanya bagi mesin pencari seperti Google.

Bagi yang belum tahu mana judul dan deskripsi blog, contohnya pada blog ini. Judulnya bloGoooblok ~ dan
deskripsinya Tutorial Blog | Teknik SEO | Monetize | Pelajaran Bagi Pemula.

Kesalahan pemberian judul bisa berakibat fatal bagi blogger yang punya ambisi menekuni bisnis online. Karena
selain URL blog, judul juga punya andil agar bisa muncul dihalaman utama pencarian Google.

Saat pertama kali membuat blog, kadang kala kita hanya mengisi judul ala kadarnya saja. Al hasil, kita terbangun dan
menyadari kalau judul blog tidak sesuai dan hendak dilakukan perubah, begitupula deskripsi. Apalagi deskripsi
memang tidak diisi saat pertama kali membuat blog.

Seperti yang saya singgung diatas, judul blog penting bagi blogger yang ingin tekun dibisnis online, termasuk
menekuni Google Adsense (baca juga Cara Mendaftar Google Adsense dari Blogspot). Namun bagi mereka yang
ingin membangun brand tidak ada salahnya memberi judul blog sesuka hati.

Nah, jika punya niat merubah judul. Ada dua cara yang diberikan blogspot kepada kita. Caranya seperti penjabaran
http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

berikut ini :

Merubah Judul dan Deskribsi Blog dari Tata Letak

Pertama-tama, Anda siapkan dulu matang-matang, judul dan deskripsi yang ingin Anda tambahkan ke blog.
Lalu login ke dasboad blogspot Anda. Pilih tab Tata Letak disebelah kiri, lalu klik Edit pada bagian Header.

Anda akan digiring kehalaman baru. Disinilah Anda bisa merubah judul blog Anda, menambahkan deskripsi
bahkan memasukkan foto kebagian header. Silahkan lakukan perubahan sesuka hati lalu Simpan. (Baca juga Cara
Merubah Jarak Antara Judul Blog dengan Deskripsi Blog).

Merubah Judul dan Deskribsi Blog dari Setelan

Cara kedua merubah judul dan deskripsi blog bisa dilakukan melalui tab Setelan. Caranya, hampir sama
dengan cara pertama diatas. Masih di dasboard blogspot, tab Setelan ada dibagian paling bawah. Setelah itu
klikDasar.
http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

Setelah terbuka halamannya, silahkan melakukan perubahan judul dan deskripsi blog Anda, dengan
mengklik Edit pada masing-masing pilihan. Setelah itu klik Simpan Perubahan. (Baca juga Cara Merubah Susunan
Title/Judul Postingan di Google)

Dari kedua cara diatas, masing-masing punya keutamaan. Silahkan memilih cara mana yang akan digunakan, bisa
juga menggunakan dua-duanya. Yang jelas, judul sangat penting bagi sebuah blog. Judul sama dengan KTP bagi
seorang manusia. Jika berniat melakukan modifikasi, silahkan pelajari Cara Menempatkan Judul Blog Ditengah-
tengah.

Perbedaan Masing-masing Cara


Seperti yang saya singgung diatas, masing-masing cara memiliki keutamaan. Berikut penjabarannya.

Merubah Judul dan Deskribsi Blog dari Tata Letak memberi kita pilihan lain, yakni menambahkan gambar.
Cara diatas sudah sedikit saya singgung. Gambar yang ditambahkan pun bisa diambil dari komputer pribadi atau dari
website tertentu. Menempatkan judul dibalik gambar juga diatur melalui menu ini. Silahkan berkreasi sesuka hati.
Sementara Merubah Judul dan Deskribsi Blog dari Setelan memungkinkan kita melakukan perubahan
privasi. Misal Anda tak ingin judul dan deskripsi blog Anda tidak terindex oleh Google, klik saja Edit dibawah kotak
deskripsi. Lalu pilih sesuai kebutuhan. Melalui cara ini juga kita bisa melakukan pengaturan lebih banyak. Namun
akan kita bahas dipostingan lain.

Bagaimana, mudah bukan? Jika berniat merubah judul silahkan memilih cara-cara yang disediakan blogspot diatas.
Intinya, jangan pernah sepelekan judul dan deskripsi blog Anda. Jika memiliki pertanyaan lebih lanjut, mari
berdiskusi dibawah ini. See yaa

Cara Menghilangkan Tulisan 'Power by Blogger'


Kita telah panjang lebar membahas soal header blogspot, mulai dari Cara Gampang Merubah Ukuran Header
Blogspot hingga Cara Menempatkan Judul Blog Ditengah-tengah, sekarang waktunya kita melakukan modifikasi
dibagian bawah blog.

Bagian paling bontot blog ini kadang kala luput dari perhatian kita, padahal bagian ini juga takkala pentingnya
http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

dengan bagian header atau sidebar blog. Bagian ini sering disebut footer atau atribusi. Jika ada yang belum ngeh,
bagian mana yang saya maksud, berikut contohnya.

Footer atau atribusi memang sering kali sulit dimodifikasi lantaran menu pilihannya yang sedikit dibagian dasboard
blogspot. Olehnya itu banyak blogger membiarkan saja bagian ini seperti sedia kala (bawaan blogger) tanpa mau
mengambil resiko merubahnya.

Ada juga juga yang beranggapan dengan banyak memodifikasi footer bisa melanggar TOS dari Google. Namun
nampaknya hal ini tidaklah berpengaruh, karena di kebijakan blogger sendiri tidak mengatur secara pasti bagian
footer ini, itu artinya ada keleluasaan melakukan modifikasi.

Jika Anda berniat melakukan modifikasi pada bagian ini, salah satu cara yang harus dilakukan adalah
menghilangkannya terlebih dahulu. Setelah dihilangkan, barulah kita membuat footer atau artibusi baru yang lebih
sesuai dengan keinginan.

Lalu bagaimana Cara Menghilangkan Tulisan 'Power by Blogger'? Berikut penjabarannya :

Pertama-tama copy script dibawah ini.

#Attribution1 {
height:0px;
visibility:hidden;
display:none
}

Lalu login ke dasboard blogspot Anda, dan pilih Template setelah itu klikSesuaikan.

Setelah dihalaman Sesuaikan, pilih tab paling bawah Tindak Lanjut laluTambahkan CSS dan paste script
diatas didalam kotak isian. Simpan dan lihat hasilnya, tulisan Power by Blogger pasti menghilang.
http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

Script diatas sebenarnya bisa juga Anda sisipkan kedalam mode HTML. Namun karena banyak yang tidak begitu
paham dengan mode HTML, saya sarankan menggunakan mode Sesuaikan seperti cara diatas.

Setelah tulisan Power by Blogger hilang, selanjutkan kita akan membuat footer atau atribusi baru. Anda bisa memilih
dua langkah berikut untuk diterapkan, Cara Menambah Link di Footer/Atribusi Blogger atau Cara
Menambahkan Link Pada Atribusi Blogspot. Cara yang kedua lebih relevan dengan cara diatas, penjelasan di cara
yang kedua juga jauh lebih lengkah dari cara pertama. Silahkan dipilih.

Cara Menambah Link di Footer/Atribusi Blogger


Selain menghapus footer atau atribusi khususnya tulisan Power by Blogger di blogspot, kita juga bisa melakukan
modifikasi tanpa harus menghilangkan apa-apa. Cukup dengan menambahkan beberapa kata dalam deretan atribusi.

Ada banyak alasan mengapa orang enggan menghapus atribusi. Apapun alasannya, semua itu adalah pilihan. Salah
satu pilihan yang bisa digunakan adalah dengan menambahkan kata-kata di deretan atribusi, seperti contoh dibawah
ini.

Cara menambahkan kata-kata dideretan atribusi sesuai dengan keinginan sangat mudah, caranya sebagai berikut:
Pertama-tama, login dulu ke akun blogspot Anda, lalu pilih Tata Letak. Pada bagian layout geser kursor
Anda kebagian paling bawah dan lihat bagianAtribusi. Klik Edit.

Akan nampak popup seperti dibawah ini. Silahkan isi kata-kata sesuai keinginan Anda pada kolom yang
disediakan. Isikan kata-kata misalCopyright 2014, dibawahnya akan nampak preview, jika telah srek dengan
hasilnya silahkan klik Simpan.

Dengan cara diatas, Anda juga bisa menambahkan link pada atribusi. Contohnya seperti dibawah ini.

Tulisan Tutorial Blog yang nampak pada gambar diatas mengandung link. Dimana jika diklik akan mengarah pada
link yang dituju. Hal ini banyak diminati para blogger karena terlihat elegan dan simple.

Baca Juga Cara Menghilangkan Navbar Pada Blogger dan Menghilangkan Navbar Secara Permanen

Cara Menambah Link di Footer/Atribusi Blogger


Caranya hampir sama dengan cara pertama diatas. Hanya saja pada tampilan popup, kotak isian kita sisipkan
sedikit perintah HTML. Jika ingin menulis kata-kata bloGoooblok ~ Copyright 2014 Tutorial Blog dengan link
padaTutorial Blog, scriptnya seperti berikut ini:
http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

bloGoooblok ~ Copyright 2014 <a href="http://blogoooblok.blogspot.com/">Tutorial Blog</a>

Penjelasan :

bloGoooblok ~ Copyright 2014 : Silahkan Anda rubah sesuai keinginan


http://blogoooblok.blogspot.com/ : Rubah dengan URL yang ingin Anda tuju pada blog Anda.
Tutorial Blog : Ganti dengan kata-kata Anda sendiri.

Mudah bukan? Hanya saja, cara diatas, punya kekurangan. Karena link yang bisa ditampilkan hanya satu. Kita tidak
bisa melakukan penambahan lain, karena widget atribusi membatasi kata-kata yang dimuat. Olehnya itu perlu
dilakukan cara lain. Kita akan bahas diartikel lain.

Cara Menambahkan Link Pada Atribusi Blogspot


Credit Link pada atribusi blogspot punya banyak kegunaan. Di bloGoooblok ~ ini, credit link dipergunakan untuk
menaruh berbagai informasi tentang kebijakan blog, mulai dari About (Tentang), Privacy Policy, Syarat Layanan,
Sanggahan dan Hubungi Kami (Kontak). (Baca Cara Mudah Membuat Privacy Policy Buat Blog)

Anda juga bisa menaruh berbagai macam informasi pada atribusi atau footer blog Anda. Pada blog-blog besar, hal ini
menjadi perhatian serius, karena akan menunjukkan bahwa blog yang kita kelola bukan sekedar blog abal-abal.

Namun kendalanya, blogspot tidak menyediakan keleluasaan buat pengguna untuk menambah lebih banyak credit
link pada footer. Kalaupun bisa menambahkan link di footer, hanya untuk satu link saja. (Baca Cara Menambah Link
di Footer/Atribusi Blogger).

Olehnya itu, kita perlu melakukan modifikasi pada bagian footer atau atribusi blog. Tujuannya, agar terlihat lebih
menarik dan sesuai dengan keinginan. Jika Anda bertanya, apakah ini melanggar kebijakan blogspot, jawabannya
tentu tidak, karena modifikasi ini tidak diatur pada TOS blogger. Kita juga tetap bisa menambah link ke blogger jika
masih ragu-ragu.

Sebelum kita melangkah melihat cara-caranya. Metode ini terlebih dahulu mengharuskan kita untuk menghilangkan
atribusi bawaan blogger. Mungkin diblog Anda masih Ada tulisan Power by Blogger serta embel-embel di depannya,
itulah yang kita hapus. Baca Cara Menghilangkan Tulisan 'Power by Blogger'

Setelah menghapus, kita masuk ke langkah-langkah Cara Menambahkan Link Pada Atribusi Blogspot.

Namun, langkah paling pertama yang harus dilakukan adalah menyediakan script. Contohnya seperti script dibawah
ini, silahkan copy dan modifikasi terlebih dahulu.

<center>
<a href='http://blogoooblok.blogspot.com/p/about.html'>About </a> bloGoooblok ~ Copyright &#169; 2014 by <a
href='http://www.blogger.com/'>Blogger</a></center>

Catatan :

o <center>...</center> : Perintah untuk menaruh script dibagian tengah, Anda bisa merubahnya
menjadi <left> kiri atau <right>kanan.
o <a href='http://alamat blog Anda disini'> Blog Saya</a> : Isikan alamat laman atau link yang
dituju, ganti saja kata-kata alamat blog anda disini dan kata Blog Saya adalah kata-kata yang akan tampil nantinya.
Jika ingin memasang lebih dari satu link, copy saja bagan diatas dan rubah linknya
o bloGoooblok ~ Copyright &#169; 2014 by : Kata-kata ini bisa Anda rubah sesuka hati
http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

o Jika Anda ingin tampilan footer terlihat dua baris, tambahkan <br /> pada akhir script yang ingin
Anda potong.

Khusus untuk blog ini, script yang digunakan seperti dibawah ini:

<center>
<a href='http://blogoooblok.blogspot.com/p/about.html'>About </a> | <a
href='http://blogoooblok.blogspot.com/p/privacy-policy.html'>Privacy Policy </a> | <a
href='http://blogoooblok.blogspot.com/p/syarat-layanan-pendahuluan-saya-pemilik.html'>Syarat Layanan </a> |
<a href='http://blogoooblok.blogspot.com/p/sanggahan.html'>Sanggahan </a> | <a
href='http://blogoooblok.blogspot.com/p/blog-page_15.html'>Hubungi Kami</a> <br />
bloGoooblok ~ Copyright &#169; 2014 by <a href='http://www.blogger.com/'>Blogger</a></center>

Silahkan modifikasi script yang Anda inginkan, lalu ikuti cara memasangnya dibawah ini.

Login ke dasboard blogspot Anda, pilih Template dan Edit HTML.

Pada halaman HTML cari kode <footer>. Agar mudah mencari tekan Ctrl F.
Setelah menemukan, paste script yang Anda telah modifikasi dibawah<footer> atau tepat diatas kata <!--
outside of the include in order to lock Attribution widget -->.

Jika telah, silahkan Simpan. Kini harusnya atribusi baru Anda telah nampak.

Sebenarnya ada banyak cara yang berseleweran di internet soal cara ini. Namun banyak diantara cara-cara tersebut
sudah tidak relevan dengan script baru blogspot, apalagi beberapa cara mengharuskan menghapus sejumlah script.
Cara diatas, lebih sederhana dan khusus untuk template bawaan blogspot. (Baca juga Cara Menghilangkan Tulisan
Subscribe to: Post (Atom))

Jika masih mengalami kendala, tak perlu ragu untuk berdiskusi dibawah ini. Terima kasih...

Membuat Auto Readmore dengan Gambar Diatas Teks


Blogger sebenarnya sudah memiliki fungsi readmore (baca selengkapnya) sendiri. Hal ini juga telah pernah kita ulas
panjang lebar di bloGoooblok ~(Baca Cara Membuat 'Baca Selanjutnya' di Postingan Blogspot). Hanya saja
http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

readmore bawaan dari blogger mengharuskan kita memasangnya setiap kali membuat postingan.

Jika dinilai dari segi efesiensi, mungkin cara diatas sedikit merepotkan. Namun bagi sebagian orang hal itu bukanlah
masalah besar. Tapi bagi sebagian lagi mengatakan, perlu ada terobosan baru agar fungsi readmore ini tidak melulu
disematkan saat membuat postingan. Itulah lahir istilah auto readmore.

Ada banyak pilihan untuk membuat auto readmore ini. Ada yang menggunakan javascript murni dan ada pula yang
tidak. Bahkan ada beberapa pula yang menggunakan jQuery dan aplikasi lain, dimana setiap varian itu punya dampak
bagi kecepatan loading blog.

Kali ini kita akan mempelajari Cara Membuat Auto Readmore dengan Gambar Diatas Teks Tanpa Javascript.

Ini contoh auto readmore yang akan kita buat :

Membuat Auto Readmore Tanpa Javascript

Seperti yang saya katakan diatas, auto readmore ini sama sekali tidak menggunakan javascript sehingga loading blog
Anda tetap akan cepat seperti biasa. Ini karena kita hanya menggunakan perintah internal blogger, dengan
memanggilnya sesuai peruntukannya. Dengan menggunakan metode ini pula, kesalahan bisa diminimalisir.

Cara membuatnya ikuti langkah-langkah berikut ini :


Pastikan Anda sudah login ke dashboard blogspot. Pilih Template lalu Edit HTML.
Ada dua script yang akan kita tanam ke mode HTML. Pertama merupakan perintah CSS. Copy script
dibawah ini tepat diatas ]]></b:skin> (cari dengan gunakan tombol Ctrl F)
.dp-thumbnail{margin-bottom:20px;border:1px solid #ccc;box-shadow:0 0 transparent inset,0 5px 0 -4px #fff,0 5px 0
-3px #ccc;padding:10px 0;width:100%;height:90px;text-align:center}
.dp-thumbnail img{border:0;padding:0;max-width:96%;max-height:90px}
.dp-thumbnail span{font-size:26px;line-height:70px;font-weight:bold}

Lalu cari kode <data:post.body/>. Pada tamplate baru bawaan blogger, kode ini terdapat tiga buat. Copy
script dibawah ini dan ganti seluruh<data:post.body/> tersebut.

<b:if cond='data:blog.pageType != &quot;item&quot;'>


<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div class='dp-thumbnail'>
<b:if cond='data:post.firstImageUrl'>
<img expr:alt='data:post.title' expr:src='data:post.firstImageUrl'/>
<b:else/>
<b:if cond='data:post.thumbnailUrl'>
<img expr:alt='data:post.title' expr:src='data:post.thumbnailUrl'/>
<b:else/>
<span>No thumbnail</span>
</b:if>
</b:if>
</div>
<data:post.snippet/>
<b:else/>
<data:post.body/>
http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

</b:if>
<b:else/>
<data:post.body/>
</b:if>

Setelah itu Simpan (namun jika belum yakin, bisa lihat perubahannya melalui tampilan pratinjau).

Kini blog Anda memiliki auto readmore yang sama sekali tidak menggunakan javascript. Mengapa demikian, karena
banyak blogger menilai penggunaan terlalu banyak javascript memang mempercantik tampilan tapi memperlambat
loading.

Masih banyak lagi script auto readmore yang bisa kita gunakan untuk blog kita. Silahkan dipilih metode mana yang
akan digunakan dan paling sesuai dengan gaya Anda. Cieeee...

Cara Mudah Mengganti Tampilan Blogspot


Banyak blogger yang tidak mau susah payah mendesain atau mengutak atik tampilan blognya. Apalagi template
bawaan blogspot bagi sebagian orang tidak menarik sehingga cenderung mengambil template jadi yang telah
dimodifikasi oleh webmaster lain.

Padahal template bawaan blogspot saat dimodifikasi juga bisa tampil menarik, seperti blog ini. hehe

Hanya saja, tidak semua juga paham bagaimana mengganti tampilan tersebut sesuai dengan keinginan. Maka dari itu
dalam postingan ini, kita akan membahas bagaimana mengganti tampilan blogspot dengan template jadi milik orang
lain.

Sebelum benar-benar mengganti tampilan, ada baiknya Anda membackup dulu tulisan dan template yang digunakan
saat ini. Bukan tidak mungkin, saat merubahnya terjadi error sehingga bisa dengan mudah dikembalikan ke posisi
semula.

Untuk backup postingan silahkan baca; Cara Backup Postingan dengan Utuh di Blogspot dan untuk tampilan,
silahkan baca; Cara Backup Template Blogspot.

Cara Mudah Mengganti Tampilan Blogspot

Pertama-tama yang harus dilakukan adalah mendownload template yang akan digunakan. Di luar sana ada
banyak pilihan, saya tidak menyarankan situs mana pun, silahkan cari melalui mesin pencari Google. Usahakan file
sudah dalam bentuk XML.
Setelah memilih template yang clean, fast loading dan SEO Friendly. Ada baiknya Anda mengenali dulu
template yang akan digunakan, baca review templatenya kalau ada dan sebisa mungkin Test ke-SEO-an demo
templatenya di Chkme serta test loadingnya di GTMetrix.
Jika semua telah sesuai, selanjutnya login ke blogspot Anda. Pada contoh kali ini, bloGoooblok ~
mencobanya disalah satu blog tentang film dengan template magazine.
Klik Template atau Tampilan pada Dashboard
Klik menu Backup/Restore (Cadangkan/Pulihkan) di bagian kanan atas Dashboard Blog.

Klik Choose File / Pilih File. Klik file ekstensi XML yang sudah didownload/diekstrak.
http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

Klik Upload (Unggah) dan tunggu hingga selesai.

Gimana, mudah bukan!

Kelihatannya sih mudah. Namun hampir semua template jadi membawa pengaturan bawaan yang selanjutnya harus
diubah. Olehnya itu, harus dilakukan lagi beberapa tahap berikut ini;

Jika di template baru Anda ada logo gambar silahkan menggantinya dengan logo versi Anda di menu Lay
Out (Tata Letak) > Header. Kadang-kadang ada template yang logonya di dalam (kode HTML), cari file tersebut dan
ganti dengan URL logo Anda. (Baca: Cara Mengganti Logo Blogger (Favicon)).
Ganti nama-nama menu dan link-nya dengan menu yang Anda inginkan. Caranya, klik Template > Edit
HTML > cari menu tersebut (CTRL+F) dan Ganti/Ubah. (Baca: Cara Mudah Menampilkan Tulisan Terbaru di
Blogger).
Kadang-kadang ada template yang menu HOME-nya menggunakan link desainer template. Cek menu dan
link home di dalam template. Jika linknya seperti ini, <a href='/'>HOME</a>, tidak usah diubah, sudah benar.
(Baca: Cara Menampilkan Home/Beranda Pada Blogspot)
Anda bisa mengganti warna huruf dan warna lainnya dengan mengganti kode warna yang ada.
Cek link RSS Feed/Subscribe, apakah masih kosong atau menggunakan FeedBurner ID yang lain. Ganti
dengan FeedBurner ID Anda. (Baca: Apa Itu FeedBurner dan Bagaimana Membuatnya?)
Cek juga link SEARCH (jika ada). Arahkan link searchnya ke blog Anda (jika ada nama blog lain, ganti
dengan nama blog Anda). Misalnya, ada kode begini: <form id="searchform"
action="http://blogoooblok.blogspot.com/search".../>, maka tulisan merah itu silahkan diganti dengan nama blog
Anda. (Baca: Cara Membuat dan Memasang Google Custom Search Engine)
Cek link footer bagian "Copyright (c) Tahun NAMA BLOG. All right reserved", apakah sudah mengarah ke
nama blog Anda atau ke nama blog lain. Jika yang muncul nama blog lain, misalnya nama template, ganti dengan
nama blog Anda. Umumnya sih sudah mengarah ke nama blog Anda. Tapi ada juga yang menggunakan nama
template. Harus diperhatikan ada beberapa penyedia template yang keberatan link footer ini diubah, jika demikian
biarkan saja. (Baca: Cara Menambah Link di Footer/Atribusi Blogger)

Disatu sisi, merubah tampilan blog dengan template jadi milik orang lain adalah langkah mudah, namun ada baiknya
sebagai blogger harusnya menggunakan blog dengan tampilan hasil kerja tangan sendiri. Selain sesuai dengan
keinginan, kita juga bisa lebih pintar.

Iya tidak?

Membuat Tab Menu Bar dengan Mudah di Blogspot


Banyak blogger yang memberikan tutorial membuat tab menu bar di header Blogspot dengan mengotak atik kode
HTML. Namun bagi Anda yang kurang paham dengan mode HTML tidak perlu khawatir, karena menu bar tersebut
bisa dengan mudah dibuat tanpa harus merubah HTML.
http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

Menu bar yang berada dibagian kepala blog punya banyak kegunaan. Salah satunya sebagai navigator bagi
pengunjung. Anda bisa menampilkan halaman statis atau bahkan laman kategori dari blog Anda. Bukan hanya itu,
Anda juga bisa menautkan menu bar dengan link dari web lain.

(Baca: Cara Mudah Mengganti Tampilan Blogspot)

Posisinya pun bisa dipindahkan. Tidak harus berada dibagian kepala blog. Anda bisa menggesernya ke sidebar atau
bahkan di bagian footer atau di bawah blog Anda.

Cara Membuat Tab Menu Bar dengan Mudah di Blogspot

Langkah pertama, masuklah ke dashboar blogspot Anda, lalu pilih Tata Letakdan klik Tambag Gadget.

Pada jendela yang terbuka pilih Laman.

Jika ingin menempatkannya di bagian header hapus saja bagian judulnya. Lalu centang halaman yang ingin
ditampilkan. Misal kontak.
http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

Jika ingin menambahkan laman kategori tertentu, copi labelsnya lalu paste pada bagian Tambahkan Tautan
Eksternal.

Setelah mengklik Simpan Tautan, silahkan merubah urutan sesuai dengan yang dikehendaki. Klik dan seret
tab tersebut.
http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

Setelah semuanya selesai, klik tombol Simpan dibagian bawah.

(Baca: Cara Mudah Merubah Jumlah Kolom Blogspot)

Hasilnya, Anda akan melihat tab menu dibagian header blog Anda. Untuk melakukan perubahan bentuk dan warna,
silahkan melakukan pengaturan di bagian Template dan klik Sesuaikan. Anda bisa mengutak atik warna dan jenis
fontnya dibagian Tingkat Lanjut.

Selamat mencoba dan lihat hasilnya. Mudah bukan!

Jadi jangan lagi terpaku pada pengaturan HTML untuk membuat menu tab yang menari. Tentu untuk tampilan yang
lebih profesional dengan menampilkan tab drak down butuh pengaturan tambahan. Kita akan bahas cara itu di
postingan lain.

(Baca: Cara Mengganti Label Postingan di Blogspot)

Happy Blogging...

Mengganti Header Blogspot dengan Logo atau Gambar

Kesan pertama dari sebuah blog tentu adalah bagian kepala atau headernya. Ini menjadi penting karena akan
mempengaruhi minat pengunjung untuk lebih betah berlama-lama di sebuah blog.

Sebuah blog yang berisi konten menarik juga sangat ditentukan oleh seberapa terkaitnya header yang kita pakai.
Kadang kita tidak menyadari, bahwa header sama sekali tidak menyatu dengan konten blog secara keseluruhan.

Blogspot sebagai manajemen konten terbaik dan gratis memang menyediakan template yang beragam.

Dari sekian banyak template bawaan Blogger, semua memiliki kaidah yang berbeda dalam menerapkan header.
Namun semuanya sepakat, selain header dalam bentuk tulisan juga bisa dirubah menjadi logo atau gambar.

Pada postingan terdahulu kita sudah membahas Cara Gampang Merubah Ukuran Header Blogspot. Anda bisa
membacanya lalu menempatkan judul blog di tengah-tengah. (Baca: Cara Menempatkan Judul Blog Ditengah-
tengah).

Dari dua postingan di atas, semuanya merupakan cara mengelaborasi header dalam bentuk tulisan. Dua postingan itu
akan dilengkapi dengan tutorial merubah header blog dengan logo atau gambar yang kita bahas saat ini.
http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

Cara Mengganti Header Blogspot dengan Logo atau Gambar


Pertama-tama yang akan kita buat adalah menyiapkan logo atau gambar untuk dipasang. Anda bisa membuatnya
sendiri dengan menggunakan Photoshop atau Paint yang lebih sederhana. Bisa juga dengan menggunakan layanan
gratis di internet untuk membuat logo.

Satu hal yang harus diperhatikan, kualitas gambar atau logo harus baik dan ringan. Usahakan menyimpannya dalam
format png.

Setelah merasa sudah pas dengan logo atau gambar yang akan dipasang, selanjutnya masuk ke akun Blogspot Anda.
Pilih Tata Letak dan klik Edit pada Header.

Saat terbuka, klik Choose File lalu ambil gambar dari komputer Anda. Setelah terupload jangan lupa untuk
mencentang pilihan Tempatkan keterangan setelah gambar.

Jika sudah merasa yakin dengan hasilnya, klik Simpan. Tapi sebelum itu, Anda juga bisa menaruh keterangan di
deskripsi blog atau tulisan ini juga tidak akan tanpak di blog.
http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

Harus diperhatikan, tidak semua template bisa menggunakan gambar atau logo. Namun cara diatas hampir bisa
diterapkan disemua template bawaan Blogger. Jika pun Anda masih menemui kendala, jangan sungkan untuk mengisi
kolom komentar di bawah ini.

Selamat mencoba...!

Cara Menempatkan Judul Postingan Blog di Tengah


Mungkin Anda pernah melihat judul postingan satu blog atau website tepat berada di tengah-tengah, tidak seperti
biasa berada di sebelah kiri. Wordpress biasanya menerapkan hal ini untuk template bawaannya, namun Blogger
tidak demikian.

Template bawaan Blogspot selalu menempatkan judul postingan di sebelah kiri, sehingga beberapa blogger
kebingungan saat ingin menempatkan judul postingan tepat di tengah-tengah atau dalam posisi center.

(Baca: Cara Menempatkan Judul Blog Ditengah-tengah)

Sebenarnya hampir sama dengan Cara Menempatkan Judul Blog Ditengah-tengah. Namun script yang digunakan
terbilang cukup singkat. Tapi sebelum membuatnya, ada baiknya melihat contohnya dulu agar lebih paham apa yang
kami maksud.

Demo

Apapun alasan Anda untuk membuat judul postingan di tengah-tengah atau center, berikut cara membuatnya:
Login ke blogger.com
Klik Template, ada dua pilihan, cara paling mudah klik Sesuaikan, jika ingin menggunakan metode Edit
HTML, cari kode ini ]]></b:skin> lalu paste scrip di bawah tepat diatasnya.
h3.post-title { text-align:center; }
Karena kita menggunakan kode Sesuaikan, tampilannya lebih interaktif. Klik Tingkat Lanjut, Tambahkan
CSS dan paste script di atas di dalam form.
http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

Setelah itu, Simpan klik Terapkan ke Blog di pojok kanan atas.


(Baca: Cara Membuat Tombol Demo dan Download di Postingan Blog)

Jika semua berjalan dengan baik, maka hasilnya akan membuat judul postingan blog Anda akan berada di tengah-
tengah. Itu akan berlaku untuk semua postingan sebelumnya dan setiap postingan yang akan di postingan kemudian.
Jika bosa dengan tampilan begitu, sisa menghapusnya suatu waktu.

Happy Blogging...

Untuk pengaturan lainnya, Anda bisa mencari di halaman Sitemap atau +index.

Tahap Ketiga: Mengoptimalkan


Setelah membuat, selanjutnya optimalisasi blog. Tentu Anda tak ingin sia-sia membuat blog tanpa pembaca. Ada
banyak cara untuk melakukan optimalisasi ada yang berbayar dan ada yang gratis. Jika tak ingin repot-repot, beriklan
saja, namun jika tak punya dana lebih ada baiknya melakukan cara ini sendiri.

Berikut hal yang harus dilakukan;

Cara Mendaftarkan Blog ke Google


Ada banyak orang bertanya, saat pertama kali membuat blog dan mencari-carinya di google tidak muncul juga.
Dipikirnya, google tidak menyayangi dan mencintainya, padahal om google sayang pada semua.

Sebelum kita pelajari cara mendaftarkan blog ke google, saya ingin gambarkan betapa pentingnya blog kita terindex
oleh google. Dengan terindex oleh google, maka secara tidak langsung kita mengundang pembaca lebih banyak.

Iya sih, dengan terdaftar di google tidak akan serta merta muncul di halaman utama pencarian google. Tapi
setidaknya, kita akan terindex.

Agar bisa bersaing di halaman utama pencarian google, tidak mudah namun tidak susah juga. Semua bisa dilakukan,
bahkan dari tempat Anda duduk saat ini, tanpa uang sepeserpun (kecuali biaya internet). Hanya dibutuhkan keuletan
dan kerja konsisten.

Tehnik agar terindex oleh google ini disebut SEO (Search Engine Optimization). Kita akan mempelajarinya nanti.
http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

Okelah, tanpa harus panjang lebar melenceng dari judul postingan, cara mendaftarkan blog ke google, kita mulai
saja.

Klik link ini www.google.com/addurl Anda akan dibawa kehalaman seperti berikut, isilah sesuai peruntah yang ada.

Pada kotak URL, silahkan masukkan alamat blog Anda, misal : blogoooblok.blogspot.com. Setelah itu, masukkan
kode Capca lalu klik Sumbit Request. Maka akan muncul tulisan ditengah atas, 'Permintaan Anda telah diterima dan
akan segera diproses'

Dengan munculnya tulisan itu, pertanda blog Anda sebentar lagi akan terindex oleh google. Saat kita mengetikkan
alamat URL kita di google akan tampil seperti berikut.

Baru satu, tak apa. Karena nanti juga akan terindex semua. Ingat tak usah mendaftarkan satu persatu halaman
postingan Anda di google, karena setelah mendaftarkan alamat utama, google akan otomatis mengindex halaman
lain.

Untuk tindak lanjut kita akan mempelajari google webmaster tools pada postigan selanjutnya. Untuk saat ini sekian
dulu. Gimana penjelasan diatas, mudah bukan. Mudah dong...! :)

Cara Menggunakan Webmaster Tools


http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

Pada postingan sebelumnya, kita telah mempelajari tentang cara mendaftarkan blog ke google agar bisa terindeks.
Tujuannya agar blog kita bisa dicari melalui google dan orang lain menemukannya.

Seperti yang saya janjikan sebelumnya, bahwa langkah selanjutnya adalah memberdayakan blog melalui webmaster
tools milik google. Layanan gratis ini, kadang kala disepelekan oleh blogger, padahal manfaatnya sangat besar.

Mungkin karena banyak yang tidak mengerti atau bahkan tidak tahu cara mendaftar dan menggunakannya, sehingga
alat mujarab untuk mendatangkan trafik (pengunjung) ini dikesampingkan.

Tapi tak usah khawatir, dalam postingan ini kita akan belajar menggunakan alat ini dengan seksama. Baiklah, kita
ikuti cara-caranya seperti berikut.
Buka link ini Webmaster Tools
Setelah terbuka akan nampak gambar seperti berikut. Lihat di bagian bawah ada kolom isian, masukkan
alamat blog Anda yang lalu klik 'Tambahkan Situs'

Jika berhasil akan muncul pesan seperti ini 'Situs Anda telah ditambahkan ke akun'.

Tradaa.... coba refrest browser Anda, situs yang Anda daftarkan pastinya sudah muncul kepermukaan. Iya bukan?

Nah... disinilah banyak orang yang kurang paham. Karena banyak tools yang tersedia, malah membingunkan para
pengguna awam (seperti saya). Olehnya itu, alangkah baiknya kita kenali dulu tools-tools yang penting saja.

Di halaman awal Webmaster Tools pilih blog yang mau dikelola, diklik aja URLnya. Setelah masuk Anda akan liat
halaman Dasboard awal dari Webmaster Tools.

Disana ada status 'Pesan Baru dan Penting' serta 'Status Saat Ini', tak usah kaget kalau 'Kueri Penelusuran' sama 'Peta
Situs' masih kosong karena memang kita baru mendaftar.

Lihat disisi kiri Webmaster Tools banyak tab kan. Dibalik tab-tab tersebut banyak Tool yang bisa digunakan juga.
Seperti yang saya katakan tadi kita akan pelajari yang penting-penting saja dan akan sering kita gunakan. Oke...
Pertama-tama kita ke pojok kanan atas (lihat gambar) pilih 'Setelah Situs'.
http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

Setelah terbuka, lihat tab 'Target geografis'. Disini kita bisa pilih sesuka hati menyasar pengguna kita (trafik). Karena
ini blog ini berbahasa Indonesia, dan memang dikhususkan untuk orang Indonesia jadi saya pilih Indonesia. Centang
'Pengguna tujuan di' lalu pilih Indonesia lalu klik 'Simpan'.
Selanjutnya ke tab sebelah kiri. Pilih 'Perayapan' lalu 'Ambil Sebagi Google'. Tampilannya akan seperti ini.

Disitu terdapat kolom isian URL, Anda sisa memasukkan saja URL yang ingin Anda indeks ke google, lalu klik
'Ambil'. Setelah muncul pesan 'Permintaan Anda diterima dan akan segera diproses' artinya sukses.

Lihat dibagian bawah, URL yang ingin Anda kirimkan akan muncul, silahkan klik 'Kirim ke Indeks', dan saatnya
besorak gembira, berhasil... berhasil.... Silahkan Anda ulangi untuk alamat URL yang lain. Gimana mudah bukan...!

Untuk kali ini, sekian dulu ya. Nanti akan ada postingan tambahan untuk menjelaskan fungsi tools satu persatu di
webmaster. Jika Anda ingin bereksperimen sendiri, akan jauh lebih baik. Jika Anda punya pertanyaan atau share
jangan sungkan tinggalkan komentar Anda. Semoga postingan ini bermanfaat. See yaaa

Menggunakan Bing Webmaster Untuk Naikan Trafik Blog


Search Engine di internet bukan hanya Google, ada Yahoo dan Bing yang sama-sama berada dibawah naungan
Microsoft. Kedua Search Engine ini juga memiliki peminat yang besar, jika Google berada diperingat pertama maka
Yahoo dan Bing di dua dan tiga sebagai raksasa mesin pencari.

Olehnya itu, sebagai pengguna blog atau website, kita juga disarankan menggunakan Bing dan Yahoo sebagai sumber
lalu lintas trafik. Jika sebelumnya kita telah membahasCara Menggunakan Webmaster Tools dan Cara Mendaftarkan
Blog ke Google, kali ini kita akan gunakan Bing dan Yahoo.

Apa Itu Bing?

Sebelum lebih jauh membahas cara mengoptimalkan Bing sebagai sumber trafik, kita jelaskan dulu tentang apa itu
Bing?.

Bing adalah bentuk renkarnasi dari Live Search, Windows Live Search dan atau MSN Search yang dimiliki
Microsoft. Bing merupakan situs mesin pencari web yang diiklankan sebagai "mesin pengambil keputusan/decision
engine". Keakuratan Bing dalam mengekstrak keyword telah banyak disanjung penggiat teknologi.

Walau punya keutamaan yang tinggi, Search Engine yang pertama kali diluncurkan 2009 ini belum mampu
menyaingi kepopuleran Google. Namun begitu, peminatnya dari waktu ke waktu terus meningkat, bahkan telah
menyalip Yahoo yang juga dibawah naungan Microsoft. Kini pengguna lebih sering menyandingkan Google dengan
Bing, dibanding Yahoo.

Menggunakan Bing Webmaster Untuk Naikan Trafik Blog

Sebagai mesin pencari, Bing sama halnya dengan Google, juga memiliki Webmaster Tools. Untuk menggunakannya
http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

pun kita harus pula memiliki akun. Langkah pertama untuk mengoptimalkan webmaster tools dari Bing adalah
memiliki akun.

Membuat Akun Microsoft

Akun yang dimaksud tentu saja email. Jika Google punya Gmail, maka Bing punya Outlook. Namun akun di Bing
posisinya sama atau sering juga disebut akun Microsoft. Berikut cara membuatnya :

o Untuk memiliki email Outlook, kunjungi situsnya outlook.com atau kunjungi Bing.com dan klik
outlook.com dibagian atas.
o Klik Sing Up Now dibagian bawah.

o Isi semua data yang diperlukan, hingga selesai.

Submit Sitemap Blog ke Bing Webmaster Tools

Jika telah memiliki akun outlook, selanjutnya mengoptimalkan Bing sebagai mesin pencari untuk meningkatkan
http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

trafik ke blog kita. Caranya yakni dengan Mengsubmit Sitemap Blog ke Bing Webmaster Tools. Cara ini sebenarnya
hampir sama dengan Cara Submit Banyak Sitemap Sekaligus ke Google Webmaster Tools yang telah kita bahas
sebelumnya.

Untuk Submit Sitemap Blog ke Bing Webmaster Tools, berikut cara-caranya :

o Kunjungi Bing Webmaster Tools, klik disini.


o Login dengan menggunakan akun yang telah kita buat sebelumnya.
o Pada tampilan selanjutnya, klik Add a Site dan masukkan URL blog Anda dan sitemapnya. Pada
kolom add a sitemap, tambahkan sitemap.xml diakhir URL blog Anda, lalu klik Add.

o Akan muncul halaman verifikasi. Bing memberikan tiga opsi, pilih yang kedua. Copy meta tag yang
diberikan kedalam blog Anda, taruh pas dibawah kode <head>. Jika selesai, kembali lagi ke dashboard Bing dan klik
Verify dibagian bawah.

o Kini sitemap Anda telah terdaftar ke Bing, namun masih membutuhkan waktu agar semuanya bisa
di crawl. Jika Google membutuhkan waktu kurang lebih enam jam, Bing waktunya jauh lebih singkat, untuk artikel
dibawah 500 hanya membutuhkan waktu kurang lebih satu jam. Silahkan mencoba

Kini Anda sisa melakukan update blog dan sewaktu-waktu kembali lagi untuk mengecek hasil di Bing Webmaster
Tools. Sama halnya dengan Google, jika punya artikel lebih dari 500, gunakan metode berbeda. Lihat cara dan
kodenya dipostingan ini Submit Banyak Sitemap Sekaligus ke Google Webmaster Tools.

Cara Mudah Membuat & Memasang Meta Tag Di Blogger


Banyak yang bertanya, apa sih meta tag itu? Meta tag dalam bahasa manusianya, ibarat kunci rumah yang spesifik
untuk membuka pintu.

Atau dalam artian meta tag itu menjadi perantara blog kita ke mesin pencari agar informasi di blog kita bisa dengan
mudah terindeks oleh mesin pencari seperti google. Informasi yang diberikan blog kita ke google akan lebih spesifik
sehingga setiap kata yang diketikkan di google bisa mengarah ke blog kita. Gitu!

Nah, untuk memasang meta tag ke blog kita membutuhkan beberapa langka. Selain itu, ada dua cara memasang meta
tag. Kita mulai saja, semoga penjabaran dibawah ini bisa dengan mudah dipahami.
Pertama log in ke Blogger, lalu klik Template dan pilih Edit HTML.
http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

Lalu cari kode dibawah ini di halaman HTML. Untuk mempermudah pencarian tekan "Ctrl F"

<b:include data='blog' name='all-head-content'/>

Setelah dapat kode diatas, copy lagi script dibawah ini, dan paste tepat dibawah kode diatas. Tampilannya
akan seperti pada gambar.

<meta content='DESKRIPSI BLOG' name='description'/>


<meta content='KATA KUNCI BLOG' name='keywords'/>

Keterangan Script
Deskripsi Blog : Utuk pengisian deskripsi blog ini isi sesuai dengan blog Anda. Misal blog tentang mobil,
deskripsinya bisa seperti ini " Blog yang memberikan informasi tentang cara merawat dan memperbaiki mobil
dengan mudah. ". Usahakan panjang deskripsinya antara 150-160 karakter saja.

Kara Kunci Blog : Untuk meta keywordsnya isi dengan kata kunci yang mengacu pada judul blog buat
memaksimalkan pencarian di mesin pencari. Misal dari contoh di atas keywordnya bisa digunakan kata
"mobil,merawat mobil,tips merawat mobil,tips memilih jenis mobil,perkumpulan pencinta mobil," dan seterusnya.
Usahakan keywordsnya jangan banyak-banyak, maksimal 15 saja, kalau bisa antara 8-10 kata saja biar lebih SEO
friendly.

Setelah selesai mengisi semuanya, lalu klik Simpan template.

Selanjutnya kita pelajari cara kedua. Cara yang kedua ini sebenarnya hanya merupakan pendukung dari cara pertama
diatas. Ini supaya blog kita lebih SEO friendly lagi. Begini caranya:

Kembali lagi ke Template lalu Edit HTML seperti langkah awal diatas. Lalu copy kode dibawah ini dan
paste dibawah kode baru yang tadi sudah ditambahkan pertama kali. Posisinya seperti gambar.

<meta content='Index, Follow' name='robots'/>


<meta content='Cara Blog' name='Blogoooblok'/>
<meta content=' 2014 Blogooblok' name='copyright'/>
<meta content='2 days' name='revisit'/>
<meta content='never' name='expires'/>
<meta content='always' name='revisit'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='Bahasa' name='language'/>
<meta content='Indonesia' name='geo.country'/>
http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

<meta content='All-Language' http-equiv='Content-Language'/>


<meta content='global' name='distribution'/>
<meta content='blogger' name='generator'/>
<meta content='general' name='rating'/>
<meta content='global' name='target'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='index, follow' name='googlebot'/>
<meta content='follow, all' name='Googlebot-Image'/>
<meta content='follow, all' name='msnbot'/>
<meta content='follow, all' name='Slurp'/>
<meta content='follow, all' name='ZyBorg'/>
<meta content='follow, all' name='Scooter'/>
<meta content='all' name='spiders'/>
<meta content='all' name='WEBCRAWLERS'/>
<meta content='noodp' name='robots'/>
<meta content='noydir' name='robots'/>
<link expr:href='data:blog.url' rel='canonical'/>
<meta content='aeiwi, alexa, alltheWeb, altavista, aol netfind, anzwers, canada, directhit, euroseek, excite, overture,
go, google, hotbot. infomak, kanoodle, lycos, mastersite, national directory, northern light, searchit, simplesearch,
Websmostlinked, webtop, what-u-seek, aol, yahoo, webcrawler, infoseek, excite, magellan, looksmart, bing, cnet,
googlebot' name='search engines'/>

Sekarang tingggal ganti author sama nama Anda, trus copyright sama judul blog Anda.
Buat geo.placename, geo.country dan language bisa diganti tergantung negara mana yang jadi priorotas dan bahasa
apa yang di pake di blog kalian semua. Lalu Simpan template, beres sekarang blog Anda sudah lebih SEO friendly.

Submit Banyak Sitemap Sekaligus ke Google Webmaster Tools


Keampuhan google mendatangkan trafik ke blog kita tak perlu diragukan lagi. Search enggine nomor wahid di dunia
dan Indonesia ini punya banyak penggemar, saking banyaknya penggemar, persaingan untuk tampil dihalaman
pertama hasil pencarian juga sangat susah.

Namun google memberikan kita wadah untuk bersaing merebut perhatiannya dengan sehat (walau ada beberapa
blogger menggunakan cara-cara keji agar dicintai oleh google, hati-hati saja). Salah satu wadahnya adalah
optimalisasi Google Webmaster Tools.

Bagi Anda yang belum mengetahui layanan gratis dari google ini, silahkan membacaCara Menggunakan Webmaster
Tools dan Cara Mendaftarkan Blog ke Google. Anda harus mengikuti langkah itu terlebih dahulu jika ingin
mengikuti pembahasan kali ini, Submit Banyak Sitemap Sekaligus ke Google Webmaster Tools.

Apa itu Sitemap?

Sebelum kita melangkah masuk ke pembahasan cara submit atau mengirim sitemap ke Google Webmaster Tools.
http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

Pertanyaan yang banyak ditanyakan oleh blogger pemula harus kita jawab dulu, yakni apa itu sitemap?

Sitemap adalah daftar URL sebuah situs beserta metadata-nya. Ibarat rumah, sitemap adalah daftar penghuni rumah,
jika nantinya ada pembagian sembako, dengan mengetahui jumlah penghuni rumah maka akan mudah memetakan
pembagian secara adil.

Begitu juga sitemap. Dengan memberitahukan isi sitemap ke Google, akan dengan mudah google melakukan crawl
atau perayapan ke blog kita. Namun harus dipahami, sitemap yang kita bicarakan kali ini bukan sitemap/daftar isi
yang biasa kita buat dan pasang sebagai widget di blog, namun sitemap blog yang berupa file XML.

Baca juga Cara Mudah Membuat Sitemap di Blogger

Sitemap berupa file XML mengandung metadata yang memberikan ijin kepada google merayapinya hingga
postingan terbaru.

Web crawler akan menemukan halaman sebuah situs dari link-link di dalamnya bahkan dari situs yang lain. Sitemap
menyediakan data-data link itu dan mengijinkan crawler yang mensupport Sitemap untuk menjelajah semua URL
yang ada di dalamnya, lalu menganalisa masing- masing URL tersebut dengan menggunakan metadata yang
menyertainya.

Karena keutamaannya itu, makanya penting situs atau blog kita didaftarkan ke Google Webmaster Tools agar cepat
terindex google, dan tentu ini adalah Tips SEO paling murah dan ampuh.

Submit Banyak Sitemap ke Google Webmaster Tools

Langkah pertama yang harus kita lakukan adalah mengunjungi situs Google Webmaster Tools.
Pilih blog yang ingin Anda optimalisasikan sitemapnya.

Pada dashboard, pilih Crawl lalu klik Sitemaps.

Akan muncul tampilan sitemaps. Dipojok kanan atas klik kotak berwarna merah dengan tulisan Add/Test
Sitemap.
Setelah itu isikan kode-kode dibawah ini lalu klik Submit Sitemap (Anda juga bisa mengetesnya terlebih
dahulu).
o feeds/posts/default?orderby=updated
o sitemap.xml
http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

Jika Anda berhasil mengirimnya, google akan menunda sementara waktu pengindex-an. Waktunya kurang
lebih 24 jam sejak disubmit. Namun dari pengalaman penulis, jika jumlah artikel kurang dari seratus, waktu yang
dibutuhkan paling lama hanya enam jam.

Selain dua kode diatas, Anda juga bisa menggunakan kode dibawah ini :

Jika postingan blog Anda masih kurang dari 500 namun jumlahnya sudah ratusan, bisa menggunakan kode
ini atom.xml?redirect=false&start-index=1&max-results=500
Jika postingan blog Anda lebih dari 500 dan dibawah 1000, masukkan kode ini satu
persatu atom.xml?redirect=false&start-index=1&max-results=500dan atom.xml?redirect=false&start-
index=501&max-results=500
Jika postingan Anda lebih dari 1000, gunakan metode diatas untuk setiap kelipatan 500 artikel.

Dengan menetapkan metode diatas, kini blog Anda akan jauh lebih SEO Frendly. Tugas Anda sekarang adalah
meningkatkan jumlah postingan, dengan begitu google akan lebih sering melakukan crawl, dan jika jumlah crawl
semakin banyak, keyword yang menuju situs Anda akan lebih banyak, ini berarti peluang mendatangkan pengunjung
juga akan lebih besar.

Cara Lengkap Verifikasi Blog di Situs Baru Alexa


Alexa Internet, Inc di penghujung 2014 lalu melakukan perubahan besar pada tampilan dan layanannya. Banyak yang
bingung harus melakukan apa pada Alexa, khususnya bagi blogger yang ingin menverifikasi blognya secara gratis.

Saat layanan beta, Alexa masih menyediakan tombol verifikasi free. Namun kini, tombol tersebut menjadi kasat mata.
Yang ada hanya layanan berbayar. Jika Anda punya dana lebih, tak ada salahnya juga menggunakan layanan berbayar
dari Alexa.

Tapi sebelum melakukan verifikasi blog, ada banyak yang bertanya untuk apa satu blog itu diverifikasi?.

Jika Anda ingin mengkonfigurasi SEO situs Anda pada Situs Direktori untuk mendapatkan listing situs, tentu
verifikasi ini berguna sekali agar kemudahan situs Anda tercari dan terdirektori pada mesin pencari. Salah satu situs
yang paling populer adalah Alexa.

(Baca: Apa Itu Alexa Internet dan Manfaatnya Buat Blog?).

Karena banyak yang kebingungan untuk melakukan verifikasi atau claim blog, maka postingan ini akan membahas
cara-caranya mulai dari tahap paling awal.

1. Membuat Akun
Silahkan kunjungi laman www.alexa.com
Pada pojok kanan atas klik tombol berwarna hijau "Create an Account" jika Anda belum memiliki akun,
namun bila sudah terdaftar langsung saja klik Sign in.
http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

Isikan email Anda lalu klik Create

Login ke email yang Anda daftarkan lalu lakukan verifikasi akun dari email Alexa.
Anda akan dibawa ke laman baru untuk mengkonfirmasi dengan mengisikan pasword. Setelah itu, akun
Anda pun jadi.

2. Mengambil Kode Verifikasi Alexa


Setelah berada di dasbor Alexa, akan nampak beberapa pilihan. Pada bagian My Sites klik Add My Site.

Lalu masukkan URL blog Anda dan klik View plans & pricing

Pada laman selanjutnya Anda akan disajikan layanan berbayar. Tak perlu khawatir, geser kursor ke bagian
bawah dan klik claim a site with a free Alexa account (Cara cepat buka http://www.alexa.com/siteowners/claim)
http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

Masukkan URL blog Anda di kotak yang tersedia kemudian klik "Continue".

Anda akan dialihkan pada suatu halaman dan diminta memilih 3 metode untuk verifikasi, silahkan pilih.
Pilihan satu dan dua gratis, sementara pilihan ketiga berbayar. Langkah ini menggunakan pilihan nomor 2.

Copy script yang tersedia disana, kemudian kita beralih ke tahap ketiga. Ingat, jangan dulu menututup
halaman alexa ini.

3. Memasang Kode Verifikasi di Blog


Masuk ke dashboard blogger Anda.
Pilih menu "Template" lalu klik "Edit HTML"
Cari kode <head> dengan bantuan ctrl+f
Lalu paste kode Alexa tadi tepat dibawah kode <head> dan simpan.

4. Verifikasi ID
Setelah memasang kode verifikasi di blog, kembali lagi ke laman Alexa dan klik Verify my ID
Jika berhasil maka akan mencul tulisan Your site is successfully claimed.
http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

5. Perbaharui Listing Blog


Jika telah berhasil melakukan verifikasi. Langkah terakhir yang harus ditempuh yakni melakukan pembaruan
informasi blog atau situs.
Masuk ke My Dashboard lalu klik Edit Site Listing.

Pada laman selanjutnya akan muncul berbagai kotak isian. Silahkan di isi sesuai dengan informasi blog Anda
lalu klik Save Changes.

Site Title : Isi dengan judul blog Anda


Site Description : Isi dengan deskripsi blog Anda
Site Owner : Isi dengan nama pemilik blog
Addres : Isi dengan alamat pemilik atau blog
City : Isi dengan kota Anda
http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

State / Province : Isi dengan Provinsi Anda tinggal


Postal / Zip Code : Isi dengan kode pos di daerah Anda
Country : Isi dengn negara Anda
Public Email : Isi dengan email yang akan dipublikasikan dan bisa dilihat orang lain.
Select the country for your rank : Silakan isi dengan di negara mana Anda ingin menampilkan rangking blog
Anda.

Bagaimana, mudah bukan!

Langkah verifikasi hingga pengaturan site pada Alexa diatas akan membantu meningkatkan rangking blog Anda.
Tentu tidak itu saja, ada banyak faktor yang mendukung agar rangking blog baik dimata Alexa, salah satunya dengan
aktif melakukan update.

Masih banyak hal yang harus dilakukan dalam mengoptimalkan SEO (Search engine optimization). Update akan
dilakukan kemudian.

Tahap Keempat: Monetize


Ketiga jumlah pengunjung blog Anda sudah tinggi, langkah selanjutnya adalah melakukan monetize. Walau pun
tahap ini sebenarnya tidak begitu penting buat semua blog, utamanya mereka yang tak berniat mencari penghasilan di
blog. Namun hal ini tentu juga harus diketahui.

Beriku hal-hal yang harus dilakukan untuk memonetize blog Anda;

Apa Itu Google AdSense?


Bagi blogger pemula, kemungkinan besar masih belum tahu apa itu Google AdSense?. Selama ini kita tahu Google
hanyalah mesin pencari yang paling banyak diminati pengguna internet diseluruh dunia.

Bahkan di Indonesia, belakangan muncul joke bagi mereka yang tak mengerti sesuatu untuk bertanya saja ke mbah
google. Harus dipahami bahwa Google bukan sekedar mesin pencari. Didalamnya banyak terdapat aplikasi, termasuk
Blogspot dan Gmail. (Baca: Cara Membuat Blog Blogspot Dari Awal)

Dari sekian banyak aplikasi yang dimiliki Google, ada dua hal yang banyak menyita perhatian nitisen khususnya
mereka yang ingin mencari peruntungan di bisnis online, yakni Google AdWords dan Googel AdSense.

Karena artikel ini berjudul Apa Itu Google AdSense? maka kita mengesampingkan dulu pembahasan soal Google
AdWords. (Oke, sepakat!)

Lalu apa itu Googel AdSense?

Berdasarkan penjelasan Wikipedia, maka dikemukakan bahwa AdSense adalah program kerjasama periklanan
melalui media Internet yang diselenggarakan oleh Google.

Melalui program periklanan AdSense, pemilik situs web atau blog yang telah mendaftar dan disetujui
keanggotaannya diperbolehkan memasang unit iklan yang bentuk dan materinya telah ditentukan oleh Google di
halaman web mereka.

Dengan kata lain, pemilik situs web atau blog akan mendapatkan pemasukan berupa pembagian keuntungan (fulus)
http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

dari Google untuk setiap iklan yang diklik oleh pengunjung situs, yang dikenal sebagai sistem pay per click (ppc)
atau bayar per klik.

(Baca: Cara Daftar Google Adsense dari Blogspot)

Selain menyediakan iklan-iklan dengan sistem bayar per klik, Google AdSense juga menyediakan AdSense untuk
pencarian (AdSense for Search) dan iklan arahan (Referral).

Pada AdSense untuk pencarian, pemilik situs web dapat memasang kotak pencarian Google di halaman web mereka.
Pemilik situs akan mendapatkan pemasukan dari Google untuk setiap pencarian yang dilakukan pengunjung melalui
kotak pencarian tersebut, yang berlanjut dengan klik pada iklan yang disertakan pada hasil pencarian.

Pada iklan arahan, pemilik situs akan menerima pemasukan setelah klik pada iklan berlanjut dengan tindakan tertentu
oleh pengunjung yang telah disepakati antara Google dengan pemasang iklan tersebut.

Sungguh menarik bukan!

Tapi sebelum lebih jauh berbunga-bunga dengan angan-angan fulus yang besar dari blog. Harus Anda ketahui,
Google punya standar yang tinggi agar satu blog bisa menayangkan iklan AdSense. Untuk hal ini kita bahas
dipostingan selanjutanya. (Sabar ya...!)

Cara Daftar Google Adsense dari Blogspot


Menjadi seorang blogger, selain sebagai hobby juga bisa menghasilkan keuntungan finansial. Jika ada anggapan,
ngeblog hanya menghabis-habiskan duit membayar warnet atau kopi (warung kopi wifi) bisa menjadi salah besar.

Karena sebenarnya, Google telah menyediakan layanan erning di flatfom blogspot. Mungkin Anda sudah sering
mendengar cara mencari uang melalui internet atau blog. Ada banyak sekali pilihan diluar sana. Namun tidak akan
kita bahas pada postingan kali ini.

Salah satu yang menjadi unggulan mencari uang lewat internet adalah Google Adsense. Selain karena nama besar
Google sebagai penyedia layanan, Adsense juga memiliki daya tarik bagi banyak blogger.

Bagaimana tidak, caranya sangat gampang, kita dibayar oleh Google hanya kalau ada orang yang mengklik iklan
yang kita pasang di blog. Pembahasan lebih jauh soal Adsense akan kita bahas terpisah.

Untuk kali ini kita akan bahas cara mendapat penghasilan dari blogspot melalui jasa Google Adsense. Kita akan
mendaftar Adsense dari blogspot. Ikuti langkah-langkahnya sebagai berikut:

Cek Ketersediaan Adsense

Jika selama ini Anda ngeblog menggunakan bahasa Indonesia hingga pengaturannya pun berbahasa Indonesia,
dipastikan tab pada Dasboard blogspot Anda tidak tersedia layanan Penghasilan. Olehnya itu kita harus
mengaktifkannya. Caranya :

1. Masuk ke Dasboard blogspot Anda, lalu pilih tab Setelan dan pilih menu Bahasa dan
Pemformatan.
http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

Pada menu pilihan bahasa, rubah format Bahasa Indonesia menjadi Bahasa Inggris, baik Amerika atau
Inggris United Kingdom. Setelah itu Save.

Refrest Dasboard blogspot Anda, sekarang akan muncul tab baru yakniPenghasilan dan isinya Adsense.
http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

Selanjutnya melihat ketersediaan layanan untuk blog Anda. Jika Anda membuka tab Penghasilan dan
dibagian bawah kotak terlihat tampilan seperti dibawah ini, maka urungkan dulu niat Anda. Tunggu hingga
tombolMendaftar Adsense tidak buram lagi dan tak ada tulisan disampingnya.

Daftar Adsense Melalui Blogspot

Jika tombol Mendaftar Adsense telah bisa ditekan. Lakukan pendaftaran. Gambarnya seperti dibawah ini.

Ada tiga tahap melakukan pendaftaran Adsense melalui blogspot. Dilangkah pertama Anda akan diberi
pilihan menggunakan akun email seperti yang sedang digunakan, atau menggunakan email lain. Silahkan pilih Ya,
Gunakan(email Anda).
http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

Tahap kedua, hanya menjabarkan informasi tentang blog Anda. Pilih bahasa yang Anda gunakan di blog
Anda, lalu klik Lanjutkan.

Tahap ketiga dan terakhir adalah formulir permohonan. Isi semua pilihan, mulai Negara atau wilayah, Zona
waktu dan Jenis akun (personal atau bisnis). Pilih sesuai pilihan yang ada dan paling sesuai dengan Anda. sementara
untuk keterangan pribadi, usahakan isi dengan keterangan Asli, Nama, Alamat, Kota, Provinsi, Kode Pos dan
Telepon, setelah itu tekan Kirim Permohonan Saya.
http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

Kini formulir Adsense Anda telah dikirim ke Google. Tunggu 1 kali 24 jam atau paling lama 1 minggu untuk
mendapatkan jawaban. Dari pengalaman bloGoooblok ~ mendaftar Adsense, setelah mengirimkan formulir, enam
jam kemudian surat dari google tiba. Jawaban apakah Anda diterima atau tidak menjadi penyedia layanan iklannya.

Kelihatan memang mudah melakukan pendaftaran, dan kemudahan itu tidak segampang diterima oleh Google.
Olehnya itu ada banyak hal yang harus diperhatikan jika hendak menggunakan layanan Adsense.

Selanjutnya, share pengalaman Anda mendaftar di Adsense pada kolom komentar dibawah ini. Kita berbagi
pengalaman untuk saling menguatkan. Terima kasih

Cara Memasang Iklan Google Adsense di Blogspot


Beberapa waktu lalu, ada yang bertanya kepada bloGoooblok ~ tentang bagaimana memasang unit iklan adsense di
blog. Tentu untuk memasang iklan, Anda harus sudah disetujui oleh Google Adsense dan saya pikir yang bertanya
saat itu sudah dapat persetujuan.

(Baca: Cara Daftar Google Adsense dari Blogspot)

Pada dasarnya, ada dua cara yang disediakan Google untuk memasang iklan di blog. Cara jika Anda mendaftar
Adsense melalui blogger dan cara jika memasang iklan melalui dasboard akun Google Adsense yang konvensional.

Pasang Iklan Google Adsense dari Blogspot


Cara ini terbilang mudah. Anda hanya perlu masuk ke akun blogger Anda dan memilih Penghasilan. Jika Anda
mendaftar Adsense tidak melalui blogspot, ada baiknya mengaitkan dulu akun adsense Anda dengan blogspot.
Caranya dengan memasukkan ID akun Anda.

Jika berhasil maka tampilannya akan seperti berikut :


http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

Untuk memasang iklan Adsense di blog, pilihlah Ya pada opsi Tampilkan iklan di blog. Ada tiga model iklan yang
bisa kita tampilkan melalui pengaturan ini.

Tampilkan iklan di bilah samping dan entri: artinya iklan akan tampil di sidebar blog dan di bagian akhir
postingan.
Tampilkan iklan di bilah samping : iklan hanya akan tampil di sidebar blog
Tampilkan iklan di bawah entri : ikan hanya akan muncul di bagian bawah atau akhir postingan.

Jika telah melakukan perubahan jangan lupa untuk mengklik tombol Simpan Setelan di pojok kanan atas.

(Baca: Apa Itu Google AdSense?)

Pasang Iklan Google Adsense dari Akun Adsense


Untuk memasang iklan Adsense pertama-tama login dulu ke dasboard. Kunjungi google.com/adsense dan masukkan
email yang telah disetujui oleh Adsense. Setelah berhasil, Anda akan dihadapkan pada tampilan beranda. Disini Anda
bisa melihat laporan penghasilan Adsense.

Selanjutnya, klik Iklan Saya yang berada di samping beranda.

Di bagian inilah semua jenis iklan ditampilkan. Anda bisa memodifikasinya dan mengaitkan dengan tema blog Anda.
Untuk membuat unit iklan baru, klik tombol + Unit iklan baru.
http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

Di bagian inilah Anda akan memilih jenis iklan apa yang akan digunakan. Harus diperhatikan, setiap unit iklan yang
dibuat, selalu memberikan nama.

Pilih ukuran iklan yang akan dibuat. Anda bisa memilih jenis ukuran yang disediakan dengan mengklik pilihan
Menampilkan. Ada sekitar tujuh jenis pilihan yang diberikan. Pertama yang Disarankan, ini adalah jenis yang paling
banyak digunakan. Spanduk Horizontal, Spanduk Tegak, Persegi Panjang Responsif, Ukuran khusus dan Iklan
Tautan.

Setiap ukuran, Anda bila melihatnya terlebih dahulu dengan mengklik Pratinjau, seperti ukuran 300x250 berikut ini.
http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

Setelah yakin dengan ukurannya, selanjutnya pilih Jenis Iklan. Ada tiga pilihan, menampilkan iklan dalam bentuk
teks dan gambar, hanya iklan gambar atau hanya iklan teks.

Jika memilih iklan teks dan gambar, ada baiknya Anda memilih gaya iklan teks yang akan ditampilkan. Di bagian ini
ada banyak pilihan yang bisa Anda sesuaikan dengan blog Anda. Untuk mengeditnya, klik tombol Salin dan Edit.
http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

Di bagian bawah, masih ada dua opsi, Saluran khusus dan Iklan Cadangan. Keduanya hanya berguna untuk waktu-
waktu tertentu saja. Jika telah yakin dengan pilihan, selanjutnya klik Simpan dan dapatkan kode.

Copy kode iklan yang dimunculkan dan pasang di bagian blog Anda. Tunggu sampai iklannya aktif. Jika telah aktif
maka, iklan yang dimaksud sudah akan muncul di blog Anda. Langkah selanjutnya adalah mempromosikan blog
Anda agar ramai pengunjung, dengan begitu, akan semakin besar kemungkinan iklan Anda akan diklik dan tentu
pundi-pundi penghasilan Anda akan semakin besar.

(Baca: Apa Itu Google AdWords?)

Happy Blogging....

Mengaitkan Adsense dengan Google Custom Search di Blog


Ada banyak cara untuk mengoptimalkan penghasilan dari Google Adsense. Salah satunya yang akan kita ulas dalam
tutorial kali ini. Iklan Adsense tidak hanya akan muncul di sidebar blog, tapi juga akan muncul di hasil pencarian
blog.
http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

Jika Anda belum mengerti apa itu form pencarian kustom (Custom Search), ada baiknya membaca artikel ini
dulu: Cara Membuat dan Memasang Google Custom Search Engine. Pada artikel ini, semuanya dibahas hingga
cara memasangnya di blog. Begitu pula perbedaanya dengan widget bawaan blogger.

Saya anggap Anda sudah paham dan telah memasangnya.

Untuk mengaitkan Adsense dengan Google Custom Search caranya sangat mudah. Pertama-tama kunjungi laman
dimana Anda membuat Custom Search atauhttps://www.google.com/cse/manage/all dan pilih kotak pencarian yang
ingin dikaitkan.

Setelah dihalaman pengaturan, klik Make Money dan geser tombol OFF menjadi ON, maka secara otomatis akan
mencari akun adsense yang sedang aktif. Harus diingat, akun Adsense Anda sedang aktif saat mengaitkan ke custom
search, atau minimal, email adsense Anda yang sedang aktif.

Jika berhasil maka ID partner Adsense Anda akan muncul, itu berarti custom search Anda telah terkait dengan
Adsense. Tunggu beberapa saat hingga hasil pencarian Anda benar-benar terkait dengan Adsense.

Dari pengalaman bloGoooblok ~, butuh waktu sekitar dua tiga jam baru custom search benar-benar memunculkan
iklan Adsense dihasil pencarian. Contoh penampakannya seperti di bawah ini:

Pada gambar di atas, hasil pencarian yang berwarna cream dan di dalam kotak adalah hasil pencarian dari Google
Adsense. Setiap pengunjung yang mengklik hasil pencarian tersebut, akan menambah pundi penghasilan di Adsense.
Itu akan terus muncul, jika pengunjung mengetik keyword yang mengandung iklan di custom search.

(Baca: Cara Memasang Iklan Google Adsense di Blogspot)


http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

Mudah bukan! Selamat mencoba...

Memasang Iklan Adsense di Bawah Judul dan Akhir Postingan


Salah satu cara meningkatkan penghasilan di Google Adsense adalah penempatan unit iklan di tempat yang baik. Dan
posisi terbaik kadang kala berada di dalam postingan. Baik itu di bawah judul, di tengah postingan atau di akhir
postingan.

Posisi terbaik untuk memasang iklan Adsense tidak selamanya berada di dalam postingan. Pada dasarnya, posisi itu
erat kaitannya dengan template yang digunakan. Ada template yang bagusnya menempatkan kanan atas dan sidebar
kiri.

Tapi apapun itu, banyak blogger masih yakin, posisi terbaik untuk iklan Adsense adalah di tengah postingan. Hanya
saja, script iklan Adsense tidak serta merta diterima oleh HTML blogspot. Jika pun dipaksakan, maka akan berakhir
dengan error.

(Baca: Cara Memasang Iklan Google Adsense di Blogspot)

Pada tutorial kali ini, kita akan mengulas cara memasang iklan Adsense di akhir postingan dan di bawah judul. Tapi
sebelum memasang, Anda harus melakukan parse pada script iklan Anda. Caranya, copy script iklan Adsense yang
ingin Anda pasang lalu paste di situs blogcrowds.

Parse Iklan Disini

Hasil parse itulah yang nantinya akan kita pasang di dalam postingan. Tak perlu khawatir, karena melakukan parse
sama sekali tidak melanggar aturan Google Adsense.

Memparse script ini sama sekali tidak merubah struktur iklan, hanya mengkonversinya dalam bahasa pemprograman
javascripts yang bisa diterima oleh template. Browser juga membacanya sama sebelum dilakukan parse, jadi usah
risau. hehe

Cara Memasang Iklan Adsense di Akhir Postingan


Untuk memasang iklan Adsense di akhir postingan seperti yang bloGoooblok ~ terapkan sangat mudah. Silahkan
login ke dasboard blogspot Anda, lalu pilih Template dan Edit HTML. Pada laman editor HTML, cari skript berikut
dengan bantuan Ctrl F.

<data:post.body/>

Kode di atas kemungkinan besar akan lebih dari satu di template Anda, pilih kode yang kedua. Lalu paste script iklan
yang telah di parse sebelumnya tepat di bawah kode tersebut. Secara default, kode ini akan terletak di sebelah kiri.

Jika ingin memasangnya di tengah-tengah, tambahkan script berikut.


http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

<center>
...Iklan Adsense hasil Parse...
</center>

Setelah itu klik Simpan.

Cara Memasang Iklan Adsense di Bawah Judul Postingan


Sementara untuk memasang iklan Adense tepat dibawah judul postingan, caranya tidak jauh berbeda dengan cara
pertama di atas. Perbedaannya, kode hasil parse yang akan dipasang diletakkan tepat diatas kode <data:post.body/>.

Untuk membuatnya di tengah-tengah, tambahan script yang diberikan juga sama. Anda juga bisa menambahkan
script berikut agar ada jarak iklan dengan postingan.

<div style="float:left; margin-right:15px;margin-bottom:15px">


...Iklan Adsense hasil Parse di sebelah kiri..
</div>

Atau

<div style="float:right; margin-right:15px;margin-bottom:15px">


...Iklan Adsense hasil Parse di sebelah kanan...
</div>

(Baca: Mengaitkan Adsense dengan Google Custom Search di Blog).

Silahkan melakukan modifikasi, namun jangan merubah kaidah iklannya. Karena jika demikian, maka tunggulah
akun Anda di banned oleh Google. Selamat mencoba. Jika masih ada yang belum jelas, mari mendiskusikannya di
kolom komentar.

Happy Blogging..

Percepat Loading Blog dengan Script Asinkron Adsense


Jika Anda merupakan penayang Google Adsense dan memasang lebih dari satu script di blog Anda, terkadang
loading blog khususnya penampilan iklan terasa berat dan lama. Itu karena, setiap unit iklan melakukan load hingga
tampil sempurna.

Google Adsense sendiri sudah menyarankan setiap penayangnya untuk menerapkan kode iklan asinkron. Namun
kadang kala informasi penting ini dinafikkan oleh blogger, alhasil iklan yang terpasang malah membuat loading blog
terasa berat. Jika ini terus dibiarkan, bukan tidak mungkin Anda akan ditinggal pembaca, itu artinya juga kehilangan
penghasilan.

(Baca: Memasang Iklan Adsense di Bawah Judul dan Akhir Postingan).

Secara default saat ini, Google Adsense telah menerapkan iklan asinkron di scriptnya. Bisa dilihat pada gambar
berikut.
http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

Itu artinya, kita tidak harus memasang seluruh script tersebut di blog atau website. Cukup sebahagian saja utamaya
pada script adsbygoogle.js. Script adsbygoogle.js hanya dipasang di salah satu iklan dan iklan lainnya hanya
menampilkan isi.

Berikut penjelasan scriptnya:

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>


<!-- bloGooblok ~ -->
<ins class="adsbygoogle"
style="display:inline-block;width:300px;height:250px"
data-ad-client="ca-pub-3686xxxxxxxxxxx"
data-ad-slot="4113697973"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Pada script di atas, tulisan yang berwarna merah adalah script asinkron. Jika Anda telah memasangnya secara utuh
disalah satu bagian blog Anda, untuk script iklan lain, Anda bisa menghapusnya. Jadi hasil akhir script iklan yang
dipasang di bagian lain seperti berikut:

!-- bloGooblok ~ -->


<ins class="adsbygoogle"
style="display:inline-block;width:300px;height:250px"
data-ad-client="ca-pub-3686xxxxxxxxxxx"
data-ad-slot="4113697973"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

(Baca: Mengaitkan Adsense dengan Google Custom Search di Blog)

Dengan tehnik asinkron di atas, kemungkinan besar loading blog Anda akan sedikit lebih cepat (tergantung tempalet
juga). Loading akan sedikit cepat karena iklan adsense hanya membaca script adsbygoogle.js sekali saja untuk semua
unit iklan. Jadi jika satu terbuka, maka yang lain juga terbuka sempurna.

Dengan begini akan memberi nilai tambah bagi blog Anda dimata pengunjung. Dan trik di atas, sama sekali tidak
melanggar aturan Google Adsense, bahkan sangat disarankan oleh mereka.

Happy Blogging...

Itulah beberapa tahap dalam membangun blog blogspot menjadi profesional hingga mendatangkan penghasilan.
Tentu saja, tutorial di atas belum sepenuhnya lengkap. Namun setidaknya inilah gambaran yang harus Anda lakukan.

Jadi bagi yang masih bertanya-tanya cara membuat blog, ada baiknya membaca tiap link pada tutorial diatas. Tutorial
http://www.blogooblok.com/2015/02/tutorial-lengkap-membuat-blog-blogspot.html

ini baru tahap awal dan berlandaskan pada platfom gratis. Nantinya, kita akan membuat tutorial membuat blog
blogspot gratis menjadi berbayar sehingga kesan profesionalnya lebih terasa.

Jika masih terdapat pertanyaan atau kekurangan pada tutorial di atas, jangan sungkan untuk bertanya atau
menambahkan pada kolom komentar di bawah ini. Karena dengan berbagi, hal besar dan sesulit apapun bisa
dikerjakan dengan enteng.

Happy Blogging.