Nah kali ini saya akan share mengenai Cara membuat Tombol Melayang pada Bloger [Bagian Bawah] . kalian tau kenapa dinamakan cara membuat tombol melayang pada
bagian bawah?? Gak Tau YA ??
hehehee silakan liat dulu gambarnya
Disini Masbro juga Bro sis
Sekarang Udah Pada Tau kan , ahaha,.. yang ada segi panjang itu lo bro, mau coba Buat ngak ?
oke buat yang pengen Buat Ni Saya kasih Langkah2nya, Siap,.. Mulai ,..
Go,...hehee kayak balapan aja ya .
Langsung saja ke proses pembuatannya.
1. Login
Blogger > Klik
Desain /
Rancanga > Pilih
Edit HTML
2. Copy kode berikut dan simpan di bawah
<body> [tekan Tombol CTRL+F Untuk mempercepat pencarian dan paste ke dalam kolom]
<style type='text/css'> #bottom {width: 100%; position:fixed; bottom:0px;height:26px;border-top:
1px solid #555;background: #FFFFFF;text-align: center;}</style>
<div id='bottom'> <!-- AddThis Button BEGIN --><table
align='center' width='961px'><tr> <td> <iframe
allowtransparency='true' frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/like.php?app_id=192919027420812&href=http%3A%2F%2Fwww.facebook.com%2Fmasterdewabloger&send=false&layout=button_count&width=350&show_faces=false&action=like&colorscheme=light&font&height=23' style='border:none; overflow:hidden; width:173px; height:23px;'/></td> <td> <iframe allowtransparency='true' frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FPatimeh-Fans%2F115569535142323&layout=button_count&show_faces=false&width=350&action=like&colorscheme=light&height=23' style='border:none; overflow:hidden; width:173px; height:23px;'/></td> <td> <iframe allowtransparency='true' frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fmaster%2F233913979987843&layout=button_count&show_faces=false&width=350&action=like&colorscheme=light&height=23' style='border:none; overflow:hidden;
width:173px; height:23px;'/></td> <td> div
id='fb-root'/> <a class='twitter-share-button'
data-count='horizontal' data-via='abdulsalman'
href='http://twitter.com/share'>Tweet</a><script
src='http://platform.twitter.com/widgets.js' type='text/javascript'/> <a class='twitter-follow-button' href='http://twitter.com/#!/bdewaangin'>Follow @bdewaangin</a> <script src='http://platform.twitter.com/widgets.js' type='text/javascript'/> </td> </tr> </table> </div>
Keterangan:
- Silakan ganti tulisan tebal di atas dengan nama fancebook dan nomer id facebook Anda. (jika belum di singkat)
- Tetapi jika sudah di singkat, contohnya seperti tulisan yang berwarna biru.
- Dan untuk tulisan warna merah ganti dengan id twitter Anda.
Terakhir Klik Simpan
Happy Blogging (^_^)
