Membuat Tombol Share dan Google+ di Blog - Postingan kali ini sebenarnya hampir mirip dengan postingan sebelumnya yaitu tentang Cara Membuat Link Sumber Otomatis dan Cara Membuat 10 Recent Artikel di Blogger.yaitu sama-sama menggunakan code-code javascrip yang dimasukkan kedalam template blog Anda. Hanya saja Membuat Tombol Share dan Google+ ini agak sedikit rumit karena ada beberapa kode yang sama yang harus bisa Anda bedakan nantinya. Adapun tombol Share yang akan kita buat diantara:
1. Like Facebook
2. Pin It
3. Tweet
4. Google+
5. AddThis (lebih dari 329 blog direktori)
Maka akan terlihat dibawah postingan Anda seperti gambar dibawah ini:
Baiklah tanpa memperpanjang mukaddimah lagi, berikut adalah cara mudah Membuat Tombol Share dan Google+ di Blog Anda:
Demikianlah cara mudah Membuat Tombol Share dan Google+ di bawah postingan blogger Anda, semoga bermanfaat.
1. Like Facebook
2. Pin It
3. Tweet
4. Google+
5. AddThis (lebih dari 329 blog direktori)
Maka akan terlihat dibawah postingan Anda seperti gambar dibawah ini:
- Masuk ke account blogger Anda.
- Pilih Template, pilih Edit HTML
- Contreng Expand Widget Templates
- Cari kode seperti ini "<data:post.body/>"
- Untuk mempercepat pencarian gunakan CTRL + F
- Biasanya kode di atas ada 3 kode yang sama, anda pilih yang ke dua.
- kalau sudah ketemu, kemudian Paste-kan script berikut, tepat di bawah kode yang di atas.
- Kemudian Save Template dan lihat salah satu postingan Anda, maka tombol share dan google+ akan berada di bawah setiap postingan Anda.
<!-- tombol share mulai -->
<b:if cond='data:blog.pageType == "item"'>
<div style='border-top:1px solid #ccc;border-bottom:1px solid #ccc; padding:8px 0px;margin:5px 0px 5px 0px;width:150%;float:left;height:25px;'>
<div style='float:left;padding-left:0px;font:normal 12px Georgia;'>
Share:
<!-- AddThis Button BEGIN -->
<div class='addthis_toolbox addthis_default_style '>
<a class='addthis_counter addthis_pill_style'/>
<a class='addthis_button_tweet'/>
<a class='addthis_button_pinterest_pinit'/>
<a class='addthis_button_google_plusone' g:plusone:size='medium'/>
<a class='addthis_button_facebook_like' fb:like:layout='button_count'/>
</div>
<script src='http://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-50545bb3660ad7f2' type='text/javascript'/>
<!-- AddThis Button END --></div>
</div>
</b:if>
<!-- tombol share sampai disini -->
<b:if cond='data:blog.pageType == "item"'>
<div style='border-top:1px solid #ccc;border-bottom:1px solid #ccc; padding:8px 0px;margin:5px 0px 5px 0px;width:150%;float:left;height:25px;'>
<div style='float:left;padding-left:0px;font:normal 12px Georgia;'>
Share:
<!-- AddThis Button BEGIN -->
<div class='addthis_toolbox addthis_default_style '>
<a class='addthis_counter addthis_pill_style'/>
<a class='addthis_button_tweet'/>
<a class='addthis_button_pinterest_pinit'/>
<a class='addthis_button_google_plusone' g:plusone:size='medium'/>
<a class='addthis_button_facebook_like' fb:like:layout='button_count'/>
</div>
<script src='http://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-50545bb3660ad7f2' type='text/javascript'/>
<!-- AddThis Button END --></div>
</div>
</b:if>
<!-- tombol share sampai disini -->
Demikianlah cara mudah Membuat Tombol Share dan Google+ di bawah postingan blogger Anda, semoga bermanfaat.