www.wordpress.com

Mengubah tata letak blog

Anda dapat mengubah tata letak blog.

Masuk ke Blogger.
Pilih blog untuk diperbarui.
Di menu sebelah kiri, pilih Tata letak.

Tata letak blog Anda terdiri dari gadget. Contoh: header, arsip blog, entri blog, dan sebagainya.

Untuk mengubah tata letak blog, seret gadget ke lokasi baru.

Mengubah gadget di blog

Untuk mengubah setelan setiap gadget, di kanan bawah, klik Edit.

Mengubah setelan entri blog

Di "Entri blog", di kanan bawah, klik Edit.

Memilih jumlah pos yang muncul di laman utama dan format tanggal Anda.
Mengubah "Diposkan oleh", "Baca lebih lanjut", "Komentar", dan "Tautan ke pos ini".
Memungkinkan pembaca memberi masukan tanpa berkomentar, menambahkan, dan mengedit Reaksi.
Memungkinkan pembaca mengirim pos Anda lewat email dan membagikannya
Menambah atau mengedit lokasi
Menampilkan profil Penulis
Menampilkan iklan di antara pos
Mengaktifkan pengeditan cepat

Menggunakan pengeditan cepat di blog Anda

Jika pengeditan cepat diaktifkan, Anda dapat mengedit pos secara langsung dari pos yang ditayangkan langsung. Pengeditan cepat membutuhkan cookie dan hanya dapat dilihat oleh admin jika masuk ke Blogger.

Catatan: Tautan pengeditan di blog Anda sendiri hanya akan berfungsi jika browser Anda mengirimkan perujuk ke Blogger, dan host URL blog sama dengan host perujuk.

Anda juga dapat mengubah cara beberapa elemen ini akan muncul dalam entri blog dengan menyeretnya ke tempat yang berbeda.

Catatan: Jika Anda mencapai batas laman web sebesar 1 MB (termasuk pos), ubah jumlah pos pada laman utama.

File CSS disimpan di cache jadi Anda mungkin harus memuat ulang agar pembaruan muncul.

Menambahkan Gadget

Masuk ke Blogger.
Pilih blog untuk diperbarui.
Di menu sebelah kiri, pilih Tata letak.
Klik Tambahkan gadget.
Pada jendela munculan, pilih gadget untuk ditambah dan klik Tambahkan .
Di bagian kanan atas, klik Simpan pengaturan.

Mengedit HTML tata letak blog

Anda dapat mengedit HTML tata letak.

Masuk ke Blogger.
Pilih blog untuk diperbarui.
Di menu sebelah kiri, pilih Template.
Di bawah Langsung di Blog, klik Edit HTML.
Klik Simpan Template.

Pelajari tag elemen laman, tag font dan warna, dan tag template widget sebelum Anda mulai.

Menggunakan perancang template untuk perubahan gaya tanpa menggunakan HTML.

Google menyatakan tidak ada kepemilikan atau kontrol apa pun terhadap konten apa pun yang dikirimkan, diposkan, atau ditampilkan oleh penulis pada atau melalui layanan Google. Selain itu, penulis blog yang menambahkan kode atau widget pihak ketiga melakukannya atas risiko sendiri.

Menyesuaikan tag CSS untuk tata letak

Untuk menggunakan perancang template dengan CSS template blog Anda, ada beberapa panduan untuk diikuti.

Menyiapkan variabel

Pada bagian <head> kode, Anda akan perlu memiliki sepasang tag <b:skin> </b:skin>.

Deklarasi gaya CSS akan diletakkan di antara tag tersebut, bersama dengan nama-nama variabel yang membuat desain Anda bekerja dengan laman Font dan Warna.

Contoh

<head>

    

    ...

    <b:skin>

     <style type='text/css'>

     /*

      * Variable definitions:

      *  <Variable name='bgcolor' description='Page Background Color'

          type='color' default='#fff'/>

      */

     body {

       background: $bgcolor;

       margin: 0;

       padding: 40px 20px;

     }

     </style>

    </b:skin>

    </head>

Kode CSS yang diapit oleh tag komentar /* dan */ tidak akan ditampilkan di blog Anda.

Akan ada daftar variabel di sini, satu untuk setiap font atau warna yang Anda inginkan agar dapat diedit dari tab "Font dan Warna". Setiap variabel perlu memiliki informasi sebagaimana yang ditampilkan dalam contoh di atas dan dijelaskan berikut ini:

name - Dapat terdiri dari huruf atau angka. Setiap nama dalam template Anda harus unik.
description - Tambahkan deskripsi untuk ditampilkan pada bagian "Font dan Warna".
type - "Font" atau "warna".
default - Nilai default. Warna harus berupa kode warna heksadesimal, misalnya #FF0066. Font akan berupa daftar bentuk font-style font-weight font-size font-family (gaya font, ketebalan font, ukuran font, jenis font).

Menggunakan variabel

Setelah variabel ditetapkan, bila Anda ingin menggunakan nilai variabel, masukkan $variable_name dalam css b:skin.

Jenis variabel

Perancang template memiliki dukungan pengeditan untuk kumpulan tertentu dari jenis variabel CSS. Untuk menyetel jenis variabel:

variabel warna akan menyediakan palet warna untuk pilihan di perancang template.
variabel font akan menyediakan pilihan font, dengan opsi ukuran dan ketebalan atau kemiringan, di perancang template.

Dalam contoh di atas, terdapat variabel yang disebut bgcolor, yang disetel menjadi putih (#fff). Dalam kode berikutnya, dinyatakan: background: $bgcolor. Ini akan mengganti latar belakang menjadi putih, dan Anda dapat mengubahnya pada bagian "Font dan Warna".

Catatan: Anda tidak perlu membuat variabel untuk jenis atribut CSS lain. Ini dapat disertakan dalam CSS sebagaimana biasanya (seperti pada atribut margin: dan padding: dalam contoh di atas).

CoLection

Minggu, 20 Maret 2016

Desain bLog