Langsung ke konten utama

Nama Bagian Komponen Halaman blog dan penjelasannya

Bagian-bagian blog itu harus diketahui oleh seorang blogger. Bagi yang baru mengenal dan membuat sebuah blog atau istilah masih seorang pemula mungkin ada bagian yang tidak dimengerti nama dan kegunaannya.

Beberapa bagian dari blog itu ada yang penting dan ada juga yang hanya untuk pelengkap saja. Dalam membuat sebuah bagian dari blog, banyak para blogger yang sudah mahir menyediakan tutorial mengelola blog. Seperti halnya membuat,menambah,mengedit, dan memodifikasi bagian-bagian pada halaman blog.

Mungkin dalam mencari tutorial akan kesulitan jika tidak tahu namanya. Itulah alasan utama mengapa saya tulis artikel ini, karena saya dulu sebagai blogger pemula juga mengalami hal yang sama.

Mengenal Bagian-bagian Komponen Halaman Blog

Di sini hanya akan menjelaskan beberapa saja yang mungkin namanya belum kamu diketahui.

Breadcrumb

Breadcrumb merupakan sebuah komponen yang menunjukkan (menginformasikan) dalam bagian apa halaman itu berada dan jenis apa halaman yang sedang di buka. Dalam postingan breadcrumb dapat membantu pengguna untuk mengetahui dimana lokasi artikel itu berada.

Breadcrumb diletakkan di atas bagian konten atau pada halaman index. Breadcrumb dalam mesin pencari berguna sebagai relevansi judul ketika artikel ditemukan di mesin pencari.

Readmore

Readmore fungsi utama utamanya untuk meringkas isi artikel di halaman utama atau homepage (yang berisi beberapa postingan). Setiap blog pasti menggunakan fitur ini walaupun tidak terdapat kata readmore dalam fitur tersebut.

Umumnya untuk template default blogger yang lama tidak memiliki fitur readmore, sehingga pada halaman index/homepage akan sangat panjang, karena menampilkan semua isi konten. Update! untuk template blogger yang baru sudah ada fitur readmore.

Readmore ini akan meringkas isi dari postingan, sehingga hanya berupa cuplikan dari postingan yang biasanya disebut snippet.

Back to Top

Back to Top merupakan tombol untuk scroll halaman menuju ke yang paling atas. Dan biasanya tombol ini diletakkan di bagian kanan bawah halaman. Jika isi dari artikel sangat panjang maka pengunjung bisa menggunakan tombol ini untuk kembali ke atas - mudah dan cepat dengan satu klik.

Kotak Pesan Komentar

Ini fungsinya untuk pesan bagi yang ingin menulis komentar. Letaknya di atas kotak komentar. Pada bawaan blogger tampilan nya biasa, tapi kamu bisa mengeditnya sesuai keinginan. Banyak blogger yang membuat tutorialnya.

Cara menambahkan kotak pesan dengan mudah.

  1. Masuk blogger blog kalian
  2. Masuk kebagian setelan lalu pada list pos, komentar, dan berbagi
  3. Scroll ke bawah sampai ketemu bagian Pesan Formulir Komentar, lalu Klik tambahkan
  4. Isi pesan anda

Related post

Related post adalah widget yang menampilkan artikel lain yang berkaitan dengan artikel yang dibuka. Cara kerjanya menampilkan artikel lain dengan label yang sama dengan halaman artikel yang di buka.

Letak related post umumnya di bawah konten/artikel. Yang memiliki fungsi dan tujuan untuk meningkatkan trafik pageview, dan juga sebagai informasi bagi pengunjung tentang artikel lain yang berkaitan yang mungkin menarik untuk di baca.

Template default blogger tidak disediakan widget tersebut. Sehingga harus menambahkannya sendiri dan bisa juga memodifikasi semenarik mungkin.

Header

Bagian ini terletak di bagian atas. Header digunakan untuk menempatkan judul atau gambar logo pada blog dan menempatkan deskripsi blog. Manfaatnya untuk menunjukkan nama blog dengan tujuan agar pengunjung mengenal blog tersebut.

Footer

Ini merupakan bagian yang penting, yang isinya menampilkan hak cipta, kredit dan lain-lain. Dan ini bisa juga untuk meletakkan navigasi seperti About, Contact, Privasi, dan lainnya. Footer bisa juga untuk di pasang widget.

Menu dropdown

Ini merupakan menu yang jika di kursor atau klik oleh mouse akan muncul list dari menu tersebut. Menu ini sangat memudahkan pengunjung untuk mencari label dalam kategori yang di inginkan oleh pengunjung. Menu dropdown juga banyak yang menggunakannya.

Pop-Up

Pop-Up adalah bagian atau tampilan yang menutupi halaman blog. Contoh: Ketika membuka sebuah blog tidak langsung ke halaman artikel tetapi ada tampilan seperti tampilan untuk like Facebook, tapi kita bisa juga menutup tanpa melakukan like.

Sebenarnya masih ada banyak komponen-komponen yang lain, tapi saya hanya menjelaskan bagian yang saya tidak tau di waktu saya sebagai blogger pemula. Dan semoga ini dapat menjadikan informasi yang bermanfaat dan berguna bagi pembaca terutama untuk seorang blogger pemula.

Komentar

Postingan populer dari blog ini

Membuat Komentar Blogger Valid AMP dan Anti Backlink Spam

Umumnya komentar pada blog AMP menggunakan Disqus atau Facebook comment. Awalnya versi mobile blog ini juga menggunakan komentar Facebook, tapi sekarang menggunakan Threaded Comment Blogger yang tentunya sudah di custom valid AMP. Untuk versi dekstop juga ditambahkan fitur komentar Disqus (untuk diskusi). Sama seperti di posting sebelumnya komentar blogger ini menggunakan schema.org dan anti backlink untuk SEO. Schema komentar yang saya temukan hanya ada dua jenis yaitu https://schema.org/UserComments dan https://schema.org/comment. Karena usercomment mencantumkan sebagai cara lama untuk berinteraksi, maka diputuskan untuk menggunakan https://schema.org/comment, itu juga diperkuat lagi dengan digunakan oleh mastah blogger (platform wordpress). Blogger sudah menggunakan tag nofollow untuk setiap anchor link yang ada pada komemtar seperti yang sudah dijelaskan di blog resminya puluh tahun lalu. Tapi bagi saya itu tidak cukup, maka dengan Anti Backlink link apapun yang ada pada komentar a...

Perbedaan Windows 10 N, KN, Home, Pro, Enterprise dan VL

Perbedaan Windows 10 Pro dan Windows 10 Pro N? — banyak yang bertanya dengan pertanyaan itu, mungkin salah satunya ada kamu. Mana yang lebih bagus untuk dipilih dan apa maksudnya antara yang tidak ada N-nya dan yang ada N-nya. Memang Microsoft merilis beberapa edisi Sistem Operasi seperti pada Windows 10, ini tentunya memiliki alasan. Terkadang perbedaan ini akan membingungkan saat ingin mendownload, mau pilih yang mana windows 10 pro atau yang pro n. Ini juga sama di windows versi sebelumnya. Nah di artikel kali ini akan membahas tentang berbagai macam edisi Windows 10 dan mengetahui apa itu edisi Home, Pro, Enterprise, Education VL, N dan KN. Perbandingan setiap edisi Windows 10. Pilih mana Windows 10 atau Windows 10 N/KN Biar gak penasaran kita bahas dulu Apa itu Windows 10 N?. Windows 10 N adalah windows yang dirancang khusus bagi pengguna Eropa dan Swiss agar sesuai dengan hukum Uni Eropa. N berarti Not, merupakan Windows 10 yang "tidak disertakannya fitur atau aplikasi...

Mengatasi Item Data Terstruktur Hilang atau Tidak Valid pada Blog AMP

Sekarang Google memfokuskan konten dengan blog AMP pada pencarian mobile. Salah satunya dengan adanya validasi data terstruktur pada pengujian AMP milik google. Yang tidak valid akan ada " Missing or invalid structured data item " di bagian bawah, bagi yang akun google-nya di setting bahasa indonesia maka akan menggunakan peringatan "Item data terstruktur hilang atau tidak valid". Tapi ketika di cek di pengujian data terstruktur tidak ada error sama sekali. Setelah saya amati ternyata ada yang salah dalam penempatan schema, yang tentunya tidak sesuai pedoman. Tapi bagi yang sering berkunjung di blog kompi ajaib milik kang adhy akan mendapatkan penyelesaian masalah seputar blog. Salah satu contohnya yang dibahas di posting ini. Di blog kompi ajaib dalam Memperbaiki Item Data Terstruktur yang tidak valid menggunakan cara yang agak rumit, lalu bagaimana bagi yang belum terlalu paham dengan kode HTML. Tidak harus mengubah semua struktur data, seperti pada tutorial komp...