Melanjutkan posting sebelumnya mengenai digg, kali ini saya akan menuliskan tutorial
bagaimana cara memasang Digg This Button di website Anda.
Seperti yang sudah saya jelaskan di posting sebelumnya, digg mempunyai tool di mana pengunjung bisa langsung men-submit artikel Anda di digg. Tool ini yang disebut
Digg This Button.
Lalu bagaimana
cara memasang digg this button di website Anda? Sebenarnya caranya sama seperti cara memasang
share on facebook button yang sudah pernah saya tulis sebelumnya. Langsung saja lihat scriptnya di bawah ini.
Ada 4 pilihan yang bisa Anda gunakan.
- Tidak memakai count (hanya link, tanpa jumlah submit).
<a expr:href='"http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Submit this post on digg'>Digg this</a>
- Tidak memakai count (dalam bentuk icon).
<script type='text/javascript'>
digg_url = '<data:post.url/>';
digg_title = '<data:post.title/>';
digg_skin = 'icon';
digg_window = 'new';
</script>
<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>
- Dengan count (dalam bentuk kecil).
<script type='text/javascript'>
digg_url = '<data:post.url/>';
digg_title = '<data:post.title/>';
digg_skin = 'compact';
digg_window = 'new';
</script>
<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>
- Dengan count (dalam bentuk besar).
<script type='text/javascript'>
digg_url = '<data:post.url/>';
digg_title = '<data:post.title/>';
digg_skin = 'large';
digg_window = 'new';
</script>
<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>
Bagi pengguna blogger, lihat
tutorial pemasangannya di bawah ini.
- Copy salah satu script di atas.
- Setelah itu, masuk ke akun blogger Anda.
- Pilih menu Tata Letak (Layout) » Edit HTML
- Klik tulisan "expand template widget", kemudian cari kode seperti di bawah. Kode ini adalah kode untuk judul posting. Setiap template mungkin sedikit berbeda, jadi sesuaikan dengan template Anda.
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
- Paste script digg this tadi ke bagian atas dari kode judul posting di atas.
- Terakhir, tambahkan kode berikut pada script digg this.
<div style="float: right;">
kode digg this button
</div>
Script di atas tidak hanya bisa dipakai untuk blogspot, tetapi juga blog atau website lainnya seperti wordpress.
Selamat mencoba!
Title : Cara Pasang Digg This Button
Description : Melanjutkan posting sebelumnya mengenai digg, kali ini saya akan menuliskan tutorial bagaimana cara memasang Digg This Button di website An...
