Cara memasang tombol Digg This

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).
  

<div style="float: right;">

<a expr:href='"http://digg.com/submit?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank' title='Submit this post on digg'>Digg this</a>

</div>

• Tidak memakai count (dalam bentuk icon).
  
  
  

<div style="float: right;">

<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'/>

</div>

• Dengan count (dalam bentuk kecil).
  
  
  

<div style="float: right;">

<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'/>

</div>

• Dengan count (dalam bentuk besar).
  
  
  

<div style="float: right;">

<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'/>

</div>

Nah, kita sudah tau scriptnya. Sekarang cara pemasangannya, lihat tutorialnyadi bawah ini :

1. Copy salah satu script di atas.
2. Setelah itu, masuk ke akun blogger Anda.
3. Pilih menu Tata Letak (Layout) » Edit HTML
4. 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>

5. Paste script digg this tadi ke bagian atas dari kode judul posting di atas.

Selamat mencoba!

Share