Percantik Blogmu dengan IconDock (jQuery)

Februari tinggal beberapa hari lagi, postingan di bulan februari masih sedikit. Yaudah ini aja dehh saya posting, kali aja berguna.. hehhe... karena saya lagi malas nulis postingan jadi gk usah bertele-tele lagi dehh. Kalau mau lihat apa itu IconDock bisa dilihat di blog saya yang ini, sorot mousenya ke Icon. Oia sebelum lupa, Script ini saya dapatkan dari sini.

Langsung ke cara pembuatannya :

1. Seperti biasa, login dulu ke Blogger → Rancangan → Edit HTML

2. Masukkan kode di bawah ini diatas kode </head>

<script src='http://icon.cat/software/iconDock/lib/jquery.js' type='text/javascript'/>
<script type='text/javascript'>
var confDock = {
    iconMinSide : 35,
    iconMaxSide : 70,
    distAttDock : 100,
    coefAttDock : 2,   
    veloOutDock : 500,
    valign: &#39;top&#39;
}


jQuery(function() {
     jQuery(&quot;#BarraPersonalitzada&quot;).addDockEffect(confDock);
   
});
</script>

Kemudian kalian tinggal menempatkan IconDock tersebut dimana, disini biar gk ribet saya kasih tau cara menaruhnya di sidebar (widget) saja...

3. Caranya, setelah melakukan langkah no.2 Save Template. Kemudian menuju ke Elemen Laman

4. Klik Tambah Gadget → pilih HTML/Javascript

5. Kemudian masukkan kode di bawah ini

<div id="BarraPersonalitzada">


<a href="#" name="Alertes_name" title="Google alertes"><img src="http://icon.cat/software/iconDock/img/alerts_35.gif" alt="Campana_alt" border="0" /></a>


<a href="#" name="Escriptori_name" title="Google Escriptori"><img src="http://icon.cat/software/iconDock/img/desktop_35.gif" alt="Escriptori_alt" border="0" /></a>


<a href="#" name="Compres_name" title="Google compres"><img src="http://icon.cat/software/iconDock/img/froogle_35.gif" alt="Froogle_alt" border="0" /></a>


<a href="#" name="GMail_name" title="Google mail"><img src="http://icon.cat/software/iconDock/img/gmail_35.gif" alt="Gmail_alt" border="0" /></a>


<a href="#" name="Grups_name" title="Google grups"><img src="http://icon.cat/software/iconDock/img/groups_35.gif" alt="Grups_alt" border="0" /></a>


</div>

Keterangan :
- ganti kode berwarna merah dengan URL gambar Icon yang kamu suka
- ganti kode berwarna biru dengan Link tujuan kalau icon tersebut di klik

6. Kalau sudah ya disimpan, dan lihat hasilnya....

Continue Reading

Analisa Font (Tugas)

1. Script MT Bold


    Script MT Bold ini adalah Font yang mirip-mirip seperti gaya penulisan Jerman di awal abad ke20-an. Garis kecil dari depan-bawah dan garis kecil dari belakang menuju bawah Font ini membuat ketika font ini disatukan akan terlihat menjadi huruf sambung. Karena terlihat seperti huruf sambung, font ini cocok untuk membuat surat supaya isi surat tersebut terlihat lebih menawan. Tidak seperti font-font huruf tidak sambung lainnya seperti Arial, Times new Roman dll. Font ini tidak cocok dalam penulisan laporan dan artikel, karena font ini hanya unggul di stylenya saja yang terlihat agak klasik.




2. Imprint MT Shadow


Kalau dilihat dari jauh, font ini mirip seperti Times new Roman. Karena memang stylenya seperti itu. Tapi ketika dilihat dari dekat, font ini terdapat path kecil berwarna putih di sebelah kiri di setiap karakternya. Sehingga menciptakan efek agak menimbul/3D. Font ini memiliki keunggulan di style yang membuatnya menimbul itu. Font ini cocok untuk orang yang ingin menulis dengan font yang agak sedikit mewah tapi tetap membuat tulisannya jelas. Kelemahan font ini adalah ketika dilihat dari jauh, tulisan akan terlihat agak buram karena efek garis putih yg membuatnya terlihat menimbul tersebut. 


3. Franklin Gothic Demi Condensed



Kalau font yang satu ini adalah font yang cukup menarik bagi saya, karakternya yang jelas, dan stylenya yang tidak berlebihan membuat font ini terlihat bagus. Karakternya hampir mirip dengan Arial, cuma dia sedikit lebih tebal dan jarak antar spacenya juga agak lebih dekat dibanding arial. Karena jarak spacenya yang terlalu kecil membuat font ini kalau dilihat dari jauh seperti mendempet. Font ini cocok digunakan untuk penulisan isi dari artikel dan laporan. 

Continue Reading