Hello sobat jumpa lagi nie dengan saya Syahputra Penulis Blog gasfull, Tahukah anda blog atau Blogger adalah platform blogging gratis yang disediakan oleh Google.
Oya sobat sebaik kalau kita belajar atau mencari tahu ilmu ilmu apa pun itu coba lah untuk belajar.
Di blogger terdapat yang namanya sebuah template atau bisa juga disebut tema.
Template tersebut dijadikan sebagai tampilan blog kamu nantinya, template tersebut juga bisa diatur tata letak agar terlihat lebih rapi.
Kamu bisa membuat template blogger atau menggunakan yang sudah jadi dan banyak bertebaran di internet atau kamu bisa juga menggunakan Jasa pembuat template.
cara membuat template blog sendiri
Kamu harus membuat xml dasar dulu sebagai perancang agar google dapat mencari html atau code code struktur blog kamu.
Contoh nya sebagai berikut.
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
Dan jangan lupa kamu membuat suatu pembuka code Html karena blogger umum nya menggunakan code Html contoh seperti di bawah ini
<html>
Kalau kamu membuat kode membuka html maka kamu wajib membuat code penutup html contoh seperti di bawah ini.
</html>
Setelah ini kamu di wajib kan buat sebuah html code yang disebut <head> ini Gunanya meletak struktur blog agar terlihat rapi dalam bagian isi.
Ini juga bisa di bilang isi bagian atas blog kamu.
Nah selanjutnya buat suatu judul
Yang paling pertama kamu lakukan iyalah membuat judul blog kita muncul pada tab browser
Namun, Kamu harus membuat nya dulu di notepad kamu agar kamu tidak salah dalam mengambil kesimpulan.
Nah contoh judul dengan tag title berikut.
<title><data:blog.title/></title>
Setelah kamu membuat suatu judul maka tahapan selanjutnya membuat code CCS atau style.
Apa guna CSS dan style di template blog atau website ?
Gunanya untuk mengatur blog kamu agar terlihat bagus dan tidak acak acakan.
Tahap selanjutnya kamu buat bagian body ini Gunanya untuk isi halaman blog kamu.
Untuk code CSS atau style kurang lebih seperti dibawah ini
b:skin><![CDATA[
body {background-color: #cab894;background-position: center center;}
a:link {font-family: 'PT Serif Caption', serif; font-size: 15px; color:#3094db;}
a:hover {color: #4d4544;}
a {color: #3094db;}
]]></b:skin>
Jadi kalau blog kamu tidak ada html code body maka percuma saja kamu buat sebuah template kalau tidak isi dan post blog atau website kamu.
Nah contoh code body tersebut seperti dibawah ini.
<body>
Jangan lupa setiap code ada pembuka pasti ada penutup seperti yang saya terang di atas tadi seperti di bawah Ini
</body>
Jika kamu sudah selesai membuat body pasti kamu harus membuat bagian isi body itu atau bagian code html body.
masih ada lagi tahap tahap yang harus kamu laku yaitu mengisi code html di di isi body Sepri contoh dibawah ini
<b:section class='main' id='main'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>
Nah kode di atas gunanya membuat isi blog kamu atau di sebut postingan blog jika postingan blog sudah di buat kamu harus membuat CSS atau style nya juga seperti yang saya jelas di atas tadi terserah kamu membuat nya seperti apa.
jika sudah maka tugas kamu membuat template blogger sendiri sudah selesai dan tinggal kamu membuat bagaimana bentuk yang kamu ingin kan.
struktur code Html blogger lengkap saya buat di bawah ini
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML>
<head>
<title><data:blog.title/></title>
<b:skin><![CDATA[
body {background-color: #cab894;background-position: center center;}
a:link {font-family: 'PT Serif Caption', serif; font-size: 15px; color:#3094db;}
a:hover {color: #4d4544;}
a {color: #3094db;}
]]></b:skin>
</head>
<body>
<b:section class='main' id='main'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'></b:widget>
</b:section>
</body>
</HTML>
Akhir Kata
mungkin sampai sini dulu yang sobat postingan cara membuat template blogger sendiri lain waktu kita akan bahas lagi tutorial tutorial menarik lain terima kasih.
No comments:
Post a Comment