IKLAN
Kontak Saya
300x250
Selamat Datang Di BiriBisi

Jumat, 30 Desember 2016

Panduan Ngeblog lengkap Di Blogger.Com Untuk Pemula



Daftar Isi Halaman
  • Definisi blog
  • Fungsi blog
  • Membuat blog di blogger.com
  • Memposting artikel
  • Memasang widget atau gadget
  • Mengenal menu blogger
  • Mengganti dan memasang tema (template) default blogger
  • Mengganti dan memasang tema (template) pihak ketiga
  • Membuat halaman statis
  • Membuat link halaman statis dengan widget
  • Membuat link halaman statis dengan kode html
  • Memasang pavicon
  • Mengganti judul blog dengan logo
  • Menon aktifkan search box default blogger
  • Membuat kotak pencarian sendiri


1. Definisi blog


Blog adalah bentuk aplikasi web yang berupa tulisan atau artikel yang di muat sebagai postingan pada sebuah halaman web. 


Postngan-postingan tersebut seringkali dimuat dalam urutan terbalik, yaitu postingan terbaru berada diatas, kemudian diikuti oleh postingan yang lebih lama, meskipun tidak selamanya demikian. 


Situs web seperti ini biasanya dapat diakses oleh semua pengguna Internet sesuai dengan topik dan tujuan dari si pengguna blog tersebut.


2. Fungsi blog


Fungsi blog sangat beragam, bisa sebagai catatan harian pribadi, media publikasi, atau yang lainnya. Dan dengan semakin banyaknya orang yang berkepentingan dengan blog, maka semakin luas pula fungsi dan kegunaannya


3. Membuat blog di blogger.com


#Pertama. Masuk ke https://www.blogger.com


#Kedua. Login menggunakan akun Google milik sendiri. Jika belum punya, silahkan klik Disini untuk membuatnya




#Ketiga. Jika sebelumnya belum membuat profil Google+ maka klik “Buat profil Google+” tapi kalau sudah punya, maka langsung ke tahap berikutnya





#Keempat. Klik “Lanjutkan ke Blogger”





#Kelima. Klik “Blog baru” untuk membuat blog baru





#Keenam. Isi detail blog





Keterangan:



  • Judul 

Kolom judul di isi dengan judul blog yang di inginkan. Terserah mau apa judulnya, tapi sebaiknya yang relevan dengan tema artikel yang nanti akan di buat. 

Tapi judul ini sewaktu-waktu bisa diganti dengan tanpa mempengaruhi keadaan blog anda. Jadi yang terpenting sekarang ini blognya jadi dulu, walau judulnya masih belum sesuai atau sreg dengan pemikiran.    



  • Alamat 

Pada kolom ini harus memasukkan alamat blog yang belum digunakan oleh orang lain, mislanya bloghebat.blogspot.com dan sebagainya. 

Jika alamat yang di pergunakan sudah digunakan oleh orang lain, walau pun itu nama sendiri, maka akan muncul tanda seru [ ❗ ] berwarna kuning. 


Jika belum, maka akan muncul tanda centang [  ✔  ] berwarna biru. Itu artinya kata yang di masukkan bisa di pergunakan sebagai alamat blog anda.  



  • Tema (Template)

Tampilan model tema (template) yang ada pada gambar di atas adalah bentuk tampilan blog jika sudah jadi nanti. Untuk sementara, klik saja dulu salah satu model tema "Sederhana", agar proses pembuatan blog ini berjalan lancar. 

Gampang nanti kalau blognya sudah jadi, maka bisa menggantinya dengan yang keren, bahkan dengan yang lebih keren lagi dari karya para blogger yang bisa di download, bahkan ada yang cuma-cuma alias gratis. 


Kalau belum paham cara menggantinya, silahkan baca terus artikel ini agar bisa memahami tahapan-tahapannya secara benar, sehingga bisa membuat tampilan blognya bagaikan blog atau web profesional yang berbayar.


#Ketujuh. Klik Buat Blog





Peng-klik-an ini di maksudkan untuk menyimpan semua yang sudah di torehkan tadi.  


Selamat!

Blog yang di idam-idamkan sudah jadi. Dan untuk melihat blog yang telah di buat, silahkan klik tombol “Lihat blog”



4. Memposting artikel


#Pertama. Login  ke https://blogger.com seperti saat mau membuat blog





#Kedua. Klik tombol icon “Pensil“


#Ketiga. Isi halaman editor artikikel ini dengan artikel yang dikehendaki. 


Sekedar untuk membantu kemungkinan kebingungan yang di hadapi, silahkan simak baik-baik gambar di bawah ini beserta penjelasannya :





