Tuesday, January 26, 2010

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.

.

Monday, January 4, 2010

Tes Embed Google, Facebook, Twitter, dan zonsDigital Mini

Contohnya lihat widget di sidebar sebelah kanan.

Ini kodenya:

<script type="text/javascript">
zmbt_widget_width="255";
zmbt_web_area_height="302";
zmbt_mobileURL="http://zonsdigital.mofuse.mobi/?sm=1";
zmbt_mobileURLtext="zonsDigital 1";
zmbt_normalURL="http://zonsdigital.blogspot.com";
zmbt_normalURLtext="zonsDigital 2";
zmbt_link_separator=" • ";
</script>
<script src="http://sites.google.com/site/zonsweb/js/zonsminibrowsertools-0.1.txt" type="text/javascript"></script>

Tinggal ganti text warna merah saja.


.

Sunday, January 3, 2010

Tes Font Burner 012345678 - Headline dan Judul dengan Font Khusus

Ini buat ngetes pake font dari FontBurner, pake font jenis Corbel Bold. Tapi khusus buat tampilan headline atau judul artikel aja. Kode htmlnya harus di copy-paste ke template blogger tepat di atas tag <body>.

Bisa juga buat tampilin font khusus Corbel Bold ini di konten artikel, tapi pada teks yang kita ubah harus memasukkan kode ini:
<div class="corbel_bold">Your text here</div>

Contohnya teks ini:
Ngetes Font Burner http://www.fontburner.com :)

.