Wednesday, May 22, 2013

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 melakukan 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 kamu inginkan.
  7. Step 3, atur tombol share yang akan dipasang di blog.
  8. tombol share widget untuk blogger
  9. Setelah selesai, klik Finish Get the Code dan Pilih Multi Post
  10. Selanjutnya klik Go, maka akan terbuka halaman baru Import Elemen Laman.
  11. cara membuat tombol share di blog
  12. Dan klik Menambah Widget, pindahkan saja widget ke bagian footer bawah blog. Selesai.
Tombol sosial share sudah ada di blog, tapi muncul juga dihalaman awal blog. Cara menyembunyikannya, agar muncul hanya di bagian 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 kode share this yang mirip dengan kode dibawah ini.
  3. <b:widget id='HTML1' locked='false' title='ShareThis' type='HTML'>...</b:widget>
  4. Semua kode masih tersembunyi, klik tanda >...< untuk membuka semua kode, sehingga tampilannya 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 akan terbuka semua kode sharethis seperti 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 kode <b:if cond='data:blog.pageType == "item"'> dan </b:if> diantara kode 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, jika sudah hilang dari halaman awal blog, baru save template, Selesai.
Sekarang coba buka salah satu artikel di blog, dan lihat tombol sosial share yang sudah kamu buat tadi akan muncul dibawah posting, disetiap artikel yang ada. Jadi tidak menggangu tampilan awal halaman blog.

Silakan dibaca juga artikel lainnya tentang cara membuat komentar facebook diblog yang berada dibawah artikel blog, agar blog bisa dikomentari menggunakan akun facebook. Atau cara membuat 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

BTemplates.com

Powered by Blogger.