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 :
- Masuk ke akun blogspot anda. pilih blog yang akan di modifikasi.
- 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.
- 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'>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.
<b:if cond='data:post.sharePostUrl'>
<a class='share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' 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 + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' 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 + "&target=twitter"' 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 + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' 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 + "&target=buzz"' expr:onclick='"window.open(this.href, \"_blank\", \"height=415,width=690\"); return false;"' expr:title='data:top.shareToBuzzMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToBuzzMsg/></span></a>
</b:if>
- 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>
- Tekan tombol SAVE, untuk menyimpan hasil perubahan.
7 komentar:
horeee work it ^0^
Tq y infonya,kbetulan lg maintenance blog n binun pengen nampilin sharebutton ala blog baru...
s'x lg gracias ~_~
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
@ Miss Rinda & Cendana Homestay:
Alhamdulillah klo masalah tombol Share bisa terselesaikan... makasih sudah mampir Friends
sama2 juragan.. mungkin ilmu lain nya akan segera di sedot dari blog sini.. :D maklum masih nubie nih..
ok gan berhubung baru renov jadi lom bisa pasang tapi thx infonya
ok seep, saya tadi lagi browsing tentang cara pasang share button di blogspot dan menemukan blogmu di google :)
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