Saturday, January 9, 2010

Tes Ubah Teks Link Jadi Tombol

Ini mau tes script merubah teks link menjadi tombol (baca artikel selengkapnya di sini):
Teks link

Caranya

1. Masukkan kode ini di atas tag </head> di template:
<link href='http://sites.google.com/site/zonsdigital/pub/code/simplybtn/simplybtn.css' media='screen' rel='stylesheet' type='text/css'/>
<script src='http://sites.google.com/site/zonsdigital/pub/code/simplybtn/simplybtn.js' type='text/javascript' />
<script type='text/javascript'>window.onload = function() { SimplyButtons.init(); };</script >

2. Kemudian pada teks link yang akan diubah menjadi tombol tambahkan kode dengan format seperti ini pada tag <a> (tag link):

<a id="links" class="button" href="URL-LINK"><span><span>Teks link</span></span></a>

Catatan penting:
  • Kode pada tag <a> tersebut ditambahkan di mode Edit HTML (bukan mode Compose) pada Post Editor Blogger.
  • Setelah menambahkan kode tersebut di mode Edit HTML, jangan kembali ke mode Compose, tapi harus langsung dipublish. Kalau tidak begitu, kode tag <span>-nya akan hilang. Jadi penambahan kode dilakukan pada saat terakhir sebelum artikel di-publish.

Agak repot? Iya, hehehe... :D.

.

No comments:

Post a Comment