Guide for a WordPress beginner who wants to become a Pro! Learn More

Cara Memperbaiki Tombol Share Button yang Error Di Template Evomagz dengan mudah

alviya.com – Cara Memperbaiki Tombol Share Button yang Error Di Template Evomagz.

Template buatan mas Sugeng yang punya blog Sugeng.id yang sudah sangat familiar bagi para penggunanya yang mengelola blog berplatform Blogger.

Mulai dari template brosense, faztezmag, evomagz hingga yang terbaru viomagz dan linkmagz.

Seperti kita tahu, belakangan banyak terjadi error pada bagian share button pada template evo magz buatan mas sugeng tersebut termasuk brosense.

Cara Memperbaiki Tombol Share Button yang Error Di Template Evomagz maupun template yang lain seperti brosense yang pindah posisi keatas sebetulnya tidaklah sulit.

Kita hanya perlu merubah sedikit kode html share button pada template tersebut. Baca juga artikel cara membuat menu navigasi tanpa edit html.

Sebetulnya saya sendiri sebelumnya tidak tahu bagaimana Cara Memperbaiki Tombol Share Button yang Error Di Template Evomagz yang pindah keatas tersebut.

Tapi karena saya baru saja memasang template evo magz dan mendapati tombol share button error.

Sayapun jadi penasaran kemudian saya mencari tutorial tentang cara memperbaiki tombol share button error di template template evo magz yang pindah keatas.

Setelah mencari-cari di internet tentang bagaimana cara memperbaiki share buton error pada template evo magz yang pindah keatas.

Akhirnya sayapun menemukan satu tutorial yang membahas tentang cara memperbaiki tombol share button error di template Evo magz seperti yang saya cari.

Cara Memperbaiki Tombol Share Button
Cara Memperbaiki Tombol Share Button Di Template Evomagz yang Error dijamin Work

Berikut ini Cara Memperbaiki Tombol Share Button yang Error Di Template Evomagz dijamin work.

1. Seperti biasa sebelum bisa mengedit template, masuk dulu ke akun blogger.

2. Klik template=>Edit Html

3. Cari css dengan kode seperti ini

.share-buttons { 
margin:0 0; 
height:67px; 
float:left; 

.share-buttons .share { 
float:left; 
margin-right:10px; 
display:inline-block; 

.share-buttons .tweet { 
margin-top: 41px; 
}

setelah ketemu hapus semua kode diatas lalu ganti dengan kode dibawah ini

.share-buttonsx { 
margin:0 0; 
height:67px; 
float:left; 

.share-buttonsx .share { 
float:left; 
margin-right:10px; 
display:inline-block; 

.share-buttonsx .tweet { 
margin-top: 41px; 
}

4. Setelah itu cari kode seperti dibawah ini

<div class=’share-buttons’>

Ganti kode diatas dan ganti dengan kode dibawah ini

<div class=’share-buttonsx’>

5. Setelah itu simpan template dan lihat hasilnya.

Dengan cara diatas sobat sudah berhasil memperbaiki tombol share button error di template evo magz.

Selain cara diatas ada cara lain dimana kita tidak perlu menghapus dan mengganti semua kode css tombol share button di template evomagz, caranya adalah kita hanya perlu menambahkan huruf X pada kode css tersebut.

Jika diperhatikan kedua kode css untuk tombol share button di template evo magz diatas hampir sama saja dan hanya berbeda pada ujung penulisan share-buttons dimana pada kode css lama berakhir dengan huruf S sedangkan untuk kode css share-buttonsx yang baru ada tambahan huruf coba Anda perhatikan kode css diatas huruf X yang saya tandai dengan warna merah.

Cara Memperbaiki Tombol Share Button Di Template Evomagz yang Error dijamin work yang kedua.

1. Masuk dasbor blogger

2. Template=> Edit Template

3. Cari kode css berikut ini

.share-buttons { 
margin:0 0; 
height:67px; 
float:left; 

.share-buttons .share { 
float:left; 
margin-right:10px; 
display:inline-block; 

.share-buttons .tweet { 
margin-top: 41px; 

}

setelah ketemu tambahkan huruf pada bagian belakang share-buttons sehingga menjadi share-buttonsX

Hasil akhinya adalah seperti dibawah

.share-buttonsx { 
margin:0 0; 
height:67px; 
float:left; 

.share-buttonsx .share { 
float:left; 
margin-right:10px; 
display:inline-block; 

.share-buttonsx .tweet { 
margin-top: 41px; 

}

4. Setelah itu cari kode berikut ini 

<div class=’share-buttons’>
setelah ketemu, tambahkan huruf X pada nagian belakang share-buttons sehingga menjadi share-buttonsx.

Sehingga hasil akhir menjadi seperti dibawah

<div class=’share-buttonsx’>

5. Simpan template dan lihat hasilnya

Itulah tutorial Cara Memperbaiki Tombol Share Button Error di Template Evo Magz kali ini.

Terima kasih sudah mau membaca artikel ini dan saya sangat berterima kasih jika Anda mau ikut share artikel tentang cara memperbaiki tombol share button di template evo magz sebagai dukungan sobat untuk kemajuan blog alviya.
TERIMA KASIH!!

Share on:
Avatar for AlviyatuN

Hai, saya Alviyatun  Orang di belakang alviya.com. Blogger dengan pengalaman 4+ tahun mengurus domain ini. Temukan saya di Medium. Mari kita bicara tentang pemasaran, bisnis, dan keramaian di Twitter . (Dan oh, jika Anda berada di LinkedIn, mari terhubung !)

    KLIK
DONASI VIA PAYPAL Bantu berikan donasi jika artikelnya dirasa bermanfaat. Donasi akan digunakan untuk memperpanjang domain www.alviya.com. Terima kasih.

4 thoughts on “Cara Memperbaiki Tombol Share Button yang Error Di Template Evomagz dengan mudah”

Leave a Comment