Populer Post

Loading...

Cara Mudah Buat Widget Sosial Media Di Blog | Style 2

Cara Mudah Buat Widget Sosial Media Di Blog | Style 2
Posted by Yudha Wahyu Pratama


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.

0 Response to "Cara Mudah Buat Widget Sosial Media Di Blog | Style 2"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel