2009-02-03

Menambahkan Digg Button di halaman posting

Menanggapi pertanyaan dari Muchammad tentang cara membuat Digg Button atau bahasa indonesianya tombol Digg. Maka kali ini saya akan memposting tentang cara untuk membuat Digg Button milik Digg.com seperti yang ada pada blog saya. Digg.com merupakan situs paling populer di dunia. Dengan Digg.com Anda dapat menemukan dan berbagi konten blog Anda. Sehingga juga sebagai salah satu cara untuk meningkatnya trafik blog Anda. Dengan Digg Button Anda dapat dengan lebih mudah mengirimkan artikel Anda ke Digg.com. Tak sabar ingin menambahkan Digg button ke blog Anda? Ikuti langkah-langkahnya :
1. Login ke BLogger dengan ID Anda.
2. Setelah masuk ke Dashboard pilih => Layout.
3. Kemudian klik Tab Edit HTML.
4. Centang kotak "Expand Widget Template" kemuadian klik "Download Full Template"
5. Pergi menuju kode. Cari kode ini. Agar lebih mudah gunakan Ctrl+F.

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

Kalau tidak ketemu gunakan yang ini saja :

<data:post.body/>


6.Hapus kode diatas dan ubah dengan kode berikut :

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

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

7. Simpan Pekerjaan Anda
8. Selesai. Sekarang tombol Digg telah di tambahkan dalam postingan Anda.

Ini berlaku untuk kode Template asli, bagaimana dengan kode template yang telah diubah dengan tambahan Read More. Anda harus mengubahnya dengan kode ini:

<b:if cond='data:blog.pageType == "item"'>

<style>.fullpost{display:inline;}</style>

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

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


<b:else/>

<style>.fullpost{display:none;}</style>

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

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


<a expr:href='data:post.url'><b>Read More...</b></a>

</b:if>

Simpan pekerjaan Anda dan Selesai.
Sekarang tinggal Mendaftarkan Blog atau situs Anda di Digg.com
Selamat Mencoba! Semoga berhasil...

4 komentar:

Just Bryan on 3 February 2009 at 07:36

Mampir kunjungan balik..
Ow..blog IT toh..
Bagus..bagus..

Berpikir dan Berjiwa besar on 3 February 2009 at 13:57

sip dAHHH

Berpikir dan Berjiwa besar on 3 February 2009 at 14:18

THANKS UDAH DI BUATIN ARTIKELNYA, TUKERAN LINK YUUUK...YM AKU : MUCHAMMADALHADDAD

Celoteh Anak Negeri on 21 December 2009 at 09:04

Mas kalau bisa lebih banyak lagi tricks-trick yang jitu biar lebih apdol

Leave a Comment

Silahkan menuliskan komentar anda pada opsi Google/Blogger untuk anda yang memiliki akun Google/Blogger.
Silahkan pilih account yang sesuai dengan blog/website anda (LiveJournal, WordPress, TypePad, AIM).
Pada opsi OpenID silahkan masukkan URL blog/website anda pada kotak yang tersedia.
Atau anda bisa memilih opsi Nama/URL, lalu tulis nama anda dan URL blog/website anda pada kotak yang tersedia.

Jika anda tidak punya blog/website, kolom URL boleh dikosongkan.
Gunakan opsi 'Anonim' jika anda tidak ingin mempublikasikan data anda. (sangat tidak disarankan). Jika komentar anda berupa pertanyaan, maka jika anda menggunakan opsi ini tidak akan ditanggapi.