Cara Membuat Blog

Belajar membuat blog di Blogger

Anda ingin tahu cara membuat blog? Cara membuat blog itu sangat mudah, apalagi kalau anda menggunakan Blogger. Anda tidak perlu pengetahuan yang tinggi untuk tahu bagaimana cara membuat blog. Membuat blog itu gampang dan sederhana.

Lensa ini memandu anda cara membuat blog di Blogger. Bisa juga menjadi tutorial anda tentang bagaimana cara membuat blog. Setelah anda membaca, dijamin anda akan bisa membuat sebuah blog yang sederhana atau pun yang luar biasa. Atau banyak blog. Berapa blog? Tergantung berapa banyak yang mau anda buat. Silakan lihat cara membuat blog di lensa ini

 

 

 

Cara membuat akun Google

Sebelum belajar cara membuat blog, buatlah akun Google terlebih dahulu!

Kok akun Google? Google dan Blogger adalah milik perusahaan yang sama. Akun Google bisa anda gunakan untuk masuk ke fasilitas Blogger atau fasilitas Google lainnya, termasuk ke Blogger atau Blogspot.

Ayo, kita buat aja dulu akun Google. Caranya adalah sebagai berikut:

• 1Klik di sini untuk masuk. Tampilan seperti di bawah ini (tampilannya terpotong) akan muncul
  
  
• 2Isi data yang diminta sesuai permintaan. Data tersebut adalah Nama Depan, Nama Belakang, Nama Login yang Diinginkan, Buat Sandi, Masukkan Kembali Sandi, Pertanyaan Rahasia, Jawaban (pertanyaan rahasia anda), Email Pemulihan (boleh kosong), Lokasi, dan Verifikasi Kata.
  
  Pelan-pelan aja mengisinya supaya tidak ada kesalahan!
• 3Tekan Saya Menerima. Buat Akun Saya

Mari mulai belajar cara membuat blog

Sekarang masuk ke Blogger

Setelah membuat akun Gmail seperti di atas, anda sudah bisa masuk ke Blogger.

• 1Klik di sini untuk masuk ke Blogger.
  
  
• 2Isi Nama Pengguna (Email) dan Kata Sandi anda.
• 3Tekan Masuk
• 4Anda akan dibawa ke Dasbor Blogger dengan tampilan sebagai berikut:
  
  
• 5Tekan Buat Blog (di sudut kanan atas, di bawah Bahasa) untuk membuat blog anda
• 6Beri nama blog anda, berisi Judul Blog, Alamat Blog (url) dan Verifikasi Kata

  Cara membuat entri atau postingan

  Sekarang kita buat entri atau posting anda di blog.
• 1Dari dasbor anda, akan tampak semua blog yang sudah anda buat. Lalu di bawah judul masing-masing blog akan ada pilihan-pilhan, termasuk di dalamnya untuk membuat entri baru, seperti di bawah ini
  . Klik buat entri baru
  
  
• 2Maka kemudian muncul window tempat anda membuat entri atau postingan. Di situ ada Judul, kemudian Isi entri, lalu Label atau Ketegori.
  
  
• 3Setelah selesai menuliskan entri anda, tinggal klik Terbitkan untuk menerbitkan entri tersebut. Atau bisa juga Draft (entrinya tetap ada cuma tidak terbit), kemudian Pratinjau untuk melihat entri itu sebelum diterbitkan.
• 4Untuk melihat bagaimana tampilan entri tadi dalam blog anda, klik kanan Lihat Blog
  
  

  Cara memasang video Youtube di postingan Blogger

  Cara memasang video Youtube di postingan Blogger sangat gampang.
