Membuat Tombol Add dan Follow Melayang

Waktu jalan² di blog tetangga sebelah, aku melihat tombol share yang melayang layang. Hmm asik juga nich, pikirku. Bisa ngirit tempat juga, soalnya objek tersebut berada di luar kolom² dalam blog. Seperti terlihat di halaman blog ini di bagian kanan ada objek "follow me" yang seolah² seperti stiker yang menempel di layar monitor. Meski halaman di scroll ke atas ato ke bawah, tetep aja dia berada di situ.

Setelah nanya² ke mbah Google, akhirnya dapet juga jawabannya, tentang cara memasang objek melayang di Blogger. Gini nich caranya kalo mo nyobain :

  1. Login ke aku Blogger kamu dulu
  2. Trus masuk ke "Rancangan" - "Elemen Halaman"
  3. Klik "Tambah Gadget"
  4. Pilih HTML/JavaScript
  5. Trus masukkin kode berikut ini
    <!-- Membuat objek melayang -->
    <div style="display:scroll;position:fixed;bottom:300px;right:1px;">
    <!-- A keong -->
    <img style="border:0;" title="    MustBhagoezt on" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWviF4nngEHZw38YQ4W8fckS2vEqbCm819KG8YiAOtJLQv21FzWytU4weKhjXl16nf8lm6DNxpXSkIE-ShXkCPZR3kl_1F4MSdQ7uNnxg-05RO7kPyWjtoAEUrHzNwJMzcggPRmFahaEQ/s320/at.png" alt="MustBhagoezt on"/>
    <!-- Facebook -->
    <br/><a href="http://facebook.com/    bagusbramantya" target="_blank"><img style="border:0;" title="Add Me" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXCKD6tGARUtWbR7kyx4mXNqziJN8JARfPmc2U76CggHyZ4z_Aruj_qiiMTfnJbVUuf_eoF8qq79ak7Z6R0l2JK9nh3bSWv3DEQ3Y7k1DylgYOHjgPJTTdGow0pH7deJhtc-6WzvgLBAI/s320/fb.png" alt="Add Me"/></a>
    <!-- Twitter -->
    <br/><a href="http://twitter.com/    mustbhagoezt" target="_blank"><img style="border:0;" title="Follow Me" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_8nYlXJcaN8962KoUDqHoy1ItXv5gAnD9VXyO9IeSLQhyphenhyphenzE6KOm-B_li0_OJAZvW7BroRuYTkX_a42vfRLRaIMjz5sOnogvoq__YykJb7-944_5h94aXOf4Fx7v1YvbhxtqZ966hZnoM/s320/twit.png" alt="Follow Me"/></a>
    <!-- Koprol -->
    <br/><a href="http://www.koprol.com/users/    mustbhagoezt/?ref=nf" target="_blank"><img style="border:0;" title="Add and Follow Me" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLtlb64Kx9QNJUAWCLObDdQvi3Up7YS4BaBT8e03WS6rub7Br3aYtNho08iftZ7EcjgIJkVVeGPMOa7YH6dZxF-Pmp4b-QycuMs1kM6nnREmUyfgi_XoAKM-aN0OSXYNQxyXlImv_6Z-I/s1600/kpr.png" alt="Add and Follo Me"/></a>
    <!-- Foursquare -->
    <br/><a href="https://foursquare.com/user/    11265247?ref=nf" target="_blank"><img style="border:0;" title="Add Me" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJAat6bp_4g3b7Rn2_CGGbH6msHgh1MQvRItsUvJqGhUKdSIN-AJj58Q-XHpPK6SYAWugOLXYo4oI-Wo_h8zVIoWAF3_Qi8oHy1CRIGfQJ2pzaiXDLkNkyzPYhbFYFTUh1ChSmShjsQNI/s320/fs.png" alt="Add Me"/></a>
    <!-- Google Plus -->
    <br/><a href="https://plus.google.com/    103996831303522686272" target="_blank"><img style="border:0;" title="Add Me" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcszEB3bw3c97L1yZSGEp23Z9GBPuyxBt22R7uhb1_mJeuXERWefLg5vaXBaCC8ml0Fi6Idjk44MtQG_vBwsXv-R1Jc8pH3phTAT4YEIozb11ENObYo_fbe_Brq0dV9wmHCuBI1ZKcTgs/s320/G-plus.png" alt="Add Me"/></a>
    <!-- Langganan posting -->
    <br/><a href="    http://feedburner.google.com/fb/a/mailverify?uri=MustBhagoezt&amp;loc=en_US" target="_blank"><img style="border:0;" title="Langganan Gratis" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgG7fBasGXvSuE1iz6ZXWFtfG-oGsR4B16MWCdzBzcJLl56hZOr8j5g4acgcs64cO7t-evt35fweQnwn7yBa0rWRefob6Q_AW4nJRYr3f8Pj74garZwPCGrP59Dy0GtYeYgUBrHhPh6Xx4/s1600/Newspaper_Feed_128x128_thumb%255B1%255D+copy2.png" alt="Langganan Gratis"/></a></div>
    Ganti tulisan warna biru dengan nama blog kamu. Trus ganti tilisan warna merah dengan id kamu di masing² akun jejaring sosial kamu.
  6. Klik tombol "Simpan"
  7. Cek hasilnya dengan buka blog kamu
Selamat mencoba.. Semoga banyak yang add dan follow, jangan lupa add dan follow aku ya.. hehe..

    11 komentar: