Cara Menciptakan Tombol Sosial Media Share Diblog

Cara menciptakan sosial media share, ibarat facebook, google+, twitter dan lain2nya diblog. Tombol sosial media share sanggup kita tempatkan dibawah judul posting atau dibawah posting. Dan sanggup juga ditempatkan diwidget HTML/javascript di bab sidebar blog.

Cara menciptakan sosial media share di blog, ikuti langkah-langkah dibawah ini.

1. Login ke blog, kemudian pilih pengaturan Template.
2. Klik edit HTML dan cari isyarat </head> kemudian masukan isyarat berikut ini diatasnya.
<script src="http://w.sharethis.com/button/buttons.js" type="text/javascript"></script>
<script type="text/javascript">stLight.options({onhover:false , doNotHash: true, doNotCopy: true, hashAddressBar: false});</script>
3. Save template. Selesai.

Setelah menempatkan isyarat script. Sekarang kita akan coba memasukan isyarat share di bagian2 blog, ibarat di bawah judul posting, diwidget sidebar atau dibawah posting blog. Silakan dipilih salah satu. Caranya ibarat dibawah ini.

Sosial media share dibawah judul posting

1. Ke pengaturan template, klik edit hmtl dan cari isyarat <div class='post-header-line-1'/>
2. Kode <div class='post-header-line-1'/> ada 2,  piih yang nomor 2 kemudian masukan kode share button ini dibawah nya.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p align='left' class='kode-share-buttons'>
<keterangan>Bagikan Artikel >>></keterangan>
<span class='st_facebook_hcount' displayText='Facebook'/>
<span class='st_plusone_hcount' displayText='Google +1'/>
<span class='st_twitter_hcount' displayText='Tweet'/>
<span class='st_pinterest_hcount' displayText='Pinterest'/>
<span class='st_digg_hcount' displayText='Digg'/>
<span class='st_stumbleupon_hcount' displayText='StumbleUpon'/>
<span class='st_fblike_hcount' displayText='Facebook Like'/>
</p></b:if>
3. Silakan gunakan isyarat share yang kalian inginkan, dan untuk goresan pena Bagikan Artikel >>> Kamu sanggup ganti dengan kata yang kau inginkan. Setelah itu save template, selesai.

Sosial media share dibawah posting

1. Ke pengaturan template, klik edit hmtl dan cari isyarat <data:post.body/>
2. Kode <data:post.body/> ada 3,  piih yang nomor 3 kemudian masukan kode share button dibawah nya.
3. Kode kode share button yang dipakai sama ibarat kode Sosial media share dibawah judul posting
4. Save template, selesai.

Sosial media share di widget atau sidebar

1. Kepengaturan tata letak, Klik Tambahkan widget/gadget > HTML/Javascipt.
2. Lalu masukan kode share button yang dipakai sama ibarat kode Sosial media share dibawah judul posting
3. Save gadget/widget, kemudian tempatkan sesuai dengan yang kalian inginkan, selesai.

Dan yang terakhir yaitu menambahkan  isyarat css untuk menambah tampilan dari tombol sosial media share. Caranya.

1. Kepengaturan TATA LETAK. Klik desainer template > tingkat lanjut > tambahkan css. Lalu masukan isyarat ini kedalmnya.
.kode-share-buttons{border-top:1px dashed #ccc;border-bottom: 1px dashed #ccc;padding: 10px;}
keterangan {color:#000;font-weight:bold;margin-right:20px;}
2. Terapkan ke blog selesai.

Semoga Bermanfaat.