mau dapat artikel terbaru blog ini? silahkan ikuti update blog ini

Ads

pasang "share button" ala template Blogspot versi terbaru

Template blogger versi terbaru memang memiliki beberapa kelebihan dibandingkan dengan template versi sebelumnya, selain kemudahan dalam memodifikasi tampilan secara online (Perancang Template) beberapa fitur yang telah tertanam didalamnya antara lain adalah fitur share button.
Jika anda enggan mengganti template lama ke template baru tetapi ingin memasang share button di blog, caranya sederhana anda bisa melihat hasil penambahan share button pada template minima di blog demo oentoe_09, jika tertarik silahkan ikuti 5 langkah berikut :
hacking blogspot template, sahare button on blogspot
  1. Masuk ke akun blogspot anda. pilih blog yang akan di modifikasi.
  2. Tuju halaman edit html template di Rangancan » Edit HTML. Kemudian Backup template lama dengan men-download-nya terlebih dahulu, dan beri tanda centang pada Expand Widget.
  3. Kemudian cari kode berikut <b:includable id='backlinks' var='post'> dan tempatkan kode dibawah ini tepat diatas kode <b:includable id='backlinks' var='post'>.

    <b:includable id='shareButtons' var='post'>
      <b:if cond='data:post.sharePostUrl'>
          <a class='share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'>
            <span class='share-button-link-text'><data:top.emailThisMsg/></span></a>
          <a class='share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'>
            <span class='share-button-link-text'><data:top.blogThisMsg/></span></a>
          <a class='share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'>
            <span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a>
          <a class='share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'>
            <span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a>
          <a class='share-button sb-buzz' expr:href='data:post.sharePostUrl + &quot;&amp;target=buzz&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=415,width=690\&quot;); return false;&quot;' expr:title='data:top.shareToBuzzMsg' target='_blank'>
            <span class='share-button-link-text'><data:top.shareToBuzzMsg/></span></a>
      </b:if>
    Keterangan: Biasanya kode diatas telah ada, jika sebelumnya anda pernah memberi tanda centang pada box "share button", Posting Blog di Elemen Halaman. Jika kode diatas telah ada langsung tuju langkah point 4.
  4. kemudian cari lagi kode berikut: <div class='post-footer-line post-footer-line-1'>. Letakkan kode dibawah ini, setelah kode <div class='post-footer-line post-footer-line-1'> ini :
    <div class='post-share-buttons'>
    <b:include data='post' name='shareButtons'/>
    </div>

  5. Tekan tombol SAVE, untuk menyimpan hasil perubahan.
Selamat mencoba.

7 komentar:

Rinda mengatakan...

horeee work it ^0^
Tq y infonya,kbetulan lg maintenance blog n binun pengen nampilin sharebutton ala blog baru...
s'x lg gracias ~_~

Homestay Sawahlunto mengatakan...

tengkyu juragan.. sempet bingung juga nih ma masalah ini. akhirnya dapet pencerahan.

kalo ada niat maen ke sawahlunto, silahkan menginap di cendana homestay. http://cendanahomestay.blogspot.com

Oentoe_09 mengatakan...

@ Miss Rinda & Cendana Homestay:
Alhamdulillah klo masalah tombol Share bisa terselesaikan... makasih sudah mampir Friends

Homestay Sawahlunto mengatakan...

sama2 juragan.. mungkin ilmu lain nya akan segera di sedot dari blog sini.. :D maklum masih nubie nih..

okokoko mengatakan...

ok gan berhubung baru renov jadi lom bisa pasang tapi thx infonya

koin dolar online (koin_online) mengatakan...

ok seep, saya tadi lagi browsing tentang cara pasang share button di blogspot dan menemukan blogmu di google :)

ilmu inspirasi air (ilmu_air) mengatakan...

tutorialnya bagus, emmm.. tapi sekarang di blogspot udah ada penambahan share button otomatis via elemen halaman loh bro, cek ke akun blogspotmu : rancangan, elemen halaman, dan edit posting blog, lalu centang deh (kecuali yang untuk template yang di modif bro

Posting Komentar

Label

Entri Populer

Blog support