Home » Widget blog » Cara membuat tombol di blog | tombol share

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.

11 Comments

Add a Comment

Your email address will not be published. Required fields are marked *