Cara Membuat Blog

Bagikan

Pembuatan Blog Baru

Karena banyak yg bertanya tentang apa itu blog, maka agar lebih praktis saya tuliskan saja di sini info dasar blog bagi pemula. Tulisan ini berdasarkan cara pandang saya melihat teknologi blog yg sekarang lagi tumbuh pesat diminati tidak hanya kalangan awam, tapi juga mulai merambah ke kalangan intelektual dan akademisi serta selebritis Indonesia. Di luar negeri, blog sudah berkembang sejak lama. Kita saja yg memang suka ketinggalan.

1. Apa itu blog?

Blog adalah situs pribadi. Berbeda dengan website yg setiap memposting harus susah payah memakai kode ekstensi .html .php, .asp, dll, blog merupakan otomatisasi dari semua ekstensi tersebut. Sehingga karena sudah diotomatisasi, maka kita-kita semua yg lugu teknologi menjadi ostosmastis dapat memposting apa yg kita inginkan persis seperti kita memposting email ke teman atau ke milis.

Dan karena kemudahan inilah, maka semua orang yg tahu internet dapat membuat blog atau situs pribadi; sama halnya dengan memiliki email. Tak heran apabila pemilik blog bervariasi: mulai dari pembantu rumah tangga, ibu rumah tangga, tukang jualan sayur di pasar klewer, cewek-cewek "ramah" di pasar senggol, sampai profesor dan menteri-menteri.

2. Bagaimana cara membuat blog?

Seperti halnya email, buat account dulu di free blog provider (pemberi hosting/domain blog gratis). Yg paling populer adalah http://www.blogger.com. Bagi Anda yg sudah agak melek-huruf teknologi bisa juga buat account di http://www.wordpress.com dan http://blogsome.com. Selain yg dua ini masih banyak penyedia blog gratis yg bisa Anda ketahui kemudian. Ikuti pentunjuk step-by-step ketika mendaftar.

3. Setelah selesai register/sign-up di http://blogger.com, anda dapat mulai

memposting/mempublish apapun yg Anda inginkan di blog: mulai dari curhat, puisi, cerpen, tulisan serius sampai yg canda.

Cara Membuat Blog di Blogger

Membuat blog di blogger.com sangatlah mudah. Sekarang saya akan tunjukan cara untuk membuat sebuah account baru di blogger.com, yang 100% gratis. Saya merekomendasikan anda untuk membuat blog di blogger.com karena program ini sangat didukung penuh oleh google, sehingga apabila kita membuat blog disini maka google akan cepat mengindeks blog kita. Alhasil blog kita akan muncul dihalaman pencari google.

• LANGKAH KE-1 (GETTING STARTED)

Silahkan anda kunjungi website http://www.blogger.com/
• LANGKAH KE-2 (CREATE AN ACCOUNT)

Setelah page terbuka, silahkan anda klik CREATE AN ACCOUNT setelah anda klik, maka akan muncul form untuk mengisikan nama dan password. Silahkan isi dan anda harus selalu ingat username dan password yang anda isikan. Jangan lupa untuk menceklist Term of service agreement. Kemudian klik tombol panah "Continue" untuk melanjutkan ke langkah ke-3

• LANGKAH KE-3 (NAME YOUR BLOG)

Bagian ini sangat penting, karena nama dari blog anda nantinya akan menjadi sebuah keyword.

TIPS: agar blog anda mudah terindex oleh search engine (mesin pencari), maka alangkah lebih bagusnya jika anda membuat sebuah kesamaan antara address dan name dari blog anda!

Sekarang klik tombol panah ORANGE"Continue" untuk melanjutkan ke langkah ke-4

• LANGKAH KE-4 (CHOOSE YOUR BLOG TEMLATE)

Sekarang anda haya tinggal selangkah lagi untuk mempunyai webblog buatan sendiri!!!

Disini anda ditujukan untuk memilih warna dan bentuk dari web anda. Silahkan pilih sesuai dengan topic dan selera anda. OK jika anda sudah selesai memilih template, sekarang kita akan lanjut ke langkah berikutnya. Sekarang klik tombol panah ORANGE"Continue" untuk melanjutkan ke langkah ke-5

• LANGKAH KE-5 (GENERATE YOUR BLOG)

Sekarang blogger akan menciptakan blog anda. Setelah blog selesai dibuat, maka di browser anda akan ada tulisan "Your Blog Has Beeb Created" Klik start Posting untuk untuk membuat artikel/tulisan pertamamu. Sekarang Isikan Judul artikel kamu pada kolom title, dan tulis isi dari artikelmu di bawahnya!

