Menambahkan Tombol Digg Pada Postingan Blog

Berikut ini akan saya jelaskan bagaimana cara untuk menampilkan tombol DIGG di setiap postingan
blog kamu.
Sebelum kamu memulainya ada hal yang harus kamu lakukan:
***Blog kamu harus diset untuk menyimpan Post Pages dengan cara, login ke DASHBOARD, klik
SETTING -> ARCHIVING, set "ENABLE POST PAGES?" ke "YES" dan save seting***
Setelah itu, masuk ke TEMPLATE, klik EDIT HTML, untuk berjaga-jaga back up template terlebih dahulu.
setelah itu centang "EXPAND WIDGET TEMPLATES"





kemudian cari baris yang terdapat script

<p><data:post.body/></p>

Jika kamu ingin menempatkan tombol DIGG di pojok kanan atas postinganmu maka letakkan script
ini DIATAS baris script tadi:

<div style='float:right; margin-left:10px;'> <script type='text/javascript'> digg_url=&quot;<data:post.url/>&quot;; </script> <script src='http://digg.com/tools/diggthis.js' type='text/javascript'/> </div> <p><data:post.body/></p>

ini contohnya:





jika kamu ingin tombol DIGG berada di akhir postinganmu maka taruh script ini DIBAWAH script
yang tadi:

<p><data:post.body/></p> <div style='float:right; margin-left:10px;'> <script type='text/javascript'> digg_url=&quot;<data:post.url/>&quot;; </script> <script src='http://digg.com/tools/diggthis.js' type='text/javascript'/> </div>

maka hasilnya akan seperti ini:





jika kamu ingin tombol DIGG berada di pojok kiri atas postinganmu, maka kamu tinggal mengganti
scriptnya seperti ini:

<div style='float:left; margin-right:10px;'> <script type='text/javascript'> digg_url=&quot;<data:post.url/>&quot;; </script> <script src='http://digg.com/tools/diggthis.js' type='text/javascript'/> </div> <p><data:post.body/></p>

hasilnya akan seperti ini :





DIGG juga mempunyai tombol yang lebih praktis/kecil lagi dengan cara menambahkan script ini:

<div style='float:right; margin-left:10px;'> <script type='text/javascript'> digg_url=&quot;<data:post.url/>&quot;; digg_skin=&quot;compact&quot;; </script> <script src='http://digg.com/tools/diggthis.js' type='text/javascript'/> </div> <p><data:post.body/></p>

kamu akan melihat hasilnya seperti ini:





kamu juga dapat mengganti warna tombol DIGG tersebut dengan menggunakan kode warna hexadesimal
seperti ini:

<div style='float:right; margin-left:10px;'> <script type='text/javascript'> digg_url=&quot;<data:post.url/>&quot;; digg_bgcolor=&quot;#BDEDFF&quot;; digg_skin=&quot;compact&quot;; </script> <script src='http://digg.com/tools/diggthis.js' type='text/javascript'/> </div> <p><data:post.body/></p>

dan hasilnya seperti ini: