Cruz3N Blog

Mudah Membuat Slideshow Dengan WOW Slider

Cruz3N — Fri, 05 Aug 2011 19:56:26 +0000

Oke ketemu lagi dengan saya dan pada tutorial kali ini gak ada yang terlalu rumit. Saya hanya sedikit membahas tentang aplikasi yang namanya WOW Slider. WOW Slider adalah aplikasi yang bisa kita gunakan untuk membuat sebuah slider / slideshow dengan mudah dan cuman modal klik klak klik doang . Gak pake skill coding dll. Lagipula akhir-akhir ini slideshow merupakan salah satu unsur wajib bagi sebuah website, karena akan menambah daya tarik tersendiri

Nah karena aplikasi ini gratisan / free pasti gak lepas dari yang namanya copyright / watermark yang cukup mengganggu dan pastinya kurang sedap dipandang mata . Nah disini juga saya bahas cara simplenya gmana cara menghilangkan “gangguan2″ tersebut .

Download WowSlider

Kelebihan

1. Kita bisa membuat slideshow dengan sangat mudah. Nah asik tuh untuk orang seperti saya yang gak bisa coding
2. Configurasinya cukup bagus dan gak terlalu susah

Kekurangan

1. Akan terdapat watermark pada setiap gambar yang akan kita pilih untuk dijadikan slideshow.
2. Watermark berupa anchor text yang terdapat disebelah kanan bawah slideshow kita.
3. Transition effect / Effect slideshownya yang mau kita pilih hanya bisa 1 macam

Well mungkin ada beberapa kelebihan dan kekurangan yang saya lewatkan tapi namanya juga gratisan so bersyukurlah Wokwokowkowkwokwok…

Pengoperasian

Gak ada yang terlalu susah dalam hal pengoperasian. Setelah melakukan penginstalan kita tinggal jalankan aplikasinya dan akan mendapat tampilan seperti berikut.

Lalu langkah awal yang perlu kita lakukan adalah meng-klik tanda plus hijau untuk memilih gambar yang akan kita jadikan slideshow.

Nah setelah gambar sudah selesai kita pilih, lanjut ke menu Gallery – Properties atau klik icon obeng maka akan muncul tampilan sebagai berikut.

Slider title = Nama title dari slider yang kita buat
Auto play Slide Show = Slide show akan otomatis berjalan ketika website dibuka
Pause on mouseover = Ketika mouse diarahkan ke slideshow maka akan berhenti
Stop slideshow after one loop = Jadi setelah semua gambar yang telah kita pilih sudah ditampilkan maka slideshownya akan berhenti
Show descriptions = Menampilkan deskripsi gambar
Show Prev/Next buttons = Menampilkan tombol prev dan next
Show bullet navigation = Menampilkan thumbnail kecil dari gambar slideshow kita
Thumbnail preview = Tinggal kita pilih mau diletakkan dimana thumbnail preview dari slideshow kita

Kalau gak mau ribet dilewatkan aja bagian ini karena settingan seperti itu juga gak buruk kok Sekarang lanjut ke Tab Images disebelahnya.

Gak terlalu susah ngutak-atik bagian ini. Kita tinggal pilih template yang mau kita pake, ukuran gambar, effect slideshow dll. Sayangnya template yang bisa digunakan tidak terlalu banyak tapi dengan modal ngerti sedikit CSS dan Photoshop kita juga bisa kok buat sendiri templatenya

Lanjut ke bagian Publish. Mudah kan ?

Watermark oh Watermark

Sebenernya gak ada maksud jahat juga, itu merupakan bentuk penghargaan kita sama si pembuat aplikasi yang udah buat capek-capek dan dikasih gratis pula Tapi ya mau bagaimana lagi, client kita bakalan marah2 klo sampai ada sesuatu yang kurang enak dipandang mata di websitenya.

Tanda seperti ini akan ada pada setiap Images, Thumbnail dan Layout pada slideshow kita.

Untuk images dan thumbnailnya gak terlalu susah lah menghilangkannya, cukup replace aja dengan gambar aslinya Gampang kan ? Nah sekarang untuk menghilangkan watermark pada tampilan layout slideshow kita sekarang buka file script.js yang terdapat pada folder engine1.

Berantakan banget yah? Tapi untungnya tidak dilakukan enkripsi / encoding sama sekali tapi hanya diminimize agar ukuran file tidak terlalu besar so kita tinggal rapihin aja susunan code javascriptnya disini jsbeautifier.org. Copy dan paste kode tersebut dan klik tombol Beauty Javascript. Maka susunan kodenya sudah agak terlihat manusiawi

Langkah selanjutnya yah tinggal kita copy paste lagi hasilnya tadi ke file script.jsnya. Permasalahan belum selesai Bro, code yang digunakan untuk menghandle watermark tersebut adalah dibagian berikut.

    var d = c ? $(document.createElement("A")) : c;
    if (d) {
        d.css({
            position: "relative",
            display: "block",
            'background-color': "#E4EFEB",
            color: "#837F80",
            'font-family': "Lucida Grande,sans-serif",
            'font-size': "11px",
            'font-weight': "normal",
            'font-style': "normal",
            '-moz-border-radius': "5px",
            'border-radius': "5px",
            padding: "1px 5px",
            width: "auto",
            height: "auto",
            margin: "0 0 0 0",
            outline: "none"
        });
        d.attr({
            href: "ht" + "tp://" + t.toLowerCase()
        });
        d.html(t);
        d.bind("contextmenu", function (eventObject) {
            return false;
        });
        c.append(d);
    }

Tinggal hapus aja sehingga keseluruhan codenya menjadi seperti berikut.

// -----------------------------------------------------------------------------------
// http://wowslider.com/
// JavaScript Wow Slider is a free software that helps you easily generate delicious
// slideshows with gorgeous transition effects, in a few clicks without writing a single line of code.
// Last updated: 2011-06-16
//
//***********************************************
// Obfuscated by Javascript Obfuscator
// http://javascript-source.com
//***********************************************
ws_blinds = function (options) {
    var $ = jQuery;
    var $IMGs;
    var parts = [];
    var prevIndex = 0;
    var $partscont;
    this.init = function (aCont) {
        var cnt = 3;
        var $container = $(aCont);
        $IMGs = $("a", $container).find("img");
        $IMGs.each(function (index) {
            if (index) {
                $(this).hide();
            }
        });
        $partscont = $("");
        $partscont.css({
            position: "absolute",
            width: options.width + "px",
            height: options.height + "px",
            left: (options.outWidth - options.width) / 2 + "px",
            top: (options.outHeight - options.height) / 2 + "px"
        });
        $container.append($partscont);
        for (var i = 0; i < cnt; i++) {
            parts[i] = $("");
        }
        $(parts).each(function (index) {
            $(this).css({
                position: "absolute",
                'background-repeat': "no-repeat",
                height: "100%",
                border: "none",
                margin: 0,
                top: 0,
                left: Math.round(100 / cnt) * index + "%",
                width: (index < cnt - 1 ? Math.round(100 / cnt) : 100 - Math.round(100 / cnt) * (cnt - 1)) + "%"
            });
            $partscont.append(this);
            $partscont.hide();
        });
    };
    this.go = function (index) {
        for (var i = 0; i < parts.length; i++) {
            parts[i].stop(true, true);
        }
        var dir = prevIndex > index ? 1 : 0;
        prevIndex = index;

        function startPart(part_i, func) {
            var $part = parts[part_i];
            var w = $part.width();
            var img = $IMGs.get(index);
            $part.css({
                'background-position': (!dir ? -$(img).width() : $(img).width() - $part.position().left) + "px 0",
                'background-image': "url(" + img.src + ")"
            });
            $part.animate({
                'background-position': -$part.position().left + "px 0"
            }, options.duration / (parts.length + 1) * (dir ? parts.length - part_i + 1 : part_i + 2), func);
        }
        function applyImage() {
            $IMGs.hide();
            $($IMGs.get(index)).show();
            $partscont.hide();
            $(parts).each(function () {
                $(this).css({
                    'background-image': "none"
                });
            });
        }
        $partscont.show();
        for (var i = 0; i < parts.length; i++) {
            startPart(i, !dir && i == parts.length - 1 || dir && !i ? applyImage : null);
        }
        return true;
    };
};
(function ($) {
    var $div = $("");
    $.support.backgroundPosition = $div.css("backgroundPosition") === "3px 5px" ? true : false;
    $.support.backgroundPositionXY = $div.css("backgroundPositionX") === "3px" ? true : false;
    $div = null;
    var xy = ["X", "Y"];

    function parseBgPos(bgPos) {
        var parts = bgPos.split(/\s/),
            values = {
                X: parts[0],
                Y: parts[1]
            };
        return values;
    }
    if (!$.support.backgroundPosition && $.support.backgroundPositionXY) {
        $.cssHooks.backgroundPosition = {
            get: function (elem, computed, extra) {
                return $.map(xy, function (l, i) {
                    return $.css(elem, "backgroundPosition" + l);
                }).join(" ");
            },
            set: function (elem, value) {
                $.each(xy, function (i, l) {
                    var values = parseBgPos(value);
                    elem.style["backgroundPosition" + l] = values[l];
                });
            }
        };
    }
    if ($.support.backgroundPosition && !$.support.backgroundPositionXY) {
        $.each(xy, function (i, l) {
            $.cssHooks["backgroundPosition" + l] = {
                get: function (elem, computed, extra) {
                    var values = parseBgPos($.css(elem, "backgroundPosition"));
                    return values[l];
                },
                set: function (elem, value) {
                    var values = parseBgPos($.css(elem, "backgroundPosition")),
                        isX = l === "X";
                    elem.style.backgroundPosition = (isX ? value : values.X) + " " + (isX ? values.Y : value);
                }
            };
            $.fx.step["backgroundPosition" + l] = function (fx) {
                $.cssHooks["backgroundPosition" + l].set(fx.elem, fx.now + fx.unit);
            };
        });
    }
})(jQuery);

// -----------------------------------------------------------------------------------
// http://wowslider.com/
// JavaScript Wow Slider is a free software that helps you easily generate delicious
// slideshows with gorgeous transition effects, in a few clicks without writing a single line of code.
// Last updated: 2011-06-16
//
//***********************************************
// Obfuscated by Javascript Obfuscator
// http://javascript-source.com
//***********************************************

jQuery.fn.wowSlider = function (options) {
    var $this = this;
    var $ = jQuery;
    options = $.extend({
        effect: function (options) {
            var images;
            this.init = function (aCont) {
                images = aCont.find("img");
                images.each(function (Index) {
                    if (!Index) {
                        $(this).show();
                    } else {
                        $(this).hide();
                    }
                });
            };
            this.go = function (new_index, curIdx) {
                $(images.get(new_index)).fadeIn(options.duration);
                $(images.get(curIdx)).fadeOut(options.duration);
                return true;
            };
        },
        prev: "",
        next: "",
        duration: 1000,
        delay: 2000,
        outWidth: 960,
        outHeight: 360,
        width: 960,
        height: 360,
        caption: true,
        controls: true,
        autoPlay: true,
        bullets: true,
        onStep: function () {},
        stopOnHover: 0
    }, options);
    options.loop = options.loop || Number.MAX_VALUE;
    var $Elements = $this.find(".ws_images A");
    var images = $Elements.find("IMG");
    $Elements.each(function (index) {
        var inner = $(this).html() || "";
        var pos = inner.indexOf(">", inner);
        if (pos >= 0) {
            $(this).data("descr", inner.substr(pos + 1));
            if (pos < inner.length - 1) {
                $(this).html(inner.substr(0, pos + 1));
            }
        }
        $(this).css({
            'font-size': 0
        });
    });
    var elementsCount = $Elements.length;
    var frame = $("A.ws_frame", $this).get(0);
    var curIdx = 0;

    function go(index) {
        index = (index % elementsCount + elementsCount) % elementsCount;
        if (curIdx == index) {
            return;
        }
        var current = effect.go(index, curIdx);
        if (!current) {
            return;
        }
        if (typeof current != "object") {
            current = $Elements[index];
        }
        curIdx = index;
        go2(index);
        if (options.caption) {
            setTitle(current);
        }
        options.onStep(curIdx);
    }
    var startX, startY, isMoving = 0;
    var _this = $this.get(0);
    if (_this.addEventListener) {
        _this.addEventListener("touchmove", function (e) {
            if (isMoving) {
                var dx = startX - e.touches[0].pageX;
                var dy = startY - e.touches[0].pageY;
                if (Math.abs(dx) > 20 || Math.abs(dy) > 20) {
                    startX = startY = isMoving = 0;
                    forceGo(e, curIdx + (dx + dy > 0 ? -1 : 1));
                }
            }
        }, false);
        _this.addEventListener("touchstart", function (e) {
            if (e.touches.length == 1) {
                startX = e.touches[0].pageX;
                startY = e.touches[0].pageY;
                isMoving = 1;
            } else {
                isMoving = 0;
            }
        }, false);
        _this.addEventListener("touchend", function (e) {
            isMoving = 0;
        }, false);
    }
    function go2(index) {
        if (options.bullets) {
            setBullet(index);
        }
        if (frame) {
            frame.setAttribute("href", $Elements.get(index).href);
            frame.setAttribute("target", $Elements.get(index).target);
        }
    }
    var autoPlayTimer;

    function restartPlay() {
        stopPlay();
        if (options.autoPlay) {
            autoPlayTimer = setTimeout(function () {
                go(curIdx < elementsCount - 1 ? curIdx + 1 : 0);
                if (!curIdx && !--options.loop) {
                    options.autoPlay = 0;
                }
                restartPlay();
            }, options.delay + options.duration);
        }
    }
    function stopPlay() {
        if (autoPlayTimer) {
            clearTimeout(autoPlayTimer);
        }
        autoPlayTimer = null;
    }
    function forceGo(event, index) {
        stopPlay();
        event.preventDefault();
        go(index);
        restartPlay();
    }
    $Elements.find("IMG").css("position", "absolute");
    if (typeof options.effect == "string") {
        options.effect = window["ws_" + options.effect];
    }
    var effect = new options.effect(options, images);
    effect.init($(".ws_images", $this));
    $Elements.find("IMG").css("visibility", "visible");
    var ic = c = $(".ws_images", $this);
    var t = "WOWSlider.com";
    c = t ? $("") : 0;
    if (c) {
        c.css({
            position: "absolute",
            right: "2px",
            bottom: "2px",
            padding: "0 0 0 0"
        });
        ic.append(c);
    }
    if (c && document.all) {
        var f = $("");
        f.css({
            position: "absolute",
            left: 0,
            top: 0,
            width: "100%",
            height: "100%",
            filter: "alpha(opacity=0)"
        });
        f.attr({
            scrolling: "no",
            framespacing: 0,
            border: 0,
            frameBorder: "no"
        });
        c.append(f);
    }
    if (options.controls) {
        var $next_photo = $("" + options.next + "");
        var $prev_photo = $("" + options.prev + "");
        $this.append($next_photo);
        $this.append($prev_photo);
        $next_photo.bind("click", function (e) {
            forceGo(e, curIdx + 1);
        });
        $prev_photo.bind("click", function (e) {
            forceGo(e, curIdx - 1);
        });
    }
    function initBullets() {
        var $bullets_cont = $this.find(".ws_bullets>div");
        var $bullets = $("a", $bullets_cont);
        $bullets.click(function (e) {
            forceGo(e, $(e.target).index());
        });
        var $thumbs = $bullets.find("IMG");
        if ($thumbs.length) {
            var mainFrame = $("").appendTo($bullets_cont);
            var imgContainer = $("").css({
                width: $thumbs.length + 1 + "00%"
            }).appendTo($("").appendTo(mainFrame));
            $thumbs.appendTo(imgContainer);
            $("").appendTo(mainFrame);
            var curIndex = -1;

            function moveTooltip(index) {
                if (index < 0) {
                    index = 0;
                }
                $($bullets.get(curIndex)).removeClass("ws_overbull");
                $($bullets.get(index)).addClass("ws_overbull");
                mainFrame.show();
                var mainCSS = {
                    left: $bullets.get(index).offsetLeft - mainFrame.width() / 2
                };
                var contCSS = {
                    left: -$thumbs.get(index).offsetLeft
                };
                if (curIndex < 0) {
                    mainFrame.css(mainCSS);
                    imgContainer.css(contCSS);
                } else {
                    if (!document.all) {
                        mainCSS.opacity = 1;
                    }
                    mainFrame.stop().animate(mainCSS, "fast");
                    imgContainer.stop().animate(contCSS, "fast");
                }
                curIndex = index;
            }
            $bullets.hover(function () {
                moveTooltip($(this).index());
            });
            var hideTime;
            $bullets_cont.hover(function () {
                if (hideTime) {
                    clearTimeout(hideTime);
                    hideTime = 0;
                }
                moveTooltip(curIndex);
            }, function () {
                $bullets.removeClass("ws_overbull");
                if (document.all) {
                    if (!hideTime) {
                        hideTime = setTimeout(function () {
                            mainFrame.hide();
                            hideTime = 0;
                        }, 400);
                    }
                } else {
                    mainFrame.stop().animate({
                        opacity: 0
                    }, {
                        duration: "fast",
                        complete: function () {
                            mainFrame.hide();
                        }
                    });
                }
            });
            $bullets_cont.click(function (e) {
                forceGo(e, $(e.target).index());
            });
        }
    }
    function setBullet(new_index) {
        $(".ws_bullets A", $this).each(function (index) {
            if (index == new_index) {
                $(this).addClass("ws_selbull");
            } else {
                $(this).removeClass("ws_selbull");
            }
        });
    }
    if (options.caption) {
        $caption = $("");
        $this.append($caption);
        $caption.bind("mouseover", function (e) {
            stopPlay();
        });
        $caption.bind("mouseout", function (e) {
            restartPlay();
        });
    }
    function setTitle(A) {
        var title = $("img", A).attr("title");
        var descr = $(A).data("descr");
        var $Title = $(".ws-title", $this);
        $Title.hide();
        if (title || descr) {
            $Title.html((title ? "" + title + "" : "") + (descr ? "" + descr + "" : ""));
            showWithSlide($Title, {
                direction: "left",
                easing: "easeInOutExpo",
                complete: function () {
                    if ($.browser.msie) {
                        $Title.get(0).style.removeAttribute("filter");
                    }
                },
                duration: 1000
            });
        }
    }
    if (options.bullets) {
        initBullets();
    }
    go2(0);
    if (options.caption) {
        setTitle($Elements[0]);
    }
    if (options.stopOnHover) {
        this.bind("mouseover", function (e) {
            stopPlay();
        });
        this.bind("mouseout", function (e) {
            restartPlay();
        });
    }
    restartPlay();

    function showWithSlide(element, options) {
        var $ = jQuery;
        element.stop(true, true);
        var bkp_prop = {};
        var props = ["position", "top", "bottom", "left", "right"];
        for (var i = 0; i < props.length; i++) {
            bkp_prop[props[i]] = element[0].style[props[i]];
        }
        element.show();
        var wrap_props = {
            width: element.outerWidth(true),
            height: element.outerHeight(true),
            'float': element.css("float"),
            overflow: "hidden",
            opacity: 0
        },
            wrapper = $("").css({
                fontSize: "100%",
                background: "transparent",
                border: "none",
                margin: 0,
                padding: 0
            });
        element.wrap(wrapper);
        wrapper = element.parent();
        if (element.css("position") == "static") {
            wrapper.css({
                position: "relative"
            });
            element.css({
                position: "relative"
            });
        } else {
            $.extend(wrap_props, {
                position: element.css("position"),
                zIndex: element.css("z-index")
            });
            $.each(["top", "left", "bottom", "right"], function (i, pos) {
                wrap_props[pos] = element.css(pos);
                if (isNaN(parseInt(wrap_props[pos], 10))) {
                    wrap_props[pos] = "auto";
                }
            });
            element.css({
                position: "relative",
                top: 0,
                left: 0,
                right: "auto",
                bottom: "auto"
            });
        }
        wrapper.css(wrap_props).show();
        var direction = options.direction || "left";
        var ref = direction == "up" || direction == "down" ? "top" : "left";
        var motion = direction == "up" || direction == "left" ? "pos" : "neg";
        var distance = options.distance || (ref == "top" ? element.outerHeight({
            margin: true
        }) : element.outerWidth({
            margin: true
        }));
        element.css(ref, motion == "pos" ? isNaN(distance) ? "-" + distance : -distance : distance);
        var animation = {};
        animation[ref] = (motion == "pos" ? "+=" : "-=") + distance;
        wrapper.animate({
            opacity: 1
        }, {
            duration: options.duration,
            easing: options.easing
        });
        element.animate(animation, {
            queue: false,
            duration: options.duration,
            easing: options.easing,
            complete: function () {
                for (var p in bkp_prop) {
                    element[0].style[p] = bkp_prop[p];
                }
                element.parent().replaceWith(element);
                if (options.complete) {
                    options.complete();
                }
            }
        });
    }
    return this;
};
jQuery.extend(jQuery.easing, {
    easeInOutExpo: function (x, t, b, c, d) {
        if (t == 0) {
            return b;
        }
        if (t == d) {
            return b + c;
        }
        if ((t /= d / 2) < 1) {
            return c / 2 * Math.pow(2, 10 * (t - 1)) + b;
        }
        return c / 2 * (-Math.pow(2, -10 * --t) + 2) + b;
    }
});

// -----------------------------------------------------------------------------------
// http://wowslider.com/
// JavaScript Wow Slider is a free software that helps you easily generate delicious
// slideshows with gorgeous transition effects, in a few clicks without writing a single line of code.
// Last updated: 2011-06-16
//
//***********************************************
// Obfuscated by Javascript Obfuscator
// http://javascript-source.com
//***********************************************
jQuery("#wowslider-container1").wowSlider({
    effect: "blinds",
    prev: "",
    next: "",
    duration: 10 * 100,
    delay: 20 * 100,
    outWidth: 960,
    outHeight: 360,
    width: 960,
    height: 360,
    autoPlay: true,
    stopOnHover: false,
    loop: false,
    bullets: true,
    caption: true,
    controls: true
});

Dan akhirnya hilang sudah watermark yang cukup mengganggu

Oke selamat berkreasi semuanya, semoga artikel sederhana ini berguna buat kalian… GBU All…

Coding Cepat Dengan Texter

Cruz3N — Tue, 24 May 2011 11:42:44 +0000

Sebagai seorang yang doyan ngoding tapi masih dalam tahap pembelajaran ( kayak saya ) udah gak asing melakukan/menulis syntak yang sama berulang kali pada setiap file. Dan saya yakin yang udah pro juga kadang ( pernah lah ) melakukannya juga.

Nah disini saya menemukan aplikasi yang mungkin kita bisa gunakan untuk mempercepat dan mempermudah proses coding-mengcoding, walaupun gak cuman itu juga kegunaannya ketika kita mau meng-explore lebih lagi.

Langsung aja yuk kita cobain…

Download Texter

Langkah Awal

Selesai mendownload aplikasinya dan melakukan instalasi mungkin kita bisa membuat shortcutnya terlebih dahulu di desktop (soalnya proses instalasi tidak membuat shortcut dan folder baru di START – All Programs). Setelah kita jalankan (double klik), akan muncul icon baru di taskbar dan kita tinggal klik kanan – create new hotstring maka tampilannya akan seperti berikut.

Keterangan

1. Hotsring : kata kunci yang kita gunakan untuk menampilkan code-code yang kita inginkan/telah kita siapkan.

2. Text : tipe kata yang kita input apakah itu sebuah text atau script. Penggunaan script bisa kita baca manualnya pada Advanced Use

3. Bundle : ini merupakan fasilitas export dan import shortcut dimana kita bisa membagikan kumpulan shortcut yang kita punya ke orang lain. Untuk melakukannya klik kanan pada icon Texter di Taskbar lalu pilih Manage Hotstring. Nah disitu ada menu bundles yang didalamnya ada import dan export.

4. Enter your replacement text here… : tempat dimana kita meletakkan code dari nama hotsring yang telah kita tentukan.

5. Trigger : nah trigger adalah tombol untuk menampilkan code yang ingin kita tampilkan. Caranya adalah ketik kata kunci/hotstring yang telah kita tentukan dan setelah itu ditambah Trigger.

Ada 4 pilihan Trigger yang bisa kita gunakan (Enter, Tab, Space atau bahkan otomatis akan tampil dengan hanya mengetikkan hotstringnya/instant).

Contoh

Misalkan kita mau membuat layout dasar html seperti berikut:



	
	
	Titlenya

Jalankan Create new Hotstring – ketik kata kuncinya (Hotsring) contoh mulaihtml – masukkan kode diatas pada Enter your replacement text here… – kemudian pilih text – dan untuk Trigger pilih Tab dan OK.

Sekarang buka Text editor kalian (dalam contoh gambar saya menggunakan Wordpad), lalu ketik mulaihtml lalu pencet Tab.

Cukup menarik bukan? Semoga berguna yah

Kelemahan/Gangguan

Saya cukup senang dengan adanya aplikasi ini tapi di beberapa kesempatan seringkali saya mengalami beberapa masalah seperti:

1. Coding akan berantakan pada beberapa text editor yang mempunyai fasilitas seperti auto complete code ( apalah itu namanya ) seperti berikut.

Gak tau kenapa ketika kita mengaktifkan shortcut pada Texter tampilannya akan berantakan….

2. Aplikasi ini juga memeriksa spelling pada setiap kata yang kita ketik. Contoh ketika kita ketik witha otomatis akan berubah menjadi with a.

Solusi

1. Untuk yang pertama sebaiknya ketika code yang akan kita tampilkan itu lebih dari 2 baris kita tampilkan dulu di notepad dan kemudian paste ke Dreamweaver. Tapi kalau hanya 1 baris seperti

Sepertinya aman-aman saja.

2. Untuk yang kedua jika kita tidak dalam posisi “ngoding” sebaiknya di disable saja Texternya Dengan cara klik kanan pada icon Texter di taskbar lalu pilih Disable

Website Wajib Kalau Lagi Stress

Cruz3N — Tue, 05 Apr 2011 02:05:16 +0000

Kadang kalo lagi kerja, cari inspirasi trus gak dapet-dapet Coba sedikit jalan kaki keliling kompleks deket kost-an itu enak banget. Apalagi klo pas ngeliat cwe cakep + seksi waduh seakan otak tuh udah di refresh

Tapi kadang kalo emang lagi males keluar suka cari inspirasi lewat browsing-browsing beberapa website yang sekiranya bisa dijadiin bahan untuk kerjaan atau sedikit nakal dan iseng buka website “ehem2″ (soalnya kata Om Ketek bokep = inspirasi ). Walaupun banyak website yang diblokir tetep aja bisa kita lewatin.

Loh kok malah bahas yang kayak beginian , oke kita lanjut aja yuk…

Wokeh, berikut adalah website wajib bagi saya kalo lagi stress… Isinya selain merupakan kumpulan beberapa berita-berita lucu dan gambar-gambar lucu, juga yang menawarkan jasa Widget sehingga bisa kita sisipkan di blog kita Nih contohnya…

Video

smosh.com

Smosh.com merupakan salah satu website favorite saya, website ini berisi aksi-aksi dan kegiatan-kegiatan konyol dan tolol dari Adrian sama Anthony. Ide-idenya fresh, original dan memang hasil dari kreatifitas mereka sendiri… Salut dah buat mereka.

Beberapa website serupa :

Games

Newgrounds.com

Bagi saya Newgrounds.com merupakan yang terbaik untuk urusan game online Flash… Bahkan gak cuman game, ada art, video bahkan komunitas yang akan membantu kita dalam membuat game online. Saya jamin kalian gak akan bosan-bosan untuk main-main terus kesitu…

Berita dan Gambar

Wahoha.com

Sebenarnya gak cuman Wahoha.com situs yang berisi berita dan gambar-gambar lucu tapi website ini menawarkan fasilitas widget yang bisa kita gunakan di blog kita. Nanti hasilnya seperti bagian paling bawah dari halaman ini… Ada beberapa cuplikan berita dari sana yang bisa membuat blog kita menjadi sedikit berbeda dan gak ngebosenin

Kalian tinggal melakukan registrasi dan copas kode yang sudah disediakan disitu.

Beberapa website serupa :

Komik

Mangafox.com

Sebenernya saya lebih suka membeli komik yang berupa fisik dari pada baca online. Kalaupun baca yah gak jauh-jauh dari One Piece, Naruto, Bleach sama High School Of The Dead Jadi mangafox.com dah cukup memuaskan saya walaupun di luar sana masih banyak website yang bisa kita gunakan untuk membaca komik secara online.

Website serupa yang berbahasa Indonesia :

Bacamanga.web.id

Download Film

Thehack3r.com

Walaupun saya agak kurang suka dengan nama dan slogannya tapi website ini merupakan salah satu website wajib kalo saya mau download film dengan kualitas yang baik, file host yang bisa kita resume (Mediafire.com) dan subtitle yang baik. Semangat buat kalian

Beberapa website serupa :

Jangan lupa untuk mengunjungi artikel ini “Daftar Situs Download Film Gratis” untuk mengetahui beberapa tips dan trik yang berguna.

Social Networking

Social Networking Devilzc0de

Facebook? Gak usah dibahas, basi lah Sekarang kalian cobain deh Social Networking Devilzc0de, tempat dimana gak cuman sekedar “update statu”, “cari2 cwe a.k.a hode ” tapi kalian bisa berbagi ilmu disini khususnya di bidang IT… Gak percaya? Buruan registrasi…

EOF

Oke mungkin list-list yang saya berikan diatas kurang lengkap dan kurang memuaskan teman-teman semua, kalau ada yang kurang atau ingin ditambahkan saya tunggu komentarnya Akhir kata terima kasih buat semua yang udah meluangkan waktunya… See ya and GBU all…

Pemblokiran Situs Porno Ala KEMKOMINFO

Cruz3N — Thu, 24 Feb 2011 00:14:09 +0000

Serba salah neh, dulu pas rajin-rajinnya ngeblog eh sering dapet masalah (entah di suspend lah atau apa lah). Eh giliran dah lancar-lancar malah kurang semangat sama sekali neh… Maaf buat temen-temen semua yang dah repot-repot meluangkan waktunya dateng kesini malah liat tampilan yang itu-itu aja. Tapi saya janji, pasti nanti bakalan buat artikel yang keren lagi…

Akhir-akhir ini banyak situs-situs esek-esek a.k.a bokep yang di blokir sama pemerintah (KEMKOMINFO)… Gak guna banget seh, memang dalam hal ini berguna banget untuk menyelamatkan generasi muda kita dari ancaman pornografi cuman menurut saya antivirus yang paling ampuh untuk memberantas neh “penyakit” ada di dalam diri kita sendiri…

Saya suka banget tulisan Mohammad Luthfi mengenai Kritik dan Saran BLOKIR SITUS PORNO. Berikut tulisannya…

Kritik dan Saran BLOKIR SITUS PORNO

Kritik dan Saran

BLOKIR SITUS PORNO

Oleh : Mohammad Luthfi

Porno adalah gambar, film, atau tulisan yang mengandung sex. Situs porno adalah gambar, film, atau tulisan yang mengandung sex.
Kementrian Komunikasi Informasi dan Teknologi melalui menteri komunikasi dan teknologi, Tifatul Sambiring dalam pernyataan di televisi akan memblokir situs pronografi dan telah bekerja sama dengan ISP untuk memblokir nya, Tifatul juga memerintahkan warnet-warnet untuk menginstal program yang di berikan pemerintah. Data situs porno yang di keluarkan telkom bekerja sama dengan KEMINFO terdapat lebih dari 2 juta situs di seluruh dunia.

Tanggapan saya untuk KEMINFO dan Tifatul Sambiring:

Kurang paham nya tifatul sambiring dan KEMINFO dengan internet / dunia maya. Bila anda Memblokir situs porno akan bermunculan situs porno yang baru. Mudah untuk membuat website, hanya butuh 5 menit.
Tidak ada nya tenaga ahli dan peneliti yang berkompeten di KEMINFO. Kurangnya penelitian KEMINFO untuk mencegah permasalahan kejahatan internet, khusus nya situs porno. Indonesia terkenal Cyber Police terlemah di Dunia.
Arus deras teknologi tidak dapat di cegah, kenapa ingin memblokir, sama saja seperti KEMINFO diterjang tsunami.
KEMINFO tidak membantu warnet, tidak akan ada timbal balik untuk membantu pemerintah.

Kritik saya untuk KEMINFO dan Tifatul sambiring:

Pahami internet / dunia maya, baru ambil tindakan.

Internet adalah revolusi informasi, Internet itu tanpa batas, Internet itu tidak ada tuhan didalam nya, Internet itu tidak ada pemerintah, Internet itu tidak mengenal Negara, warna kulit, dan jenis kelamin, Internet itu bebas tanpa batas, Internet itu mencakup semua bidang.
Bila anda belum dapat mengerti dengan Internet jangan bebicara blokir situs porno apalagi menjadi cyber police.

Ingin blokir situs porno sama saja memblokir blogger, bahkan menutup internet di Indonesia.

Situs porno bukan hanya dengan URL pendek saja ex: http://redtube.com , tapi juga di situs gratis yang panjang, ex: http://blabla.blogspot.com , situs tempat blogger hidup, bila KEMINFO memblokir situs blogspot.com n friend, artinya KEMINFO telah membunuh kreatifitas anak bangsa untuk saling berbagi ilmu pengetahuan. Bila KEMINFO tidak memblokir situs tersebut maka itu celah untuk cyber crime untuk membuat situs porno.
DIMENGERTI DULU BARU BERTINDAK.

Menangkap Cyber Crime (virus maker, cracker, defacer, dan perusak dunia maya lainnya) berbeda dengan teroris, penculikan anak dan kejahatan dunia nyata.

Cyber Crime adalah orang – orang ahli di internet yang menyalahi ilmu nya. Tidak mudah untuk menagkap mereka, apalagi terlihat police cyber Indonesia tidak ada apa – apanya, yang ditangkap malah ibu prita dan orang – orang yang tidak terlalu mengerti internet. SALAH SASARAN BUNG ( kata blogger).
Teknologi Cyber Crime lebih canggih di bandingkan dengan police cyber Indonesia.

Ingin minta bantuan warnet, jangan harap!!!

KEMINFO meminta bantuan warnet untuk meng install software blog situs porno. Saya ketawa mendengar nya, WKAKAKKAA, HAHAHAHA.
KEMINFO tidak ada orang yang punya warnet ya atau pernah jadi operator warnet? Tau ga sih warnet itu gimana?? Apa yang di jual di warnet? Gimana sih membetulkan computer warnet itu?

Ok gw ajarin:

Banyak warnet (khususnya warnet yang saya tangani) tidak mengizinkan anak – anak untuk mengakses situs porno, jadi ga usah pake software lagi. Warnet memperbolehkan 17 + berhak untuk meng akses situs porno, nah, bila software nya tidak dapat mendeteksi umur user tidak mungkin warnet mau meng install software tersebut.
Instal Operating System pada komputer warnet itu memerlukan waktu cepat, jadi hanya program yang penting biasanya ter install, software pemerintah adalah software ga penting, jadi pasti banyak yang ga install, mungkin awal 1-2 ada software tersebut, karena takut ada razia.
Persaingan warnet yang saling membunuh, membuat warnet mempromosikan situs – situs porno agar warnet tersebut tidak di tinggal pelanggan.
WARNET INGIN BANTU PEMERINTAH, WAKAKKAA.. tidak mungkin terjadi, selama ini pemerintah kemana aja, kita (warnet) sudah hidup susah, saling menjatuhkan harga, bahkan banyak yang mati. Tidak ada kebijakan pemerintah untuk pendirian warnet dan tidak ada aturan harga warnet, kenapa sekarang pemerintah ingin minta bantuan warnet !!

