10.6.11

Memasang tombol jarsos di multiply

  • Pin It!

Sejak multiply membuka cabang di Indonesia dan lebih fokus ke e-commerce, tampaknya platform blog ini penggunanya makin aktif. Sharing bisnis di sini hampir setiap hari ada. Bagi pebisnis, tentu setiap hari bisa mendapatkan ilmu dan peluang bisnis baru di multiply.

Kali ini saya tidak akan menyampaikan tentang bisnis di multiply. Saya akan mencoba sedikit memodifikasi tampilan multiply untuk menampilkan tombol akun Facebook, Twitter, dan Yahoo! Messenger. Dengan menampilkan tombol ini, calon customer Anda akan lebih mudah menghubungi Anda di ketiga akun tersebut.

Caranya sebagai berikut.

Masuk ke multiply lalu klik Tema Toko.

clip_image002

Pilih tema yang Anda inginkan.

clip_image004

Klik Sesuai Situs Saya pada tema yang dipilih.

clip_image006

Klik Ubah.

clip_image008

Masukkan kode berikut lalu klik Save. Jangan lupa, ganti masing-masing url akun dengan url akun Anda.

<div id="service"><a href="ymsgr:sendIM?sudarma.sopian"><img title="sudarma.sopian@yahoo.com" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEie79t-B1mfsvX_dQbJB0XEOtmeo00jys3hvhdUVjuyKxoskFX7JUt4rJCoPyO0bYdwyadsHil7zd4WxHm6T9zaaVdM_AzUPy1a3LISwoe0R9vuOj5BzsDbzejwdMP2EO87Y6_4QipiXhuM/" border="0"></a><br>

<a href="http://twitter.com/#!/sudarmaster" target="_blank"><img title="@sudarmaster" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNlkFTShifaPSf9bkpE95MVj7t_v6DqZTM-GWzWqKv3K4t6KyC9PMMrg7xLxrC_L85y0ucf76IuGAh7aBa6KO76DPku7y_Xbwg0bNVqADq-YDS8vJLU3upJGHcuKk3zCx9OM7sVa4baUbA/" border="0"></a><br>

<a href="http://www.facebook.com/sudarma.sopian" target="_blank"><img title="http://www.facebook.com/sudarma.sopian" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoCRdG0KVMNbVXXOxJD34_RlobQlPLuJk-MI1_9Ru4quwt7BZ345u7B-L2RylK8Qn0vHajf9RZim686go8vGEm_TH3LtVdHEFPohzg3Zwj35JPT7pHjMB_LNox7uxV-YCFGodbtMbjd43C/" border="0"></a></div>

clip_image010

Klik Pengaturan CSS.

clip_image012

Masukkan kode berikut lalu klik Simpan.

#service {

position: fixed;

bottom: 30px;

left: -10px;

}

#service a:hover {

position: relative;

left: 10px;

}

clip_image014

Hasilnya seperti ini.

clip_image016

Contohnya, bisa dilihat di sini.

0 komentar:

Jangan asal komentar, ya...

Mohon isi komentar ini sesuai dengan topik yang diberikan. Jika ada pertanyaan, mohon menyantumkan alamat email yang valid, karena saya tidak akan menjawab di blog ini. Jawaban pertanyaan akan saya balas ke email.
"Oh ya, Anda ingin belajar bikin web hanya dengan 4 langkah mudah? Saya rekomendasikan belajar di sini. Khusus pemula & langsung praktek online."
Terima kasih.