Assalamualaikum, agaknya dah lama saya tidak berkongsi tutorial untuk blog. Entah le mungkin sibuk agaknye atau rasa malas sikit nak update web blog nie.

Tapi tak per, sikit-sikit saya masukkan lama-lama jadi le bukit kan... ?

Baik la caranye mudah sahaja.


Pada bahagian < head > dan < /head > masukkan koding nie

< type="text/css" media="print">
#noprint {display: none;}
// Hide unwanted elements
body {background:fff; color:000;}
// Black text on White background
a {text-decoration: underline; color:00f;}
//Underline Hyperlinks in blue
}
< /style >

Kemudian pergi ke SETTING - FORMATING - POST TEMPLATES masukkan koding nie pula

< href="javascript:window.print()">Cetak Halaman< /a >

Cetak Halaman

PERHATIAN
Semua tag hendaklah dirapatkan. sebagai contoh <> kepada <> sekiranya ada masalah sila hubungi saya. Mmmm apa lagi komen ler sikit..

[+/-] Baca Selanjutnya......

Sitebar merupakan satu baru yang berada di tepi web blog kita sama ada di kiri atau di kanan, kedua-dua bar itu dipanggil sitebar. Hehe... macam nak memulakan kelas pulak...

Target _blank ialah sebuah arahan untuk membuka satu windows baru tanpa meninggalkan halaman asal semasa pautan ( link ) di klik. Kaedah ini ramai orang gunakan agar pelawat tidak meninggalkan laman web asal apabila mereka klik pada link yang diberikan.



Baiklah disini saya ingin berkongsi satu tutorial bagaimana kita membuat kaedah ini supaya web kita itu sentiasa dihadiri oleh pengunjung.

Langkah :

1. Masuk ke cpanel web blog anda
2. Klik pada Edit Html
3. Tandakan rait pada kotak [] Expand Template Widget
4. Carikan koding ini

< li >< a expr:href=’data:link.target’ >< data:link.name/ >< /a >< /li >

5. Tambahkan koding nie

< li >< a expr:href=’data:link.target’ target=’_blank’ >< data:link.name/ >< /a >< /li>

Perhatikan di mana saya masukkan koding target=’_blank’.
Itu sahaja. Save template anda dan cuba tengok hasilnya.

Perhatian : Semua koding diatas saya telah jarakkan penggunaan <> jadi anda diehendaki merapatkan semuanya dengan isi yang terdapat dalam tag <>

[+/-] Baca Selanjutnya......

Gambar latar belakang merupakan satu daya penarik untuk setiap web. Tidak kiralah web jenis apa pun yang anda kendalikan, gambar-gambar memang akan memainkan peranan yang penting.

Baiklah disini saya ingin berkongsi satu lagi tutorial iaitu bagaimana hendak meletakkan warna dan gambar untuk latar belakang posting anda.

Adalah lebih baik setiap posting itu akan diselang-selikan dengan gambar yang lain baru le nampak menarik sikit.

Lihat contoh dalam artikel ini. Macam mana menarik kan.

Caranya mudah sahaja.

Sebelum anda mencipta artikel untuk dilancarkan mulakan taip benda nie dan letakkan dibahagian atas posting anda.

Koding untuk membina Warna latar belakang posting

< div style="background:kod_warna_disini;" > taipkan artikel anda disini dan diakhir sekali penulisan anda taipkan penutup div < /div >

Untuk meletakkan gambar latar belakang untuk postingan anda

< div style="background:url(alamat_gambar_disini) no-repeat;" > taipkan artikel anda disini dan diakhir sekali penulisan anda taipkan penutup div < /div >

Save dan lihat hasilnya

[+/-] Baca Selanjutnya......

Hai, apa khabar sahabat-sahabat sekalian. Penat juga mencuba benda ini, akhirnya alhamdulillah boleh dipraktikkan untuk sahabat-sahabat yang inin mencipta column yang ke3 untuk blog mereka.

Walaubagaimana pun saya nasihatkan kepada sahabat-sahabat sekalian agar anda backup dahulu template yang ada sebelum anda melakukan kaedah ini.

Seperti biasa anda dikehendaki masuk ke dalam ruangan admin dan pergi ke Layout - Edit HTML.

Cari kodding nie

#sidebar-wrapper {

width: 220px;

float: right;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

overflow: hidden; /* fix for long non-text content breaking IE sidebar float */

}

Kemudian masukkan kodding nie dibawahnya

#newsidebar-wrapper {

width: 220px;

float: left;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

overflow: hidden; /* fix for long non-text content breaking IE sidebar float */

}

Kemudian Cari Kodding ini

< div id=’sidebar-wrapper’ >

Letakkan di bawahnye kod ni

< b:section class=’sidebar’ id=’sidebar’ preferred=’yes’ >

< b:widget id=’BlogArchive1′ locked=’false’ title=’Blog Archive’ type=’BlogArchive’/ >

< b:widget id=’Profile1′ locked=’false’ title=’About Me’ type=’Profile’/ >

< /b:section >

< /div >

Kemudian Cari Koding ni.

< div id=’main-wrapper’ >

Dan letakkan koding ini diatasnya.

< div id=’newsidebar-wrapper’ >

< b:section class=’sidebar’ id=’newsidebar’ preferred=’yes’ >

< b:widget id=’Text1′ locked=’false’ title=” type=’Text’/ >



< /div >

Simpan template anda dan pergi ke ‘Page Elements’ dan Column sebelah kanan akan kelihatan. Edit le seperti biasa

[+/-] Baca Selanjutnya......