Edit HTML tata letak blog Anda
Jika Anda ingin lebih mengontrol format blog Anda, Anda dapat dengan mudah mengakses dan mengubah kode HTML:
Pergi ke dashboard Blogger Anda.
Sebelah ikon Pos Daftar abu-abu, klik menu drop-down dan pilih Template.
Klik tombol Edit HTML di bawah pandangan "Live di blog".
Tip: Mengubah desain blog Anda tanpa mengganggu dengan kode! Periksa Designer Template Blogger untuk membuat dan menerapkan desain sendiri atau yang keren yang Anda temukan dari pengguna lain.
Berikut adalah beberapa tips untuk mengedit kode Anda:
Simpan salinan pertama. Sebelum Anda mulai mengedit kode, kami sangat menyarankan agar Anda men-download salinan template Anda. Jika perubahan Anda tidak keluar seperti yang Anda inginkan, Anda akan dapat kembali ke versi asli dengan hanya meng-upload bahwa salinan download.
Memahami kode Blogger. Seiring dengan HTML dan CSS biasa, Blogger juga menggunakan tag kustom banyak. Ini adalah ide yang baik untuk membiasakan diri dengan tag elemen halaman Blogger dan tag font dan warna sebelum Anda mulai.
Cari kode untuk elemen halaman. Secara default, setiap elemen halaman ditampilkan dalam kode sebagai placeholder satu baris untuk menyederhanakan kode, yang pilihan dapat diatur dalam antarmuka grafis pada tab Layouts. Klik "Expand Template Widget" untuk menunjukkan kode lengkap untuk setiap elemen, dan belajar tentang tag template elemen-elemen 'widget.
Gunakan alat kami untuk perubahan CSS. Untuk perubahan gaya luas, Anda dapat menggunakan Designer Template untuk menambahkan style sheets Cascading kustom (CSS) ke blog Anda. Jika Anda tidak terlalu akrab dengan CSS, periksa ini CSS
Elemen Halaman Tags untuk LayoutsBagian <body> template Layouts terdiri terutama dari bagian dan widget. Bagian
menandai area halaman Anda, seperti sidebar, footer, dll Widget adalah
elemen halaman individu seperti gambar, blogroll, atau apa pun Anda
dapat menambahkan dari tab Elemen Halaman. Anda dapat menggunakan HTML Anda di sekitar bagian dalam template Anda.Setiap bagian dalam template Anda memiliki pembuka dan tag penutup, mencari sesuatu seperti ini:<b:section id='header' class='header' maxwidgets="1" showaddelement="no"></ B: section>Tag <b:section> dapat memiliki atribut sebagai berikut:
id - (Diperlukan) Sebuah nama yang unik, dengan huruf dan angka saja.
Kelas - (Opsional) nama kelas umum adalah 'navbar,' 'header,' 'utama', 'sidebar,' dan 'footer'. Jika Anda beralih template nanti, nama-nama ini membantu Blogger menentukan cara terbaik untuk mentransfer atas konten Anda. Namun, Anda dapat menggunakan nama yang berbeda, jika Anda suka.
maxwidgets - (Opsional) Jumlah maksimum widget untuk memungkinkan di bagian ini. Jika Anda tidak menentukan batas, tidak akan ada satu.
showaddelement - (Opsional) Dapat 'ya' atau 'tidak,' dengan 'ya' sebagai default. Ini menentukan apakah Page Elements tab akan menampilkan 'Tambahkan sebuah Elemen Halaman' link di bagian ini.
Pertumbuhan - (Opsional) Dapat 'horisontal' atau 'vertikal,' dengan 'vertikal' sebagai default. Ini menentukan apakah widget dalam bagian ini disusun side-by-side atau ditumpuk.Bagian dapat berisi widget, tidak dapat berisi bagian lain atau kode lainnya. Jika Anda harus memasukkan kode tambahan antara atau sekitar widget tertentu dalam suatu bagian, Anda akan perlu untuk membagi bagian menjadi dua atau lebih bagian baru.Dalam bentuk yang paling sederhana, widget diwakili oleh tag tunggal, yang pada dasarnya hanya placeholder menunjukkan bagaimana widget harus ditangani dalam tab Page Elements. Data aktual untuk setiap widget yang diberikan disimpan dalam database Blogger dan hanya diakses ketika widget harus ditampilkan. Beberapa contoh widget (satu untuk halaman judul dan satu untuk daftar) adalah:<b:widget id="header" type='HeaderView' locked="yes"/><b:widget id="myList" type='ListView' Favorit locked="no" Things"/> title="My<b:widget id="BlogArchive1" locked="false" mobile="yes" title="Blog Archive" type="BlogArchive"/>Widget mungkin memiliki atribut sebagai berikut:
id - (Diperlukan) Mungkin berisi huruf dan angka saja, dan masing-masing ID widget dalam template Anda harus unik. ID Sebuah widget yang tidak dapat diubah tanpa menghapus widget dan membuat yang baru.
Jenis - (Diperlukan) Menunjukkan jenis widget itu, dan harus menjadi salah satu jenis widget yang berlaku tercantum di bawah ini.
terkunci - (Opsional) Dapat 'ya' atau 'tidak,' dengan 'tidak' sebagai default. Sebuah widget terkunci tidak dapat dipindahkan atau dihapus dari tab Page Elements.
judul - (Opsional) Judul tampilan untuk widget. Jika tidak di tentukan, judul standar seperti 'List1' akan digunakan.
pageType - (Opsional) Dapat 'semua,' 'arsip', 'utama', atau 'item,' dengan 'semua' sebagai default. Widget akan menampilkan hanya pada halaman yang ditunjuk blog Anda. (Semua widget ditampilkan pada tab Page Elements, terlepas dari thier pageType.)
mobile - (Opsional) Dapat 'ya', 'tidak,' atau 'hanya' dengan 'default' sebagai default. Ini memutuskan apakah widget akan ditampilkan pada ponsel atau tidak. Header saja, Blog, Profile, PageList, AdSense, Atribusi akan ditampilkan pada ponsel ketika atribut mobile 'default'.Jenis widget Anda dapat menentukan adalah:
BlogArchive
Blog
Makan
Header
HTML
SingleImage
Linklist
Daftar
Logo
BlogProfile
Navbar
VideoBar
NewsbarSetiap widget juga dapat ditulis dalam bentuk diperluas, merinci tata letak lengkap dan isi untuk widget itu. Ini adalah apa yang Anda akan melihat, misalnya, jika Anda men-download template Anda dari tab Edit HTML untuk membuat cadangan. Biasanya, Anda tidak akan perlu bekerja dengan widget dalam modus ini, karena itu mudah untuk hanya mengubah mereka dari tab Page Elements. Namun, jika Anda ingin tahu lebih banyak, Anda dapat membaca tentang tag widget rinci.Catatan: Dalam blog Anda dipublikasikan, semua tag <b:section> dan <b:widget> akan diganti dengan tag <div>, yang akan memiliki ID tertentu. Jadi, Anda dipersilakan untuk merujuk, misalnya, div # header atau div # myList di CSS Anda jika Anda ingin.
id - (Diperlukan) Sebuah nama yang unik, dengan huruf dan angka saja.
Kelas - (Opsional) nama kelas umum adalah 'navbar,' 'header,' 'utama', 'sidebar,' dan 'footer'. Jika Anda beralih template nanti, nama-nama ini membantu Blogger menentukan cara terbaik untuk mentransfer atas konten Anda. Namun, Anda dapat menggunakan nama yang berbeda, jika Anda suka.
maxwidgets - (Opsional) Jumlah maksimum widget untuk memungkinkan di bagian ini. Jika Anda tidak menentukan batas, tidak akan ada satu.
showaddelement - (Opsional) Dapat 'ya' atau 'tidak,' dengan 'ya' sebagai default. Ini menentukan apakah Page Elements tab akan menampilkan 'Tambahkan sebuah Elemen Halaman' link di bagian ini.
Pertumbuhan - (Opsional) Dapat 'horisontal' atau 'vertikal,' dengan 'vertikal' sebagai default. Ini menentukan apakah widget dalam bagian ini disusun side-by-side atau ditumpuk.Bagian dapat berisi widget, tidak dapat berisi bagian lain atau kode lainnya. Jika Anda harus memasukkan kode tambahan antara atau sekitar widget tertentu dalam suatu bagian, Anda akan perlu untuk membagi bagian menjadi dua atau lebih bagian baru.Dalam bentuk yang paling sederhana, widget diwakili oleh tag tunggal, yang pada dasarnya hanya placeholder menunjukkan bagaimana widget harus ditangani dalam tab Page Elements. Data aktual untuk setiap widget yang diberikan disimpan dalam database Blogger dan hanya diakses ketika widget harus ditampilkan. Beberapa contoh widget (satu untuk halaman judul dan satu untuk daftar) adalah:<b:widget id="header" type='HeaderView' locked="yes"/><b:widget id="myList" type='ListView' Favorit locked="no" Things"/> title="My<b:widget id="BlogArchive1" locked="false" mobile="yes" title="Blog Archive" type="BlogArchive"/>Widget mungkin memiliki atribut sebagai berikut:
id - (Diperlukan) Mungkin berisi huruf dan angka saja, dan masing-masing ID widget dalam template Anda harus unik. ID Sebuah widget yang tidak dapat diubah tanpa menghapus widget dan membuat yang baru.
Jenis - (Diperlukan) Menunjukkan jenis widget itu, dan harus menjadi salah satu jenis widget yang berlaku tercantum di bawah ini.
terkunci - (Opsional) Dapat 'ya' atau 'tidak,' dengan 'tidak' sebagai default. Sebuah widget terkunci tidak dapat dipindahkan atau dihapus dari tab Page Elements.
judul - (Opsional) Judul tampilan untuk widget. Jika tidak di tentukan, judul standar seperti 'List1' akan digunakan.
pageType - (Opsional) Dapat 'semua,' 'arsip', 'utama', atau 'item,' dengan 'semua' sebagai default. Widget akan menampilkan hanya pada halaman yang ditunjuk blog Anda. (Semua widget ditampilkan pada tab Page Elements, terlepas dari thier pageType.)
mobile - (Opsional) Dapat 'ya', 'tidak,' atau 'hanya' dengan 'default' sebagai default. Ini memutuskan apakah widget akan ditampilkan pada ponsel atau tidak. Header saja, Blog, Profile, PageList, AdSense, Atribusi akan ditampilkan pada ponsel ketika atribut mobile 'default'.Jenis widget Anda dapat menentukan adalah:
BlogArchive
Blog
Makan
Header
HTML
SingleImage
Linklist
Daftar
Logo
BlogProfile
Navbar
VideoBar
NewsbarSetiap widget juga dapat ditulis dalam bentuk diperluas, merinci tata letak lengkap dan isi untuk widget itu. Ini adalah apa yang Anda akan melihat, misalnya, jika Anda men-download template Anda dari tab Edit HTML untuk membuat cadangan. Biasanya, Anda tidak akan perlu bekerja dengan widget dalam modus ini, karena itu mudah untuk hanya mengubah mereka dari tab Page Elements. Namun, jika Anda ingin tahu lebih banyak, Anda dapat membaca tentang tag widget rinci.Catatan: Dalam blog Anda dipublikasikan, semua tag <b:section> dan <b:widget> akan diganti dengan tag <div>, yang akan memiliki ID tertentu. Jadi, Anda dipersilakan untuk merujuk, misalnya, div # header atau div # myList di CSS Anda jika Anda ingin.
Tidak ada komentar:
Posting Komentar