Selamat pagi, sahabat "Bloggers~" Fathya mau posting Tutorial lagi! Linkies box yang ucuuuul banget. Gak usah basa-basi, diriku males sekali :\
PREVIEW: belum dihover
Saat dihover:
Gimana sih caranya? Mau tahu? Ada syaratnya...
- Follow blog Fathya!
- Sering-sering Comment!
- Like terus
kalau gak dilakukan, gak akanku beri tahu tutonya!(itu namanya maksa cuy :v)
How to Make a Cute Linkies Box?
Setelah itu, taruh kode di bawah ini di bawah kode tadi ya!
Grey : Link blog
Purple : Nama
Thaks For: Aizza-chan/Aisha
- Dashboard >>> Template >>> Edit HTML
- Cari kode /* Header untuk template designer
- Cari kode </style> untuk template skin/blogskin.
- Copy kode di bawah
- Paste di atas kode yang kamu cari tadi
a.luhan{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvGaedtwzYLWtzNW851XCm7IPC4ZyA6PyCWNWMHGdmQgPE4K8TOk4TAAjmj3KZu4VX_0kElUYuyjB7RsL4HNdzLWnrn_hX_D4ucOIkc5prjwVtotrhgOoTdCT52NpSgh9hvfOZS3bNUqE/s1600/pinkk.gif);padding:5px;width:90px;color:white;padding:5px;-webkit-transition: 1.0s;-moz-transition: 1.0;font-family: arial;font-size: 11px;text-align: center;text-decoration: none;text-transform: uppercase;display:inline-block;margin:4px;border: 1px solid #F4DEC2;}a.luhan:hover{border-bottom: 0px solid gray;-webkit-transition: 1.0s;-moz-transition: 1.0s;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIuNu62BB9gm8MGg2H1-uc3EStfHq8RyON7HgqL6tcM8UI7uhgxIICq8LhdMQx45Sw1zNLZ1vSbVxDYUAF7Kf5Cga7OsQKDEnToRWyJGieqbVuYQ34-D-k3BdELw3HDaK0CHYuOLZI3x0/s1600/aa.png);color:#000;border: 1px dashed #F4DEC2;}
- Orange : BG url sebelum di hover
- Red : BG url setelah di hover
Setelah itu, taruh kode di bawah ini di bawah kode tadi ya!
<a class="luhan" href="link">buddies</a><a class="luhan" href="link">buddies</a>
Grey : Link blog
Purple : Nama
Thaks For: Aizza-chan/Aisha
1.Follow Blog Fathya!
2.Sering-sering Comment!
3.Like teruuus! UwU
No comments:
Post a Comment