Mempelajari template Blogger

Secara umum pengertian Blogger adalah platform blogging gratis yang dikembangkan oleh Google. Ini memungkinkan pengguna untuk membuat dan memposting blog secara mudah dan cepat tanpa harus memiliki pengalaman pemrograman atau desain web. Blogger menyediakan banyak pilihan desain dan tema yang dapat disesuaikan dan menawarkan banyak fitur seperti integrasi dengan Google Analytics, komentar dan formulir kontak, dan banyak lagi. Ini sangat populer di kalangan blogger pemula dan penulis yang ingin menjangkau audiens mereka melalui internet.

Dasar Pengembangan Web

Agar mempermudah dalam membuat atau memodifikasi template pada Blogger, kita perlu memahami dahulu cara kerjanya dengan mempelajarinya. Saat ini tulisan yang saya buat ini ada pada sebuah website menggunakan blogger, berikut ini persiapan sebagai dasar untuk mempelajari template blogger adalah memahami pengetahuan dasar pengembangan Web dengan mempelajarinya terlebih dahulu, seperti:

• Memahami HTML

HTML adalah singkatan dari Hypertext Markup Language. Ini adalah bahasa markup yang digunakan untuk menentukan struktur dan konten dari halaman web. HTML menggunakan tag (markah) untuk menandai bagian tertentu dari halaman seperti judul, paragraf, gambar, dan tautan. Setiap tag memiliki makna dan fungsi tertentu yang membantu browser web menentukan bagaimana halaman web harus ditampilkan. Berikut ini tautan saya mempelajari HTML.

• Memahami CSS

CSS adalah singkatan dari Cascading Style Sheets. CSS adalah bahasa markup yang digunakan untuk menentukan tampilan dan gaya halaman web yang ditulis dalam HTML. Ini memungkinkan Anda untuk memisahkan presentasi dari konten, membuat halaman web yang lebih mudah dikelola dan dikembangkan, dan memastikan konsistensi gaya di seluruh situs. Berikut ini tautan saya mempelajari CSS.

• Memahami JavaScript

JavaScript adalah bahasa skrip yang dapat menambahkan interaksi dan dinamika ke halaman web. JavaScript dapat digunakan untuk menjalankan berbagai tugas, seperti memvalidasi formulir, menampilkan pop-up, membuat animasi, dan banyak lagi. Ini juga memungkinkan pengembang untuk membuat aplikasi web yang memiliki logika dan memori, seperti aplikasi permainan atau aplikasi bisnis.

• Memahami Struktur Dasar Template Blog

Secara umum template sebuah web atau blog sederhana terdiri dari beberapa bagian utama, seperti: Header, Body, Main Content, Sidebar, dan Footer. Struktur blog dapat berbeda-beda tergantung pada desain dan tujuan blog, tetapi bagian-bagian ini adalah yang paling umum dan membantu menjaga konsistensi dan navigasi yang baik bagi pengguna. Berikut ini tautan mempelajari Struktur Dasar Template Blog.

Tentang Blogger

Lalu dilanjutkan mempelajari tentang Blogger itu sendiri, seperti:

• Mengetahui apa itu Blogger?
• Mempunyai akun Blogger
• Meminta bantuan Blogger

Dokumentasi

Terdapat beberapa kesulitan tersendiri dalam mempelajari template Blogger dibandingkan dengan yang lain, karena dokumentasi template Blogger cukup minim. Berikut ini beberapa link dokumentasi Blogger yang dirangkum agar lebih mudah dalam mempelajarinya:

• Mengubah desain blog
• Menggunakan tema untuk mengubah tampilan blog
• Menyesuaikan tag CSS untuk tata letak
• Tag elemen halaman untuk tata letak
• Tag widget untuk tata letak
• Variabel tag data tata letak

Halaman

Berikut ini halaman yang digunakan pada Blogger :

• Homepage
• Search Page
• • Search Index
  • Search Label
  • Search Query
• Archive Page
• Post Page
• Pages
• 404 Page

Tag Kondisional

Berikut ini beberapa tag kondisional yang ada pada template Blogger:

• Tag Kondisional Hanya Homepage
<b:if cond='data:view.isHomepage'>
• Tag Kondisional Semua Halaman Kecual Homepage
<b:if cond='data:blog.url != data:blog.homepageUrl'>
• Tag Kondisional Hanya Halaman Posting
<b:if cond='data:blog.pageType == "item"'>
• Tag Kondisional Semua Halaman Kecuali Halaman Posting
<b:if cond='data:blog.pageType != "item"'>
• Tag Kondisional Hanya di Postingan Tertentu
<b:if cond='data:blog.pageType == "alamat-postingan"'>
• Tag Kondisional Menyembunyikan di Postingan Tertentu
<b:if cond='data:blog.pageType != "alamat-postingan"'>
• Tag Kondisional Hanya Halaman Static
<b:if cond='data:blog.pageType == "static_page"'>
• Tag Kondisional Kecuali Halaman Static
<b:if cond='data:blog.pageType != "static_page"'>
• Tag Kondisional Hanya Halaman Posting atau Halaman Static
<b:if cond='data:blog.pageType == "item" or data:blog.pageType == "static_page"'>
• Tag Kondisional Hanya Halaman Archive
<b:if cond='data:blog.pageType == "archive"'>
• Tag Kondisional Kecuali Halaman Archive
<b:if cond='data:blog.pageType != "archive"'>
• Tag Kondisional Hanya Perangkat Mobile
<b:if cond='data:blog.isMobile'>
• Tag Kondisional Menyembunyikan di Perangkat Mobile
<b:if cond="!data:blog.isMobile">
• Tag Kondisional Hanya Halaman Label(Search/Label/)
<b:if cond='data:blog.searchLabel'>
• Tag Kondisional Berbagai Halaman
<b:if cond='data:view.isMultipleItems'>

Tag kondisional diawali dengan <b:if>, bila terdapat kondisional lain disisipkan dengan <b:elseif>, dan bila dalam kondisional normal secara default dengen <b:else> saja, lalu diakhiri dengan </b:if>.

Variabel Data

Berikut ini beberapa variabel data yang ada pada template Blogger:

• data:posts
• data:post.dateHeader
• data:post.id
• data:post.title
• data:post.body
• data:post.snippet
• data:post.author
• data:post.authorAboutMe
• data:post.authorProfileUrl
• data:post.authorPhotoUrl
• data:post.url
• data:post.timestamp
• data:post.firstImageUrl

Framework

Dan juga beberapa framework penunjang lainnya agar lebih menarik, seperti:

• Bootstrap
• Tailwind

Berikut ini adalah tautan dimana blog ini dibangun menggunakan Bootstrap pada template Blogger.

Itulah persiapannya sebagai dasar pemahaman untuk pengembangan website, menurut saya sudah cukup untuk bekal modifikasi template blogger yang akan dilakukan selanjutnya.