Cara Memposting Kode Dan Script Html Dengan Menambahkan Tag Textarea

• Pilih mode Html tapi mode compose juga bisa...
• Anggap sebagai contoh
• Tulis tag seperti ini
• </span><span style="margin: 0px; padding: 0px; font-family: courier, monospace; font-size: 12px; line-height: 0px;"><span style="color: rgb(255, 0, 0); margin: 0px; padding: 0px;"><code><textarea style="width:300px; height: 150px; padding: 5px;" readonly="readonly"></span><span style="margin: 0px; padding: 0px;"><font color="#0000ff">masukan kode html dan script disini</font></span><span style="color: rgb(255, 0, 0); margin: 0px; padding: 0px;">

• Yah, silakan masukan kode dan script htmlnya di text yang berwarna biru
• Markup yang berwarna biru itu sudah aturan! tapi bisa ditambahkan style dan
  Property lain
• Yang saya ngga suka dari cara ini ialah karena jika didalam kode/secripnya
  Terdapat line break(enter) maka tampilan di web akan bertambah tag
• Cara ini cocok buat pengguna blogspot, kalau untuk wap kita harus hapus line
  Breaknya
• Kemudian Save dan lihat apa yang terjadi...

CARA MEMBUAT ICON BACK TO TOP DI BLOG

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 :

</span><a href='#' style='display:scroll;position:fixed;bottom:15px;right:15px;' title='<span style="margin: 0px; padding: 0px; color: blue;">Back to Top</span>'><img src='<span style="margin: 0px; padding: 0px; color: purple;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBlyG40N-AQV0-GjImKvtZsOnxCbDMhmrcmvFH_UXljjhHkYharV_KaIzXfBpxUAr1aY4zj5JHfOIewlgyNWzqDMBeUbY8hUYNtXN2UM7AFScrTJyTfjD6m17cpwPsrE8aHkr7fLg-OSM2/s1600/navigate-up-icon.png</span>'/></a><span style="color: rgb(0, 0, 255); font-family: courier, monospace; font-size: 12px; line-height: 0px;">

*) 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:
• </span><span style="margin: 0px; padding: 0px; font-family: courier, monospace; font-size: 12px; line-height: 0px; color: rgb(0, 0, 255);"><span style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px;"><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script></span><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><span style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px;"><script type="text/javascript" ></span><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><span style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px;">var scrolltotop={</span><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><span style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px;">    //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control</span><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><span style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px;">    //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).</span><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><span style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px;">    setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},</span><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><span style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px;">    controlHTML: '<img src="</span><span style="font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px; color: rgb(255, 0, 255);">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9qOeKLA7Z87DulcfOQpIfSiMK8r8ZlyWhmgr2ZPBp9V401H1jou1xMv6EYUpYz2t1tvG2QrAN_lxLjRINoZThASz8uXyHaQeEDwhAhtQrz-WC8HzNy2AWyqDR1KbDBGNxLkr6vAwvfgrT/s1600/back+to+top10.gif</span><span style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px;">" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"</span><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><span style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px;">    controlattrs: {offsetx:5, offsety:5}</span><a href="http://mazinubersahabat.blogspot.com/2013/07/2-cara-membuat-tombol-back-to-top.html" target="_blank" style="font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px; color: rgb(60, 89, 147); text-decoration: none;">, </a><span style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px;">//offset of control relative to right/ bottom of window corner</span><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><span style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px;">    anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links</span><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><span style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px;">    state: {isvisible:false, shouldvisible:false},</span><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><span style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px;">    scrollup:function(){</span><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><span style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px;">        if (!this.cssfixedsupport) //if control is positioned using JavaScript</span><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><span style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px;">            this.$control.css({opacity:0}) //hide control immediately after clicking it</span><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><span style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px;">        var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)</span><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><span style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px;">        if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists</span><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><span style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px;">            dest=jQuery('#'+dest).offset().top</span><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><span style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px;">        else</span><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><span style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px;">            dest=0</span><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><span style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px;">        this.$body.animate({scrollTop: dest}, this.setting.scrollduration);</span><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><span style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px;">    },</span><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><span style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px;">    keepfixed:function(){</span><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><span style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px;">        var $window=jQuery(window)</span><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><span style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px;">        var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx</span><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><span style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px;">        var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety</span><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><span style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px;">        this.$control.css({left:controlx+'px', top:controly+'px'})</span><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><span style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px;">    },</span><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><span style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px;">    togglecontrol:function(){</span><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><span style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px;">        var scrolltop=jQuery(window).scrollTop()</span><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><span style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px;">        if (!this.cssfixedsupport)</span><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><span style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px;">            this.keepfixed()</span><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><span style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px;">        this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false</span><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><span style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px;">        if (this.state.shouldvisible && !this.state.isvisible){</span><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><span style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px;">            this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])</span><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><span style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px;">            this.state.isvisible=true</span><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><span style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px;">        }</span><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><span style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px;">        else if (this.state.shouldvisible==false && this.state.isvisible){</span><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><span style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px;">            this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])</span><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><span style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px;">            this.state.isvisible=false</span><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><span style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px;">        }</span><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><span style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px;">    },</span><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><span style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px;"> </span><span style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px;"> </span><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><span style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px;">    init:function(){</span><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><span style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px;">        jQuery(document).ready(function($){</span><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><span style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px;">            var mainobj=scrolltotop</span><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><span style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px;">            var iebrws=document.all</span><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><span style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px;">            mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode</span><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><span style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px;">            mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')</span><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><span style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px;">            mainobj.$control=$('<div id="topcontrol"> '+mainobj.controlHTML+'</div> ')</span><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><span style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px;">                .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})</span><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><span style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px;">                .attr({title:'Scroll Back to Top'})</span><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><span style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px;">                .click(function(){mainobj.scrollup(); return false})</span><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><span style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px;">                .appendTo('body')</span><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><span style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px;">            if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text</span><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><span style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px;">                mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text</span><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><span style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px;">            mainobj.togglecontrol()</span><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><span style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px;">            $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){</span><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><span style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px;">                mainobj.scrollup()</span><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><span style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px;">                return false</span><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><span style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px;">            })</span><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><span style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px;">            $(window).bind('scroll resize', function(e){</span><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><span style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px;">                mainobj.togglecontrol()</span><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><span style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px;">            })</span><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><span style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px;">        })</span><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><span style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px;">    }</span><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><span style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px;">}</span><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><span style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px;">scrolltotop.init()</span><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><br style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px; margin: 0px; padding: 0px;"><span style="color: rgb(60, 61, 63); font-family: 'Times New Roman'; font-size: medium; line-height: 25.600000381469727px;"></script></span>

• 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 :

Selamat mencoba....

CARA MERAKIT KOMPUTER LENGKAP DENGAN GAMBARNYA

Sebelum memulai perakitan komputer, perlengkapan yang perlu disiapkan seperti : tang, obeng, kabel, sekrup, jumper, baut, driver dan program aplikasi. Dan juga harus diperhatikan mengenai kompatibilitas / kesesuaian dari komponen-komponen terhadap motherboard karena setiap jenis motherboard mendukung jenis prosessor, RAM, port dan I/O bus yang berlainan.

Langkah-Langkah Merakit Komputer

1. Memasang Processor ke Motherboard

Alangkah baiknya sebelum motherboard dipasang ke casing, terlebih dahulu memasang processor karena akan lebih mudah cara memasangnya. Cara memasang processor ke motherboard yaitu :

• Kita tentukan dulu posisi pin 1 pada prosessor dan socket prosessor di motherboard, umumnya terletak di pojok yang ditandai dengan tanda titik atau lekukan.
• Angkat tuas pengunci socket ke atas supaya terbuka
• Sesuaikan posisi kaki processor dengan lubang socket, kalau sudah lalu tekan processor ke dalam socket sampai rapat.
• Kunci kembali dengan tuas pengunci.

 

2. Memasang Motherboard 

Untuk memasang Motherboard pada casing yaitu letakkan motherboard pada tray casing dan sesuaikan lubang antara casing dan lubang motherboard, lalu kunci dengan sekrup.

 

3. Memasang Heatsink

Setelah processor terpasang, lalu pasang heatsink supaya processor tidak panas. Heatsink ini diletakkan diatas processor dan diberi penahan supaya tidak lepas. Sebelumnya lapisi heatsink dengan Gel penghantar panas. Apabila heatsink anda ada kipasnya/fan maka konektor power pada kipas/fan hubungkan ke motherboard.

 

4. Memasang RAM / Memori
Cara memasang Ram / modul memori yaitu : Buka dulu tuas penguncinya, lalu sesuaikan posisi lekukan pada modul memori dengan lekukan pada slot. Kalau sudah pas lalu tekan dan pasang kembali tuas pengunci RAM / memori.

 

5. Memasang Power Supply
Biasanya kalau kita membeli casing pasti power supply sudah terpasang. Nah apabila power supply belum terpasang caranya memaangnya yaitu :

• Letakkan power supply pada tempatnya yang ada dibelakang casing, lalu kunci dengan sekrup.
• Pasang konektor power dari power supply ke motherboard berikut kabel-kabelnya.

 

6. Memasang Kabel Motherboard dan Casing

• Pasang kabel konektor IDE primary dan secondary pada motherboard.
• Untuk motherboard non ATX, pasang kabel port serial dan pararel pada konektor di motherboard.
• Pada bagian belakang casing terdapat lubang untuk memasang port tambahan jenis non slot. Buka sekerup pengunci pelat tertutup lubang port lalumasukkan port konektor yang ingin dipasang dan pasang sekerup kembali.
• Hubungkan kabel konektor mouse dan keyboard pada motherboard.
• Hubungan kabel konektor yang lainnya seperti LED, speaker internal dan port yang tersedia di casing komputer.

 

7. Memasang Drive
Untuk memasang drive seperti harddisk, CD-ROM/DVD-ROM caranya yaitu :

• Masukkan drive dari depan casing. Atur dulu settingan jumper (sebagai master atau slave) pada drive, lalu pasang sekrup supaya drive tidak lepas.
• Hubungkan konektor kabel IDE ke drive dan konektor di motherboard (konektor primer yang dipakai lebih dulu)
• Apabila kabel IDE terhubung pada 2 (dua) drive, setting jumpernya yaitu drive pertama disetting sebagai master dan satunya lagi sebagai slave.
• Dan konektor IDE sekunder pada motherboard dapat dipakai untuk menghubungkan dua drive tambahan.
• Sambungkan kabel power dari catu daya pada masing-masing drive.

 

8. Memasang Card Adapter

Untuk Card Adapter yang bisanya dipasang adalah sound, video card, modem dan SCSI adapter. Cara pemasangannya yaitu : masukkan Card Adapter pada slot yang tersedia di motherboard, lalu tekan sampai konektor benar-benar masuk, kemudian beri sekrup sebagai penahan card.

 

9. Tahap terakhir perakitan komputer

Kalau semua langkah-langkah perakitan komputer sudah selesai, kini tutup dengan casing dan beri sekrup. Hubungkan kabel dari catu daya ke soket dinding dan juga hubungkan konektor monitor ke port video card, konektor kabel keyboard dan konektor mouse ke port mouse.

10. Pemeriksaan Hasil Perakitan Komputer

Setelah komputer selesai dirakit, kita lakukan pemeriksaan dan pengetesan hasilnya dengan program BIOS, caranya yaitu :

