3/11/11

Tutorial cara buat super simple homepage #2


Dalam tutorial sebelum ni hanya untuk membuatkan homepage tu kosong.. kali ni pula cara untuk hias...

dalam tutorial ni aku hanya gunakan code html yang simple...tiada code css..sbb aku blm fhm pasal code css..

code html yang aku gunakan ialah code center,br,table,h1,h2,<a link,<font color,<b:if cond..

Sebelum meneruskan tutorial,aku mau bagi tau yang anda mesti la tahu pembuka dan penutup code,tahu buat link secara manual dengan erti kata lain mesti la faham tentang asas code html..

Semua code di masukkan selepas code    <body>..mula2 masukkan code yang digunakan untuk memaparkan widget pada homepage dan penutup code tu sekali..cth :

<body>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
isikan code javascript , html hiasan dan link di sini...

</b:if>

Apa macam faham ka?..berikut adalah contoh hiasan homepage aku...






<body>

<b:if cond='data:blog.homepageUrl == data:blog.url'>

(Code javascript background)

<h1><a href='http://blogger-blog-tutorial.blogspot.com/p/polskahackrew-command-centre.html' onclick='window.open(&apos;http://polskahackrew.com&apos;,&apos;popup&apos;,&apos;width=500,height=500,scrollbars=yes,resizable=yes,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0&apos;); return true'>

<span style='color: #38761d;'>-----</span><span style='color: lime;'>{

</span><font color='#FF66B3'>Blogger</font> <font color='#FF8080'>Blog</font> <font color='#9999FF'>Tutorial</font>&#174;

<span style='color: lime;'>}</span><span style='color: #38761d;'>-----</span></a></h1>
<p><font color='#A89C9C'><b>Admin Section</b></font></p>

<div style='text-align: center;'>
<h2><center><table><tr><td><a href='http://blogger-blog-tutorial.blogspot.com/2011/10/blogger-blog-tutorial.html' onclick='window.open(&apos;http://blogger-blog-tutorial.blogspot.com/p/blogger-tutorial-tutorial-untuk.html&apos;,&apos;popup&apos;,&apos;width=500,height=500,scrollbars=yes,resizable=yes,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0&apos;); return true'>[<font color='#0088F0'>Tutorial And Tips</font>]<font color='#fff'>|</font></a>
</td><td><a href='http://blogger-blog-tutorial.blogspot.com/p/polskahachrew-shoutbox.html' onclick='window.open(&apos;http://mediasubsidi.blogspot.com&apos;,&apos;popup&apos;,&apos;width=500,height=500,scrollbars=yes,resizable=yes,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0&apos;); return true'><h1><font color='#717171'>[ShoutBox]<h6><center><p>Is Here</p></center></h6></font></h1></a></td><td><a href='http://blogger-blog-tutorial.blogspot.com/2011/10/blogger-simple-code-tutorial.html' onclick='window.open(&apos;http://blogger-blog-tutorial.blogspot.com&apos;,&apos;popup&apos;,&apos;width=500,height=500,scrollbars=yes,resizable=yes,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0&apos;); return true'><font color='#fff'>|</font>[<font color='#0088F0'>Simple Code Tutorial</font>]</a>
</td></tr></table></center></h2></div>

(Code javascript image slide)

</b:if>



code javascript aku x masukkan sebab nampak lebih rumit kalau aku masukkan sekali....

Hah...macamana? dapat ikut?...ada apa2 soalan..macam biasa la..tinggalkan pada ruang tamu aku..eh ruang komen....lalalalala

sekian...

6 ulasan:

Aqmil Lambung berkata...

tolong x faham ...

Polskahackrew berkata...

@Aqmil Lambung

hiasan pada homepage tu sebenarnya terpulang bro... yang di atas tu cuma chontoh



selepas code <body>

masukkan code

<b:if cond='data:blog.homepageUrl == data:blog.url'>

conteng apa2 di sini

</b:if>

lepas conteng2 tu.. cuba preciew.. apa jadik?

tulisan tu akan kluar di atas sebelah kiri..

banyak guna coding html bro..

J.Brian berkata...

http://johanesbrian.blogspot.com/

J.Brian berkata...

http://johanesbrian.blogspot.com/

J.Brian berkata...

http://johanesbrian.blogspot.com/

J.Brian berkata...

http://johanesbrian.blogspot.com/

entri ja

Related Posts Plugin for WordPress, Blogger...