menu melayang

Jumat, 14 Februari 2025

Tips Membuat Icon Social Media Untuk Ngelink ke Akun Profil

 

Social Media tentu penting untuk bagi sebuah profil blog selain meningkatkan viewers tentu menjadi branding bagi diri kita sendiri sehingga dalam prakteknya social media saling terkait satu sama lain sesua dengan kebutuhan.

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

Blog Post

Related Post

Back to Top

Cari Artikel