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..



    Loading...

    11 komentar :

    ipaymu.com pembayaran online indonesia mengatakan... Balas Komentar

    keren mas...
    salam kenal...

    MustBhagoezt mengatakan... Balas Komentar

    @ipaymu.com pembayaran online indonesia: makasih.. salam kenal kembali..

    download komik manga terbaru mengatakan... Balas Komentar

    mantapp gannn...

    MustBhagoezt mengatakan... Balas Komentar

    @download komik manga terbaru: makasih atas kunjungannya..

    Anonim mengatakan... Balas Komentar

    ijin Coopaaassss gaaan :D mantab

    MustBhagoezt mengatakan... Balas Komentar

    @Know For shared : monggo gan... jangan lupa sertakan sumbernya ya.. makasih atas kunjungannya :D

    on the 7 mengatakan... Balas Komentar

    wuaaa lengkap (y)
    top deh gan

    Unknown mengatakan... Balas Komentar

    SIP

    fuck yesus mengatakan... Balas Komentar

    kodenya kagak bisa di copy ,, sayang banget dah...

    MustBhagoezt mengatakan... Balas Komentar

    @fuck yesus : bisa kok bro, dah banyak yang pake dan sampe sekarangpun masih bisa kepake... tu, aku juga pake :)

    IBN mengatakan... Balas Komentar

    wah sangat bermanfaat, mungkin saya kurang tepat kalo ikutan komen :)

    Posting Komentar



     
    Powered by Blogger