Get Paid To Share File yang Direkomendasikan Ziddu | Kewlshare | Sharecash | Tips Berikutnya »

Home » HTML Tutorial » Internet » Javascript » SEO » Tips dan Trik » Tutorial Blog » Currently Reading:

Menambah Tombol Digg dalam Blogger

September 16, 2008 HTML Tutorial, Internet, Javascript, SEO, Tips dan Trik, Tutorial Blog 6 Comments

Digg adalah penyedia layanan social content, yaitu content bookmarking yang terkenal di kalangan blogger. Dengan layanan ini, artikel di blog kita dimungkinkan di vote pengunjung. Semakin banyak vote di suatu artikel, semakin banyak pula yang menjadi penasaran dan tergerak untuk membaca artikel yang mempunyai vote tinggi.

Untuk bisa dipasangi tombol ini, blog kita harus mendukung Post Pages. Untuk mengaktifkannya masuk ke Blogger Dashboard > Setting > Archiving > Enable Post Pages > Yes. Dan Save Setting.

Setelah aktif, lalu masuk ke Layout > Edit HTML, nah perhatikan kode berikut :

<div style=’float:xxx; 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>

Letakkan setelah tag <p><data:post.body/></p>

Untuk bagian xxx silakan diganti dengan left bila ingin berada di sebelah kanan, dan right bila ingin berada di akhir postingan.

Lalu bagaimana jika ingin berada di sebelah kiri? Gunakan yang 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>

Lalu letakkan di atas tag <p><data:post.body/></p>

Dan jika kita ingin menampilkan digg di bawah artikel sebelum label/credit, gunakan yang ini

<div class=’post-body’>

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

<div style=’clear: both;’/>

</div>

<div style=’float:right; margin-left:10px;’>

<a expr:href=’”http://digg.com/submit?phase=2&amp;url=” +

data:post.url + “&amp;title=” + data:post.title’

target=’_blank’><img border=”0” alt=”Digg this”

src=”http://digg.com/img/badges/91×17-digg-button.gif”/>

</a></div>

Mudah kan? Ada yang ingin menambahkan?

Anda Menyukai Artikel di Blog Ini? Masukkan Alamat Email Anda untuk Berlangganan:


Artikel Populer

Artikel yang Berkaitan :


Hasil Pencarian:

membuat tombol menu . digg . menambah menu home about di blog . cara menambah tombol menu pada blog seperti home . menambah posting pada blog . cara menambahkan home pada wordpress . menambah tombol menu blogspot . cara menambahkan share this post . link button pada blogspot . menambah widget digg ke blog . cara tambah tombol . cara menambah button home pada wordpress . cara membuat tombol link pada blogspot . tips bloger tambah menu . cara menambahkan tombol digg pada blog . trik menambah tombol pada blog . menambah button wordpress . tombol menu di blogspot . cara memasang tombol share pada post pada blog blogger . menambah javascript blogger .

Tags : , , , , , , , , , , ,

Currently there are "6 comments" on this Article:

  1. saiful anwarNo Gravatar says:

    Mantap Boss
    saiful anwar´s last blog ..VPN gratis My ComLuv Profile

  2. wisnuNo Gravatar says:

    ane coba kok ada gagal yak…??
    ada pesan errornya..
    bs bantu g?

  3. DedenNo Gravatar says:

    aduh puyeng ada cara yg lebih gampang gk ?
    Deden´s last blog ..Decibel Audio Player UBUNTU My ComLuv Profile

  4. BUJANG RIAUNo Gravatar says:

    kunjung balik ya… salam kenal

Search This Site:

Play Online Games !!

Adventure Online Game Puzzle Online Game
Sport Online Game Strategy Online Game
nowGoogle.Com SEO Challenge

Sponsor

Friends




Connections

Status

Dofollow Blog Internet Sehat

Polls

Platform CMS Favorit Para Blogger

View Results

Loading ... Loading ...

Translator

Comment on this Article:







CommentLuv Enabled

Kategori

Arsip Seluruh Artikel

Arsip