Cara Memperbaiki Tombol Share yang Error di Template Evo Magz dan Fastest Magz
Evo Magz Error - Sore guys ketemu lagi dengan admin sampein. Kali ini saya bakal sampein tutorial mengenai Cara mengatasi Tombol Share yang Error di Template Evo Magz dan Fastest.
Akhir-akhir ini template keren buatan mas sugeng yaitu Evo Magz dan Fastest Magz banyak digunakan oleh para blogger untuk mempercantik tampilan blognya.
Template ini mempunyai tampilan yang enak di pandang serta memiliki kecepatan loading yang luar biasa.
Untuk kamu yang ingin mempunyai template ini, untung saja mas sugeng menjualnya dengan harga yang sangat terjangkau hanya sekitar 130rban. Jika ingin membelinya bisa kunjungi link berikut ini.
Namun, beberapa hari yang lalu saya kaget ketika sedang asik membuka blog saya dan membuka postingan ada yang aneh terjadi?
Tombol share yang seharusnya berada di bawah jadi pindah ke atas menutupi judul postingan sehingga mengganggu kenyamanan pembaca.
Saat itu saya tidak berfikir yang tidak-tidak karena mungkin hal itu hanya faktor error sesaat saja, tetapi sudah hampir 4 hari ini tidak mengalami perubahan ke bentuk semula.
Ternyata ini terjadi pada semua template Evomagz dan FastMagz buatan Mas Sugeng.
Jujur saja saat ini saya agak gelap tentang koding-mengkoding, jadi kalo ada masalah yang seperti ini saya bakal pusing tujuh keliling.
Saya berinisiatif keliling-keliling mbah google untuk mencari solusi dari permasalahan tersebut, siapa tahu ada yang sudah bisa merubahnya seperti semula.
Namun, sayangnya ada yang memberi tutorial yang mengharuskan kita mengganti memgganti kode tombol share itu dengan tombol share button yang lain.
Menurut saya jika diganti dengan tombol yang lain maka akan berakibat tampilan blog kita jadi semrawut dan tidak mernah di pandang.
Setelah pusing sana-sini tidak mendapatkan solusi, akhirnya saya langsung menanyakan kepada pemilik template tersebut dan ternyata beliau telah menyiapkan tutorialnya untuk para pengguna template nya.
Selesai membaca saya langsung praktek memperbaikinya dan ternyata memang bisa kembali seperti semula.
Tapi masih ada hal yang kurang karena biasanya tombol share versi desktop tombol logo "Please Share" seperti gambar dibawah ini tidak akan muncul dan hilang seketika.
Untuk itu saya akan kasih 2 cara untuk memperbaikinya, Versi Saya dan Versi Mas Sugeng
Berikut ini Tutorial Cara memperbaiki Tombol Share yang Error di Template Evo Magz Dan Fastest Magz
Cara memoerbaikinya sangat gampang sekali, jangan sampai salah ya dan jangan lupa backup dulu templatenya, jaga-jaga takut terjadi error dan hilang begitu saja.Langkah-langkah yang harus kamu lakukan menurut tutorial dari desainer template tersebut yaitu :
1. Pergi ke blogger.com lalu masuk ke menu edit template .
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;
}
margin:0 0;
height:67px;
float:left;
}
.share-buttons .share {
float:left;
margin-right:10px;
display:inline-block;
}
.share-buttons .tweet {
margin-top: 41px;
}
Blok semua kode diatas lalu ganti dengan kode baru 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 script kode dibawah ini:
<div class='share-buttons'>
Lalu blok kembali Kode di atas dan ganti dengan kode ini, atau kalian cuma hanya menambah huruf x setelah huruf s pada kata "buttons"
Contohnya seperti ini
<div class='share-buttonsx'>
Alhamdulillah sepertinya tahap pertama sudah selesai dan akan kembali normal, tetapi masih ada langkah kedua karena biasanya tombol share versi desktop tombol logo "Please Share" seperti gambar dibawah ini tidak akan muncul dan hilang seketika.
Nah untuk cara mengatasi cara kedua agar logo bisa tampil kembali yaitu dengan cara versi saya dan telah dicoba, akhirnya kembali normal seperti biasa.
Berikut ini tutorial cara memperbaiki tombol share button yang error di template evo magz dengan cara yang berbeda.
2. Memperbaiki Tombol Share yang Error di template evo magz Berikut gambar Logo PleaseShare :)
Langkahnya sama seperti cara yang di atas, kamu harus masuk ke blogger.com dan ke menu edit Template atau edit Html. Gunakan kombinasi tombol CTRL+F untuk mencari kode 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;
}
margin:0 0;
height:67px;
float:left;
}
.share-buttons .share {
float:left;
margin-right:10px;
display:inline-block;
}
.share-buttons .tweet {
margin-top: 41px;
}
Sama seperti cara pertama, 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/AVvXsEiWExO2S4tWRZjAemaIUylthtWF9Z-aG9yjYY2UNbocEPB-WbqG4DcT5gye0R8PGs4Y6iVl-Z2NWjtgtKnWvwaEgVKjz0OvVNTRmSPyK2PyJpE3nxOhqzalHFcXOHB2ggIFrLkv5tS9EviB/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;
}
height: 67px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWExO2S4tWRZjAemaIUylthtWF9Z-aG9yjYY2UNbocEPB-WbqG4DcT5gye0R8PGs4Y6iVl-Z2NWjtgtKnWvwaEgVKjz0OvVNTRmSPyK2PyJpE3nxOhqzalHFcXOHB2ggIFrLkv5tS9EviB/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;
}
Langkah selanjutnya kamu cari kode script seperti dibawah ini:
<div class='share-buttons'>
Lalu ganti dengan kode dibawah ini:
<div class='share-buttonsx'>
Setelah selesai pengeditannya lalu klik save template.
Sudah selesai? Langsung kita cekidot ke tkp untuk melihat apa sudah beres?
Alhamdulillah setelah melakukan cara diatas akhirnya berhasil mengembalikan bentuk tenplate seperti semula.
Thanks to mas sugeng yang telah memberikan solusi dalam memperbaiki template ini.
Oke mungkin itu saja pembahasan hari ini tentang Cara Memperbaiki Tombol Share yang Error Di Template Evo Magz dan Fastest Magz Semoga dapat membantu dan bermanfaat untuk kalian.
Selamat mencoba tutorialnya
Jangan Lewatkan :
Salam Sampein..
work gan thanks ya
BalasHapushttp://www.mastahbloging.com/