Share

26 Juli 2017

Label Blog RAPI Serui Rapih dan Menarik

Label Blog RAPI Serui Rapih dan Menarik - Saya bikin judul yang sedikit ngawur guna membidik 3 suku kata saja yaitu LABEL >>> RAPI >>> SERUI. Betul sieh pingin sekali membawa RAPI dan SERUI lebih mendunia. Cuma sayangnya Er'end Net belum punya jurnalis-jurnalis elite yang terjun bebas ke lapangan.....haha gayanye :P

Label Blog Keren

Kemarin dolo Pak Charles Gomar (JZ27YCG) ketua 1 RAPI Wilayah 08 Serui bilang bahwa kalau pingin RAPIH ya harus masuk RAPI, ngapain ngurus yang ora rapih :P. Sekarang saya yang bilang, bahwa sobat tidak salah masuk di artikel ini kala pingin punya Cloud Label Widget Blogger yang stylish, rapih, keren dan menarik. Guna dan manfaatkan label adalah sebagai menu navigasi yang didasarkan pada kelompok atau kategori postingan. Kita bisa memakai widget label dengan berbagai corak, list, dropdown, could tag, ataupun juga flash animasi.

Label Keren

Sebenarnya Cloud Label Widget Blogger sudah disediakan, kita tinggal Add Label Widget dari Layout. Tapi kita akan menambahkan Style agar Widget Label blog kita terlihat lebih keren dan menarik. Untuk Menggunakan fitur LABEL ini sobat tinggal isi atau tulis label (kategori) pada setiap artikel yang sobat bikin pada bagian labels.

Menginjak pada langkah pembuatan Label Blog Keren ini, sebelum mengedit saya sarankan untuk backup template menjaga semua kemungkinan yang tidak kita harapkan. Bilamana sobat gagal edit, sobat masih punya desain blog aslinya.

Langkah membuat widget Label Keren di Blog ini sangatlah mudah. Buat Label Blog sobat dengan bentuk atau corak Cloud. Sobat tinggal pilih untuk Style-nya. Saya sertakan berbagai macam style yang bisa diserasikan dengan template sobat.
Lalu Copas kode Style Label dibawah ini diatas kode ]]></b:skin>
Setelah itu SIMPAN TEMA dan lihat hasilnya.

Style 1, style Label yang dipakai Er'end Net sekarang.

.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5{font-size:100%;opacity:10} .cloud-label-widget-content{text-align:left} .label-size{background:#4d90f0;display:block;float:left;margin:0 3px 3px 0;color:#ffffff;font-size:11px;text-transform:uppercase} .label-size a,.label-size span{display:inline-block;color:#ffffff!important;padding:6px 8px;font-weight:bold} .label-size:hover{background:#A52A2A} .label-count{white-space:nowrap;padding-right:3px;margin-left:-3px;background:#333333;color:#fff!important} .label-size{line-height:1.2}

Label Erend

Style 2, style Label Blog Keren Er'end Net

.cloud-label-widget-content {
text-align: left
}
.cloud-label-widget-content .label-count {
background: #2b2b2b;
color: #fff!important;
margin-left: -3px;
padding-right: 3px;
white-space: nowrap;
border-radius: 2px;
padding: 1px 4px !important;
font-size: 12px !important;
margin-right: 5px;
}
.cloud-label-widget-content .label-size {
background: #ebebeb;
display: block;
float: left;
font-size: 11px;
margin: 0 5px 5px 0
}
.cloud-label-widget-content .label-size a,
.cloud-label-widget-content .label-size span {
height: 18px !important;
color: #2b2b2b;
display: inline-block;
font-size: 12px;
font-weight: 500!important;
padding: 6px 8px
}
.cloud-label-widget-content .label-size a {
padding: 6px 10px
}
.cloud-label-widget-content .label-size a:hover {
color: #000!important
}
.cloud-label-widget-content .label-size,
.cloud-label-widget-content .label-count {
height: 30px!important;
line-height: 19px!important;
border-radius: 2px
}
.cloud-label-widget-content .label-size:hover {
background: #2b2b2b;
color: #fff!important
}
.cloud-label-widget-content .label-size:hover a {
color: #fff!important
}
.cloud-label-widget-content .label-size:hover span {
background: #ebebeb;
color: #2b2b2b!important;
cursor: pointer
}
.cloud-label-widget-content .label-size-1,
.label-size-2,
.label-size-3,
.label-size-4,
.label-size-5 {
font-size: 100%;
opacity: 10
}

Style Label 2

Style 3, style Label Blog Keren Er'end Net

.label-size{ margin:0 2px 6px 0; padding: 3px; text-transform: uppercase; border: solid 1px #C6C6C6; border-radius: 3px; float:left; text-decoration:none; font-size:10px; color:#666; } .label-size:hover { border:1px solid #B20000; text-decoration: none; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; -moz-transform: rotate(7deg); -o-transform: rotate(7deg); -webkit-transform: rotate(7deg); -ms-transform: rotate(7deg); transform: rotate(7deg); filter: progid:DXImageTransform.Microsoft.Matrix( M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand'); zoom: 1; } .label-size a { text-transform: uppercase; float:left; text-decoration: none; } .label-size a:hover { text-decoration: none; }

Style Label3

Style 4, style Label Blog Keren Er'end Net

.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5{font-size:100%;filter:alpha(100);opacity:10} .cloud-label-widget-content{text-align:left} .label-size{border-radius:30px;background:#FA0830;display:block;float:left;margin:0 3px 3px 0;color:#ffffff;font-size:11px;text-transform:uppercase} .label-size a,.label-size span{display:inline-block;color:#ffffff!important;padding:6px 8px;font-weight:bold} .label-size:hover{border-radius:30px;background:#333333} .label-count{white-space:nowrap;border-radius:30px;padding-right:3px;margin-left:-3px;background:#333333;color:#fff!important} .label-size{line-height:1.2}

Style4

Style 5, style Label Blog Keren Er'end Net

.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5{font-size:100%;filter:alpha(100);opacity:10} .cloud-label-widget-content{text-align:left} .label-size{background:#08A2FA;border-radius:30px;display:block;float:left;margin:0 3px 3px 0;color:#ffffff;font-size:11px;text-transform:uppercase} .label-size a,.label-size span{display:inline-block;color:#ffffff!important;padding:6px 8px;font-weight:bold} .label-size:hover{background:#000000} .label-count{white-space:nowrap;padding-right:3px;margin-left:-3px;background:#000000;color:#fff!important} .label-size{line-height:1.2}

Style5 Label

Selamat menggunakan Label Kategori Blog Keren.
Happy Blogging !

    Choose :
  • OR
  • To comment
Tidak ada komentar:
Write komentar

Terima kasih atas minat Anda terhadap Kotak Komentar ini.
Berkomentarlah sesuai topik.
Dilarang Keras menautkan Link !!!

Terbaru
Back to top