Ok kali ini aku akan memperlihatkan sedikit pelengkap pilihan desain yang dapat anda gunakan di blog, biar tidak bosan dengan tampilan dan sajian yang itu-itu saja. Artikel kali ini wacana cara menciptakan goresan pena link membesar saat di sentuh. Disini aku ambil teladan link dari widget Label/Kategori.
Contohnya: Silahkan arahkan Mouse anda ke Tulisan di bawah ini.
Cara Membuatnya di blog :
- Silakan login ke blogger, dari halaman dasbor piih pengaturan tata letak.
- Lalu klik desainer template > tingkat lanjut > Tambakan Css.
- Lalu masukan aba-aba berikut ini kedalamnya. Atau cari aba-aba ]]></b:skin> dan masukan aba-aba ini didalamnya.
- Terakir Terapkan ke blog, selesai.
#Label2 a{
font-weight:bold;
Color:black;
position:relative;
display:inline-block;
-o-transition:all .5s ease;
-moz-transition:all .5s ease;
-webkit-transition:all .5s ease}
#Label2 a:hover{
-o-transform:scale(1.4) translate(0px);
-moz-transform:scale(1.4) translate(0px);
-webkit-transform:scale(1.4) translate(0px);
-o-transition:all .5s ease;
-moz-transition:all .5s ease;
-webkit-transition:all .5s ease}
font-weight:bold;
Color:black;
position:relative;
display:inline-block;
-o-transition:all .5s ease;
-moz-transition:all .5s ease;
-webkit-transition:all .5s ease}
#Label2 a:hover{
-o-transform:scale(1.4) translate(0px);
-moz-transform:scale(1.4) translate(0px);
-webkit-transform:scale(1.4) translate(0px);
-o-transition:all .5s ease;
-moz-transition:all .5s ease;
-webkit-transition:all .5s ease}
#Label2 ialah aba-aba widget yang aku gunakan, silahkan diganti dengan aba-aba widget yang ingin anda gunakan biar goresan pena link didalamnya dapat membesar saat di sentuh.
Artikel diatas merupakan hasil utak-atik aba-aba yang sudah berjalan, misalnya dapat dilihat di blog ini pada widget artikel wacana blog(jika masih aku gunakan). Silahkan arahkan mouse ke salah satu goresan pena link yang ada di widget tersebut, maka link goresan pena tersebut akan membesar.
Silahkan mencoba dan semoga berhasil.
0 comments:
Post a Comment