Membuat Widget Label Kategori Warna di Blog

Membuat Widget Label Kategori Warna di Blog - Label atau kategori secara garis besar berarti pengelompokan merupakan fasilitas atau fitur yang disediakan oleh blogger secara gratis yang digunakan untuk mengelompokkan atau mengkategorikan artikel/postingan kedalam kategori-kategori tertentu sesuai dengan topik artikel, misalkan label atau kategori tutorial blogger tentu saja akan berisi artikel-artikel tentang tutorial blogger seperti yang akan saya bahas sekarang ini.

Lalu apa fungsi label atau kategori di blog?

Label atau kategori di blog berfungsi untuk mengelompokkan artikel di dalam blog berdasarkan label/kategori tertentu, sehingga artikel akan tersusun rapi sesuai topik artikel. Selain itu, label/kategori berfungsi untuk memaksimalkan fungsi aplikasi Artikel Terkait atau Related Posts menampilkan beberapa judul artikel/postingan sesuai dengan label. Jika label ini tidak ada, maka judul-judul artikel lainnya yang berkaitan dengan artikel yang sedang dibaca oleh pengunjung tidak akan tampil pada aplikasi Artikel Terkait atau Related Posts. Untuk lebih jelasnya apa itu artikel terkait, silahkan simak artikel yang sudah saya bahas sebelumnya berjudul Cara membuat Artikel Terkait di Bawah Postingan Blog.

Sedangkan dari sudut pandang pemilik blog, label ini berfungsi meningkatkan SEO blog itu sendiri.

Bagaimana sobat sungguh sangat bermanfaat bukan? Yuk kita langsung saja ke langkah-langkahnya. Sebelum ke langkah menampilkan label/kategori di halaman depan blog serta membuatnya menjadi lebih menarik, tentu saja anda harus memberikan label pada artikel-artikel ketika anda sedang membuat sebuah artikel. Jika anda sudah membuat artikel tetapi lupa memberi label pada artikel tersebut, yaaa anda tinggal memberi label pada artikel tersebut melalui post yang diterbitkan  di dashboard (akan saya bahas pada postingan berikutnya) atau dengan klik Edit pada salah satu postingan secara satu persatu apabila postingannya lebih dari satu.

Cara memberi Label atau Kategori pada Postingan di Blogger

1. Pada saat anda membuat/mengetikkan sebuah postingan atau artikel, silahkan klik Label pada Setelan entri di bagian kanan.

2. Tuliskan nama label kedalam kotak sesuai dengan topik artikel. Atau anda bisa meng-klik nama label dibawah kotak jika artikel yang sedang anda buat terkait dengan nama salah satu label yang berada dibawah kotak.

3. Anda juga bisa memasukkan lebih dari satu label jika artikel yang sedang anda buat juga terkait dengan label yang lain, cukup pisahkan dengan koma.

4. Jika sudah, selanjutnya klik tombol Selesai.

Cara Menampilkan Label atau Kategori di Blog

Secara default label pada setiap postingan akan tampil diatas postingan atau dibawah postingan sesuai dengan template yang digunakan. Contohnya seperti gambar berikut.

Selain itu anda juga bisa menampilkan semua label yang ada di blog dengan menggunakan widget label yang sudah disediakan blogger secara gratis. Berikut langkah-langkahnya.
1. Silahkan pilih dan klik menu Tata Letak pada dashboard, lalu klik Tambahkan Gadget pada bagian yang anda inginkan baik itu di sidebar atau footer.

2. Pilih dan klik widget Label.

3. Selanjutnya anda bisa mengatur tampilan widget labelnya sesuai dengan keinginan anda.

• Judul : Isi dengan judul yang anda inginkan.
• Tampilkan : Apakah anda ingin menampilkan Semua label yang ada di blog atau menampilkan beberapa label sesuai dengan pilihan anda.
• Menyortir : Apakah anda ingin menampilkan urutan label berdasarkan Alfabetik atau berdasarkan Frekuensi yakni banyaknya artikel pada setiap label.
• Tampilkan : Apakah anda ingin menampilkan label anda berbentuk Daftar List atau Cloud.
• Tampilkan jumlah postingan per label : Centangkan jika anda ingin menampilkan jumlah postingan di samping nama label.

4. Apabila semuanya sudah sesuai, silahkan klik Simpan.

Cara Membuat Label Kategori Warna-Warni di Blog

Untuk membuat widget label menjadi lebih menarik dalam hal ini berwarna-warni, anda hanya akan menambahkan sedikit kode CSS pada kode template blog anda. Berikut langkah-langkahnya.
1. Pada menu blogger atau dashboard silahkan pilih dan klik menu Template atau Tema, lalu klik tombol Backup/Pulihkan untuk berjaga-jaga jika nanti ada kesalahan saat mengedit kode template, Download tema lalu klik Tutup.

2. Jika sudah, selanjutnya klik Edit HTML.

3. Cari kode ]]></b:skin>, gunakan Ctrl+F untuk mempermudah pencarian.
4. Letakkan kode dibawah ini diatas kode ]]></b:skin>.

.cloud-label-widget-content {text-align: left;} .label-size {background: #83B4D8;display: block;float: left;margin: 0 3px 3px 0;color: #fff;font-family: Oswald, Arial, Sans-Serif;font-size: 11px;text-transform: uppercase;} .label-size:nth-child(1) {background: #F86D9E;} .label-size:nth-child(2) {background: #37C371;} .label-size:nth-child(3) {background: #10BBEA;} .label-size:nth-child(4) {background: #25CBFE;} .label-size:nth-child(5) {background: #963690;} .label-size:nth-child(6) {background: #A3195C;} .label-size:nth-child(7) {background: #545454;} .label-size:nth-child(8) {background: #F2A15F;} .label-size:nth-child(9) {background: #00FF80;} .label-size:nth-child(10) {background: #B7860B;} .label-size:nth-child(11) {background: #99CC33;} .label-size:nth-child(12) {background: #FFFF3D;} .label-size:nth-child(13) {background: #3FDECF;} .label-size:nth-child(14) {background: #FF2F0A;} .label-size:nth-child(15) {background: #E9DB58;} .label-size:nth-child(16) {background: #42FFBD;} .label-size:nth-child(17) {background: #6899ED;} .label-size:nth-child(18) {background: #FF52AE;} .label-size:nth-child(19) {background: #8DBC2F;} .label-size:nth-child(20) {background: #80FF00;} .label-size a, .label-size span { display: inline-block; color: #fff !important; padding: 4px 10px; font-weight: bold; } .label-size:hover { background: #222; } .label-count { white-space: nowrap; padding-right: 3px; margin-left: -3px; background: #333; color: #fff ; } .label-size:hover .label-count, .label-size:focus+.label-count { background-color: #FF6BFF; }

5. Kemudian silahkan klik Save Template atau Simpan Tema.
6. Berikut penampakkan label warna-warni.

Selamat kini blog anda sudah memiliki label atau kategori dengan tampilan yang cukup menarik utnuk dipandang oleh pengunjung.

Demikian tutorial sederhana mengenai membuat widget label kategori warna di blog, semoga bisa bermanfaat. " Happy Blogging "

Related Posts :

Silahkan klik disini untuk berlangganan Artikel Gratis via email, Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di HARMANSYAH BLOG