|  |  |  | | | | | Alprablog™ | | | | | | | | | | | | | | | | | |
Alkisah di suatu pulau kecil, tinggallah berbagai macam benda-benda abstrak. Ada Cinta, Kesedihan, Kekayaan, Kegembiraan, dsb. Mereka hidup berdampingan dengan baik. Namun suatu ketika, datang badai menghempas pulau kecil itu, dan air laut tiba-tiba naik, akan menenggelamkan pulau tersebut. Semua penghuni mulai cepat-cepat berusaha menyelamatkan diri masing-masing. Cinta mulai kebingungan, karena ia tidak dapat berenang dan tidak memiliki perahu. Ia berdiri di tepi pantai untuk mencoba mencari pertolongan. Sementara itu, air makin naik membasahi kaki cinta.
http://alprablog.blogspot.com/
Tak lama kemudian, Cinta melihat Kekayaan sedang mendayung perahu. "Kekayaan, Kekayaan, tolong aku", teriak Cinta. "Aduh maaf cinta, perahuku telah penuh dengan harta bendaku. Aku tidak dapat membawamu, nanti perahuku tenggelam. Lagipula tidak ada lagi tempat bagimu di perahu ini", kata Kekayaan. Lalu kekayaan kembali bergegas mendayung perahunya untuk pergi. Cinta merasa sedih sekali.
http://alprablog.blogspot.com/
Namun kemudian Cinta melihat Kegembiraan lewat dengan perahunya. "Kegembiraan, tolong aku", teriak Cinta. Namun Kegembiraan terlalu gembira karena ia dapat menemukan perahu, sehinga ia tidak mendengar teriakan Cinta. Air semakin tinggi membasahi Cinta sampai ke pinggangnya, sehingga Cinta semakin panik.
http://alprablog.blogspot.com/
Tidak lama kemudian, lewatlah Kecantikan. "Kecantikan, bawalah aku bersamamu", pinta Cinta. "Wah Cinta, lihatlah. Kamu basah dan kotor, aku tidak bisa membawamu ikut. Nanti kamu mengotori perahuku yang indah ini", sahut Kecantikan. Cinta sedih sekali mendengarnya, ia mulai menangis terisak-isak.
http://alprablog.blogspot.com/
Saat itu lewatlah Kesedihan, "Wahai Kesedihan, bawalah aku bersamamu", Cinta meminta untuk ikut bersamanya. "Maaf Cinta, aku sedang sedih, dan aku ingin sendirian saja", kata Kesedihan sambil terus mengayuh perahunya. Cinta putus asa, ia merasakan air makin naik dan akan menenggelamkannya.
http://alprablog.blogspot.com/
Pada saat itu terdengar suara, "Cinta, mari cepat naik ke perahuku". Cinta menoleh ke arah suara tersebut, dan melihat seorang tua dengan perahunya. Dengan cepat-cepat Cinta langsung menaiki perahu tersebut tepat sebelum air menenggelamkannya.
http://alprablog.blogspot.com/
Di pulau terdekat, orang tua tersebut menurunkan Cinta dan segera pergi. Pada saat itu barulah ia sadar bahwa ia sama sekali tidak mengetahui siapakah orang tua yang telah memberi pertolongan sehingga dirinya selamat. Cinta segera menanyakan pada seorang penduduk di pulau tersebut, siapa sebenarnya orang tua tadi.
http://alprablog.blogspot.com/
"Pak, siapakah orang tua tadi??", tanya Cinta. "Oh, orang tua tadi?! Dia adalah sang waktu", kata penduduk. "Tapi mengapa ia menyelamatkanku? Aku tidak mengenalnya, bahkan teman-teman yang mengenalku pun enggan menolongku", Cinta heran.
Dan penduduk itu pun menjawab, "Hanya waktulah yang tahu, berapalah nilai yang sesungguhnya dari Cinta itu". SumberReal Page http://alprablog.blogspot.com/   | | | | | | | | | | | | | | | | | | | | | | | | Artikel ini akan menunjukkan Anda bagaimana untuk membuat efek hover cukup untuk gambar Anda menggunakan jQuery dan CSS. Rencananya adalah dengan menggunakan tanda membersihkan, menambahkan elemen yang diperlukan on the fly. Apakah ini berarti bahwa kita mulai dari tag gambar HTML barebone, dengan atribut hanya judul. Hal ini bisa datang berguna terutama jika Anda sudah memiliki ratusan gambar yang Anda ingin menerapkan efek ini pada gambar.
Langsung aja kelangkah pertama yaitu pemasangan jQuery.
- Login Blogger.com.
- Masuk ke Rancangan ~> Edit HTML
- Cari kode </head> dan letakan kode berikut tepat di afasnya.
<script type="text/javascript" src="http://js.alpra.co.cc/file/n4350821/jquery-1.3.1.js"></script> <script type="text/javascript" src="http://js.alpra.co.cc/file/n4350821/pretty-hover-project.js"></script>
- Masih di halaman Edit HTML.
- Cari kode ]]></b:skin> dan letakan kode berikut tepat di atasnya...
/*dynamically added*/
div.wrapper{width:218px; height:218px; overflow:hidden; position:relative; }
/*generic style for all div */
div.caption {font-family:'Reenie Beanie',arial; font-weight:bold; font-size:34px; letter-spacing:-2px; position:relative; text-align:center; padding:55px 15px 15px 15px; background:url(http://img.alpra.co.cc/file/n4350904/caption-bg.png) repeat-x; min-height:125px; color:#d20000; text-shadow:0 1px 1px #999; text-transform:capitalize; line-height:16px;}
- Simpan.
Di atas hanya memasang jQuery nya saja, langsung saja kita lanjut ke pemasangan pada postingan.
<ul> <li><img src="http://img.alpra.co.cc/file/n4350904/77335_4871.jpg" title="Autumn Leaves" /></li> <li><img src="http://img.alpra.co.cc/file/n4350904/107023_5283.jpg" title="Cloudy Skies" /></li> <li><img src="http://img.alpra.co.cc/file/n4350904/1282015_12556521.jpg" title="Nice Horsy" /></li> <li><img src="http://img.alpra.co.cc/file/n4350904/1262387_19591724.jpg" title="Grassy Meadows" /></li> <li><img src="http://img.alpra.co.cc/file/n4350904/220121_3233.jpg" title="Jigsaw Pieces" /></li> <li><img src="http://img.alpra.co.cc/file/n4350904/1282209_96954111.jpg" title="Retro Groove" /></li> </ul>
Silahkan ganti url gambar dan title gambar...
Jika ada kesulitan silahkan tinggalkan komentar. Insyaallah akan saya bantu :)Real Page http://alprablog.blogspot.com/   | | | | | | | | | | | | | | | | | | | | | | | | | | | | |  | |  | |  |
