Cara Mudah Buat Widget Sosial Media Di Blog | Style 2



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>

.mampirsosmed li a:hover { background: white; }
.mampirsosmed li { margin: 0 5px 0 0; }
.mampirsosmed li a { background: black; margin: 0 4px; color: #fff; font-size: 12px; display: block; padding: 10px 20px; border-radius: 3px; text-transform: uppercase; }
.mampirsosmed li { display: inline-block; margin-bottom: 0; padding-bottom: 0; text-align: left; list-style: none; } 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="mampirsosmed"> <ul style="text-align: center;"> <li><a href="https://www.mampirnesia.site/" rel="nofollow noopener" target="_blank" title="Ikuti Kami di Facebook"><i class="fa fa-facebook"></i> Facebook</a></li> <li><a href="https://www.mampirnesia.site/" rel="nofollow noopener" target="_blank" title="Ikuti Kami di Twitter"><i class="fa fa-twitter "></i> Twitter</a></li> <li><a href="https://www.mampirnesia.site/" rel="nofollow noopener" target="_blank" title="Ikuti Kami di Google+"><i class="fa fa-google-plus"></i> Google +</a></li> <li><a href="https://www.mampirnesia.site/" rel="nofollow noopener" target="_blank" title="Ikuti Kami di Instagram"><i class="fa fa-instagram"></i> Instagram</a></li> <li><a href="https://www.mampirnesia.site/" rel="nofollow noopener" target="_blank" title="Ikuti Kami di Pinterest"><i class="fa fa-pinterest"></i> Pinterest</a></li> </ul> </div>

Note : kalian bisa ganti URL https://www.mampirnesia.site/ dengan URL  sosial media tujuan anda

Dan selamat mencoba

Demo bisa dilihat dibawah artikel ini klik result

See the Pen
JgPOPJ
by Yudha Wahyu Pratama (@yudha-wahyu-pratama)
on CodePen.