• 1Pada dasbor anda, klik Entri baru seperti cara di atas kalau anda mau buat entri atau postingan yang baru. Kan video mau dimasukkan di situ nanti.
• 2Sekarang ke Youtube (Blogger jangan ditutup, nanti mau kembali ke situ) untuk mengambil kode video yang mau anda masukkan. Klik video yang anda inginkan, kemudian klick tombol Embed untuk menampilkan kodenya. Kopi kode video yang muncul di kotak, seperto di bawah ini:
  
  
• 3Di Blogger (dengan window buat entri baru yang sedang terbuka), klik Edit Html (di samping Compose, keduanya di sebelah kanan atas kotak entri), kemudian paste kan kode video tadi yang sudah anda kopi. Sekarang klik Compose, video tampil kan? Kalau ukurannya tidak pas, anda bisa ubah kode video yang mengatur ukuran tampilan, yaitu yang bilang "Height" (untuk tingginya) dan "Width" (untuk lebarnya) tampilan. Sesuaikan aja ukuran ini dengan ukuran area postingan anda. Boleh anda terbitkan dulu entri itu untuk melihat dengan jelas apa perlu melakukan perubahan ukuran tinggi dan lebar tampilan atau sudah pas.

 

Cara Mengubah/Memasang Gambar Background Header di Blogger/Blogspot

Cara ini digunakan untuk mengubah/menambahkan gambar header secara keseluruhan sebagai background/latar. Jika hanya ingin mengganti/memasang gambar header pada judul dan deskripsi, cukup masuk ke Page Elements dan klik edit pada widget judul dan deskripsi pada bagian header. Upload gambar anda melalui fitur upload yang telah disediakan.

click to enlarge

Namun untuk mengganti seluruh bagian backround/latar wrapper header di blog anda, gunakan cara berikut:

1. Masuk ke Edit HTML.

2. Cari  (Ctrl+F) #header-wrapper atau yang sejenisnya (masing-masing template tidak sama tergantung basic template tersebut). Declarator ini selalu di bagian pengaturan header dan posisinya paling atas.

Contoh:

#header-wrapper{background-color:#00000;width:975px;margin:0 auto 0;height:125px;)

3. Tambahkan atribut ini sebelum background-color (atau anda dapat menghapus bagian background color jika header anda akan dipenuhi dengan gambar):

