Recommended
06.47
Tutorial Cara Membuat Template Blog
Belajar ngeBLOG Agar Tidak GOBLOK
Pada postingan pertama ini, saya akan mencoba berbagi Tutorial Cara Membuat Template Blog. Semua tutorial cara membuat template blog ini saya dapatkan dari blog master bahrul ulum yang beralamat di bahrul-ulum.com
Template blog yang akan kita bikin , nantinya akan diarahkan untuk template blogspot . Namun tidak menutup kemungkinan jika sudah familiar dengan beberapa kode-kode HTML , kita akan mudah mengaplikasikannya ke CMS blog lain semisal wordpress.org
Tool atau software yang dipakai dalam membuat template blog ini , adalah yang ada di windows ,
yakni : notepad , MS Paint, Microsoft Office Picture Manager,dan MS Excel . Ini adalah tool standar yang biasanya default ada di sistem operasi Windows . Akan lebih baik jika ada MS Frontpage atau Dreamweaver. Tapi karena sebagian besar orang tidak semuanya memiliki dua tool terakhir , maka saya kira tool default tadi sudah cukup buat kita. O ya..software lain yang penting , adalah browser Mozilla Firefox. Kenapa saya memilih mozilla ? karena browser ini lah yang paling banyak dipakai oleh pengguna internet saat ini. Jika di komputer anda belum ada browser mozilla firefox , silahkan download dulu disini , dan lalu instal.
Rincian Penggunaan masing-masing Tool :
- Notepad : Kita gunakan sebagai editor teks dan HTML
- MS Paint : Digunakan untuk mengedit gambar
- Microsoft Office Picture Manager : Fungsinya sama dengan MS paint, dan keduanya saling mendukung
- MS Excel : Digunakan sebagai denah rencana tampilan Layout blog .
- browser Mozilla Firefox : Untuk melihat hasil pembuatan Template blog.
Baiklah sekarang kita mulai langkah-langkah dalam membuat template blogspot ya .
Di awal dan di akhir ada tag pembuka <html> dan penutup </html>: (ditambahi garis miring) ini adalah tanda halaman HTML , semua template , akan terlihat seperti ini dengan beberapa perubahan sedikit.
Dan di bagian antara <head> dan </head> : ini adalah tempat menaruh titel blog ( <title>Template Pertamaku</title> ) , juga tempat untuk kode-kode pengaturan tampilan blog (yang dikenal dengan Style.css ) dan dibagian ini juga tempat utk menaruh beberapa script javascript pengatur tampilan layout.
Kemudian diantara Tag <body> ISI </body> itulah nantinya akan kita tempatkan kontent atau isi dari blog kita. DI bagian ini nantinya kita akan mengisikan Header(kepala) Postingan(konten) , sidebar dan footer.
Oke ..dilanjuuutttt…..
Setelah selesai anda ketik di notepad , lalu klik File dan kemudian klik “Save as” .
Beri nama di kotak “file name” dengan misalnya : template-pertamaku-step1.html
Jangan ada spasi dan harus diakhiri dengan .html (titik html).
Di kotak “Save as type” pilih “All files” Lalu klik tombol Save.
O ya..kalau bisa simpan di folder khusus agar mudah mencari nantinya. (kalau saya khusus membuat folder “Belajar Template” )
Jika sudah anda simpan, buka file tersebut dengan mozilla firefox (klik kanan file, lalu Open with Mozilla” ). Jika tidak salah ketik , maka anda akan melihat sebuah halaman berwarna biru dengan tulisan di atas kiri :
Belajar Membuat Template Pertamaku.
Dan di ujung atas kiri browser akan nampak : Template Pertamaku-Mozilla Firefox
Nah…itu adalah Tutorial Cara Membuat Template Blog halaman HTML pertama yang anda buat yang merupakan cikal bakal template blogspot anda…… horeeee…!
Template blog yang akan kita bikin , nantinya akan diarahkan untuk template blogspot . Namun tidak menutup kemungkinan jika sudah familiar dengan beberapa kode-kode HTML , kita akan mudah mengaplikasikannya ke CMS blog lain semisal wordpress.org
Tool atau software yang dipakai dalam membuat template blog ini , adalah yang ada di windows ,
yakni : notepad , MS Paint, Microsoft Office Picture Manager,dan MS Excel . Ini adalah tool standar yang biasanya default ada di sistem operasi Windows . Akan lebih baik jika ada MS Frontpage atau Dreamweaver. Tapi karena sebagian besar orang tidak semuanya memiliki dua tool terakhir , maka saya kira tool default tadi sudah cukup buat kita. O ya..software lain yang penting , adalah browser Mozilla Firefox. Kenapa saya memilih mozilla ? karena browser ini lah yang paling banyak dipakai oleh pengguna internet saat ini. Jika di komputer anda belum ada browser mozilla firefox , silahkan download dulu disini , dan lalu instal.
Rincian Penggunaan masing-masing Tool :
- Notepad : Kita gunakan sebagai editor teks dan HTML
- MS Paint : Digunakan untuk mengedit gambar
- Microsoft Office Picture Manager : Fungsinya sama dengan MS paint, dan keduanya saling mendukung
- MS Excel : Digunakan sebagai denah rencana tampilan Layout blog .
- browser Mozilla Firefox : Untuk melihat hasil pembuatan Template blog.
Baiklah sekarang kita mulai langkah-langkah dalam membuat template blogspot ya .
Langkah 1 : Mulai Membikin Template
Buka Notepad , lalu ketikkan kode-kode sebagai berikut :<html>
<head>
<title>Template Pertamaku</title>
</head>
<body>
Belajar Membuat Template Pertamaku
</body>
</html>Di awal dan di akhir ada tag pembuka <html> dan penutup </html>: (ditambahi garis miring) ini adalah tanda halaman HTML , semua template , akan terlihat seperti ini dengan beberapa perubahan sedikit.
Dan di bagian antara <head> dan </head> : ini adalah tempat menaruh titel blog ( <title>Template Pertamaku</title> ) , juga tempat untuk kode-kode pengaturan tampilan blog (yang dikenal dengan Style.css ) dan dibagian ini juga tempat utk menaruh beberapa script javascript pengatur tampilan layout.
Kemudian diantara Tag <body> ISI </body> itulah nantinya akan kita tempatkan kontent atau isi dari blog kita. DI bagian ini nantinya kita akan mengisikan Header(kepala) Postingan(konten) , sidebar dan footer.
Oke ..dilanjuuutttt…..
Setelah selesai anda ketik di notepad , lalu klik File dan kemudian klik “Save as” .
Beri nama di kotak “file name” dengan misalnya : template-pertamaku-step1.html
Jangan ada spasi dan harus diakhiri dengan .html (titik html).
Di kotak “Save as type” pilih “All files” Lalu klik tombol Save.
O ya..kalau bisa simpan di folder khusus agar mudah mencari nantinya. (kalau saya khusus membuat folder “Belajar Template” )
Jika sudah anda simpan, buka file tersebut dengan mozilla firefox (klik kanan file, lalu Open with Mozilla” ). Jika tidak salah ketik , maka anda akan melihat sebuah halaman berwarna biru dengan tulisan di atas kiri :
Belajar Membuat Template Pertamaku.
Dan di ujung atas kiri browser akan nampak : Template Pertamaku-Mozilla Firefox
Nah…itu adalah Tutorial Cara Membuat Template Blog halaman HTML pertama yang anda buat yang merupakan cikal bakal template blogspot anda…… horeeee…!
0 Responses to "Tutorial Cara Membuat Template Blog"
Posting Komentar