2 Cara Membuat Tombol Back To Top Terbaik di Blog

Hay sahabat +mazinu mazure ! Kali ini mazinu akan berbagi tentang cara membuat Tombol Back To Top atau lebih dikenal dengan Tombol Kembali Ke atas, yaa jadi fungsinya memasang back to top button itu agar pengunjung bisa langsung menuju ke atas dalam sekali klik. Nahhh langsung saja mazinu kasih tips dan caranya membuat tombol back to top.

Cara Membuat Tombol Back To Top Terbaik

Tombol Back To Top yang Pertama

• Login terlebih dahulu ke akun blog kalian
• Masuk ke bagian layout / tata letak
• Tambah gadget
• Pilh add HTML / Java script
• Lalu simpan kode dibawah ini :

<a href=# style=display:scroll;position:fixed;bottom:15px;right:15px; title=Back to Top><img src=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGn76jlj-7h3Hc5PCniazfnZZiZyhO930O2Fh5_q_wih74RTXHPOejB7OZLHS_C_XinONBNinQrb9TNWur85QVx6M162M-iFrl4pfphaKI6FdpWze9mzeE3pYZHd3DJIiFEbfMWnXIg3BC/s1600/navigate-up-icon.png/></a>

*) kode yang berwarna biru ganti dengan kata-kata yang ingin ditampilkan
*) kode yang berwarna ungu ganti dengan url gambar yang ingin ditampilkan

• Klik "Save", dan selesai.

Tombol Back To Top yang kedua 

• Pertama masuk ke Blogger lalu pilih Layout terus Add a Gadget dan tambahkan HTML/JavaScript. Terus copy kode di bawah ini:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript" >


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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD7jAa7kAura9GDRnJvBl-puMcqrqHASnqJjrfYM6wEaejl4otSBzE3jUaRSWCgKddyo96zguGV-yPT4HmQV8KBCYEqxzLY8ApzdDNWG-4uUDTIB8kEnkBloHVwjALxO1iJzbwkipsh0ex/s1600/back+to+top10.gif" />, //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>

• Ganti Kode warna Pink dengan URL Gambar kalian!
• Kalau Tidak Mau ganti Tidak apa-apa, itu juga sudah bagus kok,, yang nantinya hasilnya seperti ini :

 

• Keren bukan? Jika sudah. Simpan!

Untuk ditempatkan di pojok kanan bawah silahkan taruh script dibawah ini tepat dibawah code </body> di Template - Edit HTML kalian,,


<script src=http://bloggerpeer.googlecode.com/files/backtotop.js type=text/javascript/>
<!-- Back to top designed by Mazinu Mazure - blogspot.com -->
<a href=# style=display:scroll;position:fixed;bottom:5px;right:5px; title=Back to Top><img onclick=MGJS.goTop();return false; src=http://png-1.findicons.com/files/icons/2166/oxygen/48/arrow_up.png/></a>

Okeh, Itu tadi cara membuat tombol Back To Top yang sudah mazinu berikan untuk kalian, semoga dengan kalian memasang tombol back to top di blog kalian menjadi keren dan tampil terbaik.

Read More

Teknologi Teknologi Terbaik 2010

Tahun 2010 baru saja berlalu. Namun tahun itu dipenuhi oleh kemunculan beberapa teknologi yang cukup revolusioner. Berikut ini teknologi-teknologi terbaik yang muncul selama tahun 2010.

1. Apple iPad
Apple memang bertangan dingin dalam menelurkan sebuah produk elektronik. Perusahaan ini tahu betul cara mengemas sebuah produk yang bahkan oleh para pesaingnya sudah tak dilirik lagi. Setelah bertahun-tahun komputer tablet gagal dipopulerkan oleh Microsoft, Apple menjadikan 2010 sebagai awal kebangkitan komputer tablet.

Apple tak memindahkan semua fungsi laptop ke dalam tablet ini, namun secara brilyan membawa aspek-aspek hiburan ringan seperti video, musik, game, internet dan buku atau koran digital ke dalam iPad, dengan antarmuka sentuhan jari yang mengasyikkan.

Salah seorang analis mengatakan bahwa iPad adalah perangkat elektronik non ponsel yang paling cepat terjual sepanjang sejarah. Tak heran bila kemudian para vendor komputer berbondong-bondong mengikuti jejak Apple membuat pad-pad yang lain.

