Cara Membuat Tombol Share di Blog

Cara membuat Tombol Share di Blog. Tombol share sosial media memudahkan pengunjung untuk berbagi artikel yang dibaca, atau sekedar memberikan like dari artikel yang dibacanya. Seperti facebook, twitter, google +. Tombol share merupakan salah satu cara untuk mempromosikan blog kita ke banyak orang.

Dan dapat meningkatkan jumlah pengunjung blog, semakin banyak yang share, maka akan semakin banyak kemungkinan orang yang akan mengunjungi blog. Tombol share yang akan kita buat ini akan ditempatkan di bawah posting blog. Jadi setelah pengunjung membaca sebuah artikel, pengunjung akan melihat tombol share untuk berbagi. Untuk melihat contohnya silakan lihat tombol share di bagian bawah artikel ini.
Cara membuat tombol share di blog. Ikuti langkah-langkah dibawah ini:
  1. Kunjungi situs www.sharethis.com. dan pilih get the button.
  2. Step 1 pilih Blogger dan Klik Next Step 2.
  3. Step 2 Pilih style Buttons yang kalian inginkan. dan klik next step 3.
  4. Step 3, atur tombol share apa saja yang akan kalian masukan ke blog. 
  5. Dan klik Finish get the code dan isi pembuatan account dengan email dan password untuk masuk ke sharethis.com. 
    cara membuat tombol share di blog
  6. Setelah pembuatan account selesai, maka akan terbuka halaman import elemen laman, seperti gambar dibawah ini.
    cara membuat tombol share di blog
  7. Klik Menambah Widget. Selanjutnya di tata letak blog kamu akan ada widget ShareThis. Pindahkan widget ShareThis ke bagian bawah(footer) blog dan save.
  8. Sampai disini, pembuatan tombol share sudah selesai, silakan lihat blog kamu. Tombol share sudah tampil dibawah posting Blog. Tapi juga terlihat di halaman awal blog.cara membuat tombol share di blog

Tambahan: Untuk mengatur agar tombol share hanya terlihat di bawah posting blog.

  1. Buka pengaturan template, dan klik edit html.
  2. Cari kode sharethis gunakan Ctrl + F untuk mempermudah pencarian. Maka akan terdapat kode seperti dibawah ini.
  3. <b:widget id='HTML1' locked='false' title='ShareThis' type='HTML'>...</b:widget>
  4. Klik tanda >...< maka kode akan menjadi seperti ini.
  5. <b:widget id='HTML1' locked='false' title='ShareThis' type='HTML'>
    <b:includable id='main'>...<b:includable>
    </b:widget>
  6. Klik lagi tanda >...< maka kode akan menjadi seperti ini.
  7. <b:widget id='HTML1' locked='false' title='ShareThis' type='HTML'>
        <b:includable id='main'>
      <!-- only display title if it's non-empty -->
      <b:if cond='data:title != &quot;&quot;'>
        <h2 class='title'><data:title/></h2>
      </b:if>
      <div class='widget-content'>
        <data:content/>
      </div>

      <b:include name='quickedit'/>
    </b:includable>
      </b:widget>
  8. Selanjutnya masukan kode <b:if cond='data:blog.pageType == "item"'> dan </b:if>, jadi kode lengkapnya seperti ini.
  9. <b:widget id='HTML1' locked='false' title='ShareThis' type='HTML'>
        <b:includable id='main'>
    <b:if cond='data:blog.pageType == "item"'>
      <!-- only display title if it's non-empty -->
      <b:if cond='data:title != &quot;&quot;'>
        <h2 class='title'><data:title/></h2>
      </b:if>
      <div class='widget-content'>
        <data:content/>
      </div>
    </b:if>
      <b:include name='quickedit'/>
    </b:includable>
    </b:widget>
  10. Preview dulu. Sudah hilang belum tombol share di halaman awal blog kamu. Jika sudah hilang seperti gambar dibawah ini. Baru di save/simpan template.cara membuat tombol share di blog
  11. Selanjutnya lihat blog kamu. dan klik salah satu artikel kamu dan lihat dibagian bawah artikel. tombol share sudah ada. dan hanya tampil disetiap artikel, tidak tampil di halaman awal blog. selesai. Semoga Bermanfaat.

10 komentar:

  1. habis membuat account,tampilan nya bukan halaman import elemen laman

    BalasHapus
    Balasan
    1. coba diulang lgi, dari langkah 1. itu kan ada 3 step, step 1 klik blogger, step 2 klik style buttons, step 3 pilih tombol share. jgan ada yg tertinggal, 3 step tersebut harus diklik.

      Hapus
  2. om habis membuat account,tampilan nya bukan halaman import elemen laman,. sdh dicoba berulang-ulang om ga muncul2 halaman import elemen laman nya

    BalasHapus
    Balasan
    1. hmmm,,klo sudah buat account, login aj ke share this.setelah login
      1. pertama pilih platform blogger(ada tanda centang hijau jika sudah diklik),
      2. kedua pilih bentuk tombolnyaada tanda centang hijau jika sudah diklik),
      3. ketiga pilih tombol2 apa saja yang mau dipakai.
      4. setelah itu klik finished get code dibagian bawah(yg berwarna hijau).

      nanti ada halaman dengan tulisan code and instruction, pilih multi post, dan klik Go. Baru akan muncul halaman import elemen laman.

      Hapus
  3. 'edit content' itu di isi apa om? kok gak boleh kosong waktu ane coba.
    balas

    BalasHapus
    Balasan
    1. g'perlu diedit contentnya, langsung aj klik menambah widget..klo memang benar langkah 1-3 disharethis, didalam kotak edit konten itu tidak akan kosong, pasti ada isi kode.

      Hapus
  4. gak mau keluar import element nya lagi om waktu ane ulang

    BalasHapus
    Balasan
    1. klo sudah buat accont, coba ulangi lagi ke get sharing, lalu atur langkah 1-3 seperti biasa, selanjutnya klik finished get code, dan klik go.

      klo g keluar import element, coba lihat di browser kamu, biasanya browser seperti mozilla akan ada tulisan option, klik option lalu pilih allow pop up..baru kebuka import elemennya.

      Hapus
  5. Balasan
    1. sabar aj, pasti bisa..terima kasih atas kunjungannya yurinia safitri sembiring..

      Hapus

Semoga Artikel diatas dapat membantu anda menemukan, apa yang sedang anda cari. Silahkan tinggalkan komentar.

Kembali Ke Atas
Kembali Ke Atas