Posted by : Alice Rabu, 20 November 2013

Masih sama seperti post sebelumnya mengenai gambar ber-link, namun ini lebih spesifik bagi yang punya facebook dan twitter.

Untuk yang belum mengerti dengan penjelasan sebelumnya boleh ikuti langkah-langkah berikut ini untuk memasang Ikon Follow me on twitter / facebook pada blog apabila sudah, di lewatkan saja.

  1. Login ke blogger, kemudian buka settingan Layout/Tata letak
  2. klik add Gadget
  3. klik tanda (+) pada HTML/Java script
  4. klik edit pada gadget HTML/Java script
  5. Copy paste Kode HTML Berikut  ke dalam kolom tersebut:
    <div id="footmod"><div style="display:scroll; position:fixed; bottom:3%; right:0px;"><a href="<URL tujuan, dari gambar kamu>" target="_blank"><img src="<URL gambar kamu>" border="0" /></a><div style="margin-top:15px; z-index:999px;"></div>
Kalian bisa mengatur posisi penempatan nya sesuka kalian dengan mengganti angka yang berwarna oranye.

Untuk lebih mudah nya, berikut kalian juga bisa mengunakan gambar yang telah saya buat dibawah ini dengan meng-copas semua code HTML nya kemudian ganti yang berwarna biru dengan alamat facebook dan twitter kamu:


<div id="footmod"><div style="position:fixed; top:80px; right:10px;"><a href="http://www.facebook.com/User Name" target="_blank"><img title="Follow Us On Facebook"  src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjinhHpZQI84fXJhyphenhyphenx7rlvaoD3wIFtEB4Fy59eYaA9-mtywqJ3zZmgKnc-Hy-Umn7nN6xt90IC2cDjKM1XgIshN_Gd8E0TdSWNSXx3jHwFOjJce4CC0-H5gmUB4KjOPkHTaDv4A7N6WuIy_/s1600/Aikawa+fb.png" border="0" /></a><div style="margin-top:15px; z-index:999px;">

<div id="footmod"><div style="position:fixed; top:80px; right:10px;"><a href="https://twitter.com/User Name" target="_blank"><img title="Follow Us On Twitter"  src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZf4UMbu_Izl7aGc2IsLu_Ps_D9o6Nx5zon4snS8qhYcfb2uccNERbllFeOq9ruOUB558fsrWT2I33jeZdP2Brk4WHnIOel_twOAwpPOIdAQiqW2yae5-PJk9vAeA77fgDVBTRKzskGgIv/s1600/Aikawa+TW.png" border="0" /></a><div style="margin-top:15px; z-index:999px;">

<div id="footmod"><div style="position:fixed; top:80px; right:10px;"><a href="http://www.facebook.com/User Name" target="_blank"><img title="Follow Us On Facebook"  src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggJzx1Gjfdj0XeG2wzH8dGyGUXfy5aeGtMw8qQwHpQay6RCgxAzvJ-D1i-byNONA3ezcKx28UcnUhMhvt9M0q4JbG6AG3U6oJXIeICPi1PnmjHzW8m0sAckqbsoi2SOCQv6kaB7KIlI_W6/s1600/prota+anim+fb.gif" border="0" /></a><div style="margin-top:15px; z-index:999px;">

<div id="footmod"><div style="position:fixed; top:80px; right:10px;"><a href="http://www.facebook.com/User Name" target="_blank"><img title="Follow Us On Facebook"  src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9OWUnSn6izPaEDTGVWh5MjoXtPQN6F03GTmQ4UCE80I06TrxTuhh9bIP5RtdF_gAW-_EwmYY355khJdEJgYbvzwjO00YKJrX7sgt_wMpY56Fr_8m5NlysaFek1Dh0kN3XZKGk-SixpT8g/s1600/Rin+n+Ren+trans.png" border="0" /></a><div style="margin-top:15px; z-index:999px;">


<div id="footmod"><div style="position:fixed; top:80px; right:10px;"><a href="http://www.facebook.com/User Name" target="_blank"><img title="Follow Us On Facebook"  src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw7uuki1S6dnF4xGO1DMAcMGd2oVtUQidu8vFNis8X8ghRB52ZZrqeg7E9snd0Fdf9AolPqZp9Ns84HpCL1R5I0bTMXRuJxFE1VU1SiSOwgWfk9z96ZVUMfCFo5dxnDqZ9GJOtMn0FuP1c/s1600/snow+miku+facebook+left.gif" border="0" /></a><div style="margin-top:15px; z-index:999px;">

<div id="footmod"><div style="position:fixed; top:80px; right:10px;"><a href="http://www.facebook.com/User Name" target="_blank"><img title="Follow Us On Facebook"  src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4OVmmHh77n9MUr-XJPPa3mo05XX0BbWuKy0nwnIvYy85yiYutETGGakEG1li9ZDT0mlgZqw6oQwdJDhbBv5cqkkfMubFIkWbtLb7FWFuR_LZW8CUF0MjxqSqY8q-C4A4bMAXWDFQDNWcB/s1600/snow+miku+facebook+right.gif" border="0" /></a><div style="margin-top:15px; z-index:999px;">

<div id="footmod"><div style="position:fixed; top:80px; right:10px;"><a href="https://twitter.com/User Name" target="_blank"><img title="Follow Us On Twitter"  src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeyKzaJo5Qq2s5zwFVWo-YNaZNwBRyr-9JhZLlaJhoYXx9N22ZoFzGuJzGV6pcvcu8kWvBDfZo0wgOiEq_mcXVJv8QJ354ntE5HmsrUOzTLChl2Me4Zw7O5T914C3LrLutIApOe-oAewbv/s1600/snow+miku+twitter.gif" border="0" /></a><div style="margin-top:15px; z-index:999px;">

<div id="footmod"><div style="position:fixed; top:80px; right:10px;"><a href="https://twitter.com/User Name" target="_blank"><img title="Follow Us On Twitter"  src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtisDI1eQ0uHDahAqv08Pfo-r5BLk378Wsxkp5FmYILwHdIXOwyAJNHTkiP0K1YbSSHQ65RaXj8SNGnev4Q_FU_rc9EHQg0hPTYusk7k_IO7Z9OkE3iyAnoM4Vz-ReHbI5ZAPT7y0w8y32/s1600/miku+chan+twee.gif" border="0" /></a><div style="margin-top:15px; z-index:999px;">

Maka akan tampil di sebelah kanan layar paling atas layar kamu, apa bila ingin memasang ke-duanya, tinggal meng-copas yang berwarna merah nya saja untuk yang satu lagi dan paste di sebelah nya. maka akan tampil seperti ini di blog mu:



Apa bila ingin meletakannya di sebelah kanan, tinggal mengganti code yang ber warna biru dengan left atau bila ingin meletakan nya di bawah blog mu tinggal mengganti yang ber warna ungu dengan bottom
<div id="footmod"><div style="position:fixed; top:80px; right:10px;">

Selamat ber-eksperiment (≧∇≦)がんばれ!!

Leave a Reply

Subscribe to Posts | Subscribe to Comments

- Copyright © 2013 お勉強の時間 - Gumi - Powered by Blogger - Designed by Johanes Djogan -

Top