Home » » Cara Membuat Label Blog keren

Cara Membuat Label Blog keren





Banyak yang dilakukan oleh para blogger untuk mempercantik dan memperindah tampilan blog agar menjadi enak dipandang dan para pengunjung betah untuk berlama - lama didalam blog. Dunia blogging memang dunia yang penuh tantangan karena para blogger berlomba - lomba menjadi yang terbaik dan no 1 dari berbagai hal mulai dari artikel yang berkualitas hingga tampilan blog yang menarik dan sedap dipandang mata.

Dan tak jarang para blogger juga memperindah tampilan label pada blognya, apasih label itu ? label itu merupakan suatu pengelompokan kategori - kategori yang ada didalam sebuah blog dan label ini akan sangat membantu para pengunjung blog dalam menemukan informasi atau artikel yang mereka butuhkan dalam sebuah blog yang mereka kunjungi.

Tampilan blog sangatlah banyak sekali, tergantung kreatifitas para blogger dalam membuatnya dan menyesuaikan dengan keinginan dan kondisi blog mereka serta memperhatikan warna agar ketika label tersebut dipasang maka akan cocok dengan template blog.

Mungkin kalian yang sedang membaca artikel ini bertanya - tanya, lantas bagaimana sih cara membuat label yang unik, keren, menarik dan bagus ketika dipasangkan di blog ? caranya sebenarnya cukuplah mudah, disini saya sudah menyiapkan code script yang bisa kalian pergunakan untuk mengubah tampilan label pada blog agar terlihat lebih menarik ketika dipandang.

Berikut adalah cara membuat label blog keren, unik dan menarik :

1. Pertama pastikan kalian sudah membuat label pada blog kalian, dan kemudian kalian setting label tersebut seperti settingan gambar dibawah ini :


Dan kemudian klik "Simpan"

2. Setelah itu kalian masuk ke bagian template blog kalian dan kalian cari kode
 ]]></b:skin>

3. Kalian pilih salah satu code script dibawah ini dan pastekan tepat diatas 
]]></b:skin>


/*CSS Label*/.Label a{padding-left: 5px;padding-right: 31.5px;color: #fff!important;height: 32px;background: #1abc9c;margin-right: 2px;line-height: 32px;text-decoration: none;border: none !important;-webkit-transition: all .3s ease-in-out !important;float: left;margin-top: 2px;font-size: 13px;text-align: left; }.Label a:hover{color:#fff !important;background:#16a085; }.Label a:after{content: &quot;&quot;;position: absolute;width: 0px;height: 0px;border-width: 16.5px;border-style: solid;border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.3) rgba(0,0,0,0.1) transparent;}


.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:#4169E1; 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:#333333; }.label-count { white-space:nowrap; padding-right:3px; margin-left:-3px; background:#333333; color:#fff !important; }.label-size { line-height:1.2 }

.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; }

4. Setelah itu kalian save template dan lihat hasilnya

Terimakasih sudah membaca Cara Membuat Label Blog keren

« Previous
« Prev Post
Next »
Next Post »