Cara Memasang Sosial Media Melayang di Blog

>Cara Memasang Sosial Media di blog dengan teknik melayang atau yang dalam bahasa linggisnya adalah Teknik Floating merupakan salah satu trik supaya kita bisa mempromosikan akun sosial media kita sehingga kita dapat saling berkomunikasi dan mengenal lebih dekat dengan sesama blogger atau teman lainnya. Kelebihan lainnya memasang sosial media dengan teknik melayang adalah menghemat tempat/widget di dalam blog kita. Sehingga blog tidak terkesan semrawut atau amburadul karena terlalu banyak icon/widget2 lainnya.

Cara Memasang Sosial Media dengan teknik melayang ini sudah aku coba di blog sederhana ini. Cek saja di pojok kanan bawah blog ini, pasti ada akun sosial media seperti Gplus, Twitter, Facebook dan Feed blog ini. Keempat icon sosial media ini sifatnya melayang dan apabila di gulung/scroll, maka akun tetap disitu dan tidak berpindah.

Berikut Cara Memasang Sosial Media dengan teknik melayang yang aku ambil dari blog mas Adhani karena disana lah aku mendapat tips ini, cekidooot :

Beberapa persyaratan yang harus anda penuhi untuk mengikuti tutorial floating ini antara lain

  1. Persiapkan image (gambar) gambar sosial bookmark yang telah terupload di hosting anda, Jangan lupa persiapkan link URL image source nya. silahkan download secara gratis di sini
  2. Persiapkan semua link sosial media anda, baik itu link profil G+, link Facebook profil / Fans page blog, Link twitter, dan lain-lain serta jika anda ingin menambahkan, link feedburner blog anda bisa anda masukkan ke dalam teknik floating.

Jika kedua persyaratan tersebut di atas telah anda penuhi, langkah selanjutnya adalah memasangnya di blog, tapi sebelum itu silahkan simak script di bawah ini.

tips. Copy ke notepad anda agar memudahkan dalam mengedit script


<a href="URL Profil Gplus anda" rel="nofollow" title ="judul" target="_blank" style="display:scroll;position: fixed; bottom:255px;left:5px;">
<img src="URL Gambar anda"/></a>
<a href="URL profil fb anda" title ="judul" rel ="nofollow" target="_blank" style="display:scroll;position: fixed; bottom:205px;left:5px;">
<img src="URL Gambar anda"></a>
<a href="URL twitter anda" title ="judul" rel ="nofollow" target="_blank" style="display:scroll;position: fixed; bottom:155px;left:5px;">
<img src="Url gambar anda"></a>
<a href="Alamat feedburner anda" title ="judul" rel ="nofollow" target="_blank" style="display:scroll;position: fixed; bottom:105px;left:5px;">
<img src="Url gambar anda"></a>

Nb. Silahkan anda ganti dengan URL Image, dan URL sosial media anda pada bagian yang dibutuhkan

Untuk mengatur posisi floating

  • Lihat kode yang berwarna merah di atas, bisa anda ganti dengan right, left, top, bottom
  • Untuk ukuran silahkan anda tentukan sendiri nilai pixelnya, anda bisa bermain spasi dengan mengatur pada ukuran bottom.

Cara memasang Kode Floating di blog wordpress (self host dan wordpress.com)

  1. Login ke dashboard wordpress anda
  2. Cari dan klik “appearance” >> “widgets“
  3. Pilih widget “text” >> pastekan script di atas yang telah anda edit sebelumnya
  4. Jangan lupa klik “save” untuk menyimpan

Cara memasang Script Floating di blogspot

  1. Login ke akun blogger anda
  2. Pilih “rancangan” >> “tambah gadget“
  3. Pilih gadget “html/javascript“
  4. Pastekan script di atas yang telah anda edit sebelumnya,
  5. Jangan lupa untuk menyimpan
