Cara Membuat Tampilan Blog (Blogger) Kosong Total

Cara Membuat Tampilan Blog (Blogger) Kosong Total
Detailnya kita akan membuat tampilan blog (blogger / blogspot) menjadi kosong total tanpa header, widget, sidebar dll.

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:




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>

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>

Nanti hasil kodenya akan terlihat seperti di bawah ini:

<html>
     <head>
            <title>Title of Blog</title>
<b:skin><![CDATA[
/****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&#8217;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.*

Labels: Desain Blogger, Template Blog SEO

Thanks for reading Cara Membuat Tampilan Blog (Blogger) Kosong Total. Please share this article.
0 Komentar untuk "Cara Membuat Tampilan Blog (Blogger) Kosong Total"

Situs sedang dalam masa pengembangan; banyak gambar yang error. Jika ada yang ingin ditanyakan, jangan ragu bertanya. OOT? Siyap!

SEO Kraken Premium Blogger Template