Cara Memberi Label Gaya di Blogger

SOSIALISASIKAN ITU →

2

Advertisements

Beriklan di Sini

Secara default, Blogger memungkinkan Anda untuk mengatur konten Anda ke dalam kategori dengan bantuan label . Itu selalu dianggap sebagai praktik praktis untuk memberi label pada posting Anda ke kategori tertentu sehingga pengguna dapat dengan mudah menemukan konten yang relevan bukan dengan mencari seluruh blog Anda tetapi dengan melihat ke label atau kategori tertentu. Ini membuat situs Anda lebih ramah pengguna, tetapi juga berguna untuk mesin pencari juga. Anda dapat menampilkan label di bilah sisi atau di mana saja di situs Anda yang berisi daftar atau gaya cloud. Pada artikel ini, kami akan menunjukkan kepada Anda cara mendesain label di blogger. 

Sebelum Anda memulai dengan tutorial ini, kami sarankan Anda membaca  cara menambahkan label di posting Anda sehingga Anda dapat memahami dengan lebih banyak otoritas.

Tampilkan Semua Label dengan jumlah Posting di Blogger:

Beberapa situs populer cenderung menampilkan semua label pada kesalahan mereka atau tidak menemukan halaman untuk memberikan beberapa pilihan kepada pengguna yang dapat mereka gunakan untuk menemukan topik yang relevan. Namun, beberapa situs menampilkannya di bilah sisi atau catatan kaki jadi inilah cara Anda dapat menampilkan semua label dengan jumlah kiriman dalam bentuk label cloud: 

Buka Blogger >> Tambahkan gadget >> Label >> (Pilih label cloud dalam jenis) dan simpan widget. Sekarang tergantung pada Anda di mana Anda ingin meletakkannya di sidebar atau footer. 

Sekarang Anda mungkin melihat label cloud di situs Anda setelah mengikuti instruksi di atas tetapi mungkin tidak seindah atau semenarik yang Anda cari, jadi tambahkan kode CSS berikut di template Anda tepat di atas tag skin.

/ * --- MBL Label Kustom Cloud Dengan CSS3 --- * / 
.Label a { 
    padding-left: 20px; 
    latar belakang: # 000; 
    padding: 0 20px; 
    warna: #fff! penting; 
    batas-radius: 100px; 
    -moz-border-radius: 100px; 
    tinggi: 32px; 
    garis-tinggi: 32px; 
    text-transform: huruf besar; 
    teks-dekorasi: tidak ada; 
    perbatasan: tidak ada! penting; 
    -webkit-transition: all .3s easy-in-out! penting; 
    t: 30pxt: 30px; 
    mengapung: kiri; 
    margin-kiri: 5px; 
    margin-top: 5px; 
    ukuran font: 14px; 
} 

.Label a: hover { 
    color: # 000! Important ;
    latar belakang: # ff0; 
}

Anda selalu dapat menyesuaikan CSS sesuai dengan keinginan Anda, berikut ini adalah demo dari apa yang akan Anda lihat setelah menerapkan kode di atas dalam templat Anda.

Label Styling di Posting Anda, Informasi Meta: 

Mayoritas templat Blogger dilengkapi dengan meta data informasi postingan bergaya baik yang menampilkan label yang telah Anda beri tag pada posting Anda di editor postingan. Namun, beberapa templat lama tidak memiliki fungsi ini atau jika mereka melakukannya mereka tidak menarik, atau Anda mungkin ingin gaya mereka berbeda. 

Hal pertama yang perlu Anda lakukan adalah mengurus Kelas CSS atau ID mana yang telah digunakan oleh template blogger Anda untuk menampilkan label. Anda dapat menggunakan elemen inspeksi Google Chrome untuk mencari tahu. Klik kanan pada label dan pilih "Periksa elemen" ini akan membuka jendela di bagian bawah layar Anda seperti yang ditunjukkan pada gambar di bawah:

Pada screenshot di atas, Anda dapat melihat tema menggunakan tag untuk kelas CSS. Sekarang Anda dapat menggunakan kode CSS berikut untuk menatanya sesuai dengan kebutuhan dan persyaratan keinginan Anda. Catatan: jika Anda menggunakan kelas atau ID lain maka cukup edit CSS yang sesuai.

.meta_categories { 
    float: left; 
    margin-bottom: 10px; 
    text-transform: huruf besar; 
    lebar: 100%; 
    ukuran font: 14px; 
} 
.meta_categories a { 
    text-decoration: none; 
}

Ini adalah hasil akhir dari apa yang akan Anda lihat di situs Anda. Namun, Anda dapat menyesuaikannya sesuai dengan keinginan Anda.

Kami harap panduan pemula ini untuk memberi label gaya pada blogger akan membantu Anda tidak hanya dalam menyesuaikan template Anda, tetapi juga beberapa pengembang template blogger yang terus bertanya bagaimana cara menampilkan label dalam posting di blogger.