Reload Request Girls Blog Agna Blog Angel

Rabu, 14 Maret 2018

(Request Maryam) Tutorial Navigation Like Us

Hai! Maryam request gimana cara membuat navigation seperti blog kami ini. Oke, Angel bakal jawab!!
Credit: Kak Nanda
Denim & Simple Template 
: Dashboard >> Tata Letak >> Tambahkan Gadget ( yg dibawah header ) >> HTML / JavaScript >> Paste-kan code yang ada di blockquote itu

Blogskins : Dashboard >> Template >> Paste-kan code dibawah ini dibawah code </style>


<style>
a.fla {color: white;width:120px;background: mistyrose;font-family: 'delius', cursive;font-size: 25px;text-align : center;padding: 3px;border-radius: 70px 20px / 20px 70px;margin:1px;display: inline-block;cursor:pointer;-webkit-transition: 1.0s;-moz-transition: 1.0s;-webkit-transform: rotate(7deg) ;-moz-transform: rotate(7deg) ;-o-transform: rotate(7deg) ;-ms-transform: rotate(7deg);}a.fla:hover {background: white;color: mistyrose;border: 1px dashed mistyrose;border-radius: 20px 70px / 70px 20px;-webkit-transition: 1.0s;-moz-transition: 1.0s;-webkit-transform: rotate(-7deg) ;-moz-transform: rotate(-7deg) ;-o-transform: rotate(-7deg) ;-ms-transform: rotate(-7deg);}a.mam {color: #fff;width:120px;background: pink;font-family: 'delius', cursive;font-size: 25px;text-align : center;padding: 3px;margin:1px;display: inline-block;cursor:pointer;-webkit-transition: 1.0s;-moz-transition: 1.0s;-webkit-transform: rotate(-2deg) ;-moz-transform: rotate(-2deg) ;-o-transform: rotate(-2deg) ;-ms-transform: rotate(-2deg);}a.mam:hover {background: white;color:pink;border: 1px dashed pink;-webkit-transition: 1.0s;-moz-transition: 1.0s;-webkit-transform: rotate(2deg) ;-moz-transform: rotate(2deg) ;-o-transform: rotate(2deg) ;-ms-transform: rotate(2deg);}</style><center><a class="fla" href="link"  />Title</a><a class="mam" href="link" />Title</a><a class="fla" href="link"  />Title</a><a class="mam" href="link" />Title</a><a class="fla" href="link" />Title</a></center>


Red : Jenis Font
Orange : Warna background
Aqua : Warna Font
Magenta : Warna border
Italic : Url Link
bold : Ganti dengan kata-katamu sendiri


oke, semoga membantu!

2 komentar: