Cara Membuat Social Share Button Keren

Tutorial Blogger, Kesehatan, Islami

  • HOME
  • DAFTAR ISI
  • BLOGGER
  • TEMPLATE
  • TIPS TRIK
  • SEO
  • DESAIN BLOG
  • WIDGET
  • KESEHATAN
Home Blogger Tips And Trik Widget Cara Membuat Social Share Button Keren

Cara Membuat Social Share Button Keren

Cara Membuat Social Share Button Keren
Social social share nutton sangat bermanfaat bagi blog kita, karena sosial share ini bisa menyebarluaskan artikel dari blog kita pada sosial media besar seperti facebook , twitter , dan masih banyak lagi agar blog kita lebih terkenal dan diingat banyak orang. Saya sendiri menerapkan cara ini di blog saya ,agar para pengunjung yang suka artikel saya bisa membagikannya di sosial media mereka.

Social share button ini sangatlah menarik karena disain yang sangat profesional yaitu warna-warninya yang disesuaikan warna sosial media yang ada , seperti halnya facebook berwarna biru maka sosial sharenya pun berwarna biru. Anda bisa melihat contoh gambarnya berikut ini :

Contoh Sosial Share

Bila anda ingin menerapkannya di blog anda , bisa dilakukan dengan cara berikut :
1. Login ke blogger anda
2. Klik Template > Edit HTML
3. Cari kode <data:post.body/> (gunakan CTRL+F) untuk mempercepat pencarian , jika di blog anda terdapat banyak kode <data:post.body/> pilihlah yang terakhir / yang terakhir kedua. dan Letakkan kode di bawah ini tepat dibawah <data:post.body/> (jika ingin tombol share bawah) / tepat diatas <data:post.body/> (jika ingin tombol share diatas)
<b:if cond='data:blog.pageType == &quot;item&quot;'><div style='border-top:3px dotted #ccc;border-bottom:1px solid #b8b8b8;width:100%;height:25px;text-align:left;font:normal 11px Arial;color:#333;margin:10px 0;padding:10px 0 5px'><div style='float:left;padding:1px 0;margin-right:15px;font:bold 13px Arial;color:#777'><strong>Share this article</strong> :</div><a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url' style='color: #fff; background: #3b5998; text-decoration: none; border: 1px solid #313c7d; padding: 3px; border-radius: 3px; font-family: arial, verdana, sans-serif; font-size: 13px; line-height: 20px;' target='_blank' title='Share to Facebook'>Share on FB</a><a expr:href='&quot;http://digg.com/submit?url=&quot; + data:post.url' style='color: #fff; background: #808080; text-decoration: none; border: 1px solid #000000; padding: 3px; border-radius: 3px;font-family: arial, verdana, sans-serif; font-size: 13px; line-height: 20px;' target='_blank' title='Submit to Digg'>Submit to Digg</a><a expr:href='&quot;http://twitter.com/share?url=&quot; + data:post.url' style='color: #fff; background: #4099FF; text-decoration: none; border: 1px solid #3a8be8; padding: 3px; border-radius: 3px; font-family: arial, verdana, sans-serif; font-size: 13px; line-height: 20px;' target='_blank' title='Share to Twitter'>Tweet</a><a expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url' style='color: #fff; background: #c0361a; text-decoration: none; border: 1px solid #9c2c15; padding: 3px; border-radius: 3px;font-family: arial, verdana, sans-serif; font-size: 13px; line-height: 20px;' target='_blank' title='Share to Google+'>Share on G+</a></div></b:if>
4. Simpan template anda dan lihat hasilnya

Demikianlah artikel singkat pada malam hari ini tentang  Cara Membuat Social Share Button Keren , semoga artikel ini dapat dimengerti dan bermanfaat , Wassalamualaikum.
Tweet

5 Responses to " Cara Membuat Social Share Button Keren "

  1. Anonim28 Juni 2013 pukul 20.08

    Cara Membuat Social Share Button Keren

    BalasHapus
    Balasan
    1. Anonim29 Juni 2013 pukul 08.30

      makasih atas pujiannya sob , pasti nanti saya kunbal kok..

      Hapus
      Balasan
        Balas
    2. Balas
  2. Unknown29 Juni 2013 pukul 08.10

    Keren gan :D , thanks ya ..
    #hxxp://infoterupdatedanterbaru.blogspot.com

    BalasHapus
    Balasan
    1. Anonim29 Juni 2013 pukul 08.30

      iya gan sama2

      Hapus
      Balasan
        Balas
    2. Balas
  3. Anonim18 Oktober 2013 pukul 21.01

    kok gak bisa ya maz

    BalasHapus
    Balasan
      Balas
Tambahkan komentar
Muat yang lain...

Posting Lebih Baru
Posting Lama
Beranda
Langganan: Posting Komentar ( Atom )

Sering Dibaca

  • planet ajaib

    Cara Membedakan Raket Yonex Asli Dengan Yonex Palsu

  • planet ajaib

    5 Pembalap GP Paling Legendaris di Dunia

  • planet ajaib

    Cara Membedakan Tokek Jantan Dan Tokek Betina

  • planet ajaib

    Download Template Responsive Zikazev Blue

  • planet ajaib

    5 Kucing Paling Mahal di Dunia

  • planet ajaib

    10 Cara Kreatif Mengungkapkan Rasa Cinta

Site Info

Blogroll

  • Harga Motor Yamaha Honda
  • Cek Resi JNE
  • Katalog Carrefour
  • Kata Kata Mutiara

Sahabat

Label

Aneh (13) Badminton (1) Bisnis (3) Blogger (67) Cerita (3) Cinta (3) Desain Blog (14) Directory (1) Fakta Menarik (2) Fenomena (2) gadget (1) Hewan (1) Hoby (2) Information (8) Internet (1) Iseng (12) Kata Kata Mutiara (1) Kecantika (1) Kecantikan (1) Kesehatan (45) Komputer (2) Manfaat (5) Olahraga (1) Pengetahuan (6) Resep (3) SEO (26) Software (1) Teknologi (3) Template (12) Tips And Trik (57) Tool Blog (3) Widget (18)
Privacy Police | Contact| About Me
Support : sertifikasi crane
isnpeksi dan sertifikasi
Copyright © 2013 Planet Ajaib - All Rights Reserved
Design by jasa sertifikasi crane
Powered by Blogger