-->

iklan banner

Cara Menciptakan Tombol Share Melayang Di Blog

Cara menciptakan tombol share melayang di blog | sesudah pada beberapa hari yang kemudian aku share cara gampang menciptakan tombol share di bawah posting dengan memakai akomodasi yang diberikan sharethis, kali ini aku akan kembali share “cara gampang menciptakan tombol share”. Tetapi yang akan aku share kali ini yakni membuat tombol share melayang di blog, yang tombol share itu akan terus melekat dikala di scroll.

Dalam bahasa inggris namanya di sebut floated share button yang bila diartikan kedalam bahasa Indonesia berarti; tombol membuatkan melayang. Ini artinya tombol share ini akan tetap ditempatnya walau kita men scroll hingga bawah template. Kayanya sahabat sudah pada tahu deh… J, ah daripada menimbulkan kesalah fahaman, alasannya aku yang ndeso menjelaskan, lebih baik sahabat pribadi saja lihat gambar di bawah ini. Atau dapat pribadi lihat demonya di blog belajar bahasa inggris.

Cara menciptakan tombol share melayang di blog  Cara menciptakan tombol share melayang di blog

Setelah sahabat melihat gambar dan demo floated share button kini mari kita pribadi menciptakan tombol share melayang itu. Caranya gampang sekali kok, yuk ikuti tutorial berikut ini;

Cara menciptakan tombol share melayang di blog

Membuat tombol share melayang di blog kali ini, kita akan membuatnya dengan akomodasi yang telah disediakan oleh shareholic. Hanya beberapa langkah tombol share ke banyak sekali social media dengan berPR tinggi pun pribadi terpasang di blog kita. Makara kalo kita mau share ke banyak sekali social media berPR tinggi, tak perlu lagi membuka situs sosmed satu persatu. Cukup buka artikel yang akan kita share, kemudian pilih sosmed daerah kita akan bagikan artikel kita. Sangat gampang dan ekonomis waktu bukan…? Caranya yakni sebagai berikut:

1. Silahkan sahabat masuk ke situs  shareaholic.com kemudian pilih signup jika belum pernah mendaftar di shareholic.
Cara menciptakan tombol share melayang di blog  Cara menciptakan tombol share melayang di blog

2. Setelah proses registrasi berhasil, silahkan sahabat klik add website, lalu isikan data-data yang diperlukan. Sebagai pola lihat gambar di bawah ini
Cara menciptakan tombol share melayang di blog  Cara menciptakan tombol share melayang di blog
Pada kolom DOMAIN isikan dengan URL blog sobat. NAME isi dengan nama yang sahabat inginkan. PLATFORM isi dengan blogger, bila sahabat pake blogger. Isi juga CONTENT CATEGORY dan CONTENT LANGUAGEnya. Jika semuanya sudah diisi, kemudian klik continue.

3. Klik tombol Get Setuo Code kemudian copy seluruh code yang telah diberikan.
Cara menciptakan tombol share melayang di blog  Cara menciptakan tombol share melayang di blog

4. Masuk ke blogger.com > template > edit HTML kemudaian cari arahan </head> *untuk mempermudah pencarian klik Ctrl+F kemudian tulis </head> (kode yang ingin di cari). Setelah ketemu, pastekan code tadi sempurna diatas arahan </head>. Lalu simpan template.
Cara menciptakan tombol share melayang di blog  Cara menciptakan tombol share melayang di blog

4. Kembali lagi ke web shareholic, klik verify site, bila berhasil tombol verity site akan hilang dan di samping URL blog sahabat akan ada tanda ceklis warna hijau.
Cara menciptakan tombol share melayang di blog  Cara menciptakan tombol share melayang di blog

5. Sekarang aktifkan tombol floated share buttons sehingga menjadi hijau.
Cara menciptakan tombol share melayang di blog  Cara menciptakan tombol share melayang di blog

Sampai disini final sudah sahabat menciptakan tombol share melayang (floated share button). Untuk melihat hasilnya, silahkan sahabat kunjungi blog yang tadi sahabat daftarkan.

O ya, dengan shareholic ini juga sahabat dapat menciptakan tombol share di bawah posting, sama ibarat membuat tombol share di bawah posting dengan sharethis. Hanya berbeda cara penempatan kodenya saja. Untuk lebih jelasnya silahkan dicoba-coba sendiri aja yah. Semoga berhasil.


Sumber http://www.tutorial89.com

Berlangganan update artikel terbaru via email:

0 Response to "Cara Menciptakan Tombol Share Melayang Di Blog"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel