cara memasang tombol share di blogspot

7:28:00 AM
cara memasang tombol share di blogspot
Hay jumpa lagi bersama mimi, dalam artikel kali ini mimin ingin membahas mengenai ,cara memasang tombol share di blogspot , tombol ini sangat berguna untuk blogspot, karena dapa menaikan trafik di blogger kita, bukan hanya trafik namun google pasti melihat web kita lebih profesional, (!)

Di berbagai postingan sudah banyak cara tutorial memberikan post seperti ini namun ungkin kurang di pahami oleh si pembaca. untuk itu saya memberikan Artikel menenai cara memasang tombol share di blogspot. untuk contoh gambar lihat di bawah ini :

gambar by http://www.tutortatut.com/

Baca juga artikel lainya : cara membuat label di blogger
  • Untuk memasang tombol tersebut kita biasa login dengan akun email di blogspot, setelah itu masuk ke Edit HTML
gambar by http://www.tutortatut.com/
  • Nah kita sekarang udah masuk ke dalam menu Edit HTML, silahkan anda cari kode yang seperti ini : <data:post.body/>   atau bisa langsung dengan menekan tombol Ctrl+F dan pastekaan kode tersebut ke dalam kolom,
  • Jika anda menemuka 2 atau lebih kode di atas pastekanlah di yang pertama secrip/ kode di bawah ini :

<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:100%;float:left;height:20px;'>
<div style='float:left;padding-left:0px;font:normal 12px Georgia;'>
Share on :
</div>
<div style='float:left;padding-left:10px;'>
<a name='fb_share' type='button_count'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share'
type='text/javascript'>
</script></div>
<div style='float:left;padding-left:10px;'>
<a class='twitter-share-button' data-count='horizontal'
data-via='User Name'
href='http://twitter.com/share'>Tweet</a><script
src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
</div>
<div style='float:left;padding-left:10px;'>
<!-- Place this tag where you want the +1 button to render -->
<g:plusone size="medium"></g:plusone>
<!-- Place this render call where appropriate -->
<script type="text/javascript">
(function() {
var po = document.createElement('script'); po.type =
'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(po, s);
})();
</script>
</div>
</div>
</b:if>


Pastekan kode di bawah <data:post.body/> dan klik simpan sehingga anda bisa mengecek apakah sudah berhasil, atau masih eror jika masih eror anda simpan di atasnya , coba satu persatu semoga berhasil , sekian artikel dari kami jangan lupa komentar dan saran anda sangat membantu kami tanks salam blogger...

Artikel Terkait

Next Article
« Prev Post
Previous Article
Next Post »
Penulisan markup di komentar
  • Untuk menulis huruf bold gunakan <strong></strong> atau <b></b>.
  • Untuk menulis huruf italic gunakan <em></em> atau <i></i>.
  • Untuk menulis huruf underline gunakan <u></u>.
  • Untuk menulis huruf strikethrought gunakan <strike></strike>.
  • Untuk menulis kode HTML gunakan <code></code> atau <pre></pre> atau <pre><code></code></pre>, dan silakan parse kode pada kotak parser di bawah ini.

Disqus
Tambahkan komentar Anda