29/10/11

Cara buat super simple header | Image Header



Sebelum ni aku ada buat tutorial cara buat super simple header text..kali ni image pula...memang cukup simple..

kalau aku mau buat header pun aku akan buat macam ni..x perlu coding CSS.. kalau anda mau buat macam ni aku syorkan anda buang coding CSS dan coding html yang asal..baru ringan sikit blog..huhu...

Jom ikuti tutorial cara buat simple header

sebelum tu aku mau kasi sikit penerangan tentang code html yang akan digunakan..

<br/> - untuk membuatkan header ke bawah sikit..kalau guna banyak code ni makin ke bawah header tu
<center></center> - untuk centerkan header tu...

<a href="URL Homepage anda"></a> - Link ke homepage bila orang klik gambar tu..
<img src="URL Gambar Header"/> - Url gambar header
<h1></h1> - saiz tulisan..paling besar h1 paling kecil h6..kalau x mau gunakan code ni pun boleh....
<p></p> - perengan..untuk tulis penerangan blog..kira description la

Ok sekarang tengok macamana aku cantum code di atas...

<br/>
<center><a href="http://blogger-blog-tutorial.blogspot.com"><img src="http://blog.jokeroo.com/wp-content/uploads/2011/07/Youve_Been_Hacked.jpg"/></a></center>
<h1><center><p>BLog anda Kena hack...lalalala</p></center></h1>

di atas tu code yang aku dah gabungkan...di bawah ni hasilnya..


BLog anda Kena hack...lalalala


Lebih kurang macam buat banner cara ni...lepas setel ni copy kemudian pergi ke desbot---desaign---edit html..x perlu tick pada expand widget template...Cari code <body> kemudian paste code tadi SELEPASSS CODE <body> atau di BAWAH CODE <body>
Cth :

<body>
<br/>
<center><a href="http://blogger-blog-tutorial.blogspot.com"><img src="http://blog.jokeroo.com/wp-content/uploads/2011/07/Youve_Been_Hacked.jpg"/></a></center>
<h1><center><p>BLog anda Kena hack...lalalala</p></center></h1>


Gambar di bawah adalah contoh screenshot super simple image header..


Senangkan...macam makan kacang tanah...

Sekian...

10 ulasan:

Nurul Ashikin berkata...

thanks

Polskahackrew berkata...

your welkam..('',)

Aqmil Lambung berkata...

buang coding CSS dan coding html yang asal.. boleh tolong ajar sikit..

Polskahackrew berkata...

@Aqmil Lambung
Mlm nnti sy akan cuba terai buat..

Aqmil Lambung berkata...

x jumpe code < body > r....

Polskahackrew berkata...

@Aqmil Lambung
hmm..awak guna simple template.. pada simple template tu code body dia ada tambahan..cari code ni

<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>

Ini la code body utk template awak..

Aqmil Lambung berkata...

kalau nak buang header yang asal camne??

Polskahackrew berkata...

@Aqmil Lambung

oh ya..baru sy ingat dari hari tu awak tanya..sy terlupa broo..mlm ni sy cuba buat bro..('',)..

Koding berkata...

Ada masa nanti...
aku pon nak try jugak..

Polskahackrew berkata...

@Koding
terai jgn x terai.. klu ada mslh bg tau ja

entri ja

Related Posts Plugin for WordPress, Blogger...