Thursday, July 19, 2018

Cara Membuat Widget Labels Blog Keren

Cara Membuat Widget Labels Blog Keren - Halo.. apa kabar teman-teman Teknologi Blogging, Artikel yang teman-teman baca kali ini dengan berjudul Cara Membuat Widget Labels Blog Keren, Teknologi Blogging telah mempersiapkan artikel ini dengan sangat baik untuk teman-teman baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Blogger, Artikel CSS, Artikel Tips dan trik, semoga artikel yang disampaikan ini dapat anda pahami dengan baik. ok kalau begitu, selamat membaca.

Judul : Cara Membuat Widget Labels Blog Keren
link : Cara Membuat Widget Labels Blog Keren

Baca juga


Cara Membuat Widget Labels Blog Keren

Hello sobat blogger jumpa lagi dengan saya, post saya kali ini akan membagikan widget labels blog keren dan untuk sobat, bisa menggunakan kode dibawah ini secara Gratis, nah bagi sobat semua yang lagi nyari dan mau merubat tambilan atau gaya labelsnya supaya terlihat keren bisa menggunakan CSS LABELS berikut ini.
Langkah pertama yang sobat harus lakukan adalah Copy semua code css dibawah ini.

/*-----Labels Cloud Styled----*/
.label-size{ margin:0; padding:0; position:relative; }  .label-size a ,  .label-size span{ float:left; height:24px; line-height:24px; position:relative;font-size:12px; margin-bottom: 9px; margin-left:20px; padding:0 10px 0 12px; background:#0089e0; color:#fff; text-decoration:none; -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px;  border-bottom-right-radius:4px; -moz-border-radius-topright:4px; -webkit-border-top-right-radius:4px;  border-top-right-radius:4px;  } .label-size a:before ,  .label-size span::before{ content:""; float:left; position:absolute; top:0; left:-12px; width:0; height:0; border-color:transparent #0089e0 transparent transparent;border-style:solid; border-width:12px 12px 12px 0;   } .label-size a:after ,  .label-size span::after{ content:""; position:absolute; top:10px; left:0; float:left; width:4px;height:4px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; background:#fff; -moz-box-shadow:-1px -1px 2px #004977; -webkit-box-shadow:-1px -1px 2px #004977; box-shadow:-1px -1px 2px #004977; }  .label-size a:hover ,  .label-size span::hover { background:#555;} .label-size a:hover:before ,  .label-size span::hover::before{border-color:transparent #555 transparent transparent;}
Jika sudah mengcopy code diatas, selanjutnya sobat masuk ke dasboard > Tema > Sesuaikan > Tambah Css > Save.

Nah belum selsai sobat silahkan sobat kembali lagi ke dasboard blogger sobat, lalu pilih layout seperti gambar dibawah ini
Selanjutnya sobat pilih edit labels dan silahkan ganti menjadi seperti gambar di bawah ini
Setelah itu sobat silahkan save, mudah bukan,  dan lihat perubahan labels blog sobat sudah keren kan.
Nah mungkin cukup sekian dulu dan selamat mencoba.


Demikianlah artikel Cara Membuat Widget Labels Blog Keren

Sekianlah dulu artikel Teknologi Blogging tentang Cara Membuat Widget Labels Blog Keren kali ini, mudah-mudahan bisa memberi manfaat untuk teman-teman semua jika bermanfaat silahkan sharing arikel ini ke kawan atau kerabat anda ke media sosial seperti facebook, twiter, dan lainnya. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang sedang membaca artikel Cara Membuat Widget Labels Blog Keren dengan alamat link https://www.teknologiblogging.net/2018/07/cara-membuat-widget-labels-blog-keren.html

Artikel Terkait

Cara Membuat Widget Labels Blog Keren
4/ 5
Oleh

Berlangganan

Suka dengan artikel di atas? Silakan berlangganan gratis via email