SELAMAT!! sekarang anda sudah mempunyai blog sendiri dan sudah bisa dilihat dari penjuru dunia manapun.

Mengatur Kode dan Warna Tulisan

Bagikan

Rasanya paling membosankan disaat melihat hasil postingan tidak berwarna dan tulisannya yang berantakan. Sekarang saya akan coba memberikan sedikit trik atau cara mudah untuk mempercantik halaman blog anda, agar pengunjung tidak pernah bosan melihat tulisan dan kode-kode yang terdapat di halaman posting kesayangan anda.

Untuk mengatur tulisan agar bisa di kiri, kanan dan tengah

Kodenya:

1. <p align="center">Isi tulisan Anda</p>
2. <p align="left">Isi tulisan Anda</p>
3. <p align="right">Isi tulisan Anda</p>

Untuk yang di bawah ini kode agar tulisan bisa sama rata:

4. <p style="text-align: justify;">Isi tulisan Anda</p>

Kode Untuk Menebalkan Tulisan

<p style="font-weight: bold;"></p>

Kode Untuk Memiringkan Tulisan

<p style="font-weight: italic;"></p>

Kode Warna Tulisan

Tentukan warna kesukaan Anda pada kode-kode dibawah ini:

<span style="color: rgb(255, 0, 0);">Isi tulisan Anda</span>

<span style="color: rgb(255, 153, 102);">Isi tulisan Anda</span>

<span style="color: rgb(255, 255, 102);">Isi tulisan Anda</span>

<span style="color: rgb(102, 255, 153);">Isi tulisan Anda</span>

<span style="color: rgb(51, 102, 255);">Isi tulisan Anda</span>

<span style="color: rgb(255, 153, 255);">Isi tulisan Anda</span>

<span style="color: rgb(0, 0, 0);">Isi tulisan Anda</span>

<span style="color: rgb(102, 102, 204);">Isi tulisan Anda</span>

<span style="color: rgb(153, 153, 153);">Isi tulisan Anda</span>

<span style="color: rgb(51, 0, 153);">Isi tulisan Anda</span>

Silahkan Anda untuk mencobanya sekarang, semoga berhasil.

Selamat Mencoba...!!

Membuat Pesan Pembuka dan Penutup Pada Blog

Bagikan

Anda tentu sering menemukan saat membuka sebuah blog kemudian tampil sebuah pesan pada layar baik itu ucapan selamat datang ataupun hanya sekedar pesan dari pemilik blog. Mungkin sebagian dari anda akan mengatakan bahwa trik ini sudah cukup basi, tapi tidak ada salahnya kalau saya tulis kembali sekedar untuk catatan pribadi dan mungkin akan bermanfaat bagi anda yang belum tahu cara membuatnya.

Lalu bagaimana triknya, ikuti saja langkah-langkah berikut:
Login ke akun Blogger anda, klik Layout-Edit HTML lalu pada bagian atas cari kode <head> dan masukan script berikut ini dibawahnya.

<script type='text/javascript'>
alert("Selamat datang di http://www.teukuiwan.co.cc/..Semoga bermanfaat buat anda..")
</script>

Ada ucapan selamat datang pasti ada ucapan selamat tinggal, lalu bagaimana menampilkan pesan jika halaman blog ditutup untuk meninggalkan pesan bagi pengunjung, berikut triknya:

Masih dalam mode Edit HTML dan dengan cara yang sama seperti diatas hanya scriptnya yang berbeda, masukan script berikut dibawah kode <head> atau dibawah script pesan pembuka tadi.

<script type='text/javascript'>
// goodbye alert
function goodbye(){
alert(&#39;Hayoo mau kemana,, Terima kasih telah mengunjungi Blog ini??..Besok mampir lagi yaa..&#39;);
}
parent.window.onunload=goodbye;
</script>

Text yang berwarna merah bisa anda ganti sesuai keinginan anda, lik pratinjau atau preview sebelum menyimpannya. Kalau anda sudah berhasil, silahkan di simpan pekerjaan anda. Bagaimana, mudah bukan? Anda cukup menambahkan sedikit kode Java script pada halaman blog anda dan anda sudah tampil beda.

Selamat mencoba..

Membuat Kotak Komentar Dibawah Posting

Bagikan

Selama ini hanya impian bagi pengguna blogger atau blogspot. Setelah sekian lama harus iri pada blog dengan platform Wordpress yang bisa menampilkan kotak komentar langsung dibawah posting, akhirnya Team Blogger mendengarkan juga keluhan pengguna blog berplatform blogspot. Blogger pengguna blogspot sekarang bisa juga menampilkan kotak komentar dibawah posting. Pada belajar ngeblog kali ini, saya akan membuat tutorial blogspot tentang membuat kotak komentar dibawah posting

Yuk langsung mulai aja membuat kotak komentar dibawah posting :

• Silahkan Login ke http://draft.blogger.com dengan ID blogger anda. Ingat! bukan login ke blogger.com tapi ke draft.blogger.com karena fasilitas ini masih dalam tahap uji coba.

• Kemudian pilih blog yang ingin anda edit, masuk Settings >> Commnets. Pada opsi Comment Form Placement pilih Embedded below post sepeti gambar dibawah

• Kemudian klik Save Settings

Kemudian coba lihat apakah kotak komentar anda sudah muncul dibawah posting, bila sudah, brarti selesai bila belum muncul, maka ikuti cara2 berikut ini:

• Pada posisi di dashboard blogger, klik link Layout kemudian masuk ke Edit HTML

• Jangan lupa centang/tandai/aktifkan Expand Widget Templates Untuk bisa mengedit template secara keseluruhan.

• Kemudian cari kode2 dibawah ini :

<p class='comment-footer'>
<aexpr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a>
</p>
</b:if>

• Kemudian hapus kode2 diatas dan gantikan dengan kode2 dibawah 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'>
<aexpr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a>
</b:if> </b:if> </p></b:if>

• Klik Save dan lihat hasilnya.

Nah, sekarang anda sudah bisa membuat kotak komentar dibawah posting

Cara Buat Daftar Isi Dengan Fasilitas Scroll Bar

Apakah ini yang anda Cari-Cari???

Contoh :

Mengantikan Icon di Address Bar
Memajang Tag HTML ke dalam Blog
Huruf Awal Posting Seperti pada Koran
Dst………!!

Anda Tertarik..!!!

Ikuti ajJah langkah-langkahnya di bawah ini :

1. Login ke Blogger.
2. Buka menu Layout -> Page Elements
3. Klik Add a Gadget -> HTML/Javascript.
4. Masukkan kode dibawah ini kedalam kotak

Daftar isi menggunakan icon kecil di sampingnya

<style>
.list {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgye8BNAbHY8HF9zVvYBypcFHEFFri4Wk89FtUuCNTNydeAIgyQR3FofPKGkgtDJ-7O4Ny9ROPasfl5BtMK324Or-rUsmqHAz6N33W31EaE1tlJVktsvQ6BuQr9P8uYhUd9mv-W0FUXZRye/") no-repeat left center;border-bottom:1px dotted #ddd;line-height:1.2em;padding:3px 0px 0px 20px;
}
</style>
<div style="overflow:auto; padding:3px; margin:0px 0px 0px 0px; width:284px; height:180px; background-color: #ffffff; border:1px solid #ffffff;">
<div class="list">
<a href="http://www.teukuiwan.co.cc/2010/02/mengantikan-icon-di-address-bar-blog.html">Mengantikan Icon di Address Bar</a></div>
<div class="list">
<a href="http://www.teukuiwan.co.cc/2010/02/memajang-tag-html-ke-dalam-tubuh.html">Memajang Tag HTML ke dalam Blog</a></div>
<div class="list">
<a href="http://www.teukuiwan.co.cc/2010/02/huruf-awal-posting-seperti-pada-koran.html">Huruf Awal Posting Seperti pada Koran</a></div>

</div>


Keterangan:
380px merupakan lebar kotak, 180px merupakan tinggi kotak, #ffffff pada background-color merupakan warna background, dan #ffffff pada border merupakan warna garis pinggir. Silahkan diganti sesuai dengan template anda.

Ingat:
Ganti tulisan yang berwarna Merah dengan alamat postingan anda dan ganti tulisan berwarna Biru yg dicetak tebal dengan judul postingan anda. Jika anda ingin menambah postingan baru maka copy kode yang berkedip lalu letakkan diatas kode </div>
Jangan lupa untuk mengganti angkanya dengan angka 3 dan begitu seterusnya jika anda ingin menambah postingan baru lagi.

5. Kalau sudah klik Save Template.

Selesai.

Selamat Mencoba

Huruf Awal Posting Seperti Pada Koran

Assalamu’alaikum para penggila blogger ! Allhamdulillah kita masih dapat bertemu dalam keadaan sehat walafiat. Hey para penggila blogger, pada pembahasan kali saya akan menjelaskan tentang cara membuat huruf awal postingan seperti pada koran. Jadi huruf awal pada postingan akan menjadi besar seperti pada koran. Contohnya seperti huruf awal paragraf di blog mlilikku ini. Keren buuanget kan ! Makanya ikuti tips berikut ini :

1. Login ke blogger.com
2. Pilih Layout/Tata Letak ---> Edit HTML
3. Cari kode ]]></b:skin> biar cepat tekan Ctrl+F
4. Copy kode di bawah ini di atas kode ]]></b:skin>

