Tutorial Tentang Blog

Dengan adanya blog, saya bisa berbagi pengalaman atau hal-hal yang bermanfaat bagi pembaca. Meskipun pembaca blog saya sedikit tetapi ndak papalah, yang penting ada yang membaca walaupun satu orang, hehehe.
Selain digunakan untuk berbagi pengalaman, banyak yang memanfaatkan blog untuk ladang penghasilan tambahan, sarana berjualan online, dan lain sebagainya.
Jika anda membaca artikel berikut ini, mungkin anda merupakan salah satu orang yang sedang mencari tutorial cara membuat blog dengan mudah dan gak pakek ribet.
Melalui artikel berikut, saya akan berbagi panduan lengkap cara membuat blog yang cocok sekali bagi pemula.
Tenang saja, meskipun tulisan saya ini seperti cakar ayam, saya akan berusaha menyajikannya sebaik dan sedetail mungkin.
Terdapat puluhan platform untuk membuat blog. Maka dari itu, terlebih dahulu anda harus memutuskan platform mana yang ingin anda gunakan, entah itu wordpress, blogger, tumblr, jimdo, webs, squidoo, atau lain sebagainya.
Kalau menurut saya, platform yang paling populer, mudah, dan cocok sekali bagi pemula adalah blogger.
Lalu bagaimana langkah-langkah cara membuat blog di blogger? Yuuk simak langkah-langkahnya sebagai berikut :

  Part 1 : Langkah-langkah cara membuat blog

1. Pertama-tama, buka situs blogger.com
2. Login menggunakan akun gmail anda. Jika tidak mempunyai akun gmail, anda bisa membaca panduan cara membuat email di gmail yang pernah saya bagikan sebelumnya.

3. Sebelum beralih ke halaman blogger. Terlebih dahulu anda harus memilih profil mana yang anda gunakan. Silakan pilih Buat profil Google+.

4. Form profil akan terisi secara otomotis. Anda juga bisa mengeditnya. Jika sudah selesai mengedit, silakan pilih Upgrade.

5. Pada langkah berikut ini, langsung pilih Continue.

6. Pilih Continue pada langkah ini juga. Continue-continue melulu nih, hehehe

7. Setelah itu, pilih Continue anyway.

8. Okey, profil blogger anda sudah jadi. Profil blogger yang anda gunakan adalah profil Google+. Kemudian silakan pilih Finish.

9. Baiklah, selanjutnya pilih Continue to Blogger untuk beralih ke halaman blogger.

10. Untuk membuat gubuk baru, eh maksudnya blog baru, silakan pilih New Blog.

11. Anda akan melihat tampilan seperti berikut ini. Silakan isi sesuai putunjuk nomor dibawah ini :

• Nomor 1 : Isi dengan judul blog baru anda, misal Nesaba Media.
• Nomor 2 : Isi dengan alamat url pada blog anda, misal nesaba-media.blogspot.com
• Nomor 3 : Jika alamat url blog baru anda tersedia, maka akan muncul status centang yang tampak seperti pada gambar.
• Nomor 4 : Pilih template yang anda sukai untuk blog baru anda.

12. Setelah itu, pilih Create blog!
13. Selamat blog baru anda selesai dibuat. Tapi jangan keburu kabur dulu, yuuuk sekalian belajar juga mengenai menu-menu yang terdapat pada blogger, bagaimana sih cara menulis konten di blogger dan lain sebagainya.

  SUMBER : http://nesabamedia.com/cara-membuat-blog/

Part 2 : Cara Mengganti Template Blog

Template blog atau website adalah desain halaman blog / website beserta seluruh komponennya seperti gambar, stylesheet, dsb, baik berupa file statis maupun file dinamis yang berupa program atau aplikasi yang berjalan sebagai aplikasi web.

Dulu saya pernah bikin postingan mengganti template blog, namun karena sekarang Blogger menggunakan Tampilan Baru, jadi saya bikin lagi tutorialnya yang baru.

Di blogger Sobat dapat mengganti template blog anda secara leluasa sesuai dengan selera dan keinginan sobat. Anda dapat menggunakan template buatan Anda sendiri untuk blog anda, bisa juga anda mengganti template blog dengan template dari penyedia template gratis. Namun, jika sobat masih belum bisa dalam membuat template, pihak blogger sendiri sudah menyediakan beberapa template yang bisa anda pilih.

Berikut ini cara mengganti Template dengan template yang disediakan blogger :