2. AR Parrot Drone
AR Parrot adalah pesawat mainan generasi mutakhir yang sangat canggih. Tak seperti pesawat berkendali jarak jauh lain ia memanfaatkan iPhone dan iPad sebagai kontroler melalui jaringan Wi-Fi.

Kemampuannya untuk melayang secara stabil di udara didapat berkat akselerometer, gyrometer, dan altimeter ultrasound. Diimbangi lagi dengan keleluasaan kontrol penggunanya melalui kamera dan sensor lain yang secara otomatis dapat menyesuaikan kerja empat motor yang dikendalikan oleh propeler.

Asyiknya lagi, melalui layar iPhone dan iPad, pengguna juga bisa bermain video game berteknologi Augmented Reality, yang akan mensimulasikan kehadiran pesawat-pesawat musuh secara virtual.

3. Neato X-11

Neato X-11 adalah robot pembersih rumah yang murah dengan teknologi yang canggih. Robot ini menggunakan sistem laser untuk memetakan lantai yang hendak dibersihkan. Robot yang menggunakan teknologi Room Positioning System (RPG) bisa secara otomatis menghindari rintangan dan mampu mendeteksi benturan.

Ia mengetahui mana dinding, furnitur, pintu, dan benda setinggi hingga 4 meter. Dengan tubuhnya yang kurang dari empat inci (sekitar 10 cm), robot ini bisa masuk kolong tempat tidur atau kursi untuk membersihkan kotoran yang tak terjangkau.

Setelah selesai membersihkan rumah, robot ini secara otomatis akan kembali ke tempatnya semula untuk mengecas baterai. Robot seharga US$400 (Rp 3,6 juta) ini bisa diprogram untuk membersihkan rumah setiap hari, agar rumah bisa selalu kinclong.

4. Martin Jetpack
Martin Jetpack adalah kendaraan masa depan yang mampu membawa penggunanya melayang ke udara bagaikan James Bond. Sebelumnya seorang penemu asal New Zealand menghabiskan hampir 30 tahun mengembangkan pakaian jet sejenis yang kurang praktis, bernama Bell Rocket Belt, pada tahun 1961.

Namun, Martin Jetpack bisa dikatakan sebagai jetpack pertama yang bisa secara praktis digunakan. Alat ini memiliki frame yang terbuat dari komposit serat karbon, dengan mesin berkapasitas 200 tenaga kuda — bahkan lebih bertenaga dari sedan Honda Accord — yang menggerakan sepasang rotor dari bahan carbon-Kevlar. Secara teoritis, Martin jetpack bisa membawa penggunanya mengudara hingga 8.000 ft atau 2.438,4 meter.

Namun, kendaraan yang berbahan bakar bensin ini cuma bisa digunakan selama 30 menit. Martin Jetpack akan menghadapi serangkaian tes tahun depan, dan rencananya akan dijual sekitar US$100 ribu atau sekitar Rp 900 juta.

5. Semen Karang Calera

Semen yang ada saat ini terbuat dari batu kapur. Namun, biasanya semen dari batu kapur memerlukan proses pemanasan hingga mencapai temperatur 1426 derajat celsius atau 2600 derajat Fahrenheit. Pemanasan ini membuat batu kapur melepaskan karbon dioksida. Departemen Energi AS mengatakan bahwa produksi semen merupakan sumber terbesar emisi karbon dioksida AS selain konsumsi bahan bakar fosil.

Oleh karenanya, seorang pakar biologi kelautan bernama Brent Constantz kemudian membuat sebuah semen dari batu karang dengan menambahkan kombinasi kalsium dan karbonat. Hasilnya, semen karang ini tak kalah dengan semen biasa.

Pabrik semen Calera milik Constanz yang mampu memproduksi 1100 ton semen batu karang per hari, bisa mengurangi 550 ton emisi karbon dioksida. Dengan kebutuhan perumahan yang terus meningkat, diharapkan semen jenis ini bisa mengurangi emisi karbon dalam jumlah yang signifikan.

6. Solar Impulse HB-SIA

Solar Impulse HB-SIA adalah pesawat bebas emisi yang mampu mengudara sehari semalam, atau tepatnya selama 26 jam, 9 menit 10 detik. Pesawat yang ditenagai oleh empat motor listrik berkapasitas 10 tenaga kuda yang disuplai oleh sel surya dan baterai polimer lithium.

Pesawat yang bisa mencapai ketinggian 28.500 feet (8.686,8 meter) itu merupakan pesawat pertama yang bisa terbang semalaman dengan energi surya yang dikumpulkan selama seharian. Pesawat ini memberikan harapan adanya moda transportasi cepat yang tidak bergantung pada bahan bakar fosil.

 7. 3-D Bio Printer

Invetech dan Organovo perusahaan yang bermarkas di San Diego AS, berhasil mengembangkan printer dot matriks untuk menghasilkan lapisan tubuh atau organ tubuh manusia.

Printer ini terdiri dari dua head print, satu yang menyemprotkan gel yang memberi bentuk sementara head print lainnya mengisinya dengan sel hidup yang didapat dari pasien sendiri.

Printer yang memiliki tingkat presisi dalam hitungan mikron, itu mampu menyediakani berbagai organ tubuh seperti ginjal, hati, termasuk gigi, bagi orang-orang yang membutuhkan, tanpa perlu menunggu uluran tangan dari pendonor lain.

8. Straddling Bus

The Straddling bus atau bus kangkang besutan peneu asal China, YouZho Song, dipercaya mampu memberikan solusi jitu dari kemacetan lalu lintas yang dialami oleh banyak megacity di seluruh dunia.

Bus ini bisa menggantikan hingga 40 bus konvensional, sehingga bisa menghemat hingga 860 ton bahan bakar yang digunakan 40 bus setiap tahun, dan mengurangi emisi karbon hingga 2640 ton. Alat transportasi yang bisa memuat hingga 1200 penumpang ini tak perlu banyak mengubah infrastruktur jalan, karena ia memanfaatkan ruang yang memang selama ini tidak dimanfaatkan.

Dengan kecepatan rata-rata 40 km per jam, bus yang menggunakan tenaga listrik dan surya itu, diklaim bisa mengurangi kemacetan hingga 30 persen pada jalan-jalan utama. Rencananya, perusahaan Shenzhen Huashi Future Parking Equipment akan mengujikan kendaraan ini pada 2011 pada sebuah proyek di Beijing.

9. Terrafugia Transition 
Terrafugia Transition adalah mobil pesawat besutan para ilmuwan MIT yang bisa akan mendefinisikan ulang konsep perjalanan cepat jarak jauh, langsung dari pintu ke pintu.

Mobil terbang ini dijual lebih murah dari sebuah Lamborghini - seharga U$200 ribu itu, ditenagai mesin berkekuatan 100 tenaga kuda dan dilengkapi dengan parasut dan kantung udara untuk keamanannya.

 Saat dikendari menjadi mobil, sayapnya bisa dilipat, namun saat hendak diterbangkan, sayapnya bisa dikembangkan. Cuma butuh landasan pacu sepanjang 500 m untuk menerbangkan mobil pesawat ini. Kemudian, Transition bisa membawa dua orang penumpangnya (kapasitas muatan 200 kg) untuk terbang sejauh 760 km dengan kecepatan 105 mil per jam atau 169 km per jam. 

10. X-51A Waverider
Setelah beberapa dekade terakhir, akhirnya militer AS mampu mengembangkan senjata yang mampu menghilangkan hambatan pada kecepatan dan ketepatan target. X-51A WaveRider besutan Pratt & Whitney Rocketdyne/Boeing mengukir rekor ketahanan sebuah mesin scramjet (dengan mesin berkecepatan roket yang mampu mengompres udara di atmosfer).

Dengan kecepatan hipersonik, biasanya akan sangat sulit untuk menyuplai udara untuk pengapian bahan bakar lebih dari 12 detik. Namun, X-51A WaveRider memiliki geometri mesin dan sistem injeksi bahan bakar yang presisi yang memungkinkan hal itu terjadi.

Ia bisa melaju hingga lima kali kecepatan suara, menjelajah jarak 600 mil atau 965.6 km hanya dalam waktu 10 menit. Pengembangan X-51A WaveRider yang didanai oleh Darpa Pentagon, ini adalah langkah maju bagi aplikasi misil jarak jauh maupun transport luar angkasa berbiaya murah.

Read More