Hidup ini penuh ujian ;)
Di sini isinya artikel-artikel ujicoba, testing, blom jadi, dan blom siap dipublish :D
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
2. Kemudian pada teks link yang akan diubah menjadi tombol tambahkan kode dengan format seperti ini pada tag
Catatan penting:
Agak repot? Iya, hehehe... .
.
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... .
.
Monday, January 4, 2010
Tes Embed Google, Facebook, Twitter, dan zonsDigital Mini
Contohnya lihat widget di sidebar sebelah kanan.
Ini kodenya:
Tinggal ganti text warna merah saja.
.
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:
.
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
.
Subscribe to:
Posts (Atom)