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
- Cari isyarat share-buttons dengan menekan CTRL+F, akan tampil isyarat sebagai berikut.
- Kemudian cari lagi kode share-buttons dengan menekan CTRL+F, tampil isyarat sebagai berikut.
- Tinggal simpan, dan Lihat postingan anda.
/* 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-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;
}
/* 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;
}
.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;
}
<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'>
<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>
<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>
<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>
Sekian tutorial Cara Mengatasi Error Tampilan Share di Template Brosense V2.
Terima Kasih!
Sumber https://ferygg.blogspot.com/