Bisa di bilang ini adalah basic atau dasar dalam pembuatan template blogger. Masih bayi gitu deng...
Biasanya pun tampilan kosong ini sering dibuat dan digunakan oleh sebuah situs atau website besar yang sedang dalam masa maintenance (perbaikan).
Baca Juga:
- Kesalahan Blogger Pemula
- Cara Membuat Tahun Copyright Berubah Otomatis
- Cara Menampilkan Recent Posts hanya di Single Posts
Barangkali ada beberapa di antara teman yang ingin membuat percobaan, bisa dipraktekkan dan caranya ada di bawah ini. Bahasa kerennya, Maintenance Blogger Template :p
Cara Membuat Tampilan Blog (Blogger) Kosong Total
Persiapkan dulu Notepad atau tempat dimana kita akan menempatkan (paste) berbagai kode yang akan kita pratekkan.
Blogger > Theme > Edit HTML
Kosongkan semua kode yang ada di dalam template. Copas kode dibawah ini ke dalam template blogger yang sudah kita kosongkan tersebut:
<html>
<head>
<title>Title of Blog</title>
</head>
<body>
<p>Hello World</p>
</body>
</html>
<head>
<title>Title of Blog</title>
</head>
<body>
<p>Hello World</p>
</body>
</html>
Nah! Coba di simpan, pasti akan mengeluarkan pesan error dengan kalimat "There should be one and only one skin in the theme, and we found: 0". Yay or nay?!
Copas kode dibawah ini dibawah kode <title>Title of Blog</title>:
<b:skin><![CDATA[
/****CSS CODE*****/
]]></b:skin>
/****CSS CODE*****/
]]></b:skin>
Nanti hasil kodenya akan terlihat seperti di bawah ini:
<html>
<head>
<title>Title of Blog</title>
<head>
<title>Title of Blog</title>
<b:skin><![CDATA[
/****CSS CODE*****/
]]></b:skin>
</head>
<body>
<p>Hello World</p>
</body>
</html>
/****CSS CODE*****/
]]></b:skin>
</head>
<body>
<p>Hello World</p>
</body>
</html>
Coba di Save Template, pasti keluar pesan error "We did not find any section in your theme. A theme must have at least one b:section tag".
Pesan error tersebut muncul disebabkan karena Blogger tidak menemukan bagian apapun yang ada di dalam body tag.
Copas kode di bawah ini diatas kode <p>Hello World</p> tadi:
<b:section id="hello" class="hello"></b:section>
Save Template! Santai.... dan lihat tampilan! Tampilan web blog blogger / blogspot halaman kosong atau polos telah siap dibikin.
Nanti akan muncul bertuliskan, "OMG ! You have saind Hello World through Blogger ! You have succeeded to run your HTML code !" secara otomatis.
Baca Juga: Cara Mengetahui Komentar Blogger Dibalas di Blog Orang Lain
Tidak muncul juga tulisan tersebut? Gunakan kode saya dibawah ini.
<?xml version="1.0" encoding="UTF-8" ?>
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<title>Title of Blog</title>
<b:skin><![CDATA[
/****CSS CODE*****/
]]></b:skin>
</head>
<body>
<b:section class='ariefghozaly' id='ariefghozaly'/>
N.B. Selamat malam! Just relax and preview. It is showing "ariefghozaly", isn’t? Now go to your blog URL and see what happened. OMG ! Kamu baru saja berhasil menjalankan kode HTML dalam bentuk kosong! It's the primary and basic step.
<p>ariefghozaly</p>
</body>
</html>
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<title>Title of Blog</title>
<b:skin><![CDATA[
/****CSS CODE*****/
]]></b:skin>
</head>
<body>
<b:section class='ariefghozaly' id='ariefghozaly'/>
N.B. Selamat malam! Just relax and preview. It is showing "ariefghozaly", isn’t? Now go to your blog URL and see what happened. OMG ! Kamu baru saja berhasil menjalankan kode HTML dalam bentuk kosong! It's the primary and basic step.
<p>ariefghozaly</p>
</body>
</html>
Oh yaaa... Meski pun ini belum cukup dikatakan sebuah template, tapi ini bisa di bilang merupakan langkah utama dan dasar bagi blogger pemula.
Nb: Bagian CSS Code diatas adalah tempat dimana kita menambahkan kode2 penunjang atau dekorasi tampilan web blogger.
Sebenarnya kalau mau membuat template blogger dari awal sampai sempurna, kita harus mengerti apa itu HTML, CSS, JavaScript, XML, Framework, Bootstrap dan pengujian di W3Schools.
Baca Juga: Pengaruh Mengubah / Mengganti Template Blog bagi SEO
Selain itu pula, tulisan ini juga mendokumentasikan apa yang saya ketahui. Untuk iseng2 saja sebenarnya hehe... Barangkali ada teman2 di luar sana yang ingin mencoba, silahkan deh dicoba. Asik kok.*
Post A Comment:
1 comment so far add yours
it works! Thank you
Posting Komentar