Adapun cara agar Tombol social media kita bisa terkoneksi dengan baik maka berikut langkah-langkahnya;
A . Menempatkan Tombol Social media pada Blog Post.
- Klik Post
- Rubah Mode Menulis kedalam HTML
- Copy Kode dibawah ini kedalam HTML
<style>
#MH_socialicons img {
/* Spinning Social Icons Widget By www.chandra-sentosa.blogspot.com */
-moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}
#MH_socialicons img:hover {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
/* Spinning Social Icons Widget By www.chandra-sentosa.blogspot.com */</style>
<center>
<p id="MH_socialicons">
<a href="https://www.facebook.com/ADE.HASANUDIN/"><img alt="Facebook" height="50" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9RpU2BmxT4C0dnB4K2Usm3FTdDTb4iUGlAZIqcRgS0PRZ0hE8OCCoX6F6vXi6dnqQdtXHBkFH1Lty-KI_fDmxztRQlo2lfa3M4hWYtfPiwDNk3xjUUTivvDX3HU0Swv5ApliaxEEs-t0txx4MIPLwvEwiUxVsC1tDRYb0MZrZJClJgSB4Uz-Zwe66-A/s160/Fb.png" width="50" /></a>
</p>
</center>
- Save dan Lihat Hasilnya
B. Kode Simpel yang kedua<a href="https://www.youtube.com/" target="_blank"><img alt="YouTube" height="50" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrwhZF2r0IMHmGsqGob_VZzChxPDXKRacx76tVagdccw98k74dRn_Gz7q-JJ6Y0KFPcNRrsF3RHa5Y7Avc2U-Cxsp1-5rXcjv9jarEJIMQIgSPrVCN_8Su3vLtMto17X4gd7b1O2IfuNeLU5I35WQKF-NVJYFCpgaC8HYJGwTjA028bM2DWoLe6y1MlTI1/s512/youtube.png" width="50" /></a>
Kode Warna Merah ganti dengan link Profile kalian masing-masing dan Kode Warna ungu Adalah link gambar silahkan ganti sesuai kebutuhan, untuk mengubah ukuran icon lihat pada Kode width dan height
