Tutorial Memperbaiki Tombol Share Button Error Di Template Evo Magz

Tutorial Memperbaiki Tombol Share Button Error Di Template Evo Magz - Baru-baru ini ketika pas sedang membuka blog terlihat berbeda pas saat membuka postingan blog untuk di share di media sosial ya Tombol share button yang awal nya berada tepat di bawah postingan kini ada di atas postingan dan menutupi judul postingan.

Saya pikir akh mungkin terjadi error sementara akan tetapi setelah hampir dua hari tetap saja begitu dan hampir semua template evo magz buatan mas sugeng mempunyai kendala yaitu error di tombol share button nya.

Mengesalkan memang jika template blog kesayangan terjadi error, apalagi sebagian judul postingan tertutup seperti itu akan sangat tidak bagus kelihatan nya akhirnya saya mulai mencari informasi tentu dengan tanya si mbah dan juga pembuat template nya itu sendiri

Setelah keliling-keliling di google pun tidak menemukan solusi nya, ada solusi harus diganti dengan tombol share dari template lain dan itu saya tidak suka dan kurang greget dipadukan di templae evo magz tersebut.

Akhirnya saya menemukan jawaban nya dan sudah di posting di blog nya mas sugeng pemilik template tersebut bisa lihat disini: http://sugeng.id/memperbaiki-error-tombol-share-evo-magz

Berikut ini Cara memperbaiki Tombol Share Button Yang Error di Template Evo Magz

Cara pertama yang di anjurkan dari perancang template tersebut yaitu mas sugeng yaitu:
Masuk ke edit template seperti biasa lalu:

1.Cari kode dibawah ini bisa menggunakan ctrl+f

.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;
}

Hapus semua kode di atas dan 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;
}

Selanjut nya cari kode seperti dibawah ini:

<div class='share-buttons'>

Lalu hapus Kode di atas dan ganti dengan kode dibawah ini

<div class='share-buttonsx'>

Nah tahap tersebut sudah selesai dan kembali normal Akan tetapi biasanya tombol share versi desktop ada tombol logo seperti ini Tidak akan tampil dan hilang,

Cara mengatasi agar logo seperti gambar di atas yaitu menggunakan cara kedua yaitu versi saya dan sudah saya coba dan kembali normal seperti biasa, berikut ini cara memperbaiki tombol share buton yang error di template evo magz dengan cara saya sendiri atau dengan sedikit perubahan dari cara di atas.

2. Cara Saya Memperbaiki Tombol Share Button Error di template evo magz dengan Berikut gambar Logo PleaseShare :)

Seperti cara di atas yaitu masuk ke edit Template atau edit Html bisa cari menggunakan Tombol CTRL+F kemudian cari kode seperti dibawah 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;
}

Kemudian hapus semua kode di atas dan ganti dengan kode dibawah ini

.share-buttons-box {
 height: 67px;
 background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb5a0Y8hjqdJnJ-KVWArAZOpBenJg1BmRVNVC9_wQqjdH2Q-104rUEaRXMnE9po9rsBKhreM3Gz8in4L4b-n0xDqJWd4HgrXXSslWbbO4HSMWPWMc_qA8iT0k437XCQAxxNj0_3Zlmlnm3/s1600/share.png) no-repeat 330px 10px;
 margin:20px 0 15px;
 overflow:hidden;

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

Setelah itu tahap selanjut nya yaitu cari kode seperti dibawah ini:

<div class='share-buttons'>

Kemudian ganti dengan kode dibawah ini:

<div class='share-buttonsx'>

Kemudian Save template, setelah itu coba lihat blog di postingan anda dan sudah beres kembali normal, Telah saya coba dan berhasil diterapkan di template saya.

Demikianlah artikel kali ini tentang Cara Memperbaiki Tombol Share Button Error Di Template Evo Magz Semoga membantu dan bermanfaat.
Selamat mencoba semoga berhasil.

Tweet

Subscribe to receive free email updates: