Tunggu Sebentar...

2/10/2017

Button Share Sosial Media Melayang Responsive

Baca Juga



AA Sciences, Aldi Andreansyah - Button Share Sosial Media Melayang Responsive, Cara Membuat Tombol Share Sosial Media Melayang Responsive, Button Share Sosial Media Melayang Responsive Samping kiri dan kanan.



Button Share Sosial Media Melayang Responsive



Button share
Sering sekali kita melihat nya tampilan sebuah share button atau tombol share yang biasa nya di gunakan untuk mempermudah untuk membagikan sebuah artikel khususnya itu bagi para user sendiri bahkan pengunjung nya yang mengunjungi website tersebut nya sekalipun.

Biasa nya share button atau tombol share ini sering sekali kita jumpai pada tampilan sebuah website pada tampilan ² tertentu seperti :

  • sesudah judul sebuah artikel.
  • Sesudah sebuah posting an (kolom posting).
  • Pada tampilan sebuah gambar.
  • Melayang pada tampilan kiri dan kanan non respinsive.
  • Melayang pada tampilan kiri dan kanan responsive.
  • Melayang pada sudut tertentu baik itu atas kanan, atas kiri, bawah kanan dan bawah kiri.
  • Dan masih banyak jenis lainnya yang letaknya share button atau tombol share ini.


Share button merupakan bagian terpenting dalam pembangunan nya sebuah website jika sebuah website tanpa adanya sebuah share butoon itu bagaikan istilah 'rumah tidak ada atapnya' mengapa demikian? Karena seperti hal nya jika kita tidak memiliki nya share button jika ada nya pengunjung tersebut pun akan merasakan susah nya bagimana cara membagikan sebuah artikel tersebut dengan mudah tanpa harus nya menyalin URL nya tersebut, tetapi berbeda jika kita memasang nya sebuah share button pada web/blog kita maka sebagian besar pengunjung akan lebih senang untuk membagikan nya sebuah artikel tersebut tanpa harus menyalin URL ny terlebih dahulu.

Nah apalagi jika sebuah share button nya tersebut bersifat melayang yang dimana membuat para user bahkan pengunjung pun akan lebih mudah nya membagikan sebuah artikel tersebut hanya mengklik sebuah share button sosmed tersebut dengan mengklik sosmed² tertentu nya apalagi share button tersebut tampil responsive, wah wah wah pastinya sebuah pengunjung akan lebih senang dengan hal itu tersebut.

Yasudah jika kalian memang sudah penasaran para sobat AA Sciences mengenai pembahasan kali ini yakni Cara Membuat Button Share Sosial Media Melayang Responsive, maka langsung saja simak tutor nya di bawah ini, cekidot :

Button Share Sosial Media Melayang Responsive :



A . Penerapan pada Mode Template  :


  • Pastikan kalian sudahlah Login terlebih dahulu pada akun Blogger kalian.
  • Template - > Edit HTML - > CTRL+F (untuk memudahkan pencarian) lalu cari kode </head>.
  • Jika sudah ditemukan kode </head> tadi, langsung saja kalian Copy Paste kan Script HTML/Share Button Sosmed Melayang nya di bawah ini, tepat pada bagian sebelum kode </head> nya :

<div class='a2a_kit a2a_kit_size_32 a2a_floating_style a2a_vertical_style' style='left:0px; top:150px;'>

    <a class='a2a_button_facebook'/>

    <a class='a2a_button_twitter'/>

    <a class='a2a_button_google_plus'/>

    <a class='a2a_button_pinterest'/>

    <a class='a2a_dd' href='http://www.addtoany.com/share_save'/>

</div>



<script src='//static.addtoany.com/menu/page.js' type='text/javascript'/>

  • Terakhir, langsung saja kalian pilih menu simpan template dan lihat hasil nya.

Catatan :

Jika kalian tidak bekerja nya untuk mencobakan kegiatan di atas, maka cara mengganti nya mudah kalian dapat menggunakan cara lainnya seperti di bawah ini.

B . Penerapan pada Mode Template (2) :


  • Pastikan kalian sudahlah Login terlebih dahulu pada akun Blogger kalian.
  • Template - > Edit HTML - > CTRL+F (untuk memudahkan pencarian) lalu cari kode </body>.
  • Jika sudah ditemukan kode </body> tadi, langsung saja kalian Copy Paste kan Script HTML/Share Button Sosmed Melayang nya di bawah ini, tepat pada bagian sebelum kode </body> nya :

<div class='a2a_kit a2a_kit_size_32 a2a_floating_style a2a_vertical_style' style='left:0px; top:150px;'>

    <a class='a2a_button_facebook'/>

    <a class='a2a_button_twitter'/>

    <a class='a2a_button_google_plus'/>

    <a class='a2a_button_pinterest'/>

    <a class='a2a_dd' href='http://www.addtoany.com/share_save'/>

</div>



<script src='//static.addtoany.com/menu/page.js' type='text/javascript'/>

  • Terakhir, langsung saja kalian pilih menu simpan template dan lihat hasil nya.

Catatan :


Jika kalian tidak bekerja nya lagi untuk mencobakan kegiatan di atas, maka cara mengganti nya mudah kalian dapat menggunakan cara lainnya seperti di bawah ini.

3 . Pembuatan Pada Mode Tata Letak :


  • Pastikan kalian sudahlah Login terlebih dahulu pada akun Blogger kalian.
  • Tata Letak - > Tambah Gadget (setelah letakan di bagian mana saja) - >HTML Javascript
  • Jika sudah pada bagian Tata Letak -> HTML Javascript tadi, langsung saja kalian Copy Paste kan Script HTML/Share Button Sosmed Melayang nya di bawah ini, tepat pada bagian kolom HTML nya melainkan bukan di judul nya, untuk judul kosongkan saja, berikut script HTML nya :

<div class='a2a_kit a2a_kit_size_32 a2a_floating_style a2a_vertical_style' style='left:0px; top:150px;'>

    <a class='a2a_button_facebook'/>

    <a class='a2a_button_twitter'/>

    <a class='a2a_button_google_plus'/>

    <a class='a2a_button_pinterest'/>

    <a class='a2a_dd' href='http://www.addtoany.com/share_save'/>

</div>



<script src='//static.addtoany.com/menu/page.js' type='text/javascript'/>

  • Terakhir, langsung saja kalian pilih menu simpan template dan lihat hasil nya.

Catatan :

Jika kalian masih nya mengalami kesulitan/tidak bekerja nya tombol share sosmed melayang ini maka cantumkan saja komentar kalian di kolom bawah yang sudah di sediakan


Mungkin hanya cukup sekian mengenai pembahasan kali ini yakni pembuatan Button Share Sosial Media Melayang Responsive, Semoga bermanfaat dan menambah wawasan kalian mengenai Button Share Sosial Media Melayang Responsive ini, Amin.

Artikel Terkait

Seorang Pelajar yang Ingin Berbagi Ilmu Pengalaman yang diketahui nya kepada seluruh Umat Manusia, dan Semoga Ilmu yang ia bagikan tersebut bermanfaat. Amin

================================================================
~ Jika ingin men Copy Paste harap masuk kan sumber link artikel saya di postingan sobat
~Dilarang Berkomentar link aktif , jika ada yang memasuk kan link aktif maka kami akan Hapus dan kami anggap Spam
~ Komentar lah dengan Bahasa yang Baik dan Relevan dengan sesuai artikel terkait tersebut . Terimakasih
================================================================
EmoticonEmoticon