Cara letak Gambar dalam blog atau website anda

Salam kepada sahabat,malam nie Topijerami nak ajar cara letak gambar dalam blog, cara nya sangat senang la kan bagi sesetengah orang, tapi ada kawan tanya tadi, dia bukan tanya nak letak gambar dalam blog, dia tanya macam mana nak set saiz...

sambil2 jawab persoalan dia nak buat update blog cikit, kalau nak letak gambar dalam blogspot nie senang sangat tekan/klik pada button Insert Image 2, seperti gambar bawah nie,

bila dia suruh select,select la mana2 gambar mana2 yang korang nak letak,ok dah selesai dah, letak Gambar dalam blog, ok sekarang macam mana kita nak set size pada gambar 2 ? kat html gambar 2 akan keluar bawah nie.

<img src=”gambar.jpg” alt=”tulis maklumat pasal gambar anda” width=”lebar” height=”tinggi”  />

ok masukkan la size blog anda kat width dan height 2...
alt plak untuk keterangan gambar 2. kalau anda seorang pengamal ilmu SEO and mesti selalu guna untuk optimaze kan Page anda.

macam mana untuk website letak Gambar plak? sama la..masukkan coding anda lepas 2 siap...
kepada yang biasa dengan xammp memang tahu nak masukkan macam mana, sebab xampp boleh relate dengan hosting anda lepas 2 install wordpress, lagi senang nak add pic sebab kat wordpress pun ada insert picture macam blogspot gak.

ok la, sape2 yang ada masalah dalam nak letak gambar dalam blog ke dan masalah html yang lain tanya la Topijerami k.

Tag : HTML, KELAS CODING

Membuat table html part 2

Nak dekat sebulan topijerami tak buat post slot Kelas coding HTML nie,sory sebab buat post yg boring untuk korang,kalau anda masih ingat ada post untuk buat table html nie dulu klik la kalau nak tengok http://jalanyangberliku.blogspot.com/2011/09/kelas-coding-html-cara-buat-table-html.html
hari 2 buat post xhabis sebab terlampau letih

berikut ialah contoh

<table border="1">
<tr><td>first row and first colum</td><td>first row and second colum</td></tr>
<tr><td>second row and first colum</td><td>second row second colum</td></tr></table>

first row and first colum	first row and second colum
second row and first colum	second row second colum

to make table<table></table>
untuk buat row<tr></tr>
untuk buat kolum<td></td>
ketebalan tebal border<table border="1">

setakat sini dulu,esok akan ajar pasal table gak kot...
Sekian...

Nota:Jom sertai Network Kami Di Twitter Dan Facebook.

carian:KELAS CODING,
HTML,
table html

Tag : HTML, KELAS CODING

Kelas Coding Html - Cara Buat Table Html

Dah hampir sebulan slot nie..nampaknya ia telah banyak menarik minat ramai pembaca...secara purata setiap post hampir mencecah 500 view,tq bagi yang suport slot ini.

Cara membuat table html memang dah ramai pandai kan???tapi mesti la topijerami nak ajar beberapa cara yg korang masih xtahu lagi.

secara asasnya nak buat table code nya ialah

<table>
<tr><td></td></tr>
</table>

<table> ialah tag untuk buka table
<tr> ialah row
<td>ialah colum

ok malam nie berhenti disini dulu,kalau nak lagi,6t nak update post nie..esok hari..
sory la ek..letih,baru lepas balik kelas...kena jalan kaki berkilo2 meter td...motor dikunci guard u..

Tag : HTML, KELAS CODING

Kelas Coding HTML- Membuat Link Html Specific Part dalam page yang sama

Klik sini untuk membeli sansung Galaxy dengan churp2,murah sahaja,kalau xnak beli pun,bleh klik gak,sekadar view...

Seperti dijanjikan Topijerami semalam,tengok sini,hari nie topijerami nak ajar Link Html Specific Part dalam page yang sama,so sebelum Topijerami mengajar tutorial ini topijerami nak tunjuk contohnya dahulu,sebab ramai yang guna link bergambar  back to top,yes yang korang letak back to top ialah Specific Part dalam page yang sama yang Topijerami nak nie la...xtahu ke apa itu back to top???contohnya kalau anda tekan gambar back to top seperti dibawah ia akan membawa anda kembali keatas...

contoh gambar back to top

Anda Peminat Filem Tegar??jom klik sini untuk menonton review filem THECUBE

so bila anda tekan benda alah 2,ia akan kembali keatas semula....Topijerami rasa sudah tentu anda dah faham apa itu maksud Link Html Specific Part dalam page yang sama kan??

ok disini ialah tutorial coding html nya

<a href="#spot">bawah</a>

bawah
ok bila anda tekan bawah ia akan pergi terus ke spot specific part yang Topijerami setkan..coding nya untuk tempat dituju ialah..ok tekan link bawah dulu...

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

.

.

.
.
.

.
.
.

.

.

.

ok kita sudah sampai..ok dibawah ini tempatnya dan coding nya...disini saya letak coding macam nie
<a name = "spot">ok disini</a> dan ia akan keluar seperti dibawah...
 ok disini

kalau xfaham boleh la comment kat bawah 2 ok??

Tag : HTML, KELAS CODING

Kelas Coding HTML- URL Link

Hari nie kita akan belajar membuat link,mesti dah ramai yang pandai kn buat link URL nie..tapi xpe la...nak buat jugak...

Menurut Firasat Topijerami link URL ada 4 jenis kesemuanya...
1)link biasa
2)link bergambar
3)llink untuk email
4)link untuk scroll ke tempat2 dalam page yg sama

adidas memberi peluang kepada ipad 2,check disini

1)Link Biasa: <a href="URL website anda">Teks yang dipaparkan</a>

contoh
<a href="http://jalanyangberliku.blogspot.com/">Blog Menarik</a>

2)Image-link: <a href="URL website anda"><img src="URL gambar anda" alt="Alternate Text" /></a>

contoh

Image-link: <a href="http://jalanyangberliku.blogspot.com//"><img src="http://www.supermanhomepage.com/images/superman-returns7/sr-poster2.jpg" alt="Alternate Text" /></a>

3)Mailto link: <a href="mailto:email anda">Teks Anda</a>

contoh

Mailto link: <a href="mailto:ashrafluffy@gmail.com">Send e-mail</a>

4)bersambung esok..topijerami nak ulas panjang ckit pasal nie..xnak tunjuk direct macam nie..xstim

Tag : HTML, KELAS CODING

Kelas Coding HTML- Membuat IFrame Html

Semalam da buat pasal Frame kat slot Kelas Coding nie..kalau nak baca benda 2 sila klik sini k

Kalau anda perasan saya da tukar template nie..sebab sidebar kecik kat template 2..dah xramai klik post paling popular saya sebab ramai xsuka tengok sidebar saya kot...

saya pilih template nie sebab sidebar dia ada 2 colum..senang nak tengok...xpanjang sangat...

ok,berbalik pada topi asal...mesti da ramai tahu ramai yg xsuka iframe nie...ada orang anti lagi iframe nie..kenapa orang anti sangat dengan iframe nie??yela sebab ada org guna iframe untuk curi traffic blog..lebih2 lagi yg guna pay per impression 2..

ok berbalik pada tajuk asal,ape yg lain nya iframe dengan frame,ok frame ini selalunya digunakan untuk menunjukkan sesuatu yg masih dalam sesuatu yg sama dalam page tersebut...iframe plak vice versa...

ok nie contoh codingnya

<iframe src="demo_iframe.htm" width="200" height="200"></iframe>

sape nak tutorial penuh pasal html nie klik sini

kalau nak betul2 nak belajar coding..jgn risau...lepak sini..dijamin pandai

post awal ckit..nk keluar

Tag : HTML, KELAS CODING

Kelas Coding HTML- Membuat Frame Html

Mungkin anda Jarang mendengar Frame ini??tapi mungkin anda pernah mendengar Frame...

Dengan Frame, anda boleh memaparkan lebih daripada satu dokumen HTML dalamtingkap penyemak imbas yang sama. Setiap dokumen HTML dipanggil Frame, dan Frame ialah unik,maksudnya tiada kaitan dengan Frame lain.

Keburukan menggunakan Frame:

1. Frame tidak besar tak disokong dalam versi HTML
2. Frame adalah sukar untuk digunakan. (Pencetakan seluruh halaman sukar).
3. web Browser mesti menyimpan banyakdokumen HTML

Menarik Hari Ini!!!!

Saya Tahu Kamu Boleh
Jom tengok review filem thecube
celcom menawarkan Blackberry dengan harga yang murah
P1 xkan buatkan anda potong stim
produk samsung di celcom
umobile pun nak jual gak blackberry nie
Pizza Hut pun ada ayam goreng sekarang

<frameset cols="25%,75%">
   <frame src="frame_a.htm" />
   <frame src="frame_b.htm" />
</frameset>

sory xbleh tunjuk contoh..hancur jadinya blog nie kalau ada frmae


untuk tutorial html yang lain klik sini

Tag : HTML, KELAS CODING

Kelas Coding,tutorial HTML - Membuat Form Html

Tahukah anda form Html ialah digunakan untuk borang-borang on9 contohnya gambar dibawah

Gambar dari Form/borang sign up Nuffnang

Cara membuatnya dibawah

JOM KLIK Iklan HTC

Jom klik iklan Pizza hut

Jom klik Iklan Hitz FM

Jom Sertai Kuiz Meyambut Malaysia

Jom Klik Iklan Olay 1

Jom Klik Iklan Olay 2

<form>

.
input elements
.
</form>


Input element ialah jenis input mana kita nak
contohnya
<input type="text" nama=x />

di bawah saya akan menunjukkan beberapa type input element 
1)type=text
<form>
First name: <input type="text" name="firstname" /><br />
Last name: <input type="text" name="lastname" />
</form>

First name:

Last name:
2)input type=password
<form>
Password: <input type="password" name="pwd" />
</form>

Password:
cuba anda isi kan ruang password diatas
3)input type=radio
radio buttun dimana anda hanya ada satu pilihan
<form>
<input type="radio" name="sex" value="male" /> Male<br />
<input type="radio" name="sex" value="female" /> Female
</form>

Male

Female
4)input type=checkbox
anda mempunyai banyak pilihan
<form>
<input type="checkbox" name="vehicle" value="Bike" /> I have a bike<br />
<input type="checkbox" name="vehicle" value="Car" /> I have a car
</form>

I have a bike

I have a car
5)type=submit
untuk memasukan semua maklumat diisi dalam form kedalam database
<form name="input";
<input type="submit" value="Submit" />
</form>

Tag : HTML, KELAS CODING

[ CODING ] HTML Heading

Seperti yang saya tekankan HtMl Perlu belajar dari asas..
seperti post semalam saya..
malam nie saya nak ajar Heading!!!
anda tahu apa itu heading??
kalau jawab xtahu 2 tipu la...
pergi google translate kalau xtahu
heading semuanya ada 6 iaitu

<h1>Hello</h1>

Hello

<h2>Hello</h2>

Hello

<h3>Hello</h3>

Hello

<h4>Hello</h4>

Hello

<h5>Hello</h5>

Hello

<h6>Hello</h6>

Hello

seperti biasa heading dibuka dengan dibuka <hn> dan ditutup</hn>
N=size tulisan

Tag : HTML, KELAS CODING