Saturday, February 17, 2018

Tombol Sosial Share Widget Untuk Blogger

Tombol sosial share widget untuk blogger. Seperti facebook tombol like, send, subcribe, recommend, Twitter follow, Google +, Google + 1 dan masih banyak lagi. Tombol share akan muncuk dibawah posting disetiap artikel yang ada di blog.

Untuk lebih jelasnya ikuti langkah-langkah dibawah ini.
  1. Kunjungi situs sharethis.com
  2. Selanjutnya lakukan registrasi pendaftaran disitus tersebut.
  3. Setelah selesai melaksanakan registrasi, silakan masuk Log In.
  4. Dan klik Get Sharing Tools
  5. Selanjutnya Step 1 pilih Platform Blogger
  6. Step 2 Style, pilih bentuk tombol share yang kau inginkan.
  7. Step 3, atur tombol share yang akan dipasang di blog.
  8. Tombol sosial share widget untuk blogger Tombol Sosial Share Widget Untuk Blogger
  9. Setelah selesai, klik Finish Get the Code dan Pilih Multi Post
  10. Selanjutnya klik Go, maka akan terbuka halaman gres Import Elemen Laman.
  11. Tombol sosial share widget untuk blogger Tombol Sosial Share Widget Untuk Blogger
  12. Dan klik Menambah Widget, pindahkan saja widget ke bab footer bawah blog. Selesai.
Tombol sosial share sudah ada di blog, tapi muncul juga dihalaman awal blog. Cara menyembunyikannya, semoga muncul hanya di bab posting blog saja. Ikuti langkah-langkah dibawah ini.
  1. Login ke blogger, dari halaman dasbor pilih pengaturan Template.
  2. Selanjutnya klik Edit HTML dan cari arahan share this yang menyerupai dengan arahan dibawah ini.
  3. <b:widget id='HTML1' locked='false' title='ShareThis' type='HTML'>...</b:widget>
  4. Semua arahan masih tersembunyi, klik tanda >...< untuk membuka semua kode, sehingga tampilannya menjadi menyerupai 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 akan terbuka semua arahan sharethis menyerupai dibawah 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. Sekarang, tambahkan arahan <b:if cond='data:blog.pageType == "item"'> dan </b:if> diantara arahan lengkap sharethis diatas, contohnya:
  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. Terakhir, Preview template, jikalau sudah hilang dari halaman awal blog, gres save template, Selesai.
Sekarang coba buka salah satu artikel di blog, dan lihat tombol sosial share yang sudah kau buat tadi akan muncul dibawah posting, disetiap artikel yang ada. Kaprikornus tidak menggangu tampilan awal halaman blog.

Silakan dibaca juga artikel lainnya wacana cara menciptakan komentar facebook diblog yang berada dibawah artikel blog, semoga blog dapat dikomentari memakai akun facebook. Atau cara menciptakan facebook like page yang berbentuk kotak dengan tombol Like halaman, serta tampilan foto pengguna facebook yang menyukai halaman blog. Semoga Bermanfaat.
Share:

0 comments:

Post a Comment