Site Info


Template

Membuat Tombol Berbagi (Share) Di Bawah Postingan

Posted by Unknown on 4/09/2014 2 comments

Membuat Tombol Berbagi (Share) Di Bawah Postingan
Dulu, ada komentar dari Anonymous pada tutorial "Membuat Tombol Berbagi Di Atas Postingan Blog" yang berbunyi "Oh begitu,thx gan..Request cara membuat di bawah postingan..thx". Nah, sekarang ini saya akan segera merealisasikan request dari orang yang tidak saya ketahui namanya itu. Membuat tombol berbagi berfungsi untuk membagikan artikel-artikel blog kita ke sosial bookmark seperti Facebook, Twitter, dan lainnya.

Jika ada satu orang yang membagikan artikel blog Anda ke Facebook, dapat berpotensi menaikkan traffic blog Anda karena mungkin saja ada temannya yang terkesan dengan artikel Anda. Dengan begitu, alexa rank blog Anda kemungkinan akan bertambah :D. Ikuti langkah berikut untuk membuat tombol berbagi (share) di bawah postingan:

1. Pada dasbor, pindah ke Template.

2. Pilih Edit HTML.

3. Cari kode <data:post.body/>. Tekan Ctrl+F untuk mempermudah pencarian kode.

4. Jika sudah ketemu, letakkan kode berikut tepat dibawah kode <data:post.body/>. Biasanya akan ada tiga sampai empat kode yang sama. Cari kode yang kedua.
<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://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>
<a expr:href='&quot;http://digg.com/submit?url=&quot; + data:post.url' style='color: #fff; background: #808080  ; text-decoration: none; border: 1px solid #808080; 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>
</div>
</b:if>
Pengaturan:
Ganti Share This Article: dengan kata-kata lainnya yang relevan (berhubungan) lainnya seperti "share dong!" dan sebagainya.

5. Simpan Template.

Tags

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus facilisis nulla at odio vestibulum, ut accumsan mauris venenatis. Fusce metus nisl, lacinia at elit eget,
Facebook
Google+
Linkedin
Pinterest
Delicious

2 komentar:

  1. Anonim10 April 2014 pukul 16.30

    ijin mencoba sob. Thanks tutorialnya :]

    BalasHapus
    Balasan
    1. Unknown10 April 2014 pukul 22.06

      @Somazing
      Iya, silakan dicoba dahulu. Semoga berhasil!
      terima kasih telah berkunjung!

      Hapus

Silakan berkomentar dengan bahasa yang baik dan benar. Komentar yang mengandung bahasa kasar, SPAM, dan SARA tidak akan dibalas dan akan ditaruh dalam folder SPAM. Blog ini menerapkan fitur moderasi komentar. Dilarang menyertakan link hidup atau mati serta bentuk promosi lainnya. Terima kasih.