Membuat Tombol Share this Post

Konnichiwa minnaaaa ><
Chiaki mau ngucapin Happy New Year 2016 yahh!
Semoga di tahun 2016 ini, semuanya menjadi lebih baik dibanding tahun sebelumnya ^^
Nah, di awal tahun 2016 ini, Chiaki mau ngeposting Cara membuat tombol share this post yang kaya gambar di bawah nihh..
Jadi, ikutin step yang dibawah yahhh ^^
1. Login ke Blogger
2. Dashbord > Pilih Template
3. Pilih Edit HTML
4. Expand Widget template, kemudian tekan CTRL + F cari kode <div class='post-footer'>
5. Copy kode dibawah, dan pastekan di bawah kode <div class='post-footer'>
<!-- AddThis Button BEGIN --><div style='text-align: left;'><div class='addthis_toolbox'><div class='custom_images'><a class='addthis_button_share'><img alt='Share this Post' border='0' src='http://1.bp.blogspot.com/-Doe-nHNRph0/VXi6oEYHpiI/AAAAAAAALf0/vehf0HZG3W8/s1600/Share%2Bthis%2BPost.png'/></a><a class='facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='nofollow' target='_blank' title='Share This On Facebook'><img alt='Facebook share' border='0' src='http://4.bp.blogspot.com/-1zDqh-W7LLk/VXi6ntQsYtI/AAAAAAAALfQ/Pprvi03-NpQ/s1600/Facebook%2BButton%2BShare.png'/></a><a class='twitter' expr:href='&quot;https://twitter.com/share?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Tweet This'><img alt='Twitter share' border='0' src='http://4.bp.blogspot.com/-9ot9ZrDBORw/VXi6olHElFI/AAAAAAAALfg/FgkFZtzhM7E/s1600/Twitter%2BButton%2BShare.png'/></a><a href='javascript:void((function()%7Bvar%20e=document.createElement(&apos;script&apos;);e.setAttribute(&apos;type&apos;,&apos;text/javascript&apos;);e.setAttribute(&apos;charset&apos;,&apos;UTF-8&apos;);e.setAttribute(&apos;src&apos;,&apos;http://assets.pinterest.com/js/pinmarklet.js?r=&apos;+Math.random()*99999999);document.body.appendChild(e)%7D)());'><img alt='Pin This' border='0' src='http://3.bp.blogspot.com/-b8J3nxp5Zek/VXi6oOIafaI/AAAAAAAALfU/0U0YQQdo2Z0/s1600/Pinterest%2BButton%2BShare.png'/></a><a href='http://www.tumblr.com/share/link?url=http://chiaki-tachikawa.blogspot.co.id/&amp;title=Simple Share Buttons' target='_blank'><img alt='Share on Tumblr' border='0' src='http://1.bp.blogspot.com/-fla_oko-g4I/VXi6oeLUW7I/AAAAAAAALfc/3mpJuBDo8YY/s1600/Tumblr%2BIcon.png'/></a><a href='https://plus.google.com/share?url=http://chiaki-tachikawa.blogspot.co.id/' target='_blank'><img alt='Share on Google Plus' border='0' src='http://1.bp.blogspot.com/-SVErwlOWPws/VXi6n0s0yQI/AAAAAAAALfM/trsRWvm8eNk/s1600/Google%2BPlus%2BShare.png'/></a></div></div></div><script type='text/javascript'>var addthis_config = {&quot;data_track_addressbar&quot;:true};</script><script src='//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-511bbe8405a64ebd' type='text/javascript'/><!-- AddThis Button END -->
6. Save Template!!
Oke, semoga berhasil yah ><

#NB : URL blog chiaki, kalian ganti dengan url blog kalian yah ^^
Terima Kasih Sudah Membaca , Tinggalkan Komentar juga ya ^^


9 comments:

  1. Kak, kok punyaku nggak ada kode nya ?

    ReplyDelete
    Replies
    1. Kayaknya kamu belum expand kode html nya nih :S

      Delete
  2. Makasih ya kak udah buat tutorial yang Ella tanyakan^^

    ReplyDelete
  3. Blognya bagus banget!! Salam kenal yaa, kunjungi juga blogku =>http://dokirablog.twomini.com

    ReplyDelete
  4. Blognya bagus banget! Kunjungi juga blogku yaa =>http://dokirablog.twomini.com

    ReplyDelete
  5. Kak kalau mau munculkan hanya dibagian post gmn? hehehe ^^

    ReplyDelete
    Replies
    1. Tambah kode yang kaya linkwithin ya ^^

      Delete

 
Related Posts Plugin for WordPress, Blogger...