Cara Membuat Sosial Login Dengan BootStrap 4

Hello sobat coders
Kali ini saya akan memberikan sebuah trik unik yaitu bagaimana cara membuat sosial login form dengan bootstrap 4

Kode nya simple aja sih

kamu tinggal copas kode dibawah ini


<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new <form class="col-md-12">
<div class="row text-center">
<div class="col-md-4 col-sm-12">
<button type="button" class="btn btn-primary btn-block">Facebook</button>
</div>
<div class="col-md-4 col-sm-12">
<button type="button" class="btn btn-info btn-block">Twitter</button>
</div>
<div class="col-md-4 col-sm-12">
<button type="button" class="btn btn-danger btn-block">Google+</button>
</div>
</div>
<hr />
<div class="form-group">
<input type="text" class="form-control input-lg" placeholder="Email">
</div>
<div class="form-group">
<input type="password" class="form-control input-lg" placeholder="Password">
</div>
<div class="form-group">
<input type="password" class="form-control input-lg" placeholder="Confirm Password">
</div>
<div class="form-group">
<button class="btn btn-primary btn-lg btn-block">Sign In</button>
</div>
</form>().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-NKWPSBL');</script>
<!-- End Google Tag Manager -->


Maka hasilnya akan seperti ini



Bagaimana? simple bukan hehe

Post a Comment

0 Comments