Senin, 22 April 2013

Cara membuat tombol di blog | tombol share


Cara membuat tombol di blog Selamat malam teman teman Blogger, kali ini saya mau ngasi tips blogging yang lumayan keren, yaitu cara mambuat tombol di blog kita ke jejaring sosial seperti twitter, facebook, yahoo dan lain-lain, sebelum itu kita sedikit membahas dulu apa sih manfaat dari tombol share yang ada di blog kita?
Tombol share yang sering kita temui atau jumpai di blog-blog lain, atau blog di saya juga ada tombol share ini berfungsi untuk membagikan link blog yang kita baca, ke situs jejaring sosial.
Sebenarnya banyak macam tombol share, namun buat saya tombol share inilah yang paling keren dan paling enteng, kenapa enteng?? Ya karna gak berat hehee

Langsung saja yaaah Cara membuat tombol di blog


1. Login ke blog teman teman.
2. Pilih Tataletak, Tambah Gadget.
3. Kemudian pilih HTML/JavaScript.
4. Lalu masukan kode dibawah ini.

<script charset="UTF-8" src="http://s.web.informer.com/favorites-button.js?glass," type="text/javascript">
</script>

5. Lalu simpan template dan lihat hasilnya.
6. selamat menikmati.

Cara membuat tombol di blog di setiap postingan.


1. langsung adjah ke TEMPLATE kemudian pilih EDIT HTML.
2. Centang kotak yang bertuliskan EXPAND TEMPLATE WIDGET.
3. kalau sudah, cari kode  <data:post.body/> (Untuk memudahkan pencarian, klikF3 )
4. Ada dua pilihan, kalau teman teman ingin meletakan tombol share di bawah postingan maka copy paste script dibawah ini tepat dibawah kode  <data:post.body/>

<b:if cond='data:post.isFirstPost'>
<!-- Facebook -->
<div id='fb-root'/>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = &quot;http://connect.facebook.net/en_US/all.js#xfbml=1&quot;;
fjs.parentNode.insertBefore(js, fjs);
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));


</script>
<!-- Google +1 -->
<script type='text/javascript'>
(function() {
var po = document.createElement(&#39;script&#39;); po.type = &#39;text/javascript&#39;; po.async = true;
po.src = &#39;https://apis.google.com/js/plusone.js&#39;;
var s = document.getElementsByTagName(&#39;script&#39;)[0]; s.parentNode.insertBefore(po, s);
})();
</script>


<!-- Twitter -->
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=&quot;//platform.twitter.com/widgets.js&quot;;fjs.parentNode.insertBefore(js,fjs);}}(document,&quot;script&quot;,&quot;twitter-wjs&quot;);</script>
</b:if>
<!-- Scripts End -->
<!-- Horizontal social buttons Start -->


<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div class='horizontal-social-buttons' style='padding:5px 0 5px;'>
<!-- Twitter -->
<div style='float:left;'>
<a class='twitter-share-button' data-count='horizontal' data-lang='en' data-related='' data-via='' expr:data-text='data:post.title' expr:data-url='data:post.url' href='https://twitter.com/share'>Tweet</a>
</div>
<!-- Google +1 -->


<div style='float:left;'>
<g:plusone annotation='bubble' expr:href='data:post.url' size='medium'/>
</div>
<!-- Facebook Like+Send -->
<div style='float:left;'>
<fb:like colorscheme='light' expr:href='data:post.url' font='' layout='button_count' send='true' show_faces='false'/>
</div>
</div>
</b:if>


<div style='clear: both;'/>

6. kalau teman teman ingin meletakan tombol share ini di atas postingan blog teman teman, letakan script di atas tepat di atas kode <data:post.body/>
7. Kemudian SIMPAN template teman teman..
8. Selamat menikmati.

Nah udah yah teman teman tentang Cara membuat tombol di blog semoga bermanfaat.

1 komentar:

  1. TOKO HANDPHONE TERBESAR TERLENGKAP TERMURAH TERPERCAYA NABILA SHOP Produk dijamin asli orginal.Dapatkan harga promo Nabila Shop Barang yang Kami Tawarkan Semuanya Barang ASLI ORGINAL Ada Garansi Resmi Distributor dan Garansi TAM 2 bebas resiko bebas penipuan.
    Semua Produk Kami Baru dan Msh Tersegel dLm BOX_nya.
    BERMINAT HUB-SMS 085-757-299-675 ATAU KLIK WEBSET RESMI KAMI http://nabilashop77.blogspot.com
    Ready Stock! Samsung Galaxy S4 Mini Rp.2,500.000
    Ready Stock! Apple iPhone 5 Rp.2,700.000
    Ready Stock! BlackBerry 9380 Orlando - Black.Rp.900.000,-
    Ready Stock! BlackBerry Curve 8520 Gemini.Rp.500.000,-
    Ready Stock! BlackBerry Bold 9780 Onyx 2.Rp.800.000,-
    Ready Stock! Blackberry Curve 9320.Rp.700.000,-
    Ready Stock! Samsung Galaxy Note 10.1.Rp.2,500.000.
    Ready Stock! Samsung Galaxy Tab 2 (7.0).Rp. 1.000.000
    Ready Stock! Samsung Galaxy S III Mini.Rp.1.800.000.
    Ready Stock! Samsung Galaxy Nexus I9250 - Titanium Si.Rp.1.500.000,-
    Ready Stock! Samsung Galaxy Note N7100.Rp.2.500.000.
    Ready Stock! Samsung Galaxy Note N7000 - Pink.Rp.1.700.000.
    Ready Stock! Samsung Galaxy Y S5360 GSM - Pure White.Rp.500.000

    BalasHapus

RajaChanger COM Terpercaya Indonesia Jasa Jual Beli eCurrency dan Deposit Withdraw Balance Forex

RajaChanger indonesia terpercaya  jasa exchanger yang melayani penukaran jual beli topup saldo balance dollar akun Perfect Money PM BitCo...