ANOTHER DAY

Tuesday, October 29, 2019

How To Make Cute Linkies Box

Gambar terkait

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...
  1. Follow blog Fathya!
  2. Sering-sering Comment!
  3. Like terus
  4. kalau gak dilakukan, gak akanku beri tahu tutonya! (itu namanya maksa cuy :v)
How to Make a Cute Linkies Box?


  • 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