Cara Mudah Buat Tombol Share Cantik di Blog

Cara Mudah Buat Tombol Share Cantik di Blog.©Tutorial Blog Dan Portal Informasi Banyak cara Jalan Menuju Roma dan banyak cara pula cara Pasang Tombol Share di Blog nih Cara yang sangat Mudah dipahami untuk blogger pemula membuat tombol suka, sharing, diatas maupun di bawah postingan blog versi lengkap


Caranya dengan model dulu cuma tombol facebook sebagai  berikut :

1. Login ke Blogger dengan akun sobat
2. Klik rancangan/atau Design kemudian Edit HTML dan jangan Lupa ceklis Expand Template Widget(kalau gak di ceklis gak akan muncul)
3. Lalu Cari Code

<data:post.body/>

4. Letak kan kode di bawah ini tepat di atasnya(kalau ingin di bawah postingan tombol suka nya tinggal pasang di bawah Code tersebut,

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=dark&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:24px;'/><br/>

5.Akhir simpan template anda. dan cek hasilnya selamat menikmati......cup..cupppp

Model Sekarang yang Simpel tanpa embel embel Script yang bikin Pusing buat sobat yang diambil dari AddThis.com
Dibawah ini ada 3 script untuk membuat tombol/button share Cantik dan kren  berikut preview gambarnya :

1. Kode script button share style-1:

<!-- AddThis Button BEGIN -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_style"></a>
</div></b:if>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e71feed783c3890"></script>
<!-- AddThis Button END -->

2. Kode script button share style-2:

<!-- AddThis Button BEGIN -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class="addthis_toolbox addthis_default_style addthis_32x32_style">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_style"></a>
</div></b:if>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e71ff8750bee738"></script>
<!-- AddThis Button END -->

3. Kode script button share style-3:

<!-- AddThis Button BEGIN -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div></b:if>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e71fdea5bff8d67"></script>
<!-- AddThis Button END -->

Adapun cara pemasangannya pada template, ikuti langkah-langkah dibawah ini :

1. Login ke dashboard blogger anda.
2. Pilih Rancangan > Edit HTML, centang Expand widget template.
3. Cari kode <data:post.body/> atau kode <div class='post-header-line-1'/> pada template anda ( salah satunya saja ! ) dan letakkan script button sharenya diatas kode tadi.
4. Save template dan lihat hasilnya.

Reviews Title' Cara Mudah Buat Tombol Share Cantik di Blog 9 out of 10 based on 10 ratings. 553 user reviews.

Artikel Terkait: