Minggu, 10 Februari 2013

Cara Pasang Toolbar Turnsocial dan Skysa dalam Blog

Selamat Malam dan salam Sejahtera untuk kita semua, hari ini meski hujan sering turun Saya akan membagiakan sedikit cara mendesain blog anda menjadi sedikit cantik dengan Toolbar di bagian bawah blog anda.

Sebagai contoh Toolbar saya yang sudah jadi sepeti berikut, Cekidot...

Screenshot :




seperti gambar di atas ini, toolbar saya settingnya berada di tengah jadi printviewnya seperti itu.

Nah.... saya akan menerangkan langkah-langkah cara membuatnya sekarang.

1. Langakah Pertama
  • Anda kunjungi terlebih dahulu https://turnsocial.com
  • Kemudian anda lakukan registrasi terlebih dahulu agar mendapatkan script htmlnya.
  • Setelah itu akan muncul tampilan seperti berikut :
 Screenshot


  • Ingat, jangan langsung kamu masukkan script diatas ke edit HTML terlebih dahulu karena belum jadi.
  • Langkah selanjutnya yaitu mendapatkan tampilan Widget, adalah dengan memberikan nama toolbar anda terlebih dahulu di Form  Give your toolbar a name, setelah itu baru tekan NEXT.
  • Kemudian anda akan mendapatkan tampilan untuk mengatur media social apa aja yang anda masukan kedalam toolbar Anda.
Screenshot

  • Sebelumnya anda jangan lupa untuk mencentang Enable the social bar, perhatikan contoh gambar diatas.
  • Anda isi form tersebut sesuai dengan alamat halaman FB anda, twitter, DLL.
  • Setelah anda selesai mengisi semua form tersebut anda akan meletakkannya toolbarnya pada posisi mana? lihat gambar dibawah ini.
Screenshot


  • posisi yang disediakan adalah sebelah kiri (lift), Center (tengah) dan Right (kanan). dan setelah anda sudah selesai memilihnya lalu klik SAVE CHANGES.
  • Barulah anda akan mendapatkan tampilan seperti berikut.
Screenshot
  • Nah barulah anda tekan Get Installation Code untuk mendapatkan javascript untuk di pasang ke Edit HTML.
  • Masuk Blogger > Template > Edit HTML > jangan lupa centang  Expand Template Widget > cari kode     </head> lalu letakkan kode yang anda dapat dari Turnsocial di atas kode </head>.
  • Lalu anda Tekan Save Template.


Nah Gampang kan, dan jika ada kesalahan atau toolbar tidak keluar ada komentar saja, nanti saya akan pandu dari sini.

~ SELAMAT MENCOBA~

Tidak ada komentar:

Posting Komentar

Pengikut