Cara Membuat Tombol Share Di Bawah Postingan Blog

Cara Membuat Tombol Share Di Bawah Postingan Blog - Tutorial lagi... Sekarang, saya akan bahas tentang tutorial dimana tutorial ini harus dipakai oleh para Blogger di setiap blog nya masing-masing. Tutorial tersebut adalah cara membuat tombol share facebook twitter dan google + di bawah postingan blog.

Pastinya, setiap Blogger sudah tau apa maksud dan tujuan memasang tombol share di bawah postingan blog. Termasuk sobat, pastinya sobat sudah tau kan? Nah, jika buat sobat yang masih pemula, tutorial blogger untuk pemula ini saya akan jelaskan kepada sobat.

Cara membuat tombol share facebook dan twitter di postingan blog akan membagikan artikel sobat yang kemungkinan besar layak untuk dibagikan oleh pengunjung sobat. Sebut saja, tutorial blogger untuk pemula ini kita sebut dengan cara membuat tombol berbagi di blog. Agar, gak kebingungan. Makanya saya sebut dengan tombol berbagi. Karena share artinya berbagi. Button artinya tombol. Jadi buat sobat yang masih pemula dalam dunia blogging, jangan bingung kalau saya bilang ini dengan sebutan share button.

Nah, share button ini terletak dibawah postingan blog. Sehingga, memudahkan untuk pengunjung sobat yang selesai membaca artikel/postingan sobat yang unik dan menarik untuk dibagikan ke jejaring sosial milik pengunjung sobat. Disini, saya akan beri share button yang lengkap. Ada share button facebook, twitter, google+, linkedin, digg, stumble upon, reddit, tumblr, email, dzone, netlog. Nah, lengkap banget kan?

Buat sobat yang ingin pengunjungnya makin banyak. Beri aja tutorial ini, Cara Membuat Share Button Di Bawah Postingan Blog. Kalau artikel blog sobat menarik, pastinya banyak yang ingin membagikan artikel sobat ke jejaring sosial pengunjung sobat. Makin banyak juga pengunjungnya nanti. :)

1. Login Blogger

2. Pilih menu Template/rancangan

3. Edit HTML

4. Cari kode <data:post.body/> (agar mempermudah pencarian, klik kolom edit HTML, kemudian tekan Ctrl+F secara bersamaan pada keyboard)

5. Setelah ketemu kode <data:post.body/> copy kemudian paste dan letakkan kode dibawah ini tepat DIBAWAH kode <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='bookmark'>
<style>
.bookmark{margin-top:5px;border:5px double red;border-right:1px solid red;border-left:1px solid red;background:#9fc5ed;box-shadow: 0 2px 5px 2px #ddd;}
.bookmark h4{color:#666;border-bottom:1px double red;padding:0;margin-bottom:10px;padding-left:10px;}
.bookmark img{}
.book{float:left;margin:0 8px 0 0;padding:1px;border:1px solid #eee;background:#ffffff;}
  .booklast{float:left;margin:0;padding:1px;border:1px solid #eee;background:#ffffff;}
</style>
<h4>Bagikan artikel ini:</h4>
<div align='center'>
<span class='st_facebook_large' displayText='Facebook'/>
<span class='st_twitter_large' displayText='Tweet'/>
<span class='st_linkedin_large' displayText='LinkedIn'/>
<span class='st_digg_large' displayText='Digg'/>
<span class='st_stumbleupon_large' displayText='StumbleUpon'/>
<span class='st_reddit_large' displayText='Reddit'/>
<span class='st_tumblr_large' displayText='Tumblr'/>
<span class='st_email_large' displayText='Email'/>
<span class='st_dzone_large' displayText='DZone'/>
<span class='st_netlog_large' displayText='Netlog'/>
<span class='st_google_large' displayText='Google'/>
<span class='st_identi_large' displayText='identi.ca'/>
<div style='clear:both;'/></div></div>
</b:if>

6. Setelah selesai, cari lagi kode </head>

7. Copy kode dibawah ini kemudian paste dan letakkan kode dibawah ini tepat DIATAS kode </head>

<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
<script type='text/javascript'>stLight.options({onhover:false , doNotHash: true, doNotCopy: true, hashAddressBar: false});</script>

8. Simpan perubahan

Jangan lupa, ketika sudah mencoba dan berhasil, beri komentar... Kalau masih gagal, coba lagi.  Semoga berhasil... ˆ⌣ˆ

Tutorial Blogger

Judul	Cara Membuat Tombol Share Di Bawah Postingan Blog
Deskripsi	Cara Membuat Tombol Share Di Bawah Postingan Blog, Cara membuat share button di bawah postingan blog, cara membuat tombol share facebook twitter dan google+ di blog
Author	Fahmi Fanirius
Author Rating	86%/ 100% Suara Dari 278 votes