Membuat Social Media Seperti Situs Kurazone

Membuat Social Media Seperti Situs Kurazone

- Hallo Sobat IDTemplatez,Kesempatan Kali Ini admin akan Berbagi Tutorial Membuat Button sosial media ala Blog Kurazone.Script ini sendiri admin ambil dari situs Kurazone,Dan admin modifikasi menggunakan Font awesome karena di sana tidak di jelaskan penggunaan Font Awesome,Admin berterimakasih sekali kepada ,Pemilik Blog Kurazone Yang sudah mau berbagi script ini secara gratis.

Untuk demonya Silahkan lihat di Link Berikut

DEMO

Nah sekarang Kita Masuk Ke Tutor Pemanganya

1.Pasang Font Berikut di Blog Kalian Untuk Memunculkan Iconya,Buka Setelan => Tema  => Edit HTML

<link href='https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet'/>

Note : Jika Kalian Sudah Pasang Maka Tidak Perlu Memasang Font Itu Lagi.

2.Pasang Kode Berikut tepat di atas </style> atau ]]></b:skin> Dan Copy Code Berikut

/* Social Media By Kurazone*/
.kuramedsos1 li{
 display: inline-block;
}
.kuramedsos1 li:before{
 display:none;
}
.kuramedsos1 li a{
 line-height: 40px;
 height:40px;
 width:40px;
 text-align: center;
 border-radius:40px;
 box-shadow: 0 1px 3px rgba(0,0,0,.14);
 margin: 5px;
}

3.Letakan Code HTML Berikut ,Di tempat yang kalian suka

<ul class="kuramedsos1">
<li><a class="fa fa-facebook-official" href="#" target="_blank" title='facebook'></a></li>
<li><a class="fa fa-twitter" href="#" target="_blank" title='Twitter'></a></li>
<li><a class="fa fa-google-plus" href="#" target="_blank" title='Google Plus'></a></li>
<li><a class="fa fa-youtube-play" href="#" target="_blank" title='Youtube'></a></li>
<li><a class="fa fa-instagram" href="#" target="_blank" title='instagram'></a></li>
</ul>

7.Terakhir Simpan

Note: Ganti Kode " # " dengan Alamat URL Sosmed Kalian.

Sekian Tutorial Membuat Sosial Media Ala Kurazone Terimakasih,Jangan Lupa Berkomentar Jika kesulitan Terimakasih.