Buat teman-teman blogger, saya ingin bagi-bagi trik tentang cara membuat tombol share Twitter/Facebook ke dalam blog. Seperti yang ada di kanan atas blog saya saat ini. Jika, teman-teman ingin memasangnya.
Tombol share ini selain berfungsi untuk dapat digunakan oleh pengunjung blog agar dapat menshare artikel yang mereka minati ke Twitter/Facebook, juga dapat melihat berapa banyak artikel itu di share ke jejaring sosial tersebut, karena akan tertera angka diatas logo tombol share Twitter/Facebook nantinya. Sekalian untuk mempromosikan blog kita.
1. Login ke akun Blogger
2. Klik “Layout”, lalu klik tab “Edit HTML”
3. Klik “Expand Widget Templates”
4. Cari kode dibawah ini :
<data:post.body/>
Seperti biasa, pergunakan "Ctrl + F" untuk mencari kodenya
5. Letakkan diatas kode <data:post.body/>, kode dibawah ini :
<div style='float:right; margin:0 0 10px 10px; text-align:center;'>
<a href='http://www.facebook.com/sharer.php' name='fb_share' title='Share on Facebook' type='box_count'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>
<br/>
<br/>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/>
</div>
6. Klik tombol “PREVIEW” untuk mereview perubahan tampilan template
7. Bila tampilannya sudah benar, silahkan klik “SAVE TEMPLATE”
8. Done!
Untuk memasang widget tersebut, teman-teman tidak perlu menggunakan account Twitter/Facebook. Bahkan, tidak harus juga punya account di Twitter/Facebook, karena tombol itu secara otomatis akan membaca URL artikel rekan-rekan dan menunjukkan angka link sharenya. So, bisa dipasang di blog / website mana saja.
Kode di atas adalah untuk pemasangan pada bagian atas artikel sebelah kanan. Kalau teman-teman mau meletakkannya di kiri, ganti kode style pada tag div menjadi seperti ini :
<div style='float:left; margin:0 10px 10px 0;'>
Kalau ingin memasang widget secara memanjang/menyamping, hilangkan tag <br /> atau teman-teman coba-coba experiment sendiri.. Nanti bisa direview dulu sebelum disave.. Selamat Mencoba
Kode di atas adalah untuk pemasangan pada bagian atas artikel sebelah kanan. Kalau teman-teman mau meletakkannya di kiri, ganti kode style pada tag div menjadi seperti ini :
<div style='float:left; margin:0 10px 10px 0;'>
Kalau ingin memasang widget secara memanjang/menyamping, hilangkan tag <br /> atau teman-teman coba-coba experiment sendiri.. Nanti bisa direview dulu sebelum disave.. Selamat Mencoba
GOOD LUCK.....:)
Sumber : siradel.blogspot.com dan blog lainnya.
Sumber : siradel.blogspot.com dan blog lainnya.
Tidak ada komentar:
Posting Komentar