Cara Mudah Buat Widget Social Media Di Blog | Style 1





Assallamualaikum Wr. Wb Selamat datang di MampirNesia pasti kalian menemukan widget sosial media Di website atau blog seseorang widget sosial media ini digunakanan untuk menuju kehalaman sosial media seseorang ( Facebook, Twitter,  Instagram, YouTube, all)  Dan pada kesempatan Kali in Saya akan memberikan sedikit cara memasang widget sosial media ini oke kita menuju ke tutorial nya.

Simak baik baik ya:

1. Masuk kedashboard blog anda
2. Pilih menu Tema
3. Pilih Menu HTML
4. Cari kode </style> atau ]]></b: skin>
5. Copy code dibawah ini Dan pastekan diatas code  </style> atau ]]></b: skin>

.mampir1{position:fixed;top:50%;left:0;margin-top:-80px;z-index:999;}
.mampir1 ul li{display:block;}
.mampir1 ul li a{font-size:20px;color:#fff;background:#42bc7f;height:40px;width:40px;line-height:40px;text-align:center;display:block;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease;}
.mampir1 ul li a:hover{width:50px;} .mampir1 ul li.facebook a{background:#425F9C;}
.mampir1 .ul li.twitter a{background:#1DA1F3;}
.mampir1 ul li.instagram a{background:#E21B75;}
.mampir1 ul li.pinterest a{background:#CB2028;} li:before{display:none;}

6. Kemudian save
7. Sekarang kalian buka menu tata letak
8. Kemudian kalian pilih HTML dan JavaScript
9. Terus kalian copy kode dibawah ini pastikan dan save

<div class="mampir1">
<ul>
<li class="facebook"><a href="https://www.urlsosmed.com/"><i class="fa fa-facebook"></i></a></li>
<li class="twitter"><a href="https://www.urlsosmed.com/"><i class="fa fa-twitter"></i></a></li>
<li class="instagram"><a href="https://www.urlsosmed.com/"><i class="fa fa-instagram"></i></a></li>
<li class="pinterest"><a href="https://www.urlsosmed.com/"><i class="fa fa-pinterest"></i></a></li>
</ul>
</div>
 Note:  kalian bisa ganti https: //URL sosmed.com dengan URL yang akan anda sosial media kalian yang akan kalian tuju