Tutorial Blog Mas Andes Official - Tips Blogging | Trik Blogger | Tutorial Blogger | Widget Blogger | Blog Design | Taktik SEO (Search Engine Optimization)

Simple Efek Disapear Artikel Blog With jQuery

Efek Disapear Artikel Blog With jQuery
Simple Efek Disapear Artikel Blog With jQuery – blog dengan jQuery memang sangat melekat dan selalu saling berkaitan. Saat membicarakan jquery dengan blog memang terasa seperti tidak ada habisnya sampai kemudian hari untuk mengolah blog menggunakan script jQuery untuk memanipulasi komponen di dokumen HTML. Hal ini disebabkan karena jQuery dirancang sedemikian rupa supaya projek yang kita buat menggunakan Javascript menjadi relatif sangat mudah. Write less do more, menulis kode lebih sedikit tetapi melakukan pekerjaan lebih banyak. Pada tutorial ini kita akan membahas mengenai efek didalam posting blog yang nantinya pada artikel yang sudah kita tempel dengan efek maka akan dapat dengan mudah untuk memberikan kebebasan kepada visitor sehingga jika pada saat visitor menginginkan artikel tersebut tidak tampil di postingan maka dengan sangat mudahnya visitor dapat langsung menghilangkannya dengan menekan tombol yang sudah tersedia. Sebagai contoh agar lebih detail dan jelasnya bisa dilihat pada demo. Untuk memasang efek ini kedalam blog maka berikut adalah tutorial cara menerapkan Simple Efek Disapear Artikel Blog With jQuery.

1. Login ke akun blogger.
2. Lalu copy kode dibawah ini.
<script type="text/javascript" src="http://faceblog-evolutions.googlecode.com/files/jquery.gallery.js"></script>
<script type="text/javascript">
$(document).ready(function(){                         
$(".pane .delete").click(function(){
$(this).parents(".pane").animate({ opacity: 'hide' }, "slow");
});
});
</script>
<style type="text/css">
.pane { color: #000; background: #e9fbe9; padding: 10px 20px 10px;
position: relative; border-top: solid 2px #52e052; }
.pane .delete { position: absolute; top: 10px;
right: 10px; cursor: pointer; }
</style>

<div class="pane">
<h3>JUDUL 1</h3>
<p>Silahkan ganti dengan teks yang di inginkan</p>
<img src="http://1.bp.blogspot.com/-6V5O-Y18I7Y/UdBuyKyN6zI/AAAAAAAAFZs/Uj-CIqJxCs4/s16/btn-delete.gif" alt="delete" class="delete" />
</div>
<div class="pane">
<h3>JUDUL 2</h3>
<p>Silahkan ganti dengan teks yang di inginkan</p>
<img src="http://1.bp.blogspot.com/-6V5O-Y18I7Y/UdBuyKyN6zI/AAAAAAAAFZs/Uj-CIqJxCs4/s16/btn-delete.gif" alt="delete" class="delete" />
</div>
<div class="pane">
<h3>JUDUL 3</h3>
<p>Silahkan ganti dengan teks yang di inginkan</p>
<img src="http://1.bp.blogspot.com/-6V5O-Y18I7Y/UdBuyKyN6zI/AAAAAAAAFZs/Uj-CIqJxCs4/s16/btn-delete.gif" alt="delete" class="delete" />
</div>
3. Selanjutnya paste kode tersebut kedalam area posting mode HTML, lalu klik Publikasikan.

DEMO:

JUDUL 1

Silahkan ganti dengan teks yang di inginkan

delete

JUDUL 2

Silahkan ganti dengan teks yang di inginkan

delete

JUDUL 3

Silahkan ganti dengan teks yang di inginkan

Berlangganan artikel via email

22 Response to "Simple Efek Disapear Artikel Blog With jQuery"

keren sobat, saat di klik tanda x nya kan hilang, kalo mau menampilkan lagi, gimana ya,

Balas

Menarik sekali, Setelah di close, ternyata refresh bisa memunculkan kembali ya? ...

Balas

baru bangkit dari kubur ya hahaha.. posting jam 00.00 rupiah.

aku gak paham nih.

Balas

di refresh kali pagenya .

Balas

mantap sob keren sumeren hehe

Balas

apa nyebur ke kali .. ko tega sih miz hehe b'canda

Balas

Tutorialnya sangat membantu sekali dan berguna sobat,
sungguh sangat bagus...)
terima kasih sudah berbagi

Balas

tumben tuh bu tia udah tau duluan.
hohoho

Balas

yah kira2 begitu bang :)

Balas

kalo jam 18.00 waktunya shalat maghrib
jam 19.00 waktunya shalat isya
jam 04.30 waktunya shalat subuh
jam 12.00 waktunya shalat dzuhur
jam 15.00 waktunya shalat asar

terus jam berapa dong yang pas..

Balas

kan boleh baru dapet sms dari saya...hehe
piss ya mba tia :)

Balas

begitu kira2 bang yah... :)

Balas

jam 7 malam lewat dikit kali mas...waktu nya shalat tarawih...
kan bentar lagi puasa... :)

Balas

sumeren adiknya sumiran ya kang...hehe :)

Balas

sama sama mas PP
jelas...siapa dulu dong mas adminnya
kalo udah soal urusan nundukin kode sama buat titorial ...hmmm

paling topcer...deh.. :)

Balas

ga ada kata lagi mas andes...
Sempurna deh :)

Balas

demonya keren gan..blognya juga keren gan

Balas

Keren nih mas tutorialnya mengenai Simple Efek Disapear Artikel Blog With jQuery, tiap minggu ada yang baru dan semakin tambah kreatif aja nih... Top deh :)

Balas

ijin coppas om
nice share om
kunjungan balik,,,
mkasih

Balas

aku suka semua artikelmu, dan thanks atas ilmunya broo..
salam kenal ajha
saya pemula...

Balas
  • Berkomentarlah dengan sopan dan bijak sesuai dengan isi konten.
  • Komentar yang tidak diperlukan oleh pembaca lain [spam] akan segera dihapus.
  • Apabila artikel yang berjudul "Simple Efek Disapear Artikel Blog With jQuery" ini bermanfaat, share ke jejaring sosial.
Konversi Kode