CARA MENGEMBALIKAN HEADER DAN FOOTER POSTINGAN: LABEL, AUTHOR, TANGGAL

Blogger.com-Ketika Anda mempublikasikan postingan baru di blog Anda, informasi tentang postingan juga ditampilkan - seperti waktu kapan itu diterbitkan, penulis, label yang melekat pada pos, lokasi, tombol berbagi, dll. Dalam tutorial hari ini saya akan menunjukkan kepada Anda cara mengatur ulang / memindahkan elemen-elemen tersebut di bagian header post dan post footer. Blogger tampaknya memiliki cara mudah untuk melakukan ini dengan masuk ke Tata Letak > Edit Gadget Posting Blog dan memindahkan elemen (seperti yang ditunjukkan pada gambar di bawah) tetapi hampir tidak pernah berhasil.

BAGAIMANA CARA MEMBUAT BAGIAN HEADER DAN FOOTER POSTING

Inilah yang harus dilakukan. Pergi ke Tema > Edit Html > Cari kode berikut. Jika Anda kesulitan menemukan kode, lihat tutorial ini tentang menggunakan Blogger Editor HTML.

<div class='post-footer'>

Kode ini biasanya akan muncul dua kali di kode Anda, jadi temukan contoh kedua. Gunakan angka di sebelah kiri untuk membantu. Di bawah ini Anda akan melihat <div class='post-footer-line post-footer-line-1'> yang merupakan baris pertama di area footer, <div class='post-footer-line post-footer-line-2'> yang merupakan baris kedua dan <div class='post-footer-line post-footer-line-3'> yang merupakan yang ketiga. Di bawah judul ini, Anda akan menemukan kode untuk elemen posting yang dapat Anda 'cut' dan pindahkan di tempat lain.

Misalnya, mari pindahkan label. Pertama salin seluruh kode dari dari span awal sampai penutup span. contoh:

<span class='GADGET TITLE'> ... </span>

Hapus dari area itu dan pindahkan ke baris sebelumnya / berikutnya atau ke area header.

POST HEADER & POST FOOTER

Berikut adalah daftar area yang dapat Anda pindahkan informasinya juga. Jika Anda ingin memiliki tanggal, penulis, label, dll semuanya ditampilkan berturut-turut, cukup tempelkan satu demi satu di bawah salah satu bidang ini.

Area Header Posting

<div class='post-header-line-1'/>

Baris Footer Post 1

<div class='post-footer-line post-footer-line-1'>

Baris Footer Post 2

<div class='post-footer-line post-footer-line-2'>

Baris Footer Post 3

<div class='post-footer-line post-footer-line-3'>

Sekarang Anda tahu cara mengedit bagian ini,