1. Login ke blogger.
2. Pada Dashboard Blogger pilih Blog yang ingin anda ganti templatenya.
3. Klik Template.
   
4. Klik tombol Sesuaikan.
   
5. Klik pada pilihan template yang tersedia.
6. Anda dapat melakukan pengaturan tampilan pada menu di sebelah kiri.
7. Jika sudah cocok dengan salah satu template, klik Terapkan ke Blog.
   
8. Selesai.

Untuk mengganti template dengan template dari penyedia template gratis, berikut caranya :

• Download template yang ingin di gunakan.
• Ekstrak file yang di download tadi, karena file yang akan kita upload ke blogger hanya file yang berekstensi .xml.
• Login ke Blogger.
• Klik Template.
• Klik Cadangkan/Pulihkan yang ada dibagian atas kanan.
• Untuk jaga-jaga backup template Anda terlebih dulu, klik Unduh Template Lengkap.
• Klik tombol Browse, pilih file template yang tadi telah diekstrak.
• Kemudian klik tombol Unggah.
• Tunggu sampai proses selesai. Setelah itu lihat hasilnya pada Blog Sobat.

Part 3 : Menghapus / Menghilangkan Navbar Blogger

Navbar (navigation bar) default dari blogger biasanya terletak pada bagian paling atas dari sebuah blog. Navbar ini sering kali di hapus oleh para blogger karena di anggap memiliki kode yang tidak valid atau error, di samping stylenya yang kurang memuaskan bagi para blogger.

Pada tutorial ini saya akan share cara untuk menghilangkan navbar blogger tersebut ataupun hanya sekedar menyembunyikannya saja.

Berikut salah satu caranya :

• Masuk ke akun blogger anda
• Klik pada Template. (jangan lupa backup dulu template anda, untuk menghindari sesuatu yang tidak diinginkan).
• Selanjutnya, klik Edit HTML dan klik Proceed / Lanjutkan.
• Beri tanda centang pada Expand Template Widget.
• Cari kode ]]></b:skin>, lalu letakkan kode berikut diatas kode ]]></b:skin>
  
  #navbar-iframe {
  height:0px;
  visibility:hidden;
  display:none
  }
• Terakhir klik Simpan Template.

Pada langkah di atas sobat sudah menyembunyikan / tidak menampilkan Navbar bawaan Blogger, namun pada template blog sobat masih terdapat kode dari Navbar tersebut.

Untuk cara kedua Menghilangkan Navbar bawaan Blogger, Sobat dapat melakukan langkah di bawah ini :

• Sama seperti cara pertama. Masuk ke akun blogger anda
• Klik pada Template.
• Lalu klik Edit HTML dan klik Proceed / Lanjutkan.
• Beri tanda centang pada Expand Template Widget.
• Cari kode <body>, lalu letakkan kode berikut diatas kode <body>
  
  <script type='text/javascript'>
  <![CDATA[
  <!-- /*<body>*/ -->
  ]]>
  </script>
• Simpan Template Anda.
• Anda akan melihat gambar konformasi seperti di bawah ini.
  
• Klik Delete Widget untuk menghapus Navbar.
  

Jika Anda melakukan cara ini Anda juga akan menghapus Link Quick Edit gambar pensil, atau gambar kunci pas ama obeng di blog Sobat, namun cara ini sangat banyak mengurangi error pada blog.

Untuk cara ketiga dalam Menghapus / Menghilangkan Navbar Blogger, sama halnya dengan cara sebelumnya, cuma kode yang kita cari seperti dibawah ini :

 <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
<b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'>
       bla...
       bla...
       bla...
</b:widget>
</b:section>

Jika sudah ketemu, hapus kode tersebut lalu Simpan Template Anda.

Part 4 : Sistem Moderasi Komentar di Blog 

Pada kesempatan kali ini akan kita bahas salah satu fitur di Blogger, yaitu Sistem Moderasi Komentar. Moderasi komentar adalah salah satu fitur dari sebuah blog yang fungsinya untuk menyaring dan meninjau sebuah komentar di blog untuk di setujui atau tidak sebuah komentar oleh Admin blog.

Dengan mengaktifkan sistem ini ada beberapa keuntungan yang kita dapat, antara lain kita dapat memilih mana komentar yang pantas untuk ditampilkan mana yang tidak, selain itu juga dapat mengurangi komentar spam yang masuk ke blog kita, dan juga mengurangi link keluar dari blog spammer.

Namun juga terdapat kerugian jika kita mengaktifkan fitur ini, salah satunya para pengunjung yang memberikan komentar akan merasa kurang puas karena komentar yang di tulisnya tidak langsung muncul pada kolom komentar, selain itu Admin blog juga harus bisa selalu cek komentar, agar komentar tidak menumpuk atau membuat pengunjung yang berkomentar tidak sabar dan bertanya-tanya mengapa komentarnya tidak muncul-muncul.

Berikut langkah yang dilakukan untuk mengaktifkan / menonaktifkan Sistem Moderasi Komentar.

• Buka blogger.com, lalu login ke akun Anda
• Silahkan pilih nama blog yang akan anda moderasi komentarnya
• Masuk ke Setelan > Pos dan Komentar
  
• Untuk mengaktifkan silakan pilih Selalu
• Untuk menonaktifkan silakan pilih Tidak pernah
• Terakhir klik Simpan setelan
  

Part 5 : Membuat Dua Kolom Widget di Blogspot

Kadang template yang kita gunakan tidak sesuai dengan keinginan kita, misalnya kolom widget yang disediakan hanya ada satu padahal kita membutuhkan yang dua kolom, Tutorial kali ini saya buat untuk para blogger yang ingin Membuat Dua Kolom Widget di Blognya.

Untuk mempercantik blog dengan susunan gadget yang sesuai dengan keinginan Sobat, dalam hal ini jumlah kolom widget, Sobat dapat membuatnya sendiri dan terserah mau meletakkannya dimana, bisa di bawah posting, di atas posting, di bawah header, di dalam sidebar, di bagian footer ataupun di lain tempat.

Berikut Cara Membuat dua Buah Elemen Gadget/Widget :

• Login Blogger Sobat.
• Pilih Template > Edit HTML.
• Ceklis / Centang Expand Widget Template.
• Cari kode ]]></b:skin> dengan menekan tombol CTRL+F pada keyboard.
• Letakkan script berikut ini diatas ]]></b:skin> :
  
  #box-main-container {
  clear:both;
  }
  .box-column {
  padding:0px 10px 10px 10px;
  border:1px dotted $bordercolor;
  }
  *Anda dapat mengubah padding ( jarak posisi gadget ) 0px 10px 10px 10px maksudnya adalah Jarak ( Atas, Kanan, Bawah, Kiri ).
  *Anda juga dapat merubah border ( garis tepi widget ) dengan warna, caranya hapus $bordercolor dan ganti dengan kode warna yang Anda inginkan.
• Kemudian cari kode
  
  •   <div id='main-wrapper'>
  •   <div id='content-wrapper'>
  •   <div id='header'> atau <div id='header-wrapper'>
  •   <div id='sidebar-wrapper'>
  •   <div id='bottom'>
  Keterangan :
  *<div id='main-wrapper'> adalah posisi halaman utama anda. Biasanya dipakai untuk penempatan menu horizontall atau daftar isi sebuah blog.
  *<div id='content-wrapper'> adalah posisi postingan.
  *<div id='header'> adalah posisi kepala. Biasanya ditempatkan judul blog dan deskripsi blog.
  *<div id='sidebar-wrapper'> adalah posisi sidebar blog.
  *<div id='bottom'> adalah posisi paling bawah. Atau Footer Blog Anda.
  Silakan pilih salah satu, mau menempatkannya dimana.
• Jika sudah didapat atau hampir sama dengan kode diatas, letakkan kode HTML di bawah ini
  
  <div id="box-main-container"> <div id="box1" style="float: left; margin: 0; text-align: left; width: 50%;"> <b:section class="box-column" id="col1" preferred="yes" style="float: left;"> </b:section></div> <div id="box2" style="float: right; margin: 0; text-align: left; width: 50%;"> <b:section class="box-column" id="col2" preferred="yes" style="float: right;"> </b:section></div>
  <div style="clear: both;"> </div></div>
  Silakan Anda letakkan di bagian atas atau dibawah salah satu kode tadi.
  *Sebagai contoh saya letakkan dibawah kode <div id='main-wrapper'>
  
  *Hasilnya seperti gambar berikut
  
  
• Jika sudah selesai klik Preview / Pratinjau dulu, baru klik Save Template / Simpan Template. 

Sumber :  http://wadahtutorial.blogspot.co.id/2013/04/membuat-dua-kolom-widget-di-blogspot.html