Widget Button Follow Social Media ini mempunyai tampilan yang sangat menarik untuk Blogger dari layanan media umum terpopuler ibarat Facebook, Twitter, Google Plus dll. Sebenarnya, widget ini dirancang untuk menghubungkan halaman sosial media atau profil dengan Blog sobat.
widget ini juga dapat mengatakan jumlah pengikut untuk layanan media social tertentu. Selain itu, Button Follow HTML dan CSS berikut ini sangat Responsive 100%.. Bagi blogger, template blogger custom yang maksimal, akan dilengkapi dengan Tombol/Button Follow dan Social Media widget semoga template blog akan memiliki tampilan yang lebih menarik.
setiap blogger perlu meningkatkan keterlibatan pengguna blog mereka. Apalagi komunitas pembaca yang kuat/banyak ialah kunci kesuksesan blog. Bahkan aktivitas sosial juga dicintai oleh search engine. Makara sangat penting bagi seorang blogger untuk membuat komunitas yang berpengaruh di Media Social. Nah, kini sudah saatnya sahabat menyimak Cara Memasang Button Follow Social Media.
● Masuk ke Theme/Tema
● Kemudian pilih Edit HTML
● Cari aba-aba </head>
● Copy kode berikut
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"/>
● Kemudian paste tepat di atas aba-aba </head>
● Jika sudah, pilih Save Theme
● Kemudian masuk ke Layout
● Pilih Add a Gadget
● Pilih HTML/Javascript
● Copy kode berikut
<style>
.techornate-social-buttons ul{padding-left:0;list-style:none}.techornate-social-buttons li a{text-transform:uppercase;text-decoration:none;padding:10px 1px 10px 10px;letter-spacing:2px;font-size:10px;color:#fff;display:block;border-radius:3px}.techornate-social-buttons ul li{margin-bottom:10px;width:100%}.techornate-social-buttons li a i{width:35px;height:14px;float:right;padding:0 0 0 10px;margin:0;font-size:14px;line-height:14px;border-left:1px solid #B1B1B1}.techornate-social-buttons li a.social-btn-facebook{background:#3b5998}.techornate-social-buttons li a.social-btn-twitter{background:#1da1f2}.techornate-social-buttons li a.social-btn-youtube{background:#cd201f}.techornate-social-buttons li a.social-btn-instagram{background:#405de6}.techornate-social-buttons li a.social-btn-google{background:#dd4b39}
</style>
<div class="techornate-social-buttons">
<ul class="sidebar-social clearfix">
<li><a href="#" class="social-btn-facebook">Like on Facebook <i class="fa fa-facebook"></i> </a></li>
<li><a href="#" class="social-btn-twitter">Follow on Twitter <i class="fa fa-twitter"></i> </a></li>
<li><a href="#" class="social-btn-google">Follow on Google+ <i class="fa fa-google"></i> </a></li>
<li><a href="#" class="social-btn-instagram">Follow on Instagram <i class="fa fa-instagram"></i> </a></li>
<li><a href="#" class="social-btn-youtube">Subscribe on Youtube <i class="fa fa-youtube"></i> </a></li>
</ul>
</div>
Ganti # dengan URL SOCIAL MEDIA sobat
● Kemudian Paste di dalam gadget HTML/Javascript
● pilih Save
● Masuk ke Blog sobat dan lihat hasilnya.
Saat ini aba-aba di atas hanya berisi ikon Facebook, Twitter, Google Plus, Instagram, Dan Youtube. Sobat dapat tambahkan sendiri Button Follow Social Media jika sahabat merasa kurang lengkap dengan Button Follow Social Media diatas. Cukup sekian artikel kali ini.
Terimakasih sudah meluangkan waktu sahabat untuk membaca artikel kami.
Semoga artikel ini bermanfaat untuk sahabat semua.
0 Response to "Duit Blog Cara Memasang Button Follow Social Media Di Blogger"