Memasang Sosial Media dengan Teknik Floating
Posted by Adhani Blog · 49 Comments
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
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
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
Nb. Silahkan anda ganti dengan URL Image, dan URL sosial media anda pada bagian yang dibutuhkan
Beberapa keterangan yang perlu diperhatikan dari “satu contoh”
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)
Login ke dashboard wordpress anda
Cari dan klik “appearance” >> “widgets“
Pilih widget “text” >> pastekan script di atas yang telah anda edit sebelumnya
Jangan lupa klik “save” untuk menyimpan
Demo : bisa anda lihat di samping artikel ini
Cara memasang Script Floating di blogspot
Login ke akun blogger anda
Pilih “rancangan” >> “tambah gadget“
Pilih gadget “html/javascript“
Pastekan script di atas yang telah anda edit sebelumnya,
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.
Terima kasih sudah menyimak, ^^ semoga bermanfaat ^^
Cari Tau Mau Kamu
Sabtu, 11 Agustus 2012
Langganan:
Posting Komentar (Atom)
0 tinggalkan coretan:
Posting Komentar