Cara Membuat Label/Kategori Warna Warni di Blog

Coretan Bang Dadan on

Thursday, May 30, 2019

Salam blogger, pada kesempatan kali ini adin akan membahas tutorial tentang Cara Membuat Label/Kategori Warna Warni di Blog.

Bagi para blogger label / kategori mungkin sydah tidak asing lagi ditelinga, namun bagi para blogger pemula mungkin belum tahu tentang pengertian dan manfaat label/kategori di blog.

Apa sih Label di Blog itu?

Kalau menurut saya label itu merupakan sebuah wadah untuk menampung banyak artikel dalam satu kategori.

Fungsi Label Pada Blog

Fungsi Label yang ada di blogger adalah agar kita bisa mengelompokkan artikel berdasarkan label/kategori yang sama, dan mempermudah pengunjung blog untuk melihat artikel lainnya berdasarkan Label/Kategory.

Selain itu label juga berfungsi untuk menampikan Related Post atau Artikel Terkait lainnya berdasarkan label artikel.

Baiklah sekarang admin akan bahas Cara Membuat Label/Kategori Warna Warni di Blog.

◉ Pertama silahkan anda masuk pada Template blog dan pilih HTML

◉ Selanjutnya copy kode dibawah ini diatas </b:skin> atau </style>

/* Sidebar Label Cloud */

.cloud-label-widget-content {text-align: left;} .label-size

{background: #83B4D8;display: block;float: left;margin: 0 0px 0px 0;color: #fff;font-family: Oswald, Arial, Sans-Serif;font-size: 10px;text-transform: uppercase;} .label-size:nth-child(1)
{background: #FFD700;} .label-size:nth-child(2)
{background: #4682B4;} .label-size:nth-child(3)
{background: #87CEFA;} .label-size:nth-child(4)
{background: #BC8F8F;} .label-size:nth-child(5)
{background: #3CB371;} .label-size:nth-child(6)
{background: #808000;} .label-size:nth-child(7)
{background: #DC143C;} .label-size:nth-child(8)
{background: #9370DB;} .label-size:nth-child(9)
{background: #2F4F4F;} .label-size:nth-child(10)
{background: #54B70B;} .label-size:nth-child(11)
{background: #99CC33;} .label-size:nth-child(12)
{background: #FF463D;} .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: 0px 0px; font-weight: normal; } .label-size:hover { background: #222; } .label-count { white-space: nowrap; padding-right: 1px; margin-left: -3px; background: #333; color: #fff ; } .label-size:hover .label-count, .label-size:focus+.label-count { background-color: #FF6BFF; }

Note: Kode warna BIRU merupakan warna label yang akan tampil pada blog anda. silahkan anda bisa ganti dengan warna lain sesuai keinginan. Anda bisa pilih kode warna HTML nya Disini.

◉ Selanjutnya silahkan anda tambahkan gadget label pada pengaturan dashboard anda dan pilih tampilannya Label Cloud.

Sekian dulu pembahasan kita kakli ini tentang Cara Membuat Label/Kategori Warna Warni di Blog. Selamat mencoba dan semoga bermanfaat.