Tutorial : Cara Bagaimana nak letak Button Instagram

Assalamualaikum....✌✌


Cara untuk buat Button Instagram di tepi scrollbar yang comel...hihihi...Jom baca! :

• Log in Blog 👉 Layout 👉 HTML / JavaScript

• Copy & Paste Code dibawah diruangan HTML / JavaScript

Code :

<style type='text/css'>

a.linkopacity img {

filter:alpha(opacity=50);

-moz-opacity: 0.5;

opacity: 0.5;

-khtml-opacity: 0.5;}

a.linkopacity:hover img {

filter:alpha(opacity=100);

-moz-opacity: 1.0;

opacity: 1.0;

-khtml-opacity: 1.0; }

</style>

<div style='display:scroll; position:fixed; top:100px; right:2px;'>

<style>.ig-b- { display: inline-block; }

.ig-b- img { visibility: hidden; }

.ig-b-:hover { background-position: 0 -60px; } .ig-b-:active { background-position: 0 -120px; }

.ig-b-48 { width: 48px; height: 48px; background: url(URL IMAGE) no-repeat 0 0; }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {

.ig-b-48 { background-image: url(URL IMAGE); background-size: 60px 150px; } }</style>

<a href="URL INSTAGRAM?ref=badge" class="ig-b- ig-b-48"><img src="URL IMAGE" alt="Instagram" /></a>

• Klik SAVE....Taraaaaa!!!! Jadi kan hihihi....😁

• Ubah lah Gambar Button tu bagi comel2 ye...👀

• Boleh pilih nak Kiri @ Kanan.  👈👉

Selamat Mencuba dan berjaya hihihi......💕💕