• Nyalakan komputer dan monitor, lihat layar monitor dan juga dengarkan suara dari speaker.
• Nah program Fost dari Bios ini akan otomatis mendeteksi hardware apa saja yang sudah dipasang pada komputer.
• Lakukan setting untuk nilai dari kapasitas hardisk dan boot sequence.
• Kalau sudah lalu simpan hasil settingan dan exit dari setup BIOS, maka komputer meload system operasi dengan urutan pencarian yang disesuaikan dengan settingan boot sequence pada Bios.
• Masukkan CD Bootable yang berisi sistem operasi pada drive pencarian.

11. Solusi bila terjadi masalah pada hasil perakitan komputer

• Hidupkan komputer, apabila komputer dan monitor tidak hidup, periksa kabel daya pada colokan listrik sudah terhubung apa belum.
• Apabila waktu dinyalakan, tampilan layar monitor ngeblank / berwarna hitam, pasti ada kesalahan dan apabila pada CPU terdengar bunyi beep, maka betulkan penempatan RAM / memori pada soket.
• Apabila card adapter tidak terdeteksi, periksa penempatan card adapter sudah pas apa belum ke slotnya.
• Apabila LED dari harddisk atau CD menyala terus, periksa konektornya sudah terhubung apa belum.

Demikianlah Cara Merakit Komputer, semoga bermanfaat. 

Sumber: http://bloggerbondowoso24.blogspot.com/2013/04/cara-merakit-komputer-lengkap-dengan.html

Bagaimana cara memperbaiki motherboar yang padam

 1.Bagaimana cara memperbaiku motherboar yang padam.

Cara memperbaiki motherboard yang Mati Total

Periksa power supply: Dalam keadaan kabel power di lepas dari power supply, lepaskan socket kabel Atx1 yang terpasang pada Mainboard. Setelah terlepas, pasangkan kembali kabel power, sambungkan/shortkan kabel berwarna hijau dengan kabel berwarna hitam, periksa apakah kipas di power supply berputar? Kalau berputar berarti power supply bagus. Lepas kembali kabel sambungan tadi dan pasang kembali kabel Atx1 ke motherboard. Periksa Jumper Clear CMOS, apakah di posisi Clear atau Free, biasanya kalau motherboard baru, posisi jumper CMOS ada pada posisi Clear. Periksa IC Chipset dalam keadaan tersambung dan di Switch On, apakah panasnya berlebih atau tidak, over heat berarti Chipset tersebut sudah rusak. Untuk part IC CMOS sampai saat ini tidak dijual bebas.

2.bagaimana cara memperbaiki PC yang hidup namun tidak tampil ke layar monitor.

    Cara memperbaikinya sebagai berikut :

memahami masalah apa saja yang mengakibatkan pc tidak mau tampil ke monitor:

·         Kurangnya perawatan CPU

·         Kabel data yang menghubungkan monitor ke CPU

·         kabel power monitor

·         Baru kita menuju ke VGA

·         Ram

·         Processor terlalu panas

·         Power suplay 

1. cek monitor, apakah monitor masih berfungsi. jika monitor berfungsi dengan baik                                                  berarti masalah di cpu 

2. lepas kabel power,keyboard,mouse,keyboard dari cpu

3. buka casing cpu anda 

4. lepas kan Ram/Memory card anda dari slotnya 

5. Bersihkan Ram/Memory card anda menggunakan penghapus pensil atau cairan contac    cleaner

6. Bersihkan slot Ram/memory anda menggunakan cairan contac cleaner atau kuas

7. Lepaskan VGA Card anda dari slotnya 

8. bersihkan VGA Card anda menggunakan cairan contac cleaner atau penghapus pensil dan kipas vga card anda menggunakan kuas

9. pasang kembali Ram/Memory card, VGA Card di slot nya masing-masing 

10.pasaang kembali casing cpu anda

11. pasang kembali kabel power,keyboard,mouse dan vga 

