Lompat ke konten Lompat ke sidebar Lompat ke footer
Beranda / Blogger

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


  2. Kemudian cari lagi kode share-buttons dengan menekan CTRL+F, tampil isyarat sebagai berikut.
    3. <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>


  3. Tinggal simpan, dan Lihat postingan anda.


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

Anda mungkin menyukai postingan ini :