Sabtu, 05 Oktober 2013

Cara gampang menambah Back To Top !!

Hoe Malam gan... Ini bukan malam biasa, Malam Minggu ! tapi kita tidak usah membahas tentang malming.... 

Mending kita ngebahas cara menambah Back To Top !!
Itu loh gambar yang tiba-tiba nongol yang biasanya ada tulisannya Go to Top, Back to top, dan Fly !!

langsung aja gan :

1. buka aja situs yang menyediakan code html nya. Googling aja banyak. Kalo gue mah di farahtutorial.blogspot.com

2. klik freebies, terus pilih gambarnya lalu copy.


3. buka tata letak blogmu, tambahkan gadget - edit html - lalu pastekan code dibawah ini :

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" >
/***********************************************
* Scroll To Top Control script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Modified by www.MyBloggerTricks.com
* Republish by www.katakan-hey.com
* This notice MUST stay intact for legal use
* Visit Project Page at http://www.dynamicdrive.com for full source code
***********************************************/
var scrolltotop={
    //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
    //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
    setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
    controlHTML: '<img src="http://i1198.photobucket.com/albums/aa452/Lutfi14/back-to-top.png" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
    controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ bottom of window corner
    anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
    state: {isvisible:false, shouldvisible:false},
    scrollup:function(){
        if (!this.cssfixedsupport) //if control is positioned using JavaScript
            this.$control.css({opacity:0}) //hide control immediately after clicking it
        var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
        if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
            dest=jQuery('#'+dest).offset().top
        else
            dest=0
        this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
    },
    keepfixed:function(){
        var $window=jQuery(window)
        var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
        var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
        this.$control.css({left:controlx+'px', top:controly+'px'})
    },
    togglecontrol:function(){
        var scrolltop=jQuery(window).scrollTop()
        if (!this.cssfixedsupport)
            this.keepfixed()
        this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
        if (this.state.shouldvisible && !this.state.isvisible){
            this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
            this.state.isvisible=true
        }
        else if (this.state.shouldvisible==false && this.state.isvisible){
            this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
            this.state.isvisible=false
        }
    },
  
    init:function(){
        jQuery(document).ready(function($){
            var mainobj=scrolltotop
            var iebrws=document.all
            mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
            mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
            mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
                .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
                .attr({title:'Scroll Back to Top'})
                .click(function(){mainobj.scrollup(); return false})
                .appendTo('body')
            if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
                mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
            mainobj.togglecontrol()
            $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
                mainobj.scrollup()
                return false
            })
            $(window).bind('scroll resize', function(e){
                mainobj.togglecontrol()
            })
        })
    }
}
scrolltotop.init()
</script>
*yang warna hijau di ganti di hapus, lalu pastekan code gambarmu tadi. Kalo lo punya Byakugan kayak di Naruto gampang nemuinnya, Tapi yang matanya biasa aja ctrl+F aje dah. Tulis img ntar ketemu.

Selesai dah !! mudah dan GPL 

udahan ya, malming neh.... kalo gagal komen aja bye~


Rabu, 04 September 2013

Cara Tergampang Membuat Header Sendiri

Hai jumpa lagi bersama profesor gaptex,
yang selalu mempelajari teknologi tanpa berbelit-belit, singkat dan simpell
Oke...
Kali ini gue bakal menjelaskan tentang cara Membuat Header Blog jreng jreng!!
Tenang sobat... para newbie seperti kita tidak butuh sesuatu yang disebut "Photoshop" untuk membuat header.

Yang kita butuhkan adalah......
PHOTOSCAPE 

yah bisa dibilang itu adiknya Photoshop. Pastinya lebih simple dan mudah ^^
Langsung aje gan

1. Buka photoscape dan buka gambar yang ingin anda jadikan header.

2. tekan Krop (pastikan modenya krop bebas ya)

 3. Nah, silahkan anda pilih bagian mana yang ingin di jadikan header, tarik aje kursornya ke daerah yang lo inginkan lalu klik krop. Dan liat apa yang terjadi hehe...

4. Belom selesai woy !! lalu klik menu "pangkal" dan cari kata Atur Ukuran. Ntar bakal muncul dialog kayak gini :

Terus Hilangkan tanda centangnya, di klik aja udah ilang kok gan (liat gambar diatas). Atur ukuran
lebar = 900 dan tinggi = 305 lalu klik Oke. (di jamin pas kalo pake template blogger)

5. Nah jadi deh Headernya, tinggal lo kasih pemanis. Bisa di tambahi efek. Terserah deh mau efek apaan. Misalnya gue kayak gini , gue klik cahaya latar beberpa kali dan kasih efek Gradient.

Tinggal di save dah !!

Nih tambahan cara pasang header di buatan lo di blog.

1. Buka Dashboard blogger anda, lalu klik nama blog anda dan pilih "Tata letak".
Cari kata Header (biasanya di atas kan) lalu klik "edit"'

Klik Choose file dan double klik pada gambar header yang anda simpan tadi. pastikan anda memilih di balik judul dan keterangan. Dan klik "Save"

lalu lihat apa yang terjadi pada blog anda...


Waaaaahhhh akhirnya selesai gan. Gampang benget kaann. Lo gak perlu ruwet-ruwet di Photoshop... bakar aja tuh buku-buku photoshop fufufufu

Oke gan selamat mencoba. Salam kawan gaptexxx 

catatan: Jika masih gagal. jangan pernah menyerah mueheheheh^^ (100% work)

Kamis, 29 Agustus 2013

Jack Frost Si Roh Salju

Jack Frost ?? Siapa kah dia ? gyahahahah jadi lo belum tau...
Kudet Kudet   Oke ini nih Si Jack Frost yang Cool, kenalan dulu deh

Yap kebanyakan orang baru mengenal Jack Frost dari Film "Rise Of The Guardian" belum tau filmnya juga ?! googling aja sendiri fufufu

Bahkan orang-orang nonton Rise Of The Guardian di duga cuma untuk melihat Si Jack lhoo (termasuk gue). Yah kemungkinan di karenakan Jack Frost adalah tokoh yang paling menarik.
Liat aja dia ehmm... Cakep kan.. (ehem)

Oke, kembali ke topik utama. Jadi Si Jack ini sebenarnya adalah Roh Salju. Dia muncul di saat musim dingin. Jack Frost biasanya akan menghibur atau membagikan kebahagiaan di saat hari bersalju, dimana semuanya dingin menusuk. Biasanya anak-anak kan malas keluar saat hari bersalju, Nah Saat itulah Jack Datang. Ciee bak Pahlawan deh ^^

Jack Frost merupakan Salah satu dari Guardian (pelindung) bagi anak-anak.  Namun tak banyak anak yang mempercayai atau bahkan menyadari keberadaan si Jack.
Uuu ngenes banget yah Jack...
Dalam Film tersebut juga di ceritakan tentang masa lalu Jack. Dimana Dia dulu adalah seorang manusia, mempunyai keluarga. Mempunyai seorang adik cewek.

Dikisahkan bahwa Jack adalah kakak yang jahil dan suka menghibur, Sampai suatu hari dia membuktikan sikapnya sebagai seorang kakak yang baik...

Jack menyelamatkan adiknya dari permukaan Es yang hampir pecah. Tapi Naas, Adiknya selamat tapi malah Jack yang jatuh ke dalam air es. Dan saat itulah Man of the Moon (Tuhan) memilihnya sebagai Guardian.                                      
sosok Jack sebelum jadi Guardian. cutee ^^
Ada tidaknya Jack Frost tergantung kepercayaan kita. Mending kita Percaya Jack Frost ada daripada percaya yang aneh-aneh dan cuma membuat kita takut.

Dan yah, gue memang bener-bener percaya Jack Frost. Walaupun di Indonesia gak pernah turun salju. Tapi di Saat udara dingin, aku selalu teringat Jack Frost, berada di dekatku (cieee ciee SOK romantis) 

"Jika Bulan memberitahumu sesuatu, maka percayailah" By Jack Frost.
Thank's 4 read this !


Jumat, 09 Agustus 2013

Stadium-Stadium GALAU

Pertama-tama gue mau ngelurusin 1 hal, yang jika anda salah paham, bisa fatal akibatnya. Di sini yang dimaksud "stadium" bukan stadium yang di buat main bola itu lho ye.. 

Oke, gini sekarang kan banyak Ababil yang dikit-dikit bilang "galau nih" "galau" "gaalaauu"
"AKU LAGI GALAU NEH WOY !!" 
 Jujur, gue risih banget denger kata ini terus terusan. Padahal sebenernya, menurut gue Galau itu ada stadium-stadiumnya :

1. Ilfil / Ill Feel
ekspresi umum anak ilfil
     

Ini nih yang paling sering gue alami. Ilfil adalah saat dimana lo muak. Biasanya ada perasaan kayak eneg atau males gitu. Misalnya saat ada kejadian yang nggak lo inginkan. Bisa juga lo ilfil hanya dengan melihat sesuatu. Kebanyakan anak emang mudah ilfil. Ini masih stadium awal.




2. Bad Mood

Jika kita sering ilfil, sebentar-sebentar ilfil, ntar lo akan mengalami Gear Second !! (emangnye sepeda pake gear) maksudnya stadium ke dua. Yaitu Bad mood. Nah kalo lo udah Bad mood lu bakal merasa semua hal di dunia ini menyebalkan. Dan sebaiknya kita menghindari anak-anak yang lagi bad mood. Karena biasanya mereka bakal se-agresif macan !! Graaoo 



3. BBG
Atau benar-benar galau. Ini nih stadium akhirnya. Kalo udah sampe stadium ini, biasanya mereka mulai tenang. Nggak uring-uringan lagi. Dan biasanya mereka mulai mau curhat atau curcol gitu dah. Ini saat yang tepat untuk men-jinak-kan mereka.

Anak galau biasanya merasa gelisah, sedih, ngenes, miris dan bla ble blo...
Pokonya campur aduk. Kacau, Mereka tuh merasa kayak sampah di dunia ini. Serba salah. Dan biasanya anak galau tindakan dan omongannya ngelantur kemana-mana. Jadi hati-hati ya gan.



Jadi buat kalian, pilih kata kata yang tepat. Jangan pake kata Galau terus ! bosen neh yang denger bye. 

Selasa, 06 Agustus 2013

wkwkwk Yomogi Loves Money ?

Apa yang paling penting di dunia ini ???
Cinta ? Nyawa ? Keluarga ?

"Cih Tentu saja UANG !!!"     

Itulah kata Yomogi, Si pecinta uang !! Ini dia Yomogi loves Money ?
Kisah cinta si cewe pelit. Walau suka uang dia bukan cewe matre. Dia pelit karena ada sejarahnya. Dan serius deh Konyol banget ceritanya !!

Menurut gue sih cerita dasarnya biasa. Tentang persahabatan jadi cinta. Tapi yang bikin menarik adalah keberhasilan Arai Kiyoko membuat tokoh utama yang unik.

Nggak cuma tokoh utama yang unik, semua karakter disini juga unik ^^



Itulah yang membuat manga ini jadi Lucuu abis !!
Sumpah ngakak deh bacanya    
Dan nggak cuma lucu ada nilai-nilai persahabatannya juga. Seperti yang gue bilang tadi, kisah cinta di sini biasa tapi cukup menarik  karena ada sentuhan komedi yang konyol.

Jadi buat lo yang bosen sama kisah cinta yang romantis-romantis yang bikin miris (karena lo cuma bisa ngayal ^^), atau buat lo yang Galau-galau gak jelas -___-
Mending lo coba baca ni manga, di jamin Ngakak !! paling nggak tersenyum gitu deh..

Persahabatan kocak : Chiwakki, Yomogi Natsume


Peringatan : jangan meniru karakter tokoh utama yah ! bye~