Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Mengatasi Error Tampilan Share Di Template Brosense V2


Template Brosense V2 adalah template buatan Mas Sugeng tapi kok tombol share pindah di atas artikel dan menutupi judul artikelnya ? Template Brosense V2 error.
bekerjsama tidak error tapi kodingnya kurang.
ok, cara mengatasinya lihat langkah-langkah berikut ini.

  • Log In terlebih dahulu ke Blogger
  • Masuk ke sajian Tema
  • Lalu pilih Edit HTML
  1. Cari isyarat share-buttons dengan menekan CTRL+F, akan tampil isyarat sebagai berikut.
  2. /* 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;
    }
    Silahkan tambahkan aksara f pada selesai kata share-buttons sehingga menjadi share-buttonsf, jika belum paham lihat text dibawah ini.
    /* share buttons */
    .share-buttons-box {
    height: 67px;
    margin:20px 0 0;
    overflow:hidden;
    }
    .share-buttonsf {
    margin:0 0;
    height:67px;
    float:left;
    }
    .share-buttonsf .share {
    float:left;
    margin-right:10px;
    display:inline-block;
    }


  3. Kemudian cari lagi kode share-buttons dengan menekan CTRL+F, tampil isyarat sebagai berikut.
  4. <div class='share-buttons-box'>
    <div class='share-buttons'>
    <div class='share gplus'><div class='g-plusone' data-size='tall' expr:data-href='data:post.url'/></div>
    <div class='share like'><div class='fb-like' data-action='like' data-layout='box_count' data-share='false' data-show-faces='false' expr:data-href='data:post.url'/></div>
    <div class='share fbshare'><div class='fb-share-button' data-type='box_count' expr:data-href='data:post.url'/></div>
    <div class='share tweet'><a class='twitter-share-button' data-count='vertical' data-lang='en' data-size='normal' expr:data-url='data:post.url' href='https://twitter.com/share'>Tweet</a></div>
    <div class='share linkedin'><script src='//platform.linkedin.com/in.js' type='text/javascript'>
    lang: en_US </script><script data-counter='top' expr:data-url='data:post.url' type='IN/Share'/>
    </div>
    </div>
    caranya sama dengan langkah 1 dengan menambahkan kata f pada selesai kata share-buttons sehingga menjadi share-buttonsf, Kalau belum paham lihat text dibawah ini.
    <div class='share-buttons-box'>
    <div class='share-buttonsf'>
    <div class='share gplus'><div class='g-plusone' data-size='tall' expr:data-href='data:post.url'/></div>
    <div class='share like'><div class='fb-like' data-action='like' data-layout='box_count' data-share='false' data-show-faces='false' expr:data-href='data:post.url'/></div>
    <div class='share fbshare'><div class='fb-share-button' data-type='box_count' expr:data-href='data:post.url'/></div>
    <div class='share tweet'><a class='twitter-share-button' data-count='vertical' data-lang='en' data-size='normal' expr:data-url='data:post.url' href='https://twitter.com/share'>Tweet</a></div>
    <div class='share linkedin'><script src='//platform.linkedin.com/in.js' type='text/javascript'>
    lang: en_US </script><script data-counter='top' expr:data-url='data:post.url' type='IN/Share'/>
    </div>
    </div>


  5. Tinggal simpan, dan Lihat postingan anda.


Sekian tutorial Cara Mengatasi Error Tampilan Share di Template Brosense V2.
Terima Kasih!
Sumber https://ferygg.blogspot.com/