Tampilan Widget Google Buzz + Counter pada Blog

Artikel sebelumnya saya telah menjelaskan cara membuat dan memasang google buzz di blog. nah sekarang saya akan berbagi tampilan dari google buzz biar bagus dan KLOP dengan template. perhatikan tampilan google buzz dibawah ini dan silahkan pilih. oia untuk penyimpanannya, biasanya diatas kode :

<data:post.body/>

untuk Tampilannya sebagai berikut :

1. Tampilan 1

<div style='float:right; margin-right:10px;'>
<a title="Post on Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="normal-count"></a>
<script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script>
</div>

2. Tampilan 2

<div style='float:right; margin-right:10px;'>
<a title="Post on Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="small-count"></a>
<script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script>
</div>

3. Tampilan 3

<div style='float:right; margin-right:10px;'>
<a title="Post on Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="normal-button"></a>
<script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script>
</div>

4. Tampilan 4

<div style='float:right; margin-right:10px;'>
<a title="Post on Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="small-button"></a>
<script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script>
</div>

5. Tampilan 5

<div style='float:right; margin-right:10px;'>
<a title="Post on Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="link"></a>
<script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script>
</div>

sekarang tinggal kalian pilih dan pasang di blog kalian. semoga bermanfaat, jangan lupa komentarnya ya...