Warnet seperti jamur di musim semi, BANYAKKKKKK SEKALIIIIII.

Saran saya untuk KEMINFO dan Tifatul Sambiring:

Cari Tenaga Ahli yang benar – benar berkompeten di bidang nya.
Internet adalah ilmu rasional, jadi pakailah akal yang rasional.
Beberapa penelitian di perguruan tinggi masalah pornografi sudah ada, kenapa tidak di manfaatkan, contoh nya : mahasiswa ILKOM IPB, mahasiswa ini sedang melakukan penelitian dalam skripsi nya, judul : sensor bagian tubuh yang porno pada website pornografi, bagian tubuh seperti: payudara dan alat vital.
Situs porno tidak dapat di blokir tapi beri penyuluhan tentang pornografi dengan jujur, mengasikan, dan terbuka tentang gejala, penyakit, dan nikmat nya sex. Salah satu cara nya adalah memberikan pendidikan tentang sex/ pornografi kepada anak – anak SMP dan SMA. (Saya dapat menjelaskan tapi tidak dalam artikel saya ini)

Sekian dan terima kasih, mohon di baca, di perhatikan, dan di jalankan

JANGAN BEBANI RAKYAT DENGAN HUKUMAN, TAPI SAYANGI RAKYAT DAN RAKYAT AKAN SAYANG KEPADA NEGARA KRITIK ITU UNTUK MEMBANGUN LEBIH BAIK, BUKAN UNTUK DI LAWAN. RENCANAKAN, TELITI, UJI DAN JALAN KAN / SEBARKAN, JANGAN RENCANA LANGSUNG BERBICARA (ANCURRR) UNDANGAN SAYA KE KEMINFO UNTUK MENJELASKAN LEBIH RINCI DAN KITA MENCARI SOLUSI BERSAMA – SAMA.

Pendapat saya…

Jadi seperti yang saya bilang di awal tadi, “penyakit” macam pornografi tuh bukan sesuatu yang bisa dihapus dengan cara-cara seperti itu… Dan antivirusnya terdapat dari diri sendiri, keluarga, dan terutama TUHAN… Semakin dilarang semakin menjadi “gila” yah kayak saya ini… wokwokwokwokwokwowkowk…

Cara ByPassnya…

Proxy Online

Halah cman pake proxy online kayak zend2 dah mantep Jadi tampilan situs yang di blokir pertama-tama seperti ini

Setelah itu buka http://zend2.com/ dan masukkan alamat situs yang ingin kalian kunjungi

Dan selamat bereksperimen deh Untuk list proxy online kalian bisa search di google List Proxy Online

IP Proxy

Menurut pengalaman saya kadang beberapa video “ehm2″ gak keluar klo kita menggunakan proxy online, so jalan satu-satunya adalah dengan menggunakan IP Proxy. Kita cari dulu IP Proxy List di google kemudian dengan menggunakan Firefox menuju menu Tools – Options – Advance – Network. Pada pilihan Connection – Configure how Firefox connects to The Internet klik Settings. Pilih Manual proxy configuration dan ganti HTTP Proxy dan Portnya sesuai dengan list yang kita temukan tadi.

HTML Encryption dan Decryption

Cruz3N — Sat, 15 Jan 2011 13:04:33 +0000

Pada kesempatan kali ini saya akan sedikit membahas tentang bagaimana cara melakukan Enkripsi dan Dekripsi pada HTML. Semoga bisa berguna buat teman-teman semua dan semuanya berawal dari sini.

Pas saya jalan-jalan ke forum Hacker Newbie gak sengaja masuk ke thread mencuri template / HTML blog orang dan kebetulan xdieka-civilx bertanya seperti berikut…

nah klo utk mnyembunyikan coding ny gmn om ????
cth ny klo kta tkan ctrl+u coding ny nggk ad,mlh gmbar brupa text doank…..nah t gmn….
ex : http://www.tecon-crew.org/
cba ente tkan ctrl+u….

Wew penasaran kayak apa seh bentuknya? Langsung aja saya ke Tecon Crew terus liat source codenya… Eh malah muncul gambar cwe seksi… Mantep neh yang buat, seleranya bagus Tapi coba agak kebawah dikit dan kita akan menemukan kode berikut…

Aduh apaan tuh, tapi berkat kata-kata ini saya jadi tau kalo itu HTML Encryption “HTML Encryption provided by guitariznoize and cH0cH0bEe“. Akhirnya iseng-iseng cari di google eh ketemu deh HTML Encrypter onlinenya. Jadi klo saya iseng mau tulis

Cruz3N Ganteng

Hasilnya kayak gini

Lalu apa maksud dari ini “%3C%68%31%3E%43%72%75%7A%33%4E%20%47%61%6E%74%65%6E%67%3C%2F%68%31%3E“? Itu adalah karakter Hex yang bisa kalian liat pada table ASCII di http://ascii-table.com/ dan JavaScript Unescape String merupakan sebuah fungsi yang berguna untuk mendecode(Menerjemahkan) suatu string yang telah di encode-kan(Tulisan dalam format HexaDecima) menjadi suatu tulisan yang dapat kita baca(Tulisan dalam format Alphabet). Misalnya saja nilai Hexa 5A jika di decode(Diterjemahkan) akan menjadi huruf alphabet Z (SUMBER).

Jadi ketika kita menghilangkan tanda % dan jadi seperti ini “3C 68 31 3E 43 72 75 7A 33 4E 20 47 61 6E 74 65 6E 67 3C 2F 68 31 3E” maka disaat kita cocokan dengan table tadi hasilnya menjadi

Cruz3N Ganteng

Oke, kita dah selangkah memahami bagaimana cara untuk melakukan Enkripsi nah sekarang bagaimana cara Dekripsinya Mau coding males ah (aslinya emang gak bisa ) dan ketemu deh website ini http://www.nusansifor.com yang memposting Fungsi PHP yang berguna untuk melakukan Coverting dari Hex ke Text. Scriptnya sebagai berikut

Lalu cara pakainya kita tinggal meng-ECHO aja hex yang akan kita ubah menjadi text seperti berikut

echo hex2text("%40");

Sekarang buat file convert.php lalu isi dengan kode berikut

Kemudian tinggal kita jalankan dan liat source codenya…

Atau cara yang lebih gampang lagi kita tinggal pake tools disini aja lalu tinggal paste dan Decode (dan juga bisa di Encode , maaf saya kalo buat artikel live atau langsung tulis jadi kadang ketemu sesuatu yang baru dan lebih bagus )…

Ini dia source code dari tools tersebut.


  
    - NoLimitz Unescape -

    
    
  
  
    
      

      

          Decode :
          

          
          


    

          

Encode :
          

          
          


          
            - Script by NoLimitz.web.id -

Oke sampai disini artikel sederhana saya, semoga berguna dan sampai jumpa lagi di artikel berikutnya…

Tehnik Manipulasi URL

Cruz3N — Sun, 02 Jan 2011 16:58:13 +0000

Kembali lagi bersaya saya di tutorial yang gak jelas ini Sebelumnya saya ucapkan “Selamat Tahun Baru 2011″ buat semuanya semoga di tahun yang baru ini kita mendapatkan yang terbaik di dalam hidup

Pada kesempatan kali ini saya sedikit membahas tentang beberapa langkah sederhana bagaimana kita melakukan tehnik manipulasi URL yang tujuannya macam-macam Entah untuk melakukan Social Engineering seperti membuat Fake Login atau sejenisnya (exp: Manipulasi Adsense ) Oke langsung aja…

Tehnik Pertama (Manipulasi Pada Script)

Langkah awal yang harus kita lakukan adalah dengan membuat file (contoh) index.php yang isinya sebagai berikut.











Ini Link Facebook

Kemudian ketika kita save dan eksekusi maka hasil yang terlihat akan seperti berikut.

Ketika kita klik link tersebut maka situs yang akan kita akses adalah cruzenaldo.com padahal saat arahkan mouse pada tulisan “Ini Link Facebook” maka orang awam akan melihat bawah link itu akan mengarahkannya ke link Facebook. Kecuali orang yang sudah paham atau “kurang kerjaan” akan curiga melihat source codenya…

Tapi itupun saya berani bertaruh dia akan kebingungan apabila kita sisipkan script diatas dengan script website kita. Kecuali memang dia benar-benar kurang kerjaan mau menganalisa script dari website kita

Pencegahan

Untuk pencegahannya mungkin akan sulit bagi orang awam, ya tergantung bagaimana si “orang iseng” tersebut melakukan manipulasi dan menyamarkan script jahat tersebut. Cara yang paling mudah adalah…

1. Jangan mengunjungi situs-situs yang gak jelas
2. Untuk pengguna Firefox gunakan add ons No Script

Kalo seandainya kepepet gak tahan mungkin pengen mengakses website-website lain (baca:bokep ) yah ini jalan satu-satunya .Dimana Add Ons tersebut akan memblock semua script-script pada setiap website yang kita akses. Memang agak merepotkan cuman demi keamanan kita sendiri gak ada salahnya untuk belajar

Tehnik Kedua (Manipulasi Langsung Pada URL Itu Sendiri)

Artikel ini terinspirasi pada tulisan Om Anharku tentang Fake URL tapi mungkin ada beberapa sedikit perubahan dari saya

Jika kita mengakses website http://facebook.com dengan cara seperti berikut http://facebook.com@cruzenaldo.com maka yang akan muncul adalah blog ini dimana format sebuah browser membaca link tersebut adalah website yang akan kita akses cruzenaldo.com dengan username facebook.com.

Nah dengan modal pengetahuan diatas kita dah bisa melakukan manipulasi url. Caranya adalah bagaimana dimata sang korban hanya terlihat link facebook.com dan untuk @cruzenaldo.com kita bisa melakukan url encoding dengan menggunakan karakter ASCII. Untuk tablenya kalian bisa mengunjungi link berikut sehingga hasilnya seperti ini…


http://facebook.com@%43%52%55%5A%45%4E%41%4C%44%4F.%43%4F%4D

Jadi ketika kita mengakses link diatas maka yang akan muncul adalah halaman blog cruzenaldo.com.

Beberapa permasalahan terjadi

Nah beberapa permasalahan saya alami ketika kita mencobanya pada setiap browser yang berbeda. Contoh pada tutorial anharku menggunakan browser Opera dan kita bisa mengganti karakter @ dengan %40 tapi ketika kita mencobanya di Google Chrome tidak bisa dan harus tetap menggunakan karakter @.

Lalu untuk Firefox ternyata ketika kita meng-encode URLnya dengan karakter ASCII, url tersebut tidak bisa diakses. Tetapi apabila kita mengakses URLnya tanpa melakukan encoding seperti ini http://facebook.com@cruzenaldo.com langsung bisa. Selanjutnya untuk Internet Explorer ternyata tidak mendukung penginputan username dan password pada URL dan harus melakukan manipulasi Registry terlebih dahulu.

Jadi bagaimana dong , yah gak tau deh Mungkin kalo memang niatnya sudah menggebu-gebu kita bisa menggunakan tehnik Social Engineering dimana kita merayu sang korban untuk menggunakan Browser yang kita inginkan atau menggabungkan tehnik pertama dan kedua dengan menggunakan Redirect Browser. Yang penting pertama “Gak ada salahnya untuk belajar” dan kedua “hacking itu seni jadi jangan terlalu berpatokan pada penjelasan diatas. Temukan caramu sendiri”.

Pencegahan

Untuk pencegahannya cukup simple, jangan terlalu percaya dengan siapapun di internet dan jangan asal klik tetapi perhatikan dengan seksama link-link yang diberikan oleh orang-orang yang gak jelas.

Selesai

Terima kasih untuk semuanya yang telah membuang waktunya yang berharga untuk membaca tutorial ini Sampai ketemu di tutorial selanjutnya… Bye-bye…

Akhirnya Bisa Ngeblog Lagi

Cruz3N — Thu, 30 Dec 2010 02:37:13 +0000

Halooooooooooo Guys ,kangen rasanya pengen nulis artikel-artikel jelek lagi disini… “Berat”nya kehidupan dan aktivitas di dunia real serta beberapa trouble yang terjadi sama blog jelek saya ini dikarenakan server sering down dan lain sebagainya makanya blog ini saya nonaktifkan sejenak. ( Im sory Mas Dima, janji pengen buat blog yang normal dan gak banyak aneh-aneh lagi kayak dulu )

Sempet males banget gak tau kenapa, gak ada gairah lagi untuk nulis dan research kecil-kecilan . Pulang kerja, kuliah sampe rumah capek langsung molor Numpang lewat ke blog temen-temen seperjuangan juga ternyata sama, rata-rata dah gak keurus ( mungkin karena permasalahan yang mirip-mirip kayak saya sepertinya ). Jalan-jalan ke forum-forum kesayangan ternyata sama juga… Sepiiiii banget dan yah gitu-gitu aja permasalahannya… Jadi tambah males ngeblog dah jadinya…

Tapi makasih banyak buat semua temen-temen yang dah memberikan semangat dan dukungan, Mas Dima yang dah berikan hostingannya Gratis dan semuanya… Dan gak lupa buat TUHAN YESUS yang selalu menjaga saya

Walaupun males banget sortir-sortir databasenya tapi cukup lah, yang penting dah lumayan mirip seperti semula dan mungkin ada beberapa tambahan-tambahan nantinya… Oke Guys, see you in the next Artikel… GBU

Tutorial Regular Expression

Cruz3N — Mon, 27 Dec 2010 19:20:46 +0000

Regular Expression atau yang lebih dikenal dengan singkatan Regex bukanlah bahasa pemrograman melainkan digunakan untuk mengidentifikasi suatu string atau text. Contoh penggunaannya adalah untuk memfilter alamat email, IP dan lain – lain.

Emang saya susah kalo kasih penjelasan, mungkin kalian bisa search – search sendiri di search engine terdekat di kota anda . Lebih lengkap dan terpercaya.

Disini saya hanya akan mengimplementasikannya langsung dan gak lupa juga sedikit penjelasannya, enakan praktek dah….

Pertama kita siapkan dulu file index.php.



Regular Expression | cruzenaldo.com

Lalu yang kedua cek.php

alert('Penulisan Salah Tuh');
javascript:history.go(-1);";
exit;
	}
else {
echo "Selamat, Berhasil Bro...";
echo "$txtcek";
}
?>

Dimana eregi digunakan untuk menentukan pola pada string dan javascript yang digunakan hanya akan menampilkan popup jika terjadi kesalahan penulisan.

Nah dibawah ini merupakan contoh Regular Expression yang biasa digunakan.

Menentukan Panjang string atau huruf.

Sebelum membuatnya ada baiknya kita terlebih dahulu menentukan batasan – batasannya. Oke sekarang kita akan melakukan batasan terhadap user dalam melakukan inputan username dan password. Keduanya haruslah terdiri dari huruf (a-z), angka (0-9) tanda underscore dan minus. Jumlahnya harus diatas 3 dan kurang dari 16.

Mungkin segitu dulu dan segera kita membuatnya.

^[a-z0-9_-]{3,16}$

Tanda ^ merupakan tanda awal jika kita mau menggunakan regex, [a-z0-9_-] kita mengijinkan user melakukan inputan berupa huruf, angka, underscore dan minus. {3,16} digunakan untuk menentukan berapa banyak string yang bisa digunakan. Pada contoh ini adalah lebih dari 3 dan kurang dari 16. Terakhir tanda $ merupakan penutup.

Nah kode lengkapnya seperti berikut.

alert('Penulisan Salah Tuh');
javascript:history.go(-1);";
exit;
	}
else {
echo "Selamat, Berhasil Bro...";
echo "$txtcek";
}
?>

Jika tidak mau membatasi sampai 16 cukup hapus aja angkanya sehingga menjadi.

^[a-z0-9_-]{3}$

Kedepannya biar tidak berulang kita cukup mengganti baris ini saja

$latihan	=	"^[a-z0-9_-]{3,16}$";

Penggunaannya dalam validasi alamat email

^([._a-z0-9-]+)@(([a-z0-9-]+\.)([a-z]+\.)*([a-z]{2,3}))$

Oke mungkin agak ribet cuman saya akan menjelaskannya secara perlahan.

^([._a-z0-9-]+) seperti biasa ^ merupakan awal, [._a-z0-9-] dengan ini maka kita bisa melakukan inputan berupa huruf,angka,underscore dan minus dan tanda + berarti harus 1 atau lebih. Maksudnya misalkan user melakukan inputan seperti @gmail.com maka akan gagal. Seharusnya cruzenaldo@gmail.com atau cruzenaldo.newbie@gmail.com

@(([a-z0-9-]+\.). Setelah itu harus diawali dengan tanda @ lalu tanda \. berarti terakhir harus ada tanda titik. Misalkan user melakukan inputan cruzenaldo@gmail maka akan gagal tanpa tanda titik di belakangnya.

([a-z]+\.)*. Tanda * maksudnya adalah 0 atau lebih. Jadi user boleh melakukan inputan atau tidak sama sekali. Contoh admin@cruzenaldo.co.cc, maksudnya .co bisa digunakan atau tidak sama sekali. Nah dengan syarat harus diakhiri tanda titik \..

([a-z]{2,3}))$. Nah diakhiri dengan huruf a-z dengan batasan lebih dari 2 dan kurang dari 3. Jadi hanya bisa .com bukan .community. Lalu akhir dari perintah adalah $.

Validasi URL

^(https?://)?([a-z0-9\.-])+([/a-z\.-])*$

^(https?://)?. Tanda ? pertama artinya adalah 0 atau 1. Jadi user bisa melakukan inputan https atau tidak memakai “s”. Nah tanda ? kedua artinya user bisa melakukan inputan http / https atau tidak. Tapi hanya sebanyak 1 kali. Berbeda dengan + yang artinya user bisa melakukan inputan 1 atau lebih dan * yang artinya user bisa melakukan inputan tidak sama sekali atau lebih dari 1.

([a-z0-9\.-]+. Yup seperti yang saya sudah jelaskan dari awal. user bisa melakukan inputan berupa huruf,angka,tanda titik dan minus. + artinya boleh 1 atau lebih.

([/a-z\.-])*$. Pada bagian ini user bebas melakukan inputan dengan huruf, angka tanda /, titik dan minus. Contoh http://cruzenaldo.com/regular-expression/.

Sebenarnya masih banyak lagi variasi – variasi yang bisa kita lakukan, kalian bisa mencobanya sendiri yah

Berikut mudah – mudahan Regular Expression Cheat Sheet ini dapat berguna.

Download : PDF / PNG

Themes WordPress Terenkripsi?

Cruz3N — Mon, 27 Dec 2010 10:21:09 +0000

Oke, kembali lagi bersama saya setelah sekian lama Langsung back to the topic aja yah. Dulu pertama kali kenal WordPress saya langsung cari-cari dan download themes-themesnya soalnya banyak yang keren-keren. Nah dari beberapa themes yang telah saya download malah muncul pesan error “This theme is released under creative commons licence, all links in the footer should remain intact” ketika saya mencoba mengedit bagian footernya.

Wew, apalagi itu? Ternyata itu adalah salah satu proteksi yang “mungkin” dilakukan oleh si pembuat themes agar footernya gak bisa diedit-diedit atau perbuatan orang iseng? (Itu kalo kalian download themes “bajakan”, mungkin kalian bisa baca-baca artikel saya tentang “Penyebaran Backdoor Makin Beragam”)

Sekarang kita akan mencoba trik sederhana untuk melihat apa seh isi code yang terenkripsi tersebut (dalam beberapa kasus kebanyakan code yang terenkripsi pada themes wordpress diawali dengan eval(str_rot13(Blablabla));)

1. Periksa seluruh code dari themes

Mungkin terlihat agak sedikit ribet tapi dibiasain aja dulu. Atau kalo mau yang praktis kalian bisa download plugin yang bernama TAC (Theme Authenticity Checker) lalu install kemudian jalankan. Maka plugin ini akan melakukan scanning terhadap seluruh file themes kita dan akan mencari malicious code yang terdapat didalamnya.

Tapi saya sarankan MANUAL aja, selain melatih ketelitian kita juga bisa belajar code-code yang ada. Nah setelah saya search-search ternyata ada di footer.php, functions.php, header.php dan sidebar.php.

2. Periksa masing-masing code pada file yang telah kita temukan.

footer.php


 Fresh wordpress themes

Permasalahan yang terjadi adalah ketika saya mencoba untuk mengganti atau menghapus kata “themewp.com” atau “Fresh wordpress themes”

functions.php

1. Pada line 12

eval(str_rot13(\'shapgvba purpx_sbbgre(){$y=\\\'Serfu jbeqcerff gurzrf\\\';$s=qveanzr(__SVYR__).\\\'/sbbgre.cuc\\\';$sq=sbcra($s,\\\'e\\\');$p=sernq($sq,svyrfvmr($s));spybfr($sq);vs(fgecbf($p,$y)==0){rpub \\\'Guvf gurzr vf eryrnfrq haqre perngvir pbzzbaf yvprapr, nyy yvaxf va gur sbbgre fubhyq erznva vagnpg\\\';qvr;}}purpx_sbbgre();\'));

2. Pada line 53

eval(str_rot13(\'shapgvba purpx_urnqre(){vs(!(shapgvba_rkvfgf("purpx_shapgvbaf")&&shapgvba_rkvfgf("purpx_s_sbbgre"))){rpub(\\\'Guvf gurzr vf eryrnfrq haqre perngvir pbzzbaf yvprapr, nyy yvaxf va gur sbbgre fubhyq erznva vagnpg\\\');qvr;}}\'));

3. Kemudian pada line 56-59

Sekarang bagaimana cara kita melakukan decoding? Oke sekarang pada code yang pertama kita bisa mengganti kata eval menjadi echo kemudian jalankan themesnya dan liat hasilnya.

echo(str_rot13(\'shapgvba purpx_sbbgre(){$y=\\\'Serfu jbeqcerff gurzrf\\\';$s=qveanzr(__SVYR__).\\\'/sbbgre.cuc\\\';$sq=sbcra($s,\\\'e\\\');$p=sernq($sq,svyrfvmr($s));spybfr($sq);vs(fgecbf($p,$y)==0){rpub \\\'Guvf gurzr vf eryrnfrq haqre perngvir pbzzbaf yvprapr, nyy yvaxf va gur sbbgre fubhyq erznva vagnpg\\\';qvr;}}purpx_sbbgre();\'));

Hasilnya akan seperti ini…

function check_footer(){$l=\'Fresh wordpress themes\';$f=dirname(__FILE__).\'/footer.php\';$fd=fopen($f,\'r\');$c=fread($fd,filesize($f));fclose($fd);if(strpos($c,$l)==0){echo \'This theme is released under creative commons licence, all links in the footer should remain intact\';die;}}check_footer();This theme is released under creative commons licence, all links in the footer should remain intact

Jadi script diatas merupakan function untuk melakukan pengecekan pada footer. Itulah sebabnya ketika saya mencoba menghapus kata Fresh wordpress themes maka akan tampil tulisan This theme is released under creative commons licence, all links in the footer should remain intact.

Kemudian pada line 53 ketika kita mengganti kata eval menjadi echo hasilnya sama dengan code yang pertama.

function check_footer(){$l=\'Fresh wordpress themes\';$f=dirname(__FILE__).\'/footer.php\';$fd=fopen($f,\'r\');$c=fread($fd,filesize($f));fclose($fd);if(strpos($c,$l)==0){echo \'This theme is released under creative commons licence, all links in the footer should remain intact\';die;}}check_footer();function check_header(){if(!(function_exists("check_functions")&&function_exists("check_f_footer"))){echo(\'This theme is released under creative commons licence, all links in the footer should remain intact\');die;}}This theme is released under creative commons licence, all links in the footer should remain intact

Nah kemudian pada code terakhir disitu kita liat menggunakan enkripsi base64_decode dimana jika kita mau melihat code aslinya kita bisa kesini aja http://www.opinionatedgeek.com/dotnet/tools/base64decode/ lalu paste kode

PGEgaHJlZj0iaHR0cDovL3d3dy5yb3lhbC1hdXRvLmluZm8vIj5CcmFidXM8L2E+CjxhIGhyZWY9Imh0dHA6Ly93d3cucGVubmZvcmxpZmUuY29tLyI+bW9ydGdhZ2UgY2FsY3VsYXRvcjwvYT4=

dan hasilnya adalah.

Brabus mortgage calculator

sidebar.php

Kenapa saya mengikut sertakan file sidebar.php di dalam daftar blacklist? Itulah mengapa saya meminta kalian untuk mencari code-code “aneh” secara manual. Pada function.php coba kalian lihat baik-baik codenya

Hemmm, function wp_list_addon dimana pada sidebar kita menemukan juga wp_list_addon. Jadi feeling saya seh kayaknya si pembuat themes ingin meningkatkan “Page Rank” pada situs royal-auto.info dan pennforlife.com. Menarik Nih code yang terdapat pada sidebar.php

header.php

Ketika kita juga mengganti kata eval menjadi echo hasilnya tetap sama… Wow, biar si pengguna themes jadi paranoid dan bingung.

function check_footer(){$l=\'Fresh wordpress themes\';$f=dirname(__FILE__).\'/footer.php\';$fd=fopen($f,\'r\');$c=fread($fd,filesize($f));fclose($fd);if(strpos($c,$l)==0){echo \'This theme is released under creative commons licence, all links in the footer should remain intact\';die;}}check_footer();function check_header(){if(!(function_exists("check_functions")&&function_exists("check_f_footer"))){echo(\'This theme is released under creative commons licence, all links in the footer should remain intact\');die;}}function check_f_footer(){if(!(function_exists("check_footer")&&function_exists("check_header"))){echo(\'This theme is released under creative commons licence, all links in the footer should remain intact\');die;}}check_f_footer();

How to fix it?

Bila dilihat dari code hasil decode kita sepertinya gak terlalu membingungkan dimana kita tinggal hapus saja satu per satu code-code aneh diatas sampai bersih. Jadi yang harus dihapus adalah

functions.php

eval(str_rot13(\'shapgvba purpx_sbbgre(){$y=\\\'Serfu jbeqcerff gurzrf\\\';$s=qveanzr(__SVYR__).\\\'/sbbgre.cuc\\\';$sq=sbcra($s,\\\'e\\\');$p=sernq($sq,svyrfvmr($s));spybfr($sq);vs(fgecbf($p,$y)==0){rpub \\\'Guvf gurzr vf eryrnfrq haqre perngvir pbzzbaf yvprapr, nyy yvaxf va gur sbbgre fubhyq erznva vagnpg\\\';qvr;}}purpx_sbbgre();\'));

eval(str_rot13(\'shapgvba purpx_urnqre(){vs(!(shapgvba_rkvfgf("purpx_shapgvbaf")&&shapgvba_rkvfgf("purpx_s_sbbgre"))){rpub(\\\'Guvf gurzr vf eryrnfrq haqre perngvir pbzzbaf yvprapr, nyy yvaxf va gur sbbgre fubhyq erznva vagnpg\\\');qvr;}}\'));

sidebar.php

header.php

Setelah itu kita bisa mengedit-edit deh footer.phpnya. Semoga artikel singkat dan gak terlalu ribet ini bisa berguna buat kita semua. Kalo ada kesalahan dalam penulisan atau ada yang kurang jelas saya mohon maaf dan silahkan ditanya

Resources

http://jorbyn.com/decode-enskripsi-footer-wordpress.html

WordPress Security

Cruz3N — Mon, 27 Dec 2010 10:14:37 +0000

Bingung gak ada ide buat artikel yang menarik. Yang ada di otak cuman bagaimana cari makan buat besok Ya udah lanjut aja, pada kesempatan kali ini saya akan sedikit membahas tentang bagaimana cara membuat wordpress kalian lebih aman dari tangan-tangan jahil di luar sana Beberapa ada yang manual dan beberapa menggunakan plugin. Tapi ingat, gak bosen-bosen saya mengatakan bahwa gak ada yang 100 persen aman. Jadi tetap hati-hati dan selalu waspada

Semoga berguna…

Bikin Password Yang Kuat

Yah percuma aja kalo security kita buat dah semaksimal mungkin tapi passwordnya admin, admin123, 12345, dkk. Jadi buat password yang kuat yah. Kalo mau tau cara gampang dan simple untuk membuat password yang kuat langsung aja baca-baca disini.

Selalu Update WordPress dan Plugin

Yup, sekarang WordPress sudah pada versi 3.0. Dah pada update kan? Nah kalo mau cara gampang update wordpress kalian bisa menggunakan plugin WordPress Automatic Upgrade. Nah permasalahan yang sering muncul adalah soal plugin neh karena beberapa exploit-exploit yang tersebar di internet adalah karena pluginnya. Intinya seh pilih plugin yang memang dah terkenal dan sudah banyak di download. Perhatikan komentar-komentar yang diberikan oleh orang-orang yang telah mencoba plugin tersebut. Dan jangan lupa update juga pluginnya.

Jangan Menggunakan Username “Admin”

Yah sebenernya seh jaga-jaga aja takutnya kan username sudah ditemukan tinggal tebak-tebak passwordnya. Entah dengan metode brute force atau dictionary. Memang pada WordPress kita tidak bisa mengganti usernamenya akan tetapi cara mudahnya adalah membuat user account baru dan setting “Role”nya menjadi Administrator. Setelah itu logout dan hapus account yang lama.

Menggunakan Secret Key untuk Mencegah Cookie Hijacking

Untuk penjelasan apa itu Cookie Hijacking kalian bisa mengunjungi blognya Om Yadoy666. Nah setelah itu kalian bisa langsung kesini http://api.wordpress.org/secret-key/1.1/ kemudian paste kode berikut pada file wp-config.

define(\'AUTH_KEY\',		\'yC4s(w^h[R[.:A{FWF,t8u{i$}?=w5#kKLd-lAUK]78!t[d=:iRObf/n|,yM+dU$\'); define(\'SECURE_AUTH_KEY\', \'T{yM=JfT_ju&fG{R:*b-1(W-OiQM@!+{lw[O<=G{&kL9nkjZ%h&&BV[iK7b9n;W7\'); define(\'LOGGED_IN_KEY\',   \'V
Tapi untuk WordPress version 3.0 kayaknya udah jadi gak perlu deh… Dan untuk WordPress Version 3.0 menggunakan https://api.wordpress.org/secret-key/1.1/salt/
define(\'AUTH_KEY\',		 \'U>WRjSe&`W<]DI=ovx[*@cwS/,/sj[*d`1Xi|zzw?A4DX,y`J(2mxTl~v!!xI:v+W3G_1PHxvXIamY+_e&Wp\'); define(\'LOGGED_IN_KEY\',	\'rU-LxoWU9I@,W|wc+Ev@_f7~V(}06;(3dXL| R`>dC5^ u67??jz;@ySS,]5KP~V\'); define(\'NONCE_KEY\',		\'v1oyn-2@h3.EXx=RU|:w>CH[|24_z)z;w/ejpXj0xbds/_]s0<97j-*0t`n[T6`#\'); define(\'AUTH_SALT\',		\'evwtzP9Zk_(qk$2VXkypq`+f)TycT4~ZhI0N7|{8|tc-VlGcA93r(3XSyVz1(gPX\'); define(\'SECURE_AUTH_SALT\', \'qGpWs8m[{i~qEp/+C;keZ6^U>c#}galM%0C5@FZ4&.!g=D+|cpx-Ty*)lBx-rH\'); define(\'LOGGED_IN_SALT\',   \'N6k`V1Bi_ejP(2#8Q+HL]|<[7(sPq Wqde8s.$|KiiC}[++_&jn
Plugin WP Security Scan
Ini merupakan plugin wajib yang harus kalian install karena plugin ini memiliki beberapa fungsi-fungsi yang saya bilang sangat bagus yaitu

Scanning terhadap versi wordpress yang digunakan
Scanning table prefix yang digunakan (defaultnya kita menggunakan nama table wp_, nah biar lebih aman harus diganti karena berarti ketika seorang attacker yang memang telah mengetahui struktur dari database WordPress dapat dengan mudah menemukan nama table kalian)

Scanning terhadap CHMOD

Membuat Password yang Kuat


Dan masih banyak fitur-fitur hebat lainnya, pengembangnya juga menjanjikan akan menambah beberapa fitur seperti

one-click change file/folder permissions
test for XSS vulnerabilities
intrusion detection/prevention
lock out/log incorrect login attempts
user enumeration protection
WordPress admin protection/security

Selalu Backup Files dan Database
Untuk backup file dan database kalian bisa menggunakan fitur-fitur yang berada di Cpanel kalian masing-masing.

Atau jika kalian hanya ingin melakukan backup database kalian bisa menggunakan plugin WP DB Backup. Kalian bisa melakukan settingan schedule terhadap pem-backup-an database. Hasilnya bisa disimpan di server atau dikirim lewat email.
Tambal Beberapa Pesan Error
Kalian bisa langsung melihat postingan saya disini. Atau dengan menambahkan kode error_reporting(0); pada setiap file yang menampilkan pesan error ketika dieksekusi. Untuk lebih jelasnya kalian bisa berkunjung kesini.
Plugin WordPress Firewall
Plugin ini juga mempunyai fitur-fitur yang menarik seperti

Block directory traversals (../, ../../etc/passwd, etc.) in application parameters.
Block SQL queries (union select, concat(, /**/, etc.) in application parameters.
Block WordPress specific terms (wp_, user_login, etc.) in application parameters.
Block field truncation attacks in application parameters.
Block executable file uploads (.php, .exe, etc.)

Dan masih banyak yang lainnya.
Plugin Login LockDown
Plugin ini bisa kalian gunakan untuk mencegah Brute force attack pada halaman login admin kalian.
Plugin WordPress File Monitor
Ini merupakan salah satu plugin favorit saya karena dengan plugin ini kita bisa memonitor langsung file-file yang terdapat pada direktori WordPress kita. Jadi apabila ada perubahan seperti ada seseorang yang melakukan pengeditan file-file, mengupload backdoor   . Laporan bisa kalian lihat langsung pada halaman admin atau dikirim melalui email.
EOF
Sebenarnya masih banyak plugin-plugin Security untuk WordPress akan tetapi jangan terlalu banyak menggunakan plugin yang memang kurang terlalu berguna. Plugin yang saya sebutkan diatas adalah yang saya rekomendasikan… Semoga berguna.
RESOURCES

13 Tips to Protect Your WordPress Blog
16 Excellent WordPress Security Plugins To Secure Your Blog
Top 5 WordPress Security Tips Done In Under 5 Minutes
Secure WordPress: Secure Your Blog WordPress Plugin
Cegah Cookie Hijacking Pada WordPress
List Of Fatal Error In WordPress 292
Mengatasi Fatal Error PHP WordPress