Ok update pagi enaknya buat Tutor dah...
Kali ini saya akan memberikan tutorial Cara Buat Label Bericon
Jadi misalnya postingan di beri Label HOT otomatis Icon Bintang akan muncul.
Langsung saja yah gan
1. Login Blogger dulu
2. Masuk Template -> Edit HTML
3. Lalu cari kode </head> (untuk memudahkan pencarian tekan CTRL + F) terpkan kode JS ini tepat diatas kode </head>
<b:if cond='data:blog.pageType != "item"'> <b:if cond='data:blog.pageType != "static_page"'> <script type='text/javascript'> //<![CDATA[ //Post Label function label_pilihan(e){labelku=new Array,labelku[1]="<div class='badge badge1'><div class='badge-img'><i class='fa fa-star'></i></div></div>",labelku[2]="<div class='badge badge2'><div class='badge-img'><i class='fa fa-video-camera'></i></div></div>",labelku[3]="<div class='badge badge3'><div class='badge-img'><i class='fa fa-camera'></i></div></div>",labelku[4]="<div class='badge badge4'><div class='badge-img'><i class='fa fa-music'></i></div></div>",labelku[5]="<div class='badge badge5'><div class='badge-img'><i class='fa fa-paint-brush'></i></div></div>","Hot"==e&&document.write(labelku[1]),"Video"==e&&document.write(labelku[2]),"Gambar"==e&&document.write(labelku[3]),"Musik"==e&&document.write(labelku[4]),"Lukisan"==e&&document.write(labelku[5])} //]]> </script> </b:if> </b:if>
Dan kode yang sudah di tandai itu merupakan Deffaultnya jadi tinggal masukin deh di Postingan dengan Label ini
-Music
-VIdeo
-Gambar
-Lukisan
-HOT
Atau agan bisa ubah icon ini dengan kreasi sendiri..
Berikut adalah kode Pemanggilny
<b:loop values='data:post.labels' var='label'>
<script type='text/javascript'>label_pilihan("<data:label.name/>");</script>
</b:loop>Simpan kode pemanggilnya di markup Post ini
<b:includable id='post' var='post'>...</b:includable>atau di bawah Markup ini
<b:includable id='main' var='top'>...</b:includable>Tambahkan juga kode CSS ini agar lebih menarik
/* Post Label */
.badge{background:#95a5a6;color:#fff;position:absolute;font-weight:normal;line-height:1;bottom:0;right:0;left:0;display:block;text-align:center;width:100%;height:50px;line-height:50px;font-size:18px;z-index:1;transition:all .3s}
.badge1{background:#e89c0f;opacity:.98}
.badge2{background:#40d47e;opacity:.98}
.badge3{background:#3498db;opacity:.98}
.badge4{background:#1abc9c;opacity:.98}
.badge5{background:#95a5a6;opacity:.98}
.post:hover .badge{color:rgba(255,255,255,.6);font-size:44px;height:100%;line-height:100%}
.post:hover .badge-img{margin:85px 0 0 0}Cara fungsinya yaitu dengan cara memposting dengan Label berikut ini
-Music
-VIdeo
-Gambar
-Lukisan
-HOT