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('http://polskahackrew.com','popup','width=500,height=500,scrollbars=yes,resizable=yes,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); 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>®
<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('http://blogger-blog-tutorial.blogspot.com/p/blogger-tutorial-tutorial-untuk.html','popup','width=500,height=500,scrollbars=yes,resizable=yes,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); 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('http://mediasubsidi.blogspot.com','popup','width=500,height=500,scrollbars=yes,resizable=yes,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); 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('http://blogger-blog-tutorial.blogspot.com','popup','width=500,height=500,scrollbars=yes,resizable=yes,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return true'><font color='#fff'>|</font>[<font color='#0088F0'>Simple Code Tutorial</font>]</a>
</td></tr></table></center></h2></div>
</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...
2 ulasan:
tolong x faham ...
@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..
Catat Ulasan