Mudah bukan Cara Memasang Sosial Media dengan teknik melayang seperti di blog ini. Semoga tips ini bermanfaat buat teman-teman sekalian. Saya juga hanya mempraktekkan apa yang saya baca. Terima kasih buat mas Adhani atas postingannya.
Go Go Blog!!



  1. suryaden says:
    19/08/2011 at 22:57

    melayang-layang deh jadinya :D

    tomi Reply:
    August 19th, 2011 at 23:11

    hahaha.. seng penting ra mumet kang

  2. Adi Wibowo says:
    19/08/2011 at 23:07

    manteb nih, saya juga pasang sejak baca di blog mas adhani :)

    tomi Reply:
    August 19th, 2011 at 23:14

    udah praktek nih berarti mas :D

    Adi Wibowo Reply:
    August 19th, 2011 at 23:50

    ya pasti udah mas, emang tadi pas mampir satublog ga kelihatan ya?
    apa iconnya sembunyi ya? :hmm2:

    tomi Reply:
    August 20th, 2011 at 00:33

    background item dan posisi di kanan mas.. jadi g keliatan hehehe

  3. Armin says:
    19/08/2011 at 23:14

    Tehnik ini memang manjur mas. saya mendapatkan puluhan like stlh pakai metode floating ini. dan sampai sekarang masih saya pake. hehee… :silau:

  4. Abdul Hakim says:
    19/08/2011 at 23:20

    awas jatoh mas, melayang-layang gitu :lol:

    tomi Reply:
    August 19th, 2011 at 23:24

    wkakaka.. jatuh malah enak mas.. apalagi jatuh di pelukan wanita :malu:

    FajaR Reply:
    August 20th, 2011 at 05:48

    Aku melu mas yen jatuh nang pelukan wanita :swt3:

  5. ucupers says:
    19/08/2011 at 23:32

    kya’y perlu dicoba nih mas..,

  6. andre says:
    20/08/2011 at 00:02

    sip mas, ntar kucoba dah. thank you.

  7. bimasakti says:
    20/08/2011 at 01:18

    aseekkk nambah ilmu baru
    ijin coba dulu om…

  8. Shinobi Blog says:
    20/08/2011 at 04:12

    keren…
    boleh dicoba nih.. :silau:

  9. aming says:
    20/08/2011 at 04:48

    Mas,ǎ̜̣̍
    ρ̩̩̩̩̥
    α̇̇̇̊
    Rel nofollow Иўª bisa ϑï ganti?

  10. FajaR says:
    20/08/2011 at 05:36

    Hehehe saya juga sudah pasang tapi cuma follow twitter sama tak tambahi plus +1 tok biar beda sama yang lainnya yang nemplek di posting :D

  11. Adi Wibowo says:
    20/08/2011 at 06:39

    Baru nyoba di blog satunya, yang lain belum mas :senyum:

  12. aikyu says:
    20/08/2011 at 08:50

    wah….mantap nich di coba dulu

  13. Frans PC says:
    20/08/2011 at 09:40

    Thanks sudah berbagi tips. Bila sempat dan ada waktu, ditunggu kunjungan baliknya.

  14. muzyanur says:
    20/08/2011 at 10:28

    makasih mas dah berbagi ilmu

  15. Arif Riyanto says:
    20/08/2011 at 11:34

    Teknik ini memang efisien mas

  16. Obat Tradisional Hepatitis B says:
    20/08/2011 at 15:12

    makasih nih mas informasinya, aku akan cobain nih, semoga bermanfaat yah :salaman:

  17. elang ajib says:
    20/08/2011 at 15:18

    woowoowooow,,perlu di coba ni,,mantep kayaknya,,hehehe..maksih mas :gembira:

  18. elang ajib says:
    20/08/2011 at 15:20

    klo iklan adsense di buat melayang bisa g mas,,wkwkwkwkwk :lol:

  19. NICO VENGEANCE says:
    20/08/2011 at 15:24

    yg warna merahnya g ada lo mas… :kacapembesar: :kacapembesar: :kacapembesar:

  20. sriyono semarang says:
    20/08/2011 at 16:09

    tidak terimakasih…
    Xixixixixi…

  21. Cahya says:
    21/08/2011 at 08:39

    Saya ndak enak kalau memasang tombol sosial media, soalnya saya sendiri jarang aktif di jejaring sosial :D.

  22. adhani says:
    21/08/2011 at 09:09

    jadi :malu: disebut-sebut hehehe

    sebenarnya saya terinspirasi dari blognya mas purba kencara (adabisnis dot com) yang ngebahas soal pemanfaatan floating untuk advertising banner dengan script html dan bukan javascript.

    eh, teryata bisa diaplikasikan untk hal lain.
    sekiranya juga bisa diaplikasikan untuk social media sharing, scriptnya tinggal diganti dengan tutor yang ada di blognya mas alwi tentang memasang social media tanpa plugin

    tapi kita kembali lagi kepada efisiensi tempat, soalnya sebagian ada yang suka dan sebagian ada yang merasa terganggu jika menganut paham kesederhanaan cmiiw

    oiya saya telah memasang di footer mas sesuai saran mas tomi beberapa waktu yang lalu. loadnya begitu terasa, hehehe

    :silau:

  23. Jelly Gamat says:
    21/08/2011 at 10:57

    Informasi yang menarik tahanks gan…… :senyum:

  24. gavee says:
    21/08/2011 at 13:17

    Makasih tutorialny Pak,salam Kenal.

  25. Saveblogger.com says:
    21/08/2011 at 14:31

    Lebih suka pasang Sosial media pake Plugin mas :silau:
    Tinggal klik Install Plugin dan Rebes dah …. xixixixxi

  26. Herddi says:
    21/08/2011 at 20:00

    Wahwahwah , Giituu Toohh !
    Mkasih Ya Mas Tomi :)

  27. blognadei says:
    21/08/2011 at 20:11

    Thanks gan atas infonya … :D artikelnya bagus..

  28. bro eser says:
    21/08/2011 at 21:07

    Tips ini seperti yang ada di blog ini ya bro?

  29. D3NYCAHYOE says:
    22/08/2011 at 07:39

    Mantab mas, tutornya enak mabet keliatannya, saya akan mencobanya di blog saya, :silau:

  30. OBAT ALAMI ASAM URAT says:
    22/08/2011 at 13:17

    patut dicoba gan.

  31. arif says:
    22/08/2011 at 13:50

    akhirnya ku tau juga caranya……makasih mas. :ok:

  32. Atep Saepulloh says:
    23/08/2011 at 13:35

    akhirnya ketemu juga cara bikin image floating,
    kalo dipake buat nyimpen banner bisa juga kan mas? :peace:

    tomi Reply:
    August 23rd, 2011 at 22:41

    bisa mas.. tinggal diutak atik sendiri :D

  33. yoyo says:
    08/09/2011 at 10:40

    manteng dulu … nyiapin akun

  34. business loans says:
    14/09/2011 at 20:50

    Every one admits that modern life seems to be very expensive, but some people require cash for various stuff and not every man gets enough cash. Thence to receive good personal loans and just college loan would be a right way out.

  35. Surya62 says:
    17/09/2011 at 09:10

    wah aku cari yang melayang di kiri juragan… kunjungi aku di

    tomi Reply:
    September 17th, 2011 at 20:54

    melayang di kiri tinggal disesuaikan di scriptnya mas


Comments are closed.