Loading...

Cara Membuat Label Keren Dengan Efek Bergerak


Cara Membuat Label Keren di blogger, Label Animasi bergerak untuk blogger-blogspot, cara menambahkan efek pada Label blog, Label Unik, Cara Merubah Label blog menjadi keren..

Bangiz - Setelah sebelumnya saya pernah posting tentang Cara Membuat Label Cloud Keren dan Cara Membuat Tombol Share Sosial Media Melayang Dengan HTML. Pada kesempatan kali ini saya akan memberikan trik cara membuat label lagi tantunya dengan efek berbeda. Untuk yang sekarang, gambarannya kalau labelnya dedekati mouse maka ia akan bergerak miring atau berputar tergantung pengaturan derajatnya.  
Label Animasi
Label keren
Oke langsung saja jika Anda tertarik untuk menggunakannya ikuti langkah-langkahnya berikut ini:

1. Masuk ke Dashboard Blogger.

2. Pilih Template > Edit HTML.

3. Cari kode ]]></b:skin> (Gunakan Ctrl + F jika Anda belum tahu letaknya).

4. Copy-Paste kode CSS berikut tepat di atas / sebelum kode ]]></b:skin>
.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 #6BB5FF; 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; }
5. Save Template dan lihat hasilnya.

Catatan:
Pastikan Anda sudah menambahkan widget label yang ada pada bawaan Blogger. Kalau belum tahu, caranya masuk ke Dasbor Blogger > Tata Letak > Tambahkan Gadget > Cari Label.

Itulah cara membuat label blog keren dengan efek bergerak. Jangan lupa ikuti +Bangiz untuk mendapatkan info keren lainnya.
Name

Android,5,Blogging,108,CorelDRAW,14,Desain Grafis,24,Facebook,22,Foto Sampul,34,Gambar,54,Info,18,Internet,31,Kata Mutiara,26,Kesehatan,31,Komputer,25,Microsoft Word,12,Office,12,PhotoScape,10,Resep,6,SEO,10,Sosial media,21,Tutorial,36,Wallpaper,20,
ltr
item
Bangiz: Cara Membuat Label Keren Dengan Efek Bergerak
Cara Membuat Label Keren Dengan Efek Bergerak
Cara Membuat Label Keren di blogger, Label Animasi bergerak untuk blogger-blogspot, cara menambahkan efek pada Label blog, Label Unik, Cara Merubah Label blog menjadi keren..
https://3.bp.blogspot.com/-5X2fG7GGIuo/UYNz9Tqut1I/AAAAAAAAD7E/rRx9w_S68aE/s1600/label+kotak.jpg
https://3.bp.blogspot.com/-5X2fG7GGIuo/UYNz9Tqut1I/AAAAAAAAD7E/rRx9w_S68aE/s72-c/label+kotak.jpg
Bangiz
https://bangiz.blogspot.com/2013/05/Label-Animasi.html
https://bangiz.blogspot.com/
https://bangiz.blogspot.com/
https://bangiz.blogspot.com/2013/05/Label-Animasi.html
true
5131493432912556385
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy