Tombol Share Melayang Untuk Blog (Responsive Design)

Kali ini ane mau nge-share Tombol Share Melayang Untuk Blog. Mumpung saya masih semangat-semangatnya buat nulis nih, maklum pengacara (Pengangguran banyak acara), pengangguran macam ane ini kerjanya cuman intip-intip website orang, kadang intipin foto cewek di facebook. makin gila aja kelakuan ane. biasalah gini pengangguran macam ane yang sudah nyebar banyak lamaran sana-sini dan sudah hampir 100-an lebih lamaran ane dan hanya beberapa saja yg tak sampai 10 yg dipanggil untuk wawancara. itupun semuanya menolak ane.

Rata-rata ane ngelamarnya jadi marketing, mereka kagak percaya ane kemampuan sebagai blogger dan juga sebagai internet marketer yg bisa ane kolaborasikan di marketing offline, buktinya banyak klien ane nyang sudah puas dengan jasa ane.. tapi malahan si HRD perusahaan cengengesan menertawain ane sambil manggut-manggut kayak anak metal katanye "kita nyarinya disini yang berpengalaman mas di bidang marketing, bukannya yang jago blogging, internet marketing itu apaan kurang menjanjikan" (sambil menertawain ane). ane mikirnya Miris aden-aden semua, gimana coba pekerjaan internet marketing ini sebenarnya di negeri barat sana nyang sudah sukses perusahaannya, mereka malah gencar-gencarnya mencari internet marketer, dan bahkan sudah ada sekolah bagi para internet marketer. bagaimana perusahaan-perusahaan bule nyang besar sudah sukses karena para internet marketer-nya. indonesia mah banyak tahayyul-nya.

Andaikan ada yg perusahaan nyang nerima ane sebagai karyawannya, terserah mah mau perusahaan besar apa kecil yang penting bukan perusahaan Riba. akan kubuktikan kalau kami para internet marketer itu adalah pekerja yg serba bisa, dimana internet berkolaborasi dngan promosi dunia nyata. ah, lanjut lagi aden-aden sekalian, malah curhat. hiks hiks..


Tombol Share Melayang Untuk Blog (Responsive Design)

Baiklah kita mulai, Kemarin ada yg nanya: Bang, ntu tombol share melayang di kiri yg kecil gitu cemmana cara buatnya?. "ooh tombol share melayang untuk blog ini toh, gampang mah." maka mulailah perbincangan serius ini.

Dahulu, awalnya, saya memakai tombol share melayang untuk blog yang berukuran agak besar. tapi pembaca blog ane malah maki-maki. katanya mereka kesulitan buat bacanya apalagi kalau pakai hape.

Memasang Tombol share melayang itu penting juga, karna biasanya pembaca tak sampai ke bawah untuk melihat tombol share yg sudah di pasang paling bawah dari artikel, shingga pembaca acuh tak acuh buat copy paste link artikel dr website kita. makanya dengan adanya tombol share melayang, pembaca yg malas sekalipun kalau artikel dari blog kita sangat menarik bagi hatinya atau pemikirannya ada kemungkinannya sangat besar anu-nya (maksudnya keinginannya) buat nge-share artikel kita, itulah pentingnya tombol share melayang di dekat artikel website kita, betapa pentingnya makanya saya ngasih peringkat 50% dari keberhasilan banyaknya trafik dari website kita.

tapi harus ingat juga, masang tombol share jangan kelebihan besar dan jangan di tengah-tengah, yang ada malah pengunjung biasanya njengkel.
nah ini contoh ane pasang code tombol nyang besar itu:

​

lihatlah ngenutupin sedikit huruf dan tidak ada spasi dari button masing-masing tombol.
ini lagi contoh tombol share melayang nyang berada di tengah artikel.

​

Ntu lebih parah lagi, saya tak tahu apa developer pembuat code html-nya sengaja buat seperti itu atau malah code html-nya ada nyang salah. ah, tapi biarlah. soalnya ane tak suka tombol share melayang nyang sudah jelas ngenutupin artikel ane.

Tapi ada tombol share nyang paling ane suka, responsive design, ukurannya kecil dan ada spasi tiap button social media lainnya, ini yg special dari tombol share melayang ini. coba lihat tampilannya:

​

Terlihat masih elegan, kinclong, mungil tapi Menonjol kalau cewek-cewek lihat mah pasti bilangnya "ih, lucu dan manis (admin-nya)". wkwkwk

belum lagi ada spasi transparan antar button, jaraknya antar button juga tidak terlalu dekat sehingga makin mantap kelihatannya. code html Tombol Share Melayang Untuk Blog (Responsive Design) ini ane ambil dari sharebutton.net berikut kodenya:

Code:

<script>
document.write('<script src="//sharebutton.net/plugin/sharebutton.php?type=horizontal&u=' + encodeURIComponent(document.location.href) + '"></scr' + 'ipt>');
</script>

Cara Pasang Kode Html Tombol Share Melayang Untuk Blog

Cara pasang codenya mah gampang, tinggal pasang di dalam/di bawah code <head> ada juga yg biasa bilang pasang di bawah kode <body> tapi ane mah pasangnya di dalam/di bawah kode.

Untuk pengguna blogspot nyang ingin pasang kode script tombol share melayang ini maka harus parse dulu kode html-nya, cari di google, atau ane biasa parse disini http://www.blogcrowds.com/resources/parse_html.php

atau yang sudah ane parse seperti ini:

Code:

<script>
document.write('<script src="//sharebutton.net/plugin/sharebutton.php?type=vertical&u=' + encodeURIComponent(document.location.href) + '"></scr' + 'ipt>');
</script>

sebenarnya button ini ada 2 pilihan tombol share yg disediakan oleh http://sharebutton.net , yaitu button melayang di samping artikel dan button melayang di bawah artikel. silahkan lihat dan cari saja kesana den. ane sih lebih suka kalau di samping artikel.

cukup sekian kali ini, ane mau nyari-nyari lowongan kerja lagi di info lowongan kerja internet. miris kang ane pengangguran terus. orang tua udah ngomel-ngomel sering di rumah mungkin karena lagi motivasi ane yg sudah banyak di tolak sama perusahaan. haaaaah

Sankyu, mohon doanya buat aden-aden semua supaya ane bisa dapat kerja yang halal lagi baik. halalan toyyibah. Aamiiin dah.

 

begitulah kiranya den.

 

blogger belum diakui sebagai profesi wkwkwkwk.....

 

lebih tepatnya marketing kang.