On Sabtu, 29 Desember 2012
ok saya akan melanjutkan tutorial membuat template blogger bagi yang baru tau tentang posting ini silakan baca tutorial sebelumnya di sini bagi yang sudah baca tutorial sebelumnya sekarang bacaartikel yang ini Ok langsung kita mulai aja.
untuk memperjelas seperti apa template yang nanti akan kita buat saya sidah mengambarkan rancanagan template ini, kira-kira jadinya akan seperti gambar berikut:
Nantinya template ini bisa kalian kembangkan sesuka kalian sendiri.
sekarang kita mulai pembuatan template tahap dua
●Buka File yang kemarin sudah kita buat yaitu file Template.html di NOTEPAD yang bila di buka di Web browser hasilnya seperti ini Klik
●Tambahkan kode seperti di dalam kotak ini di atas kode </head>
<style type="text/css">
</style>
●Jadinya akan seperti ini
<html>
<head>
<title>Belajar Membuat Template Blogger</title>
<style type='text/css'>
</style>
</head>
<body>
Membuat template blogger
</body>
</html>
●Setelah itu ganti tulisan Membuat template blogger yang ada di bawah kode <body> dengan kode-kode di kotak ini:
<div id="wrapper">
<div id="header">Header</div>
<div id="nav">menu navigasi</div>
<div id="wall">
<div id="post-wraper">
<div id="artikel-wow">isi postingan</div>
</div>
<div id="sidebar-wrapper">
<div id="sidebar">sidebar</div>
</div>
<div id="footer">footer</div>
</div>
●Jadinya akan seperti ini:
<html>●Save file tersebut
<head>
<title>Belajar Membuat Template Blogger</title>
<style type="text/css">
</style>
</head>
<body>
<div id="wrapper">
<div id="header">Header</div>
<div id="nav">menu navigasi</div>
<div id="wall">
<div id="post-wraper">
<div id="artikel-wow">isi postingan</div>
</div>
<div id="sidebar-wrapper">
<div id="sidebar">sidebar</div>
</div>
<div id="footer">footer</div>
</div>
</body>
</html>
Bila di lihat pada Web Browser Jadinya akan Seperti ini KLIK
Ok sekian posting Tutorial Membuat Template blogger tahap 2
