#Membuat Tombol Share Responsive DiBlogger!

Membuat Tombol Share Responsive DiBlogger!

Hai sob, pada kesempatan ini kita mau share mengenai cara membuat tombol share responsive diblog, tombol share yang ringan, dan flat design artinya bisa dibilang kerenlah sob hehe.. yah karena saat ini para designer berlomba lomba untuk keren akibatnya banyak juga penyedia script share media sosial yang keren keren bermunculan, berikut contohnya sob:

langkahnya sangat mudah sekali sob.

1. Log in ke blogger.com
2. pilih menu Template
3. Pilih edit html
4. kl!k disembarang tempat didalam kode html
5. tekan ctrl+f di keyboard
6. pastekan <data:post.body/>
7. Paste Kode berikut dibawahnya biasanya ada 3 pilih yang terakhir atau coba masing masingnya

Copy kode script dibawah ini dan letakkan dibawah kode : <data:post.body/>

<b:if cond='data:blog.pageType == "item"'><br/>
<script type='text/javascript'>var switchTo5x=false;</script>
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
<script type='text/javascript'>stLight.options({publisher: "ur-f47fa722-7a63-345d-ca8b-f9aadea89ef4", doNotHash: false, doNotCopy: false, hashAddressBar: false});</script>
<div class='shr-btn'>
Share This Article<br/>
<center>
<span class='st_facebook_hcount' displayText='Facebook'/>
<span class='st_twitter_hcount' displayText='Tweet'/>
<span class='st_linkedin_hcount' displayText='LinkedIn'/>
<span class='st_googleplus_hcount' displayText='Google +'/>
<span class='st_pinterest_hcount' displayText='Pinterest'/>
<span class='st_sharethis_hcount' displayText='ShareThis'/></center>
</div>
<br/><br/><style>
.shr-btn{
text-align:center;
font-size: 30px;
font-family: Georgia,serif;
font-style: italic;color:#6D0000;
border-top:1px solid ;
padding:10px;
border-bottom:1px solid;margin-left: -52px;
margin-right: -65px;
}
</style>
</b:if>

Save Template dan lihat hasilnya

itulah cara membuat tombol share responsif dan keren di blogger, semoga bermanfaat sob.