Cara Membuat Tombol Berbagi Keren Seperti Template Blog VioMagz

Membuat Tombol Share di blog adalah salah satu cara yang bisa di bilang sangat efektif untuk mendapatkan pembaca blog kita lebih banyak. Karena, dengan memasang tombol berbagi tersebut, akan sangat membantu dan memudahkan pengguna internet yang telah membaca, artikel blog kita, apabila artikel tersebut di anggap sangat bermanfaat maka pengunjung akan suka rela memberikan share melalui media.

Cara Membuat Share Button Blogger Theme Viomagz

1. Pertama, silahkan login di blogger.com dengan menggunakan akun email kamu.

2. Lalu Setelah itu masuk ke menu TEMA ⇨ klik tombol Edit HTML.

3. Lalu cari kode yang seperti dibawah ini pada bagian CSS :

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

 

Jika sudah kemudian rubah kode overflow: hidden; menjadi overflow: unset; sehingga menjadi seperti dibawah ini :

 

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

 

4. Selanjutnya kalian cari lagi kode seperti dibawah ini :

 

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

 

Kemudian hapuslah kode tersebut dan gantikan dengan kode seperti 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;
} 

 

5. Selanjutnya cari lagi kode berikut :

 

 


<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'>


 

 

Lalu hapuslah kode tersebut dan gantikan dengan kode seperti 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'>


 

 

6. Terahir Klik tombol Simpan Dan Selesai

SEKIAN

 nah itulah Cara Membuat Tombol Berbagi Keren Seperti Template Blog VioMagz

Semoga Bermanfaat

Share this post