Tombol
share sangatlah penting, terutama sangat berguna untuk mempopulerkan
posting-posting maupun fitur-fitur yang ada di blog kamu. Jika blog kamu
populer, maka sudah barang tentu lalu lintas atau pengunkung blog kamu
pun semakin meningkat dari sebelumnya. Berikut merupakan langkah-langkah
untuk membuat tombol share di bawah postingan dari blog kamu.
Yang
pertama, login ke akun dan masuklah ke blogger kamu. Lalu klik template
dan edit html, tunggu sampai seluruh kode html blog kamu muncul.
Selanjutnya ketikkan Ctrl + F dan ketikkan kode ]]></b:skin> . Setelah ketemu lalu salinkan kode di bawah ini di atasnya
.fbshare {line-height: 20px; color: #fff !important;
background: #3b5998; text-decoration: none !important; border: 1px solid
#313c7d; padding: 3px; font-family: Tahoma, verdana, sans-serif;
font-size: 12px; border-radius: 2px;}
.twshare {color: #fff !important; background: #4099FF;
text-decoration: none !important; border: 1px solid #3a8be8; padding:
3px; font-family: Tahoma, verdana, sans-serif; font-size: 12px;
line-height: 20px; border-radius: 2px;}
.sharebutton {background: #cccccc;border: 1px solid #999;padding: 5px;}
Langkah
kedua ketikkan kode <data:post.body/> di kotak pencarian. Lalu
salinlah kode html berikut di bawah kode <data:post.body/> yang
kedua.
<!-- AddThis Button BEGIN -->
<div class='addthis_toolbox addthis_default_style '> <a class='addthis_button_facebook_like' fb:like:layout='button_count'/>
<a class='addthis_button_google_plusone' g:plusone:size='medium'/>
<a class='addthis_counter addthis_pill_style'/>
<div class='addthis_toolbox addthis_default_style '> <a class='addthis_button_facebook_like' fb:like:layout='button_count'/>
<a class='addthis_button_google_plusone' g:plusone:size='medium'/>
<a class='addthis_counter addthis_pill_style'/>
<a class='addthis_button_pinterest_pinit'/>
<a class="addthis_button_linkedin_counter"/>
<a class='addthis_button_stumbleupon_badge'/>
<a class='addthis_button_tweet'/>
</div>
<script src='//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5064705719d41eef' type='text/javascript'/>
<!-- AddThis Button END -->
</div>
<script src='//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5064705719d41eef' type='text/javascript'/>
<!-- AddThis Button END -->
Kamu
bisa hapus salah satu dari tombol tersebut jika kamu tidak
menginginkannya. Langkah terakhir adalah klik simpan. Cukup sekian dari Kawan Oyo, semoga artikel ini bisa bermanfaat...






0 komentar:
Posting Komentar