Membuat like button dengan background dan Print it dibawah postingan

Membuat like button dengan background dan Print it dibawah postingan - Melengkapi beberapa postingan saya sebelumnya. kali ini sya akan share lagi satu model lagi dalam bentuk like button facebook, plusone google pluss, Tweetnya Twitter dan Print it. Caranya sangatlah mudah. Langsung saja ini tutorial Membuat like button dengan background dan Print it dibawah postingan.

1. Masuk akun blogger sobat.
2. Masukk Tab Rancangan >> Template >> Edit HTML.
3. Masukkan Style berikut tepat sebelum kode ]]></b:skin> (gunakan ctrl+f Untuk memudahkan pencarian)

.fbshrbtn, .twtshrbtn{

  padding:10px;

  width:80px;

  height:18px;

  float:left;

}

.fbshrbtn{

    background:#4861A3;

}

.twtshrbtn{

    background:#3BAAE1;

}

.pinshrbtn{

background:#cb2027;

  padding:10px;

  width:45px;

  height:18px;

  float:left;

}

.oneshrbtn{

   padding:10px;

  width:62px;

  height:18px;

  float:left;

  background:#d71d1e;

}

.printbtn a{

    float:left;

  width:80px;

    background:#02a319;

  color:white;

  text-decoration:none;

  text-align:center;

  padding:10px; 

    height:18px;

font-size:16px;

font-family: 'Oswald', sans-serif;

}

4. Jika sudah Cari kode <data:post.body/> Dan letakkan script berikut epat sesudahnya.

<div class='fbshrbtn'>  <a class='addthis_button_facebook_like' fb:like:layout='button_count'/></div>

  

      <div class='oneshrbtn'>

<a class='addthis_button_google_plusone' g:plusone:size='medium'/> 

</div>

  <div class='twtshrbtn'> 

    <a class='addthis_button_tweet'/></div>

  

  <div class='pinshrbtn'>

    <a class='addthis_button_pinterest_pinit'/></div>

  

<div class='printbtn'>

<a href='javascript:window.print()' rel='nofollow'>Print It</a></div>

  </div>

  <script src='//s7.addthis.com/js/300/addthis_widget.js#pubid=xa-522b494e1d602dcd' type='text/javascript'/><br/>

Catatan: jika kode <data:post.body/> ada lebih dari satu, pilih yang ke dua atau sesudahnya.

 5. Simpan dan lihat hasilnya.

Selesai deh post saya Membuat like button dengan background dan Print it dibawah postingan. Semoga dapat bermanfaat ya. Jika ada pertanyaan atau apapun jangan sungkan untuk bertanya di kometar ya. Sekian.