Untuk menambahkannya ke dalam blog, mari kita lihat caranya:
- Login pada akun Blogspot, Layout kemudian Edit HTML, jangan lupa klik Expand Template Widget
- Perhatikan kode Google Buzz berikut ini:
<div style="float:right;padding:4px;">
<a expr:href='"http://www.google.com/reader/link?url=" + data:post.url + "&title=" + data:post.title + "&srcTitle=" + data:blog.title+ "&srcURL=" + data:blog.homepageUrl ' rel='nofolloW' style='text-decoration:none;' target='_blank'>
<img alt='Buzz It' src='http://i48.tinypic.com/idyc04.png' style='border:0px;'/></a>
</div>
Pada kode tersebut menggunakan image bawaan, yaitu ada di url [http://i48.tinypic.com/idyc04.png]. Anda bisa menggantinya dengan browsing di Google. - Lanjut, letakkan kode Google Buzz di atas setelah kode berikut ini:
<div class='post-header-line-1'/>
- Namun kalau anda tidak menemukan kodenya, ada dapat meletakkan kode Google Buzz sebelum kode berikut:
<data:post.body/>
- Simpan template anda
Google Buzz Button with Share Count
Sama kayak yang atas, tapi yang ini ada penghitungnya. Diperoleh dari Njuice.Com dan tentunya anda bisa menemukan style yang berbeda di sana. Untuk memasangnya, gunakan kode ini untuk kode Google Buzz:
<div style="float:right;padding:4px;">
<script type='text/javascript'>
njuice_buzz_url = '<data:post.title/>';
njuice_buzz_title = '<data:post.url/>';
njuice_buzz_share = 'reader';
</script>
<script type='text/javascript' src='http://button.njuice.com/buzz.js'/>
</div>
Untuk beberapa editting, anda dapat juga menambah kode njuice_buzz_size = 'small'; atau njuice_buzz_size = 'simple'; di bawah kode njuice_buzz_share = 'reader';
Penempatannya sama, yaitu setelah kode:
<div class='post-header-line-1'/>
Tapi jangan letakkan dua-duanya, cukup satu saja. Karena akan aneh kalau dua, hehe. [ardi33]
No comments:
Post a Comment