Belajar blogspot

Catatan Kode Terbaru...!!

Cara Membuat menu Lavalamp
Cara Membuat menu Lavalamp, ini merupakan menu navigasi yang menarik buat sobat coba. berikut Cara Membuat menu Lavalamp selengkapnya : Copy kode CSS yang ada pada kotak dibawah kemudian paste di atas kode </b:skin> Copy kode Javascript dan paste diatas kode </head> Copy kode HTML kemudian paste pada Widget yang ada dibawah header dengan konten Tambah CSS/javascript atau letakan dalam edit HTML sesuai keinginan. Untuk cara peletakan kode dalam template kawan bisa baca di Panduan Cara Meletakan Kode pada template #lava { background-color:#274D5A; background-imag...
07 Sep 2012 - 0 Komentar
Cara Membuat Stikybar / Sidebar Melayang ke-2
Cara Membuat Stikybar / Sidebar Melayang yaitu membuat sidebar blog menjadi mengikuti scroll sehingga akan selalu nampak. Caranya, Letakan Kode dibawah ini tepat diatas kode </head> Kode Javascript <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/> <script src='http://belajar-e.googlecode.com/files/Stikybar.js' type='text/javascript'/> <script type='text/javascript'> $(function() { $("#sidebar-right-1").stickyBar({ animated:true, speed:400, easing:null, top:0, bottom:0, until:"&quo...
22 Sep 2012 - 4 Komentar
Panduan Cara Meletakan Kode pada template
Panduan Cara Meletakan Kode pada template ini saya sampaikan buat kawan yang kebetulan mampir di blog ini dan membuka halaman tutorial namun penjelasan tidak saya sampaikan pada tutorial tersebut. Nah berikut penjelasan cara peletakan kode pada template; Untuk Kode CSS Pada Kode CSS ada yang diletakan pada tag <b;skin> dan ada juga yang setelah tag tersebut, bila mau menempatkannya pada tag <b:skin> maka kawan tinggal meletakan kode tersebut didalam tag tersebut baik itu di bawah tag pembukanya yaitu <b:skin> maupun di atas tag penutupnya yaitu ]]></b:skin>, namun ...
14 Sep 2012 - 1 Komentar
JQuery Membuat Sidebar Melayang / Auto scroll
Membuat Sidebar Melayang / Auto scroll ini maksudnya yaitu membuat sidebar menjadi tampak selamanya meskipun halaman discroll ke bawah atau keatas, sidebar akan selalu terlihat karena tidak ikut terscroll. Adapun caranya, kawan tinggal meletakan kode dibawah ini tepat diatas kode </head>. namun ingat kode ini adalah kode JQuery sehingga template sobat harus sudah memasang library JQuery. Berikut kodenya: <script type='text/javascript'> $(function(){var offset=$("#rsidebar-wrapper").offset();var topPadding=144;$(window).scroll(function(){if($(window).scrollTo...
12 Sep 2012 - 5 Komentar

Saturday, September 22, 2012

Cara Membuat Stikybar / Sidebar Melayang ke-2

Cara Membuat Stikybar / Sidebar Melayang yaitu membuat sidebar blog menjadi mengikuti scroll sehingga akan selalu nampak.

Caranya, Letakan Kode dibawah ini tepat diatas kode </head>

Kode Javascript

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
<script src='http://belajar-e.googlecode.com/files/Stikybar.js' type='text/javascript'/>
<script type='text/javascript'>
$(function() {
$("#sidebar-right-1").stickyBar({
animated:true,
speed:400,
easing:null,
top:0,
bottom:0,
until:""
});
});
</script>

Bila template anda sudah dipasang library JQuery maka kode yang digaris bawah dihapus saja.
Demikian Cara Membuat Stikybar / Sidebar Melayang semoga berhasil.

Pages

Catatan Kode Terbaru...!!

Saturday, September 22, 2012

Cara Membuat Stikybar / Sidebar Melayang ke-2

Kode Javascript