Cara Memperbaiki Tombol Share Button Menghalangi Judul Postingan

Bagi para blogger yang menggunakan template buatan Mas Sugeng yaitu EvoMagz atau template buatan Mas Sugeng yang mengalami masalah tombol share button seperti gambar di atas. Jangan di buat panik sob, saya juga mengalami masalah yang sama.

Awalnya sih saya tidak tau akan kejadian itu, waktu itu saya melakukan tinjauan sebelum di publikasikan artikel pertama saya, begitu saya lihat kok tombol share buttonnya menghalangi judul padahal posisi yang sebenarnya berada di bawah postingan. dan akhirnya saya sudah menemui caranya.

Untuk sobat yang pakai template buatan Mas Sugeng yang mengalami kejadian seperti itu sobat tidak usah khawatir, saya akan memberi solusinya dengan mudah agar tombol share button kembali pada posisi yang sebenarnya.

Cara Memperbaiki Tombol Share Button :

#1. Sobat masuk ke akun blogger.com

#2. Jika sudah masuk, klik "Template" > klik "Edit HTML"

#3. Kemudian cari kode berikut ini 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;
}

#4. Hapus kode tersebut, ganti dengan kode di bawah 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;
}

#5. Langkah selanjutnya cari kode berikut ini :

<div class='share-buttons'>

#6. Hapus kode tersebut, ganti dengan kode di bawah ini :

<div class='share-buttonsx'>

#7. Jika sudah selesai tinggal klik "Simpan Template"

#8. Selesai.

Kurang lebih hasilnya akan seperti ini :

Begitulah kiranya cara memperbaiki tombol share button menghalangi judul postingan. Semoga bisa bermanfaat untuk sobat. Terima kasih.

Tweet

Dapatkan Kiriman Artikel Baru dari Jejak Blogku Gratis: