ioCerita: Tutorial Dasar 1 Hello World Blogger

Tutorial Dasar 1 Hello World Blogger

Selamat pagi dan apa kabar? Aku harap kalian dalam keadaan sehat dan segar bugar. Kali ini saya akan memberikan kalian pengalaman menjadi dev front – end di blogger. Ilmu yang akan kalian dapatkan untuk pertama kalinya adalah pengenalan blogger dan teknik dasar menampilkan tampilan dasar di blogger. Siapkan segelas kopi, mainkan musik, dan ambil posisi terbaik kalian. Selamat belajar.

Blogger adalah layanan penerbitan blog yang menerima blog multi-pengguna dengan entri bertanda waktu. Google telah membeli blogger pada tahun 2003. Blogger berfokus kepada informasi yang disajikan dalam bentuk artikel. Jika kalian ingin mendapatkan lebih banyak fitur yang melibatkan database. Maka, pilihlah wordpress atau platform lainnya.

Hello World Blogger

Membangun tampilan blogger itu sangat mudah, asalkan kalian sudah memiliki pemahanan kuat terhadap HTML, CSS, dan Javascript. Pada kesempatan kali ini, saya tidak akan mengajari kalian tentang ketiganya. Saya hanya akan mengajari kalian membuat tampilan kosong untuk blogger.

1. Buka blogger kemudian Tema à Tema saya klik icon tanda panah ke bawah à Edit HTML

2. Select All semua code yang ada di sana lalu hapus. Kita butuh lembaran baru >_<

3. Coba copy code di bawah ini lalu paste di sana.


<html>
<head>
 <title>Title of Blog</title>
</head>
<body>
 <p>Hello World</p>
</body>
</html>

Jika kamu mencoba menyimpan tema itu, kamu akan mendapatkan notif yang bertuliskan “There should be one and only one skin in the theme, and we found: 0" Kita hanya perlu menambahkan 1 skin dan diletakkan diantara tag <head></head>


<b:skin>
<![CDATA[
/****CSS CODE*****/
]]>

Letakkan script itu sebelum tag </head> dan simpan tema kalian.

Waduh! Notifikasi lagi nih?

“We did not find any section in your theme. A theme must have at least one b:section tag."

Sesuai keingingan, maka kita harus menambahkan minimal 1 section di dalam tema. Letakkan script ini dibawah tag <p>Hellow World</p>


<b:section id="hello" class="hello"></b:section>

Simpan dan coba liat website kalian sekarang. Hore! hello world telah tampil di website kalian.

Bagaimana? Senang bukan? Ya itulah yang aku pernah rasakan. Tapi eitss... Jangan merasa senang dulu. Kamu masih punya jalan yang panjang untuk bisa menjadi Dev Front-End Blogger. Semangat!

Ku rasa sudah cukup untuk hari ini. Selanjutnya aku akan memberitahu kalian bagaimana cara menampilkan postingan / artikelnya di blog.

Jangan lupa dan semangat belajar. Ganbatte Minna!

Thanks and See you