Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Memperbaiki Tombol Share Button Yang Timbul Menghalangi Judul Artikel



WarungInter.net - Apakah blog anda yang menggunakan Template Brosense mengalami seperti gambar diatas? jika iyah kita lanjutkan membacanya untuk memperbaiki Tombol Share tersebut. Tombol share yang tidak pada tempat awalnya itu terjadi bukan dari kesalahan anda, itu terjadi dikarekan dari sananya, Sebenarnya tidak hanya template Brosense saja tapi hampir sebagian Template buatan Mas Sugeng Seperti, saya sendiri belum tau pasti apa penyebabnya.

Tapi tenang aja guys WarungInter.net Memberikan Solusinya dengan mudah agar Tombol Share Blog kalian kembali seperti semula. Perhatikan langkah-langkah untuk memperbaikin Tombol Button Share ini :

1. Masuk Ke Blogger kalian masing-masing
2. Jika sudah login -> klik Template -> kemudian Edit HTML
3. Cari Kode dibawah ini dengan menggunakan (Ctrl + F)

/* share buttons */

.share-buttons-box {

    height: 67px;

    margin:20px 0 0;

    overflow:hidden;

}

.share-buttons {

    margin:0 0;

    height:67px;

    float:left;

}

.share-buttons .share {

    float:left;

    margin-right:10px;

    display:inline-block;

}


kemudian tambahkan (x) dibelakang tulisan share-buttons.
sehingga akan menjadi seperti dibawah ini


/* share buttons */

.share-buttonsx-box {

    height: 67px;

    margin:20px 0 0;

    overflow:hidden;

}

.share-buttonsx {

    margin:0 0;

    height:67px;

    float:left;

}

.share-buttonsx .share {

    float:left;

    margin-right:10px;

    display:inline-block;

}


4. Masih di tempat yang sama/Edit HTML. Sekarang kalian cari kode dibawah ini

<div class='share-buttons-box'>

<div class='share-buttons'>


Kemudian tambahkan juga (x) di belakang share-buttons
Sehingga akan menjadi seperti ini

<div class='share-buttonsx-box'>

<div class='share-buttonsx'>


5. Jika sudah Silahkan kalian Save dan lihatlah Hasilnya.



Oke sekian dari saya, apabila masih ada yang kurang jelas bisa ditanyakan langsung lewat kolom Komentar.

Baca Juga : Download Template Brosense V2 Gratis