Web Development Blog Shannenpio

Untuk membuat fungsi scroll pada elemen halaman /widget, setidaknya kamu harus mengerti wujud kerangka widget standar blogspot secara umum terlebih dahulu. Bentuk widget blogspot secara umum dapat digambarkan seperti ini: <b:widget id='HTML1' locked='false' title='Pengikut' type='HTML'> <b:includable id='main'> <b:if cond='data:title != &quot;&quot;'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> ... ... ... </div> <b:include name='quickedit'/> </b:includable> </b:widget> Berikut ini adalah keterangannya secara singkat: id='HTML1' menunjukkan bahwa widget tersebut memiliki ID "HTML1". Kamu sangat membutuhkan ID ini untuk menentukan elemen mana yang akan diberi fungsi sc...

Untuk membuat efek salju, pertama-tama masuklah ke tab Rancangan kemudian tambahkan sebuah elemen halaman HTML/JavaScript . Salin script ini, kemudian letakkan di dalam formulirnya: <script src="http://hompimpa.googlecode.com/files/efeksalju.js" type="text/javascript"></script> Klik Simpan . Maka kamu akan mendapatkan efek salju persis seperti di halaman ini: Lihat Demo Sumber: hatetepe://wewewe.btinternet.com

Edit: Untuk versi yang lebih praktis bisa Anda baca di sini Smooth scroll back to top , adalah sebuah alternatif lain selain pembuatan elemen back to top biasa yang hanya akan mengantarkan Anda menuju ke atas saja tanpa adanya pemberian efek cantik. Untuk membuat tombol back to top biasa caranya sangat sederhana, yaitu dengan cara membuat sebuah tag hyperlink yang memiliki nilai href="#" , sekedar untuk mengarahkan Anda ke atas. Intinya adalah, setiap kali Anda membuat sebuah link kosong, maka link tersebut secara otomatis akan membawa Anda menuju ke atas setiap kali Anda mengekliknya, seperti ini: <a href='#'>Back to Top</a> Tapi jika situs Anda sudah dilengkapi dengan JQuery , kenapa masih mencoba untuk menggunakan cara lama? Padahal sebuah paket JQuery bisa saja membuat puluhan efek dengan cara yang sangat singkat. Anda bisa melihat cara kerja sistem ini dengan mengeklik tombol di bawah ini: Lihat Demo Untuk membuatnya, pertama-tama masuklah ke Ta...