Cara membuat share button melayang di blog untuk viomagz

Fagas Official~Banyak sekali modal modal tombol share yang sangat menarik dan unik salah satunya yaitu tombol share yang terdapat di template viomagz,tombol share di template viomagz sendiri sudah bawaan

dari sana artinya sudah asli dari template nya.seperti yang kita semua ketahui tombol share di template viomagz tersebut letak nya Di bawah postingan blog dan letaknya tetap atau tidak melayang,lalu bagaimana cara 

membuat tombol share tersebut melayang(sticky share button) seperti blog ignie? Tentunya kita harus merubah beberapa kode yang ada di dalamnya.

Banyak sekali pengguna blogger yang tidak 

mempentingkan tombol share untuk blog mereka padahal dari tombol share ini mereka dapat menghasilkan tambahan traffic dan jika artikel yang kamu tulis bagus pastinya akan lebih banyak lagi yang share 

Cara membuat tombol share melayang di blog untuk template viomagz

Pertama masuk dulu ke blogger kalian masing masing

Pilih tema >edit html

Selanjutnya cari kode seperti di bawah ini(kalau tidak ada yang hampir sama) 

#wrapper {
background: #ffffff;
max-width: 1000px;
margin: 0 auto;
padding: 70px 30px 30px;
overflow: hidden;
}

Ganti kode overflow: hidden; diatas dengan kode overflow: unset maka akan menjadi seperti berikut

#wrapper {
background: #ffffff;
max-width: 1000px;
margin: 0 auto;
padding: 70px 30px 30px;
overflow: unset;
}

Selanjutnya kalian cari kode dibawah ini

#share-container {
margin: 20px auto 30px;
overflow: hidden;
}

Hapus kode diatas lalu  ganti dengan kode dibawah ini

#share-container {
background: #fff;
width:100%;
display: inline-block;
flex-wrap: nowrap;
align-items: center;
position: -webkit-sticky;
position:sticky;
bottom: 0px;
z-index: 1;
}

Berikutnya cari kode seperti dibawah

<div id='share-container'>
<div class='label-line-c'>
<p class='share-this-pleaseeeee'><b:switch var='data:blog.locale'><b:case value='id'/>Bagikan Artikel ini<b:default/>Share this post</b:switch></p>
</div>
<div id='share'>

Hapus kode diatas lalu ganti dengan kode dibawah ini

<div class='label-line-c'>
<p class='share-this-pleaseeeee'><b:switch var='data:blog.locale'><b:case value='id'/>Bagikan Artikel ini<b:default/>Share this post</b:switch></p>
</div>
<div id='share-container'>
<div id='share'>

Kalau sudah lalu simpan dan lihat hasilnya

Akhir kata

Sekian tutorial kali ini Cara membuat tombol share melayang di blog untuk viomagz bagaimana mudah bukan? Tombol share tersebut juga hampir sama dengan blog igniel,bagi kalian yang belum paham bisa tinggalkan komentar dan bila artikel kali ini bermanfaat jangan lupa untuk share ke teman teman lainya

Share this post