/* script huruf besar pada awal paragraf posting
http://kiwolblog.blogspot.com
----------------------------------------------- */

.awal {
float:left;
color: #000000;
background: #ffffff;
line-height:80px;
padding-top:1px;
padding-right:5px;
font-family:times;
font-size:100px;
}

Keterangan :
color: #000000; = warna huruf
background: #ffffff; = warna latar belakang
Untuk mengetahui kode warna silahkan klik DI SINI !

5. Klik simpan template !
6. Saat menuliskan artikel, ganti dari Compose/Tulis ke Edit HTML
7. Kemudian copy kode di bawah ini ke dalamnya :


<span class="awal">xxxxxxxxxxxxx</span>

Tulis huruf awal postingan anda pada kode xxxxxxxxxxxxx
Contohnya seperti ini :

<span class="awal">M</span>adu alam Buloh Seuma Asli lo.

8. Kalau udah jadi klik publikasikan ! Udah jadi deh !!!

Ternyaaata guaaampang banget yaa caranya ! Wassalamu’ alaikum wr. wb.

Memajang Tag HTML ke Dalam Tubuh Postingan

Beberapa blog atau tepatnya beberapa template blog menyediakan fasilitas menampilkan kode HTML jika sang Blogger bermaksud memasukkan atau menampilkan kode tersebut di dalam postingannya. Memang sangat menguntungkan jika memiliki template yang bersahabat seperti itu, tapi perlu diketahui bahwa tidak semua template support untuk dipasangi tag HTML pada postbody-nya, jadi jika kita ingin memasukkan sebuah tag HTML, dibutuhkan sedikit trik sederhana, yakni mengubahnya dahulu menjadi tag dasarnya, baru kemudian dipasang di dalam postingan.

Setiap simbol dalam tag HTML mempunyai tag dasarnya masing masing, jadi jika kita ingin merubah banyak kode akan sangat merepotkan jika merubahnya satu persatu, untuk itu saya merekomendasikan sebuah halaman web yang cukup berguna jika anda mengalamai hal di atas, halaman web ini berasal dari situs teman kita, SEO Santai. Berikut langkah-langkahnya:

* Download dahulu halaman webnya di link di bawah ini:
http://www.ziddu.com/download/8489121/EncodeAndDecode.zip.html
* Masukkan kode yang ingin anda Encode ke dalam kolom Masukan Kode HTML-Javascript:
* Arahkan kursor anda pada kolom Klik dalam Form di bawah untuk hasil Encode dan copy
* Sekarang anda bisa mem-paste kode tersebut di dalam badan postingan anda.


Selamat mencoba

Mengantikan Icon di Address Bar Blog

Anda bosan dengan icon pada blog anda (icon yang ada jika kita membuka blog, yang berada di samping address bar atau navbar)? Ingin menggantinya dengan icon pilihan anda sendiri supaya beda dengan blog lain? Tenang saja, caranya sangat mudah dan cukup cepat, ikuti langkah-langkah simpel ini:

• Langkah Pertama
Sediakan file gambar yang akan anda jadikan icon pada favicon blog anda, filenya bisa berformat .ico, .gif, .jpg, dan yang lainnya. Ukuran file tersebut harus berkisar antara 24 × 42 pixel sampai 32 × 32 pixel, anda dapat mengecilkan gambar anda menggunakan Photoshop, dengan menggantiukuran gambarnya.
• Langkah Kedua
Upload file gambar yang sudah diedit tersebut ke sebuah situs penyedia upload gambar, untuk kasus ini anda tidak perlu mencari dan mendaftar ke situs lain yang menyediakan jasa itu, cukup upload saja gambar anda di Blogger, caranya, buka tampilan untuk membuat postingan baru, kemudian upload gambar tersebut, setelah selesai mengupload pindah ke pilihan postingan dengan HTML, seperti gambar ini


Ambil (copy atau cut kemudian paste di Notepad) URL gambar yang anda upload, (biasanya ada dua URL, ambil yang ke-dua/terakhir) kemudian exit, tenang saja gambar anda masih ada pada direktori Blogger, yang anda perlukan hanya URL gambarnya.
• Langkah Ketiga
Masuk ke pilihan Tata Letak -> Edit HTML, kemudian copy kode berikut:

<link href='XXXXXXXXX' rel='SHORTCUT ICON'/>

Paste tepat di atas kode </head> (ganti tulisan XXXXXXXXX dengan URL gambar yang ada di Notepad tadi). Simpan template tersebut dan reload halaman blog anda.

Semoga berhasil