makasih buat tutorialnya gan.
cuma mau ngasih tau aja kalo javascript sama java itu beda dan beda pembuatnya, coba deh cari di google. jadi logonya / gambarnya kayak nggk pas gitu

Hehe...he....

Untuk yang itu saya juga tau. Tapi masalah thumbnail itu otomatis berdasarkan katagorinya. Cek aja tutorial js yang lain

Ntaps

Permisi kakak, kok program drag saya gak berjalan ya kak?

<script type="text/javascript">
var com = com || {};
com.jagoCoding = com.jagoCoding || {};

com.jagoCoding.erul = com.jagoCoding.erul || {};

(function (global, exports)) {
'use strict';

var doc = global.document;

var Drag = function(id) {
var bolehDidrag,
element,
style,
X, Y;

if('string' !== typeof id) {
throw TypeError('Memerlukan string');
}

element = doc.getElementById(id);

if(!element) {
throw ReferencesError('Elemen tidak ditemukan');
}

style = element.style;

function mulaiDidrag(event) {
if(1 === event.which) {
event.preventDefault();

X = event.pageX;
Y = event.pageY;

bolehDidrag = true;
}
}

function sedangDidrag(event) {
var x, y, left, top;
if(bolehDidrag) {
x = event.pageX;
y = event.pageY;

left = parseFloat(style.left) || element.offsetLeft;
top = parseFloat(style.top) || element.offsetTop;

x = Math.max(0, x - X + left);
y = Math.max(0, y - Y + top);

style.left = x + 'px';
style.top = y + 'px';

X = event.pageX;
Y = event.pageY;
}
}
function selesaiDidrag() {
bolehDidrag = false;
}
return {
mulai: function() {
element,addEventListener('mousedown', mulaiDidrag, false);
doc.addEventListener('mouseup', selesaiDidrag, false);
doc.addEventListener('mousemove', sedangDidrag, false);
},
berhenti: function() {
element.removeEventListener('mousedown', mulaiDidrag, false);
doc.removeEventListener('mouseup', selesaiDidrag, false);
doc.removeEventListener('mousemove', sedangDidrag, false);
}
};
};
export.Drag = Drag;
}(window, com.jagoCoding.erul));

document.addEventListener('DOMContentLoaded', function() {
var contoh = com.jagoCoding.erul.Drag('target');

contoh.mulai();
});