tombol share

Artikel tentang memasang sosial media dengan teknik floating ini merupakan jawaban atas request dari saudara rossy yang sebelumnya berkomentar di laman about me. Alhamdulillah, dari pertanyaan itu saya bisa juga memproduksi satu buah lagi artikel di bulan yang penuh Berkah ini.
Mudah-mudahan saja, bagi anda yang sedang mencari tutorial mengenai teknik memasang floating dan ingin menerapkannya di blog anda masing-masing bisa terbantu dengan artikel ini. terus di simak ya ?

Contoh pengaplikasian teknik floating untuk sosial media

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

?

1 2 3 4 5 6 7 8

<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

Beberapa keterangan yang perlu diperhatikan dari “satu contoh”

<a href=”URL profil sosial media” title =”judul yang akan muncul jika disorot tombolnya” rel =”nofollow” target=”_blank” style=”display:scroll;position: fixed; bottom:205px;left:5px;“><img src=”URL image“></a>

Silahkan anda ganti URL profil sosial media dengan URL yang telah anda persiapkan tadi.

Silahkan adan ganti dengan judul yang anda kehendaki pada gambar yang berwarna hijau di atas

Anda juga bisa mengganti posisi images dengan menganti position: fixed; dengan position: absolute; position: relative; dan position: static; sumber : adabisnis.com

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.
  Silahkan anda simak script yang telah saya berikan di atas, di bagian bottom terdapat perbandingan selisih ukuran pixel sebesar 50 px untuk tiap-tiap tombol social bookmark. Silahkan anda sesuaikan sendiri dengan keingingan anda. J

URL image ganti dengan link image yang telah anda upload sebelumnya

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
   Demo : bisa anda lihat di samping artikel ini

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
   Demo

Mudah bukan? Setidaknya, kita berusaha meningkatkan jumlah teman di Google+, facebook / fans, twitter, dll dengan memasang tombol sosial bookmark dengan menggunakan teknik floating yang kita gunakan di blog kita masing-masing.