background image: url(http://alamat-url-gambar/gambar.jpg);

background-repeat: no-repeat; 

contoh jadinya:

#header-wrapper{ 

background image: url(http://alamat-url-gambar/gambar.jpg);

background-repeat: no-repeat;

background-color: #00000;

width:975px;margin:0 auto 0;height:125px;)

Atau aturan shorthand untuk background juga dapat digunakan:

background:url(http://alamat-url-gambar/gambar.jpg) no-repeat #000000;

contoh:

#header-wrapper{background:url(http://alamat-url-gambar/gambar.jpg) no-repeat #00000; width:975px;margin:0 auto 0;height:125px;)

Ganti http://alamat-url-gambar/gambar.jpg dengan direct url dimana anda mengupload gambar  header blog. Sebelum mengupload & memasang gambar header, edit atau pastikan ukuran gambar sama dengan width dan height header blog.

4. Save template.

Jika ada pertanyaan, permasalahan, atau apa saja, silakan gunakan form comment.

Cara Membuat Search Engine

Tentu kita semua sudah tahu apa itu Search Engine (hari gini gak tahu apa itu search engine? cape' deeh...). Search Engine adalah ... bla.. bla..bla.. dst.
Saat ini Search Engine tidak bisa dipisahkan dalam dunia internet. Dengan Search Engine kita bisa mencari tahu tentang suatu hal yang kita inginkan sesuai dengan keyword yang kita ketikkan dan juga bla.bla..bla..... udah ah penjelasannya, yang mau dibahas disini adalah bagaimana caranya membuat search engine di blogger . Caranya sangat mudah, yaitu:

1. Login ke blogger terus klik Layout terus pilih page elements nha disitu kan banyak tulisan Add a page elements klik link tersebut dan sesuaikan dimana tempatnya menaruh search engine
2. kemudian pada layar baru yang muncul pilih HTML/Javascript kemudian copy/paste script/kode berikut ini di dalam kolom content.

<form action="http://nama-blogmu.blogspot.com/search"
method="get"> <input class="textinput" name="q" size="30" type="text"/> <input value="search" class="buttonsubmit" name="submit" type="submit"/></form>

Ganti nama-blogmu dengan nama blog kamu. Aangka 30 menunjukkan panjang kotak (text box) semakin banyak angkanya maka semakin panjang textbox-nya

Cara Membuat Read More / Baca Selengkapnya di Blogger

Biasanya postingan terbaru akan ditampilkan dihalaman utama blog. Namun jika postingan kamu terlalu panjang maka hal tersebut akan membuat penuh halaman utama. Jika kamu ingin supaya postingan kamu yang ditampilkan dihalaman utama cuma abstraksinya saja kemudian ada sebuah link Read More / Baca Selengkapnya untuk melihat selengkapnya maka ikutilah langkah-langkah berikut :

1. Buka menu Layout kemudian pilih Edit HTML.
2. Kasih tanda cek (centang) pada cekbox "expand widget template"
3. Cari kode berikut di Template blog kamu (tempatnya kira-kira pada 1/4 bagian bawah kode hmtl) :

<p><data:post.body/></p>

4. Kalau sudah ketemu, Ganti kode kode tersebut sehingga menjadi seperti ini:

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

<p><data:post.body/></p>

<a expr:href='data:post.url'>Read More......</a>
</b:if>

Tulisan "Read More....." itu bisa kamu rubah, misalnya jadi "Baca Selengkapnya".

5. Simpan hasil pengeditan.
6. Kemudian pilih menu Setting lalu pilih Formatting
7. Pada kotak Post Template isikan kode berikut:

<span class="fullpost">


</span>

8. Kemudian Simpan.
9. Ketika memposting, kan disana ada 2 tab pilihan tuh, yang "Compose" dan "Edit Html", Nha km pilih Yang "Edit HTML", Maka secara otomatis akan tampak kode seperti berikut :

<span class="fullpost">


</span>

10. Letakkan abstraksi posting atau artikel yang akan ditampilkan dihalama utama (sebelum tulisan "Redmore") diatas kode ini : <span class="fullpost"> sementara sisanya yaitu keseluruhan posting letakkan di antara kode <span class="fullpost"> dan </span>
11. Ini yang paling penting diantara semua proses diatas yaitu ..... Selesai..... he..he..he.. :D
Selamat Mencoba...

Free Template Blogger

Silahkan Download Template-yang ada disini, semuanya gratis. untuk melihat contohnya Klik Preview, untuk mendownload klik kanan--> Save as pada link download



Preview

Download







Preview

Download








Preview

Download







Preview

Download




Silahkan Download Template-Template Yang lain Disini

Menampilkan / Pasang Emoticon di Kotak Komentar

Dengan adanya emoticon di kotak komentar tentunya akan membuat blog menjadi lebih hidup. Para komentator menjadi lebih bisa mengekspresikan perasaannya melalui icon2 (emoticon). Kalau di wordpress mungkin feature ini sudah tersedia. Tapi untuk blogspot kita harus mengotak-atik dan mengakalinya supaya bisa menampilkan emoticon di area komentar. Gimana? kamu mau memasang emoticon ini?

Seperti biasanya, di trick ini akan diberikan dua macam emoticon, yaitu emoticon kucing (seperti punyaku ini) dan emoticon yahoo. Kamu tinggal pilih mana yang kamu suka.

Emoticon Yahoo :




Gini nih cara membuatnya :

1. Pertama login ke blogger, trus ke "Layout (Tataletak) --> Edit HTML "
2. Beri tanda centang pada kotak "expand widget template"
3. Lalu letakkan script berikut sebelum kode </body>

Untuk Emoticon Yahoo :

<script src='http://kendhin.890m.com/emoticon/smile1.js' type='text/javascript'/>

Untuk Emoticon Kucing :

<script src='http://kendhin.890m.com/emoticon/smile2.js' type='text/javascript'/>

4. Kemudian cari kode berikut ini :

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>

5. Kalo sudah ketemu letakkan kode2 berikut setelah kode <p class='comment-footer'>

Ini untuk Yahoo emoticon :

<b><img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/>
:))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/>
:)]
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/>
;))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/>
;;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/>
:D
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/>
;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>
:p
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/>
:((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/>
:)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/>
:(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/>
:X
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/>
=((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/>
:-o
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/>
:-/
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/>
:-*
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/>
:|
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/>
8-}
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/>
~x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/>
:-t
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/>
b-(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/>
:-L
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/>
x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/>
=))
</b>

Kalo mo yang emoticon kucing pake yang ini :

<b><img border='0' src='http://kendhin.890m.com/emoticon/capek.gif'/>
:f
<img border='0' src='http://kendhin.890m.com/emoticon/bigsmile.gif'/>
:D
<img border='0' src='http://kendhin.890m.com/emoticon/hi.gif'/>
:)
<img border='0' src='http://kendhin.890m.com/emoticon/kagum.gif'/>
;;)
<img border='0' src='http://kendhin.890m.com/emoticon/love.gif'/>
:x
<img border='0' src='http://kendhin.890m.com/emoticon/malu.gif'/>
:$
<img border='0' src='http://kendhin.890m.com/emoticon/marah.gif'/>
x(
<img border='0' src='http://kendhin.890m.com/emoticon/bingung.gif'/>
:?
</b>
<br/>
<b>
<img border='0' src='http://kendhin.890m.com/emoticon/mumet.gif'/>
:@
<img border='0' src='http://kendhin.890m.com/emoticon/muntah.gif'/>
:~
<img border='0' src='http://kendhin.890m.com/emoticon/mentok.gif'/>
:|
<img border='0' src='http://kendhin.890m.com/emoticon/ngakak.gif'/>
:))
<img border='0' src='http://kendhin.890m.com/emoticon/sedih.gif'/>
:(
<img border='0' src='http://kendhin.890m.com/emoticon/senang.gif'/>
:s
<img border='0' src='http://kendhin.890m.com/emoticon/tolong.gif'/>
:((
<img border='0' src='http://kendhin.890m.com/emoticon/wow.gif'/>
:o </b>

6. Kalo sudah trus di "save" dan coba lihat hasilnya

Tambahan
* Kadang-kadang ada beberapa template memiliki kode yang beda. Kalau caranya sudah dilaksanakan dengan benar tapi hasilnya tidak terjadi apa2 atau kodenya tidak berubah menjadi emoticon, kemungkinan itu karena Kode untuk templatenya berbeda atau bisa juga karena mugnkin hosting untuk menaruh file emoticon dan javascriptnya sedang bermasalah.

Siapa Yang Menjiplak Artikle Blogmu?

Nah, pas jalan-jalan gak sengaja ketemu situs bagus. Situs buat mengetahui siapa yang telah menjiplak artikel di blog kita. Caranya cukup mudah, gak perlu mendaftar, tinggal taruh alamat/URL blogmu trus pencet tombol "GO", tinggal tunggu bentar trus langsung keluar siapa yang ngambil ato yang copy paste artikel blogmu. Kalo untuk mengetahui siapa yang menjiplak artikel2 atau postingan2 tertentu maka yg kamu masukkan ke sana adalah link dari judul postinganmu, jadi nanti akan ketahuan siapa yang menjiplak postinganmu tersebut.

Tapi sayang untuk yang versi gratis kita hanya bisa mengetahui beberapa aja, jadi gak bisa mengetahui semua yang ngopy paste blog kita. Tapi lumayan kan buat mengintip dikit. he..he.. . OK bagi yang pengen tahu nih alamatnya http://www.copyscape.com, langsung datengin aja tuh kesana.