Recently Lyrics Updated
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eu tempus est, in tempus turpis. Mauris leo purus, malesuada eu convallis sed, dictum ut dolor. Quisque mollis lacus id ante mattis mollis. Curabitur nec diam mi. Curabitur quis vehicula neque. Fusce eros mauris, maximus eget eros vitae, ornare elementum tellus. Quisque consectetur tellus vitae nisl auctor varius. Nulla pretium auctor neque, sit amet semper magna aliquam vitae.
Pellentesque congue, massa ac luctus tempus, odio metus posuere leo, in malesuada sem risus placerat orci. Nulla nec efficitur erat. Donec et mauris id purus convallis molestie sit amet vitae nulla. Praesent varius nunc massa, eget dignissim odio mattis eu. Nunc sit amet mauris blandit risus maximus lacinia quis quis mauris. Proin dignissim neque eu velit auctor convallis. Sed finibus scelerisque rhoncus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Morbi mattis dignissim eleifend. Praesent vehicula massa nunc, id dictum dui tempus in. Curabitur varius suscipit odio a lobortis. Phasellus a tristique ante. Pellentesque tristique enim ut risus sagittis, quis porttitor enim malesuada. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed nec augue vel arcu elementum condimentum eget at nisi. Phasellus vitae dapibus magna. Phasellus sagittis eget dolor volutpat ultrices. Quisque dolor lectus, laoreet eget suscipit eu, mattis vel dolor. Suspendisse vitae mattis erat, a venenatis augue. Maecenas placerat quis ex id tempor. Pellentesque sagittis ornare diam, eu facilisis nulla ultricies non. Morbi et condimentum augue. Cras luctus gravida velit, id interdum metus convallis eget.
In porta eu elit eu pharetra. Vivamus aliquet nibh ut ante faucibus, vitae faucibus quam suscipit. Donec felis diam, pulvinar at aliquam nec, tempor ut sapien. Aliquam aliquam enim justo, et euismod orci accumsan ac. Nullam volutpat ligula dui, vitae lacinia tortor iaculis non. Sed nec enim id enim suscipit viverra ut nec ante. Suspendisse cursus viverra dolor, a pharetra justo maximus vitae.
Morbi ornare bibendum elit, non ultricies metus sagittis sed. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Ut sed dolor aliquet, congue justo tincidunt, finibus velit. Nulla turpis ex, vulputate a sem sit amet, elementum imperdiet urna. Ut eget felis blandit mi vulputate vestibulum a sit amet quam. Nam dui elit, pretium sed posuere sit amet, sagittis ac felis. Morbi nec pharetra massa. Suspendisse eu leo eget nibh ullamcorper dictum malesuada eget lacus. Etiam gravida, lorem at gravida euismod, risus augue porta tellus, id dapibus metus metus sed magna. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eu tempus est, in tempus turpis. Mauris leo purus, malesuada eu convallis sed, dictum ut dolor. Quisque mollis lacus id ante mattis mollis. Curabitur nec diam mi. Curabitur quis vehicula neque. Fusce eros mauris, maximus eget eros vitae, ornare elementum tellus. Quisque consectetur tellus vitae nisl auctor varius. Nulla pretium auctor neque, sit amet semper magna aliquam vitae.
Pellentesque congue, massa ac luctus tempus, odio metus posuere leo, in malesuada sem risus placerat orci. Nulla nec efficitur erat. Donec et mauris id purus convallis molestie sit amet vitae nulla. Praesent varius nunc massa, eget dignissim odio mattis eu. Nunc sit amet mauris blandit risus maximus lacinia quis quis mauris. Proin dignissim neque eu velit auctor convallis. Sed finibus scelerisque rhoncus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Morbi mattis dignissim eleifend. Praesent vehicula massa nunc, id dictum dui tempus in. Curabitur varius suscipit odio a lobortis. Phasellus a tristique ante. Pellentesque tristique enim ut risus sagittis, quis porttitor enim malesuada. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed nec augue vel arcu elementum condimentum eget at nisi. Phasellus vitae dapibus magna. Phasellus sagittis eget dolor volutpat ultrices. Quisque dolor lectus, laoreet eget suscipit eu, mattis vel dolor. Suspendisse vitae mattis erat, a venenatis augue. Maecenas placerat quis ex id tempor. Pellentesque sagittis ornare diam, eu facilisis nulla ultricies non. Morbi et condimentum augue. Cras luctus gravida velit, id interdum metus convallis eget.
In porta eu elit eu pharetra. Vivamus aliquet nibh ut ante faucibus, vitae faucibus quam suscipit. Donec felis diam, pulvinar at aliquam nec, tempor ut sapien. Aliquam aliquam enim justo, et euismod orci accumsan ac. Nullam volutpat ligula dui, vitae lacinia tortor iaculis non. Sed nec enim id enim suscipit viverra ut nec ante. Suspendisse cursus viverra dolor, a pharetra justo maximus vitae.
Morbi ornare bibendum elit, non ultricies metus sagittis sed. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Ut sed dolor aliquet, congue justo tincidunt, finibus velit. Nulla turpis ex, vulputate a sem sit amet, elementum imperdiet urna. Ut eget felis blandit mi vulputate vestibulum a sit amet quam. Nam dui elit, pretium sed posuere sit amet, sagittis ac felis. Morbi nec pharetra massa. Suspendisse eu leo eget nibh ullamcorper dictum malesuada eget lacus. Etiam gravida, lorem at gravida euismod, risus augue porta tellus, id dapibus metus metus sed magna. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
Halo sobat KodeHime, kali ini admin akan membagikan sebuah tutorial yang bernama "JQuery Slide Show", nah sebelum kita masuk pada tutorial, saya akan menjelaskan sedikit tentang apa itu slide show.
Slide Show disini adalah sebuah gambar yang akan kita rangkai sedemikian rupa agar tampilannya bisa muncul dan menghilang seperti yang kita inginkan. Nah, disini ada beberapa macam jenis slide show, mari saya sebutkan, yang mana nanti akan saya tunjukkan tutorialnya.
Slide Show disini adalah sebuah gambar yang akan kita rangkai sedemikian rupa agar tampilannya bisa muncul dan menghilang seperti yang kita inginkan. Nah, disini ada beberapa macam jenis slide show, mari saya sebutkan, yang mana nanti akan saya tunjukkan tutorialnya.
Macam - macam Slide Show yang nanti saya bagikan :
- Slide show otomatis (otomatis berganti tergantung durasi)
- Slide show event click (gambar akan berganti saat kita klik event)
- Slide show otomatis dan event click (gambar akan berganti saat kalian klik event dan juga akan otomatis berganti tergantung durasi)
- Slide show tag/gambar event click (gambar kecil yang kita klik akan memunculkan Slide Show)
Oke, sebelum kita mulai tutorialnya, saya sarankan kalian baca apa itu JQuery, agar kalian mengerti dasar2 dari JQuery.
1. Slide Show otomatis
Halo sobat blogger, kali ini admin kodehime akan membagikan sebuah tutorial yang bernama "JQuery Toggle", disini sobat2 ada yang tau apa itu JQuery ? kalau belum silahkan sobat baca post Apa itu JQuery. Nah, intinya, Jquery adalah sebuah library dari javascript (lintas platform) yang sudah dimodif sedemikian rupa agar penggunaannya lebih mudah.
Nah, lanjut pada tutorial JQuery Toggle, JQuery Toggle memiliki banyak kegunaan, seperti pada artinya, Toggle yang berarti Beralih. Jadi fungsi utama dari Jquery Toggle adalah beralih, tapi, walaupun fungsi tersebut sederhana, penggunaan Toggle sangatlah penting, contohnya kita menggunakan fungsi Toggle untuk menjalankan popup di website, mengganti warna suatu box saat kita click, menyembunyikan atau memunculkan suatu tag di html, dan lebih banyak lagi..
Nah setelah penjelasan singkat JQuery Toggle, sekarang lanjut ke tutorialnya.
Nah, lanjut pada tutorial JQuery Toggle, JQuery Toggle memiliki banyak kegunaan, seperti pada artinya, Toggle yang berarti Beralih. Jadi fungsi utama dari Jquery Toggle adalah beralih, tapi, walaupun fungsi tersebut sederhana, penggunaan Toggle sangatlah penting, contohnya kita menggunakan fungsi Toggle untuk menjalankan popup di website, mengganti warna suatu box saat kita click, menyembunyikan atau memunculkan suatu tag di html, dan lebih banyak lagi..
Nah setelah penjelasan singkat JQuery Toggle, sekarang lanjut ke tutorialnya.
1. .toggle()
Penggunaan :$('.class_kamu').toggle();
$('.class_kamu').toggle(2000); // menjalankan animasi selama 2detik
$('.class_kamu').toggle('slow'); // menjalankan animasi dengan lambat
.Toggle(); ini memiliki efek memunculkan suatu tag html dari samping kiri atas dan perlahan membesar seperti yang kamu atur.
