QUOTE
Yang umum diyakini, membuat blog itu susah.
Apalagi menjadikannya untuk mencari uang di internet.
Tapi ketahuilah, itu hanya mitos!
Temukan inspirasi dan semangat baru di sini
terbaru

Cara Membuat Elemen Main Postingan pada Template Blog

: Sabtu, Juni 25, 2016

Cara Mengganti Template Blog Melalui Mode Edit HTML

Bagi anda yang ingin membuat elemen main atau halaman postingan blog, terutama yang ingin membuat template blog sendiri dari awal, silahkan ikuti tutorial di bawah ini.

Tentang apa fungsi elemen yang satu ini, bisa anda baca selengkapnya pada Apa Itu Main Blog, Fungsi dan Contohnya. Sekarang mari kita praktekkan bagaimana cara membuatnya.

Seperti biasa sekarang silahkan buka halaman dasbor blog anda terlebih dulu. Kemudian setelah halaman dasbor terbuka, lihat ke sidebar kiri. Contohnya seperti ini:

Cara Membuat Elemen Main Postingan pada Template Blog

Nah sekarang kliklah pada menu Template, sehingga terbuka tampilan seperti di bawah ini:



Cara Membuat Elemen Main Postingan pada Template Blog

Pada gambar diatas tampak tampilan blog yang sedang digunakan, sesuai template yang anda pasang sebelumnya. Lalu kliklah pada tombol Edit HTML. (Oya jangan lupa backup dulu template blog anda sebelum melanjutkan, untuk berjaga-jaga).

Cara Membuat Elemen Main Postingan pada Template Blog

Nah semua kode inilah yang membentuk blog anda. Kode tersebut jumlahnya sangat banyak. Bisa memusingkan jika anda belum terbiasa. Baik kode pemrograman HTML, JavaScript, PHP maupun CSS.

Sekarang mari kita kembali ke topik. Lalu bagaimana cara membuat elemen mainnya? Atau bagaimana cara menyisipkan script untuk menampilkan elemen main? Jika template yang anda gunakan adalah template jadi, baik yang digunakan template default pada dasbor Blogger maupun template hasil download dari situs lain, maka halaman mainnya sudah ada. Anda tidak perlu lagi membuatnya. Yang perlu membuat elemen ini adalah jika anda membuat sendiri templatenya dari nol, sehingga anda harus menyisipkan kode setiap elemen yang dibutuhkan dari awal satu demi satu, dari kondisi template masih blank alias kosong. Kode yang disisipkan juga sangat sederhana. Ini contohnya:

<b:section class='main' id='main'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'></b:widget>
</b:section>

Lalu dimana kode tersebut harus anda sisipkan? Letakkan dibawah kode <body> pembuka, atau diatas kode </body> penutup. Intinya adalah, kode untuk main blog tersebut harus terletak pada bagian body template. Dan yang dimaksud dengan body template adalah, ruang antara tag body pembuka <body> sampai ke tag body pentutup </body>. Lebih kurang bagan lengkapnya seperti ini:

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML>
<head>

<b:skin><![CDATA[]]></b:skin>
<style type='text/css'></style>

</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>

Jadi sepanjang kodenya sudah terletak diantara kedua tag tersebut, tidak masalah. Anda bisa menandainya dari bagian bawah atau dari bagian atas. Yang penting, kodenya terletak dalam area body template seperti diatas. Jika ada kode lain pun pada area tersebut, juga tidak masalah. Yang penting, kode untuk main, tetap satu kelompok, jangan dipotong atau diganggu oleh kode lain.

Nah jika sudah anda lakukan, sekarang silahkan klik tombol Simpan Template seperti gambar di bawah ini.

Cara Mengganti Template Blog Melalui Mode Edit HTML

Setelah itu anda bisa lihat hasilnya seperti apa, dan apa bedanya tampilan blog saat belum ada elemen main dan postingan, dengan yang sudah ditampilkan. Coba lihat dulu pada Tata Letak, apakah penambahan elemen main dan postingan ini sudah berhasil.

Cara Mengganti Template Blog Melalui Mode Edit HTML

Tampak pada gambar diatas sudah muncul gadget postingan. Jika seperti ini, baru setiap anda menulis postingan, akan muncul tampilannya saat blog anda dibuka. Tapi tanpa adanya gadget postingan ini, maka berapa pun  anda menulis, tulisan tersebut tak satu pun yang akan tampil saat blog anda dibuka.

Selanjutnya apalagi yang harus anda lakukan? Mari ikuti Cara Menambahkan Outer Wrapper pada Template Blog.

Komentar yang tidak relevan, jorok, spamming dan promosi link akan dihapus

Copyrights @ blogernas ■ Desember 2015 - Erianto Anas