Panduan Membina Blog: 2009

HTML tags

HTML tags adalah merupakan adalah merupakan kod-kod yang digunakan pakai dalam HTML itu sendiri. Tag ini jika digunakan, tidak akan dipaparkan di dalam posting blog anda kerana telah diubah kepada bentuk paparan. Jika anda cuba menaip tag ini dalam compose mode, tags ini tidak akan kelihatan. Contoh html tags adalah seperti

<img src="imej.jpg" width="104" height="142" /> bagi memaparkan imej.
<b> untuk tebalkan tulisan (bold)
<p>Perenggan</p> bagi membuat perenggan

Bagi membolehkan anda memasukkan tags seperti ini dalam posting anda mahupun komen anda, apa yang perlu dilakukan adalah menukarkannya kepada bentuk yang bukan bermaksud HTML tags iaitu dengan menulisnya seperti berikut untuk memaparkan dalam format di atas.

Apa yang perlu anda faham adalah,

akan menghasilkan tanda 'lebih kecil' ( < ) manakala

akan menghasilkan tanda 'lebih besar' ( > ), maka kod itu tidak akan dibaca sebagai satu tag html.

Memasukkan tandatangan di setiap post

Sesetengah blogger suka memasukkan tandatangan di dalam post mereka. Contoh tandatangan yang dimasukkan ialah seperti blog NANA+AMIRUL=DAMIA ini.

Untuk memasukkan tandatangan seperti ini, anda perlulah terlebih dahulu menyimpan imej tandatangan anda di internet cthnya gunakan imageshack atau photobucket, atau mana-mana image hosting yang boleh anda capai. Salin image link yang diberikan. cth: "http://img441.imageshack.us/img441/2145/signaturej.gif"

Langkah seterusnya adalah untuk memasukkan image link tersebut ke kod blog anda.

Login ke akaun blog anda
Klik pada Layout >> edit HTML
Klik pada kotak expand widget template
Cari kod <p class='post-footer-line post-footer-line-1'> atau seumpama dengannya. Gunakan shortcut ctrl+f untuk memudahkan carian
Masukkan kod berikut di bawah kod tadi (Langkah 4) <img src='IMAGE URL' style='border: none; background: transparent;'/><br/>
Gantikan IMAGE URL dgn image link yang anda salin sebelum ini. cth: <img src='http://img441.imageshack.us/img441/2145/signaturej.gif' style='border: none; background: transparent;'/> <br/>
Preview dahulu sebelum simpan untuk elakkan sebarang masalah.

Selamat mencuba...

Adakah blog anda menerima pengunjung?

Berbagai tips telah saya nyatakan di dalam blog ini untuk menaikkan trafik ke blog anda tetapi blog anda masih gagal menerima pengunjung yang anda harapkan. Adakah anda putus asa? Itulah jawapannya.... jangan mudah putus asa, blog yang cantik tidak menjamin trafik yang 'cantik'.

Apa yang penting adalah anda meneruskan usaha anda, menulis, menulis dan menulis. Tulislah sesuatu yang bermakna dan mampu menarik perhatian orang ramai untuk membaca. Adakala tulisan yang santai mampu menarik perhatian ramai.

Tapi.. pastikan tulisan anda itu relevan dengan blog anda.

Cuba untuk tidak copy and paste. Ini kerana anda akan mendapat persaingan yang sengit dalam hasil carian search engine. Apa yang saya perhatikan di dalam shoutbox saya, ada antara kita hanya copy paste content yang bagi saya tidak akan menarik orang ramai, jika itu yang anda inginkan. Malah saya pun menyampah dengan blog yang hanya bermotifkan adsense sahaja. Kalau ya pun anda ingin berkongsi maklumat yang disalin dari sumber lain, cubalah olah kembali maklumat tersebut menggunakan ayat anda sendiri.

Cubalah juga wujudkan jalinan rakan-rakan. Sekarang banyak aplikasi yang menjurus kepada jalinan yang dikenali sebagai 'social network' seperti twitter, multiply dan sebagainya. Cari rakan seramai mungkin.. Makin ramai kawan, makin banyaklah trafik yang anda akan dapat.

Apa yang penting....... kerjasama....seperti kata Wonder Pets....

Dan ..... jangan lupa tips2 saya yang terdahulu.

Kalau anda nak buat duit dengan blog anda, sertailah nuffnang (Asia Pacific’s First Blog Advertising Community) . Saya baru mendapat bayaran pertama sebanyak RM50.74. Walaupun tidak seberapa, inilah yang dikatakan sebagai buat duit dengan blog.

Menambah fungsi Read More

Sesetengah laman berasaskan CMS mempunyai fungsi read more yang tersedia. Fungsi read more membolehkan anda memaparkan sebahagian daripada isi kandungan posting anda sahaja dan pelawat perlu klik pada butang read more untuk melihat artikel sepenuhnya.

Pengguna blogspot juga boleh menambah fungsi ini di dalam blog mereka. Berikut adalah langkah-langkah untuk menyediakan fungsi read more bagi platform blogspot:

Login ke akaun blogger anda.
Pilih Layout >> Edit HTML
Klik pada Expand Widget Template
Cari <data:post.body/> di dalam kod template. Jika anda menggunakan mozilla firefox, tekan ctrl+f, taipkan dalam ruangan find, kemudian tekan Enter
Padam <data:post.body/> dan gantikan dengan kod di bawah:

<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>
<b:if cond='data:blog.pageType != "item"'><br/>
<a expr:href='data:post.url'>Read More</a> </b:if> </b:if>

Kemudian klik save atau anda boleh preview dahulu untuk mengujinya.
Jika semuanya berjalan lancar, klik pada Setting >> Formating
Scroll ke bawah sehingga anda jumpa Post Templates
Masukkan kod dibawah, kemudian klik save setting:

Untuk menggunakan fungsi ini, anda hendaklah menaip artikel/posting anda menggunakan Posting >> Create >> Edit HTML. Perkataan yang ditaip selepas <span class="fullpost">akan dapat dilihat jika pelawat klik pada read more.

Selamat mencuba.

Post Label

Post label digunakan untuk mengkategorikan posting anda. Dengan meletakkan label, pelawat yang mengunjungi blog anda akan lebih mudah mencari posting yang berkaitan. Apabila pelawat mencari sesuatu dengan menggunakan enjin carian seperti google atau yahoo, mereka mungkin akan menjumpai satu artikel di dalam blog anda. Jika pelawat itu suka akan isi kandungan artikel tersebut, terdapat kebarangkalian mereka akan mencari lagi artikel-artikel yang berkaitan dalam blog anda. Di sini anda akan dapati bahawa betapa pentingnya untuk melabelkan setiap posting anda.

Untuk memasukkan label ke dalam posting anda, anda hanya perlu taipkan label yang dikehendaki di dalam ruangan Label for this post yang terletak di bahagian bawah ruangan di mana anda menulis artikel tadi. Bagi artikel yang telah dipublish dan anda mahu meletakkan label secara pukal, klik pada Posting dan pilih Edit Post.

Pilih posting yang anda ingin ubah labelnya.
Klik pada Label Actions dropdown menu.
Pilih label yang ingin dimasukkan.
Anda juga boleh memilih untuk memasukkan label baru yang belum ada dengan klik pada New Label dan seterusnya taipkan label yang baru.
Jika posting tersebut telah mempunyai label, anda juga boleh membuangnya dengan klik pada Remove Label.

Memasang Code Box

Pernahkah anda cuba memasukkan code html ke dalam posting anda? Jika anda cuba menaipkkan <head> atau sebarang tag html ke dalam posting anda pasti akan dipaparkan mesej ralat atau kod itu tidak kelihatan apabila anda cuba publish post atau preview.

Untuk itu anda perlukan satu code box seperti di bawah:


pre
{
background:#eeeeee;
border:1px solid #A6B0BF;
font-size:120%;
line-height:100%;
overflow:auto;
padding:10px;
color:#000000 }
pre:hover {
border:1px solid #efefef;
}
code {
font-size:120%;
text-align:left;
margin:0;padding:0;
color: #000000;}
.clear { clear:both;
overflow:hidden;
}

Apa yang perlu anda buat hanyalah login ke akaun blogger anda, pilih Layout >> Edit HTML copy kod di atas dan paste kan sebelum ]]></b:skin>

Setiap kali anda hendak memasukkan kod ke dalam posting anda, taipkan <pre>Kod anda</pre>

Navigation Bar

Navigation Bar adalah satu frame yang terletak di bahagian atas blogspot secara default. Pada satu ketika kehadiran Navigation Bar ini mungkin mengganggu design blog anda. Navigation Bar ini boleh dihilangkan terus seperti blog ini, atau boleh disembunyikan dan dikeluarkan semula, atau anda juga boleh menjadikannya lutsinar.

Untuk menghilangkannya anda perlu melakukan langkah berikut:

Login ke blog anda dan pilih Layout > Edit HTML
Masukkan kod berikut selepas maklumat template

#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}

contohnya

-----------------------------------------------
Blogger Template Style
Name: Modi
Designer: Douglas Bowman
URL: www.stopdesign.com
Date: 26 Feb 2004
Updated by: § Suhaimimd § 02012009
----------------------------------------------- */

#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}

Kemudian Klik pada save template atau preview dahulu sebelum save

Untuk menyembunyikan navigation bar dan keluar semula bila mouse dihalakan ke bahagian atas blog anda, tukar kod tadi dengan kod ini:

#navbar-iframe{
opacity:0.0;
filter:alpha(Opacity=0)
}

#navbar-iframe:hover{
opacity:1.0;
filter:alpha(Opacity=100, FinishedOpacity=100)
}

Untuk menjadikannya lutsinar atau sebahagian lutsinar, gunakan kod berikut:

#navbar-iframe{
opacity:0.0;
filter:alpha(Opacity=100)
}

tukarkan nilai opacity:0.0 kepada kadar ketelusan yang anda kehendaki. Nilainya mestilah antara 0.0 hingga 1.0. Contohnya jika anda inginkan 50% lutsinar masukan 0.5.

Buat duit dengan blog

Salam sejahtera dan Selamat Tahun Baru Cina kepada semua yang merayakannya.

Lama juga tak berkesempatan menulis dalam blog ini, bukannya offline tapi tak tahu nak tulis mengenai apa....

Sekejap tadi sambil menggelintar enjin gelintar (search engine), saya terjumpa satu artikel yang menarik untuk dikongsi bersama (26 sites that pay you to blog). Artikel berkenaan memaparkan info mengenai blog yang menawarkan sejumlah wang kepada penulis blog. Dengan kata lain, anda menulis blog, anda akan dibayar. Cara dan jumlahnya berbeza mengikut pihak yang menawarkannya.

Setelah meneliti kandungan dan komen-komen yang diberikan, berikut adalah senarai putih blog yang mampu menjana pendapatan untuk anda. Antaranya ialah:

*Namun begitu, saya tidak bertanggungjawab atas kegagalan pihak berkenaan untuk menepati janji mereka.

HTML tags

Memasukkan tandatangan di setiap post

Adakah blog anda menerima pengunjung?

Menambah fungsi Read More

Post Label

Memasang Code Box

Navigation Bar

Buat duit dengan blog

Langganan Percuma

Ikut Saya

Sponsor

Label

Arkib Blog