Homepage aku yang simple ni di inspirasikan oleh www.google.com..ada banyak website carian tapi google juga yang paling ngetop..antara sebabnya page google simple,ringan.
Sebelum membuat homepage super simple ni anda harus faham konsep pembuka dan penutup code serta asas memaparkan widget pada laman tertentu...pada mereka yang hendah membuat homepage simple, aku syorkan anda menggunakan classic template..lebih senang dan ringan..
Mula2 pergi ke desbot...desaign..edit html...JANGAN tick pada expand widget template.Cari code <body> kemudian masukkan code..<b:if cond='data:blog.homepageUrl != data:blog.url'>
SELEPAS ATAU DI BAWAH code <body>pasti anda tahukan code tu untuk apa..
Kemudian cari code </body> masukkan masukkan code </b:if> SEBELUM ATAU DI ATAS code </body>..kemudian klik preview..blog anda akan kelihatan sepertiini klik untuk tengok ..blog anda akan jadi kosong.. x ada apa2..
jangan save dulu... cari code footer...
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
cut code footer tersebut dan paste sebelum code </body>..contoh seperti berikut...
</b:if>
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
</body>
</html>
Kemudian preview jika ok save...
Pada desaign--page element...akan kelihatan pelik...add a gadget hanya tinggal pada bahagian footer...
dalam tutorial ni aku x hilangkan bahagian footer.. untuk memudahkan aku memasukkan widget pada masa akan datang...jadi setiap widget pada bahagian footer aku gunakan code yang sama seperti di atas...
Berikut adalah screen shot pada page element jika anda buat seperti tutorial ini...
Gambar di atas adalah sebelum...
Gambar di atas adalah selepas anda buat seperti tutorial...
dan apabila anda hias..hiasan tu akan wujud pada page element...tengok contoh di bawah...
Pelikkan... hahaha..Cara hias tu aku akan buat nanti... kalau mau buat homepage simple pastikan anda faham tutorial ni..jika bingung tanya saja di ruangan komen...
lalalala....sekian
Tidak ada komentar:
Posting Komentar