Thursday, June 6, 2019

Cara Mudah Memasang Widgets Jejaring Sosial Di Blog Blogger

Thursday, June 6, 2019

Cara Mudah Memasang Widgets Jejaring Sosial Di Blog Blogger



Sahabat blogger apa kabar? Semoga baik-baik saja dan masih setia mengunjungi blog iyaseo.id dalam kesempatan ini saya ingin berbagi dengan sahabat semua tentang widgets jejaring sosial barangkali anda semua sudah lama berselancar di dunia maya tentunya pasti anda sudah tau mengenai jejaring sosial seperti facebook,instagram,twitter,youtube dan lain-lainya.

Mungkin di antara sahabat blogger belum memasang widget jejaring sosial di dalam blognya jika sudah pasti berbeda dengan apa yang saya bagikan di postingan artikel ini,ok nanti simak saja di bawah seperti apa ya.

Namun dalam kesempatan ini saya tidak akan menjelaskan tentang mengapa harus memasang widgets jejaring sosial pada blog karena pada postingan sebelumnya saya sudah menjelaskan tentang pentingnya kita memasang widgets popular post,widgets lates posts,widgets label post dan yang lainya.

Menempatkan widgets jejaring sosial di blog,bagi sebagian pengguna blogger adalah sesuatu di anggap mudah,tetapi tidak bagi pengguna blogger yang masih baru (pemula).

Untuk sahabat blogger yang masih baru pasti masih bingung seperti apa sih cara yang di maksud,caranya sangat mudah dan simple serta sangat mudah di mengerti dengan adanya kode CSS HTML sahabat sudah bisa anda pasang di blognya

Anda tinggal memilih sesuai selera dengan kemauan yang ingin di tambahkan di blog yang sahabat kelola.

Berikut cara memasang widgets jejaring sosial di blog di bawah ini;


Langkah 1.Masuk ke Dasbor Blogger

Langkah 2.Pilih Tab Menu "Tata Letak"

Langkah 3.Jika sudah muncul halaman "Tata Letak" di dalam dasbor blogger langsung menuju ke pilihan "Tambahkan Gadget"

Langkah 4.Lalu Masukan kode CSS HTML/Java Script dibawah ini;

<div class="kt-social-buttons-widget"><ul class="sidebar-social clearfix"><li><a href="#!" class="social-btn-twitter">Follow on Twitter <i class="fa fa-twitter"></i> </a></li><li><a href="#!" class="social-btn-facebook">Like on Facebook <i class="fa fa-facebook"></i> </a></li><li><a href="#!" class="social-btn-youtube">Subscribe on Youtube <i class="fa fa-youtube"></i> </a></li><li><a href="#!" class="social-btn-instagram">Follow on Instagram <i class="fa fa-instagram"></i> </a></li></ul></div>
<style>
.kt-social-buttons-widget ul {
list-style: none;
padding-left: 0;
}
.kt-social-buttons-widget li a {
font-size: 10px;
text-transform: uppercase;
letter-spacing: 2px;
text-decoration: none;
display: block;
color: #0a0a0a;
padding: 10px 1px 10px 10px;
background:#f8f8f8;
}
.kt-social-buttons-widget ul li {
width: 100%;
margin-bottom: 10px;
}
.kt-social-buttons-widget li:hover a.social-btn-twitter {
background: #1da1f2;
color:#fff;
}
.kt-social-buttons-widget li a i {
float: right;
width: 35px;
height: 14px;
line-height: 14px;
text-align: ;
margin: 0;
padding: 0 0 0 10px;
font-size: 14px;
}
.kt-social-buttons-widget li a i {
border-left: 1px solid #666;
line-height: 14px;
}
.kt-social-buttons-widget li:hover a.social-btn-facebook {
background: #3b5998;
color:#fff;
}
.kt-social-buttons-widget li:hover a.social-btn-youtube {
background: #cd201f;
color:#fff;
}
.kt-social-buttons-widget li:hover a.social-btn-instagram {
background: #405de6;
color:#fff;
}
</style>



Cara Mudah Memasang Widgets Jejaring Sosial Di Blog Blogger


Jangan lupa di ganti dengan URL jejaring sosial milik sahabat " #!"yang berwarna Merah dalam kode tersebut jika sudah maka Save atau Simpan dan lihat hasilnya.





Demikian informasi tentang Cara Mudah Memasang Widgets Jejaring Sosial Di Blog Blogger versi iyaseo.id, silahkan langsung saja praktekan dan pastikan anda menerapkan semua tips yang sudah ada dalam artikel di postingan ini. Terimakasih dan selamat mencoba.

Show comments
Hide comments