12. jika tetap belum mau hidup di sebabkan karena Power supply kurang daya, untuk itu anda dapat mecoba menggunakan power supply yang lain .

Coba hidupkan Insyaallah komputer akan hidup dan tampil di monitor.

3.Bagaimana Cara mendiagnosis Permasalahan PC .

Caranya mendiagnosis Pc  sebagai berikut :

Langkah awal dari melakukan perbaikan perbaikan terhadap PC adalah kita harus mengetahui letak / kerusakan sehingga kita tidak melakukan kesalahan perbaikan. Langkah diagnosa merupakan langkah pertama yang harus di lakukan . Diagnosa ini meliputi :
- POST
- Diagnosa umum
- Diagnosa mencari dan memecahkan persoalan
 

a. POST ( Power On Self Test )
    POST di lakukan pada saat booting, memungkinkan user mengidentifikasi, mengisolasi, menemukan kesalahan dan melokalisasi letak kesalahan sehingga dapat menentukan langkah perbaikan yang tepat.
 Pada proses ini jika terdapat kerusakan / eror maka komputer akan menampilkan tanda / kode kesalahan.
 Kode - kode tersebut berupa :
 - Kode suara
 - Kode angka
 - Kode pesan singkat

Kode kesalahan berupa kode beep / kode angka berbeda - beda tergantung dengan jenis BIOS nya.
                                                                                                                                               

Kode Beep AWARD BIOS

2.      1 beep pendek : PC dalam keadaan baik

3.      1 beep panjang : Problem di memori

4.      1 beep panjang 2 beep pendek : Kerusakan di modul DRAM parity

5.      1 beep panjang 3 beep pendek : Kerusakan di bagian VGA.

6.      Beep terus menerus : Kerusakan di modul memori atau memori video

Kode Beep AMI BIOS

7.      1 beep pendek : DRAM gagal merefresh

8.      2 beep pendek : Sirkuit gagal mengecek keseimbangan DRAM Parity (sistem memori)

9.      3 beep pendek : BIOS gagal mengakses memori 64KB pertama.

10.  4 beep pendek : Timer pada sistem gagal bekerja

11.  5 beep pendek : Motherboard tidak dapat menjalankan prosessor

12.  6 beep pendek : Controller pada keyboard tidak dapat berjalan dengan baik

13.  7 beep pendek : Video Mode error

14.  8 beep pendek : Tes memori VGA gagal

15.  9 beep pendek : Checksum error ROM BIOS bermasalah

16.  10 beep pendek : CMOS shutdown read/write mengalami errror

17.  11 beep pendek : Chache memori error

18.  1 beep panjang 3 beep pendek : Conventional/Extended memori rusak

19.  1 beep panjang 8 beep pendek : Tes tampilan gambar gagal

  8. 1701      : Kerusakan POST pada Harddisk

Kode Beep IBM BIOS

1.Tidak ada beep : Power supply rusak, card monitor/RAM tidak terpasang

2.1 beep pendek : Normal POST dan PC dalam keadaan baik

3.Beep terus menerus : Power supply rusak, card monitor/RAM tidak terpasang

4.Beep pendek berulangulang : Power supply rusak, card monitor/RAM tidak terpasang

5.1 beep panjang 1 beep pendek : Masalah Motherboard

6.1 beep panjang 2 beep pendek : Masalah bagian VGA Card (mono)

7.1 beep panjang 3 beep pendek : Masalah bagian VGA Ccard (EGA).

8.3 beep panjang : Keyboard error

9. beep : blank monitor VGA card sirkuit

Kode Angka

     1. 1XX      : Keyboard error                                      
     2. 101        : System keyboard
     3. 2XX      : Kerusakan memory
     4. 201        : RAM rusak

     5. 6XX      : Kerusakan POST Floppy Drive
     7. 17XX    : Harddisk error                                                                                             
    8. 1701      : Kerusakan POST pada Harddisk