Populer Post

Loading...

Cara Mudah Buat Widget Social Media Di Blog | Style 1

Cara  Mudah Buat Widget Social Media Di Blog | Style 1
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>

.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

3 Responses to "Cara Mudah Buat Widget Social Media Di Blog | Style 1"

  1. Wah ini sangat bermanfaat untuk menambah widget medsos di blog kita

    ReplyDelete
    Replies
    1. Alhamdulillah jika artikel saya bermanfaat Terima kasih telah berkunjung

      Delete

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel

DMCA.com Protection Status