Penjelasan :



  • Angka 1 : Judul postingan
  • Angka 2 : Isi postingan
  • Angka 3 : Menu-menu untuk mengganti warna tulisan, ukuran font, upload gambar dan video, dll.
  • Angka 4 : Format postingan, yaitu Compose dan HTML. Untuk pemula sebaiknya pilih Compose saja.
  • Angka 5 : Label postingan. Mengenai label postingan, silahkan baca [ di sini ].
  • Angka 6 : Tanggal artikel ditulis
  • Angka 7 : Tautan permanen.
  • Angka 8 : Lokasi saat menulis artikel, tidak harus diisi
  • Angka 9 : Opsi-opsi lain yang bisa dipilih
  • Angka 10 : Tombol untuk mempublikasikan artikel
  • Angka 11 : Tombol untuk menyimpan postingan ke Draft
  • Angka 12 : Preview postingan sebelum dipublikasikan

#Keempat. Setelah memahami menu-menu tersebut, silahkan mulai menulis artikel yang di kehendaki

#Kelima. Klik tombol “Publikasikan”. Ini di lakukan apabila artikel yang di buat benar-benar sudah selesai. 

Baca juga Cara Membuat Label Untuk Postingan .

Selamat!

Artikel yang anda buat sudah bisa di baca oleh siapa pun yang mengakses blog anda. Dan untuk mengeceknya, silahkan klik tombol "Lihat blog"




5. Memasang widget atau gadget


Widget atau gadget sangat di butuhkan oleh blog, walau tidak harus dipasang seluruhnya, tetapi cukup sebagiannya saja. Silahkan ikuti cara memasangnya di bawah ini:


#Pertama. Login ke blogger.com


#Kedua. Klik menu “Tata Letak”


#Ketiga. Klik tulisan “Tambahkan Gadget”







#Keempat. Pilih gadget yang ingin di pasang.





#Kelima. Klik tombol "Simpan"


Kebanyakan blogger pemula terlalu berlebihan dalam mamasang widget di blognya. banyak yang beranggapan, semakin banyak memasang widget akan membuat blognya semakin keren. Padahal kenyataannya tidak demikian.


Justru semakin sedikit memasang widget, akan membuat blognya semakin bagus. Alasannya karena terlalu banyak memasang widget, akan membuat bingung pengunjung. Selain itu juga akan membuat loading blognya semakin lama.


Berikut ini beberapa widget yang sebaiknya dipasang di blog:


Widget Entri Populer

Widget Label
Widget Arsip
Widget Profil
Selain widget-widget tersebut, ada satu lagi widget yang cukup sering digunakan di blogger, yaitu widget HTML/JavaScript.

Fungsi widget HTML/JavaScript ini untuk menambahkan widget menggunakan kode html dan pada umumnya untuk memasang widget dari pihak ketiga dan banner iklan.


6. Mengenal menu blogger


1. Tombol “Entri baru”

Tombol ini fungsinya untuk membuka halaman untuk membuat artikel baru.

2. Ikhtisar

Menu ini berguna untuk melihat statistik ringkas blog, seperti jumlah pengunjung, jumlah postingan, jumlah komentar yang masuk, jumlah pengikut, dll.



3. Pos

Menu untuk menampilkan daftar artikel yang ada di blog, baik yang sudah di upload, ataupun yang masih pratinjau.

4. Laman

Menu untuk membuat dan menampilkan daftar halaman statis yang ada di blog. Silahkan lihat penjelasannya di bawah.

5. Komentar

Menu untuk menampilkan semua daftar komentar yang masuk ke blog.

6. Google+

Menu untuk mengaitkan blog sobat dengan profil Google+

7. Statistik

Menu untuk menampilkan statistik blog, seperti jumlah pengunjung, jumlah tayangan laman, sumber pengunjung, dan lain sebagainnya.

8. Kampanye

Menu ini khusus untuk mempremosikan blog melalui Google AdWords (berbayar).

9. Tata Letak

Di menu inilah pengaturan tata letak blog dan pemasangan gadget  di lakukan.

10. Tema (Template)

Di sinilah penggantian dan pemasangan template atau theme blog di lakukan.

11. Setelan

Untuk penyetelan dan pengaturan dasar, seperti mengganti judul, mengganti alamat, atau mengganti bahasa blog, maka di menu inilah tempatnya.

Selain menu-menu di atas sebenarnya masih ada satu menu lagi, hanya saja menu tersebut secara default tidak ditampilkan untuk blog-blog yang berbahasa Indonesia.


Jika ingin mengetahuinya, silakan baca postingan ini.


7. Mengganti dan memasang template default blogger


Blogger telah menyediakan template secara gratis untuk para pengguna blogspot. Dan jika template yang digunakan saat ini dianggap kurang keren, maka bisa diganti dengan yang lainnya. Berikut ini caranya:


#1. Masuk ke dashboard blog


#2. Klik menu “Tema” (Template)




#3. Klik salah satu model Tema (template)





  • Daftar tema (template) blogger
  • Sederhana
  • Tampilan Dinamis
  • Jendela Gambar
  • PT Keren Sekali
  • Tanda Air
  • Kelembutan
  • Perjalanan

#4. Klik tombol "Terapkan ke blog"

#5. Klik tombol "Sesuaikan"




Untuk penyesuaian template yang telah diterapkan pada blog. Lihat kebagian atas halaman, disitu terdapat deretan menu untuk menyetel template yang telah di terapkan.


Daftar menu "Sesuaikan" dan fungsinya

(berada di bagian atas hlaman)


  • Tema (Template), untuk memilih tema
  • Latar belakang, untuk memilih gambar atau texture latar belakang
  • Sesuaikan lebar, untuk menyetel lebar halaman tema (template)
  • Tata Letak, untuk menyetel tata letak dan model tenplate yang di inginkan
  • Tingkat lanjut, untuk menyetelan tema (template) lebih detil lagi. Apabila menu tingkat lanjut ini di klik, maka akan muncul deretan menu untuk oenyetelan lebih detil lagi




Daftar menu "Tingkat lanjut"


  • Teks Laman
  • Latar
  • Judul Blog
  • Deskripsi Blog
  • Teks Tab
  • Latar Tab
  • Judul Posting
  • Header Tanggal
  • Catatan Kaki Entri
  • Gadget
  • Gambar
  • Aksen
  • Mobil Button Color
  • Tambahkan CSS

Pada menu tingkat lanjut ini penyetelan ukuran font, warna tulisan, dan lain-lain bisa dilakukan. Selamat mencoba!


#6. Klik tombol "Terapkan ke blog" yang ada di bagian atas kotak menu. Ini berguna untuk menerapkan atau menyimpan penyesuaian yang telah dilakukan


#Ketujuh. Klik tombol kembali ke blog untuk keluar dari penyesuaian. 


Atau klik tombol "Lihat blog" untuk melihat hasil dari penyesuaian yang telah dilakukan. 


Kalau masih belum puas, silahkan kembali lagi untuk melanjutkan penyesuaian.




8. Mengganti dan memasang tema (template) pihak ketiga

Salah satu fitur keren yang ada di blogger adalah kita bisa mengganti tema atau tampilan blog kita sesuai keinginan.


Selain bisa menggunakan tema-tema default blogger seperti yang di bahas di atas, kita juga bisa menggunakan tema (template) pihak ketiga yang banyak bertebaran di internet.


Apabila mau menggunakan template pihak ketiga, maka ikutilah tahapan-tahapan yang harus di lakukan berikut ini: 


1. Mencari tema (template) blogger untuk didownload.


Di luar sana banyak sekali penyedia tema (template) blogger, ratusan, bahkan ribuan, baik yang gratis ataupun yang berbayar.


Untuk mencari penyedia tema tersebut cukup cari di google dengan kata kunci seperti ini:

tema blogger gratis atau sejenisnya.



Hanya saja, untuk tema gratis ini ada kekurangannya, yaitu terkadang ada yang ID blognya menggunakan blog miliknya dan link artikel-artikel blognya banyak bertebaran di dalamnya.


Saran saya, mendingan pakai template default blogger saja, tinggal mempercantiknya. Atau beli dari pihak ketiga. Tetapi itu semua terserah anda.


2. Meng-extract file tema (template)


File tema (template) yang akan di download pada umumnya dalam format file .zip atau .rar.


Dan untuk memasangnya di blog perlu meng-extractnya terlebih dahulu.


Cara meng-ekstrak-nya, lihat gambar di bawah ini:




Setelah di-ekstrak nanti di dalamnya terdapat file dengan ekstensi .xml. File itulah yang nanti akan di pasang ke blogger.


Setelah selesai di download, tahap berikutnya adalah memasangnya di blog.


Caranya sangat mudah sekali. Berikut adalah langkah-langkahnya:


#1. Masuk ke dashboard blog


#2. Klik menu “Tema” (Template)




#3. Klik tombol “Cadangkan / Pulihkan”




#4. Sebelum memasangnya, klik dulu tombol “Unduh tema (template) lengkap” untuk mengunduh tema yang sedang dipakai sebagai backup.




#5. Kalau temanya sudah di-backup, selanjutnya klik “Choose File” dan pilih tema baru yang ingin anda pasang.




#6. Terakhir tinggal klik tombol “Unggah”


Sekarang silakan cek blognya untuk melihat apakah temanya sudah sukses terpasang atau belum.


Setelah pergantian tema (template) biasanya perlu mengatur kembali widget-widget yang terpasang di blog. Silahkan di atur kembali!


Begitulah kira-kira cara mengganti tema di blogger dengan tema (template) pihak ketiga. Gampang kan?




9. Membuat laman atau halaman statis

Perbedaan pos dan laman


Pos:



  • Ditampilkan di halaman depan blog
  • Diarsipkan berdasarkan tanggal publish
  • Memiliki label, tanggal publish dan author
  • Dikhususkan untuk konten yang sering diupdate
  • Menggunakan format URL permalink seperti ini: http://sehatsehatlah.blogspot.com/tahun/bulan/obat-sakit-kepala.html


Laman:



  • Secara default tidak ditampilkan di halaman depan blog
  • Tidak diarsipkan berdasarkan tanggal publish
  • Tidak memiliki label, tanggal publish dan author
  • Dikhususkan untuk konten yang jarang diupdate
  • Menggunakan format URL permalink seperti ini: http://namablog.blogspot.com/p/nama-laman.html


Berikut ini cara membuat laman atau halaman statis:


#Pertama. Masuk dashboard blog


#Kedua. Klik menu “Laman”




#Ketiga. Klik tombol “Laman baru”




#Keempat. Beri Judul dan isi dengan yang dinginkan, Tentang Saya atau yang lainnya.




#Kelima. Klik tombol “Publikasikan”


Demikianlah, kurang lebih cara membuat laman atau halaman statis. Gampang kan?



10. Memasang link halaman statis dengan widget laman


Seperti yang sudah disebutkan di atas, laman di blogger secara default tidak ditampilkan di blog. Selain itu tidak ada link yang bisa diklik supaya bisa mengarah ke halaman statis yang sudah dibuat.


Untuk itu harus membuat link sendiri agar halaman statis bisa di buka, baik dengan menggunakan widget seperti yang akan di jelaskan berikut ini, atau dengan menggunakan kode html seperti penjelasan berikutnya.


#Pertama. Masuk ke menu “Tata Letak”




#Kedua. Klik “Tambahkan Gadget”




#Ketiga. Pilih widget “Laman”




#Keempat. Centang halaman statis yang ingin di tampilkan




#Kelima. Klik tombol “Simpan”

Sekarang link halaman statis sudah bisa muncul di blog.

11. Memasang link halaman statis dengan kode html


Untuk menggunakan cara yang kedua ini tidak perlu jago HTML, tapi cukup dengan memiliki pemahaman tentang HTML yang diperlukan saja.


Perlu di ingat, jika template yang digunakan dari pihak ketiga, maka kemungkinan besar template tersebut sudah memiliki fitur menu navigasi. Maka hanya perlu mengedit URL linknya saja.


Berikut ini contoh tahapan-tahapan memasang link laman pada menu navigasi:


#1. Masuk ke menu “Template”




#2. Klik “Edit HTML”




#3. Cari kode yang kurang lebih seperti ini:


<li><a class='active' href='/'>Home</a></li>

<li><a href='#'>Menu</a></li>
<li><a href='#'>Menu 1</a></li>
<li><a href='#'>Menu 2</a></li>
<li><a href='#'>Menu 3</a></li>

Setelah itu tinggal ganti tanda pagar dengan URL laman dan ganti tulisan “Menu” sesuai dengan keinginan.


Catatan: Untuk mengetahui URL laman, bisa melihatnya melalui menu laman di dashboard blogger.


Kurang lebih kodenya nanti akan menjadi seperti berikut ini:


<li><a class='active' href='/'>Home</a></li>

<li><a href='http://namablog.blogspot.com/p/nama-laman1.html'>Tentang</a></li>
<li><a href='http://namablog.blogspot.com/p/nama-laman2.html'>Kontak</a></li>
<li><a href='http://namablog.blogspot.com/p/nama-laman3.html'>Kebijakan Privasi</a></li>
<li><a href='http://namablog.blogspot.com/p/nama-laman4.html'>Galeri</a></li>
#4. Klik “Simpan template”

Begitulah, kira-kira cara membuat halaman statis di blogger dan cara menampilkan linknya di blog.




12. Memasang favicon

Favicon adalah singkatan dari Favorite Icon yaitu sebuah gambar yang muncul pada address bar suatu website. Favicon bisa disebut juga sebagai shortcut icon, website icon, URL icon, atau bookmark icon.




Apabila blog di buat di blogger.com, maka secara default blog tersebut akan memiliki favicon logo “Blogger”.


Tetapi agar blog bisa terlihat lebih menarik dan lebih keren, maka favicon tersebut bisa di ganti dengan favicon milik sendiri. Berikut ini cara menggantinya:


#Pertama. Siapkan terlebih dahulu sebuah gambar persegi empat dengan ukuran tidak lebih dari 100KB. Format gambar bisa apa saja, .JPG, .PNG, atau .ICO.


Gambar tersebut bisa di buat secara manual menggunakan software seperti photoshop atau GIMP, atau bisa juga di buat menggunakan Favicon Generator.


#Kedua. Masuk ke menu “Tata Letak”




#Ketiga. Klik “Edit” pada bagian 


#Keempat. Klik “Choose File” atau "Pilih File"




#Kelima. Klik tombol “Simpan”


Setelah favicon berhasil di pasang di blog pun, bisa saja terjadi saat blog di cek faviconnya masih tetap berupa logo blogger. Jangan panik, itu wajar saja bila terjadi, karena adanya pengaruh cache browser sebelumnya.


Untuk itu hapus dulu cache browser yang ada agar favicon pengganti bisa mencul.


13. Mengganti judul blog dengan logo


Hal lain yang bisa dilakukan supaya tampilan blog semakin keren adalah mengganti judul blog dengen sebuah logo.


Berikut ini tahapan-tahapan cara mengganti judul blog dengan gambar logo yang di inginkan:


#Pertama. buatlah terlebih dahulu logo yang akan di jadikan judul blog.


#Kedua. Login ke dashbord blog.


#Ketiga. Klik “Tata Letak”




#Keempat. Klik “Edit” pada bagian Judul Blog





#Kelima. Ikuti petunjuk di bawah ini:




Keterangan:



  • Klik "Pilih File" gambar logo
  • Pilih "Selain judul dan keterangan"
  • Klik tombol “Simpan“



14. Menon aktifkan search box default blogger


Beberapa orang merasa kurang sreg dengan kotak search default bloger, karena itu mereka menon aktifkannya, kemudian menggantinya dengan kotak search buatan sendiri yang bisa ditempatkan dimana saja sesuka hati.


Dan kalau anda termasuk dari mereka, maka simak baik-baik cara menon aktifkan kotak search default bloger berikut ini yang dikuti di bawahnya oleh penjelasan cara membuat kotak pencarian sendiri:


#Pertama. Masuk ke dashbord blog


#Kedua. Pilih menu "Tata Letak"




#Ketiga. Klik "Edit" pada widget navbar




#Keempat: Klik "Off"




#Kelima. Klik "Simpan". Selesai dan lihat blog




15. Membuat kotak pencarian sendiri

Untuk mempercantik blog selanjutnya adalah menempatkan kotak pencarian pada tempat yang sesuai dengan selera sendiri. 


Dan bagi yang ingin membuat kotak pencarian sendiri, silahkan simak cara pembuatannya dibawah ini:


#Pertama. Masuk ke dashbord blog.


#Kedua. Pilih "Tata Letak




#Ketiga. Pilih "Tambah Gadget"




#Keempat. Pilih gadget "HTML/Javascript"




#Kelima. Pastekan kode dibawah ini di dalamnya


<!-- BIRIBISI SEARCH BOX -->

<style>
#search-box {position: relative;width: 98%;margin-left: 0;margin-right:40px;}
#search-form{height: 40px;border: 5px solid #999;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background-color: #fff;overflow: hidden;}
#search-text{font-size: 14px;color: #ddd;border-width: 0;background: transparent;}
#search-box input[type="text"]{width: 90%;padding: 11px 0 12px 1em;color: #333;outline: none;}
#search-button {position: center;top: 0px;under: 0px;height: 38px;width: 80px;font-size: 14px;color: #fff;text-align: center;line-height: 40px;border-width: 0;background-color: red;-webkit-border-radius: 0px 5px 5px 0px;-moz-border-radius: 0px 5px 5px 0px;border-radius: 0px 5px 5px 0px;cursor: pointer;}
</style>
<div id='search-box'>
<form action='/search' id='search-form' method='get' target='_top'>
<input id='search-text' name='q' placeholder='Cari Artikel Biribisi Disini!' type='text'/>
<button id='search-button' type='submit'><span>Search</span></button>
</form>
</div>
<!-- SEARCH BOX END -->

#Keenam. Klik tombol "Simpan"


Demikianlah panduan ngeblog yang bisa saya sajikan untuk anda. Semoga bermanfaat. Amin!


To be continued!



Comments
0 Comments