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

Leave a Reply

Please Login to comment
  Subscribe  
Notify of