CARA MENGHIAS BLOG

Cara menghias blog

Untuk mempercantik blog, kita dapat mengeditnya dengan memasukkan beberapa fitur yang telah ada. Macam-macam fitur itu adalah sebagai berikut:

a.      Cara merubah tema atau template blogspot

Langkah awal untuk cara ini yaitu login >> Dashboard >> klik link Design blog yang akan di edit.

Page Elements

Halaman ini adalah halaman yang pertama anda temui pada fasilitas design. Di halaman ini anda bisa menambahkan gadget/widget serta mengatur gadget/widget sesuai selera anda. Fasilitasnya mencakup:

Edit : untuk mengedit atau merubah isi gadget

Add a gadget : untuk menambah gadget

Preview : menampilkan tampilan blog sementara

Clear edit : menggagalkan/menghapus perubahan / edit

Save : selalu Simpan pekerjaan anda setelah selesai mengedit, klik edit pada gadget yang terpasang, klik remove untuk menghapusnya

Edit Html

Di halaman ini anda bisa mengedit tema/template/layout secara manual menggunakan html editor. Fasilitas ini agak sulit bagi pemula, dan sebaiknya anda mempelajari dasar-dasar html terlebih dahulu untuk menggunakan fasilitas ini. Fasilitasnya mencakup:

Backup / Restore Template : klik download full template untuk membackup / membuat cadangan template blog, tujuannya untuk menjaga kemungkinan bila template blog anda rusak karena salah pengeditan

Pilih berkas / choose file : fasilitas untuk mengambil file template dari hardisk komputer anda (biasanya file template berformat xml, contoh : nama-template.xml)
Upload : tombol untuk menegaskan proses pengunggahan file template

Edit Template : fasilitas html editor untuk merubah/memodifikasi template blog secara manual, dengan fasilitas ini anda juga bisa mengganti kode html template blog yang ada dengan kode html template blog yang baru.

Kolom centang expand widget templates : untuk menampilkan kode html widget

Clear edits : menggagalkan editan

Preview : menampilkan contoh tampilan setelah diedit

Save : menyimpan editan

Template Designer

Fasilitas untuk merancang tema/template blog sendiri sesuka hati anda. Fasilitasnya meliputi:

Templates : Di halaman ini anda bisa memilih model tampilan utama anda, model tampilan yang anda pilih masih bisa dirubah lagi.

Background : di halaman ini anda bisa merubah gambar dasar blog, memilih puluhan gambar dasar yang tersedia, atau bisa juga mengupload/mengunggah gambar sendiri

Adjust Widths : menentukan lebar postingan dan sidebar (kolom menu/widget di samping kanan/kiri)

Layout : menentukan model layout tampilan

Advanced : di halaman ini anda dapat merubah warna tulisan, model font, cetak miring/tebal, ukuran font, dsb.

Situs download tema atau template untuk blog diantaranya adalah zenplate, free templates blogger, zoomtemplate, blogtemplate-4u, dan btemplates.

b.      Pasang iklan di bawah postingan

Pasang iklan dibawah postingan bertujuan supaya iklan muncul saat pengunjung membuka postingan anda yang letaknya tepat dibawah postingan, hal ini membantu supaya iklan anda lebih sering dilihat oleh pengunjung, untuk membuatnya anda tinggal mengedit HTML layout nya saja secara otomatis iklan anda akan muncul disetiap postingan anda. Silahkan ikuti langkah-langkah dibawah ini untuk pasang iklan di bawah postingan:

·         Sepert biasa silahkan sign in di blogger

·         Pada halaman Dasboard--> Layout-->Edit HTML-->jangan lupa klik "Expand Widget Template"

·         Silahkan temukan kode dibawah ini (berwarna hitam)
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>

·         Kode iklan yang sudah di parse

<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/>
<a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p>
</b:if>

·         Langkah terakhir Save template

c.       Pasang read more beserta judul postingan

Untuk membuat bacaan read more pada judul postingan dapat dilakukan dengan cara:

·         Silakan temukan kode HTML dibawah ini yang merupakan kode HTML sebelumnya

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

·         Kemudian ganti dengan kode HTML berikut

<strong><a expr:href='data:post.url'>

·         Kemudian save setting

d.      Membuat kotak komentar dibawah postingan

Bagaimana buat kotak komentar langsung dibawah postingan sehingga pengunjung bisa langsung mengetikkan komentarnya, untuk membuatnya silakan ikuti langkah-langkah berikut:

·         Silakan login di http://draft.blogger.com bukan www.blogger.com

·         Kemudian ke menu Setting-->Comment--silakan ganti Comment Form Placement menjadi Embedded below post

·          Kemudian Save Setting

e.      Membuat shoutbox

·         Silahkan Login dengan id anda

·         Klik menu Layout->Page Element

·         Klik Add a Page Element

·         Klik tombol Add to Blog yang berada di bawah tulisan HTML/JavaScript tuliskan judul shoutbox anda pada form title

·         Copy paste kode HTML shoutbox anda di dalam form Content

·         Klik tombol Save Changes

·         Drag & Drop element yang telah anda buat tadi di tempat yang di sukai

·         Kemudian kik tombol Save

f.        Membuat link warna-warni

Link yang berupa teks sangat banyak di blog anda yang berguna untuk navigasi ke halaman lainya misalnya Link Bloggroll, Link Judul Posting, Link Label dan lainya. Nah teks yang terinfeksi Link jika kita letakkan pointer didaerah link tersebut maka warna elah anda atur. Berikut langkah-langkahnya:

·         Cari Kode <head>

·         Kemudian taruh kode dibawah tepat dibawah kode

<head>
<script

src='http://anas.ku93.googlepages.com/rainbow.js'>
</script>

·         Semudian Save dan Lihat hasilnya

g.      Menampilkan gambar dijudul postingan

Image dalam judul postingan sedikit membuat tampilan blog kita lebih menarik dan lebih cantik nah untuk membuat gambar atau image tampil dijudul postingan silahkan ikuti langkah berikut:

·         Langkah pertama adalah membuat image yang anda inginkan atau bisa juga ambil image yang sudah ada.

·         Upload gambar tersebut di photobucket.com untuk mendapatkan URL image anda

·         Anda akan mendapatkan URL image anda contohnya sepertiini http://i383.photobucket.com/albums/oo276/0512_photo/images.jpg

·         Setelah itu buat kode berikut

<img src="http://i383.photobucket.com/albums/oo276/0512_photo/images.jpg" width="45" hight="45" border="0"></img>

·         Angka "45" merupakan ukuran image anda, silakan ganti angka tersebut sesuai keinginan anda

·         Untuk memasukkan image ke judul postingan silakan ikuti langkah-langkah sebagai berikut:

Menu Layout-->Edit HTML-->jangan lupa klik "Expand Widget Templates"

Silahkan anda cari kode <a expr:href=’data:post.url’><data:post.title/></a> <b:else/>

Kemudian sisipkan kode yang kita buat sebelumnya menggantikan kata sisipkan kode

<a expr:href='data:post.url'> sisipkan kode <data:post.title/></a>
<b:else/>

Save template dan silahkan view blog anda

h.      Cara cepat mempromosikan blog

Sangat klasik berbicara tentang promosi blog tapi ini salah satu cara untuk meningkatkan pengunjung ke blog anda karena dengan banyaknya pengunjung ke blog anda meningkatkan popularitas suatu blog. Berikut ini adalah caranya:

·         Masukkan URL anda ke Forum, Newsgroup, Blogs, Discussion Group, Direktory aerikel.

·         Daftarkan website URL anda ke Google, Yahoo, ataupun MSN