CSS3 Warna Link

Oleh -
Hover Link Pelangi

Sebenarnya ada banyak tutorial yang menyediakan script tautan pelangi seperti ini. Tapi untuk yang satu ini, Saya sudah sedikit mengompresnya sehingga berkasnya jadi sedikit lebih kecil ukurannya.


<script src="http://reader-download.googlecode.com/svn/trunk/pelangi.js" type="text/javascript"></script>


Letakkan saja kode itu di atas kode </head> atau letakkan dalam sebuah widget HTML/JavaScript. Efeknya bisa kalian lihat langsung di sini. Coba saja kamu dekatkan kursor mousemu ke tautan-tautan di blog ini.
Sumber: HompimpaAlaihumGambreng

Komentar

Posting Komentar

Postingan populer dari blog ini

Cara Membuat CSS Button/ Tombol Css

Oleh -
Gambar
Berikut ini adalah daftar CSS Button yang bisa kamu terapkan dalam blogmu. Beberapa Saya desain sendiri, dan beberapa lagi adalah hasil mengambil dari desain situs-situs yang Saya kunjungi. Halaman ini akan terus bergerak dan akan terus diperbaharui andaikan Saya mendapatkan kesempatan untuk hidup lebih lama (dramatis). Oke ini dia... Daftar CSS Button untuk Kerangka Dasar: <input value="Button" type="button"> <input value="Submit" type="submit"> <input value="Reset" type="reset"> <button>Tag Button</button> Mirip Tuts+ Premium css button tutplus /* Tuts+ */ input[type="button"], input[type="submit"], input[type="reset"], button {   cursor:pointer;   border:1px solid #e7a943;   border-bottom-color:#d6982f;   border-top-color:#f5b74e;   color:#623f1d;   font-size:12px;   font-weight:bold;   line-height:12px;   padding:10px 18px;   text-decoration:none;
Baca selengkapnya

SEO Friendly Title Blogspot

Oleh -
SEO Judul Blogspot dimaksudkan untuk Optimasi Blog Tittle dan Post Tittle Blogger sehingga tampilan judul pada Search Engine mudah diingat dan kenali serta disenangi oleh mesin pencari. Cara membuat SEO Friendly Judul Blog: 1. Edit template 2. Cari menggunakan Ctrl+F kode <b:include data='blog' name='all-head-content'/> 3. Letakkan dibawahnya:   <b:if cond='data:blog.pageType == &quot;index&quot;'> <title><data:blog.pageTitle/></title> <b:else/> <title><data:blog.pageName/></title> </b:if> 4. Simpan perubahan dengan klik tombol Save
Baca selengkapnya

Membuat Recent Post Blogspot

Oleh -
Gambar
Pernah melihat model recent post seperti ini? Ya, itu adalah recent post bawaan dari Blogger.com . Jika dilihat-lihat, tampilannya memang terasa sedikit memaksa dengan template blog kita. Komposisi warna dan model huruf yang tidak bisa disesuaikan terkadang juga membuat recent post ini menjadi tampak seperti "tempelan" saja, bukannya menjadi salah satu bagian dari tubuh blog kita. Selain itu, salah satu bagian kecil berupa tautan bertuliskan continue >> juga mungkin akan sedikit mengganggu bagi para anak bangsa yang cinta bahasa tanah air. Nah, untuk mengatasi semua masalah itu, kamu bisa menggunakan baris script yang Saya peroleh dari salah seorang tetangga Saya yang baik hatinya. Namanya mas Hoctro (hehe..) Salin saja semua kode ini, kemudian letakkan di dalam sebuah elemen halaman HTML/JavaScript : <script type='text/javascript'> //<![CDATA[ //kredit kepada HOCTRO function rp(json) { document.write('<ul>'); for (v
Baca selengkapnya