Cara membuat sosial media follow us di blog

 

Cara membuat tombol follow pada blog  di blogspot, cara membuat tombol follow pada blog, cara buat tombol follow us pada blog di blogspot , cara membuat tombol follow us pada blog , cara membuat tombol follow blog ,  cara membuat dan memasang tombol follow us pada blog di blogspot , cara membuat tombol ikuti ( follow ) sosial media pada blog , 

 Sugeh jEK- Cara membuat Tombol Follow Us Media Sosial Di Blog Menggunakan Html. Selamat datang teman-teman di Sugeh jEK, alhamdulilah pada hari ini atas ijin tuhan kita masih di berikan kesehatan dan masih bisa di pertemukan di dalam website Sugeh jEK. 

Sholawat serta salam kita panjatkan kepada nabi besar kita  Nabi Muhamad SAW, beserta keluarganya, sahabatnya, dan kita selagi umatnya.

Alhamdulilah pada hari ini kita masih diberikan kesehatan untuk belajar kembali bersama Sugeh jEK. Pada hari ini kita akan belajar,   Cara Membuat Follow Us Media sosial Di Blog Menggunakan Html. Mungkin teman-teman disini bertanya-tanya bagaimana cara membuat Follow Us Media Sosial seperti Di Bawah Header Teks Sugeh jEK bukan. 

Dimana blog Sugeh jEK  memiliki beberapa tombol medis sosial seperti FACEBOOK, INSTAGRAM, YOUTOBE DLL.  

Lalu bagaimana cara membuat tombol media sosial follow us pada blog ?. Baiklah langsung simak caranya di bawah ini ya guest.....

Sebelum lanjut ke pembahasan Cara Membuat Follow Us Pada Blog, alangkah baiknya kita ketahui dulu Manfaat Follow Us Pads Blog. Berikut Sugeh jEK Telah Merangkum MANFAAT FOLLOW US PADS BLOG.

1. Melengkapi Tampilan Blog Anda Agar Sedap Di Pandang. Dan Pengunjung Blog Anda Dapat Mencari Akun Anda Seperti Facebook, Instagram, Twitter, Dll.

1. Menambah Dan Mengikuti Akun Media Sosial Anda Seperti Facebook, Instagram, Twitter, Telegram, Whatshapp, Dll.

YApakah Anda Sudah Tidak Sabar Ingin Cepat-Cepat Tahu Bagaimana Cara Membuat Sebuah Tampilan.

Car Membuat Follow Us Pada Blog.

Baiklah Teman-teman langsung saja kita ke inti pembahasan yaitu Cara Membuat Tombol Follow Us Sosial Media Pada Blog.

1. Silahkan masuk ke website blogspot masing-masing
2. Lalu klik navigasi dan pilih tata letak
3. Kemudian anda pilih tambahkan widget
4. Dan pilih html javascript
5. Silahkan anda salin dan pasangkan code css berikut ini. 

     <link rel="stylesheet" href="style.css" />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.css" />
   .social-buttons a{
     display: inline-flex;
     text-decoration: none;
     font-size: 18px;
     width: 40px;
     height: 40px;
     color: #fff;
     justify-content: center;
     align-items: center;
     position: relative;
     margin: 0px;
   }
   .social-buttons a::before{
     content: "";
     position: absolute;
     width: 42px;
     height: 42px;
     background: linear-gradient(45deg,#22a6b3,#30336b);
     border-radius: 5%;
     z-index: -1;
     transition: 0.3s ease-in;

   
   
   }
   .social-buttons a:hover::before{
     transform: scale(0);
   }
   .social-buttons a i{
     transition: 0.3s ease-in;
   }
   .social-buttons a:hover i{
     background: linear-gradient(45deg,#22a6b3,#30336b);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     transform: scale(2.2);
   }

6. Kemudian silahkan copy dan pastekan code html berikut ini. 

       <div class="social-buttons">
         <a href="https://m.facebook.com/100089497152733/"><i class="fab fa-facebook"></i></a>
         <a href="#"><i class="fab fa-twitter"></i></a>
         <a href="https://www.instagram.com/rodacoding/"><i class="fab fa-instagram"></i></a>
         <a href="#"><i class="fab fa-youtube"></i></a>
         <a href="https://wa.me/62895405964539"><i class="fab fa-whatsapp"></i></a></div>
   </!doctype>

Jangan lupa Pada code css nya setelah code berikut   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.css" /> tambahkan code <style> dan akhiri pada akhir code css dengan code </style>

Semoga artikel yang aejek bagikan mengenai CARA MEMBUAT TOMBOL FOLLOW US MEDIS SOSIAL Pada BLOG ANDA dapat bermanfaat. Buat Follow Us  Keren Pada Blog Menggunakan Html 

Sugeh jEK