Apa Itu Tombol Back To Top?? sesuai namanya dalam bahasa ingrris yang dalam bahasa mandarinnya yaituKembali Ke Atap,upzzz Kembali Ke Atas Maksudnya ,,(mank ada yah bahasa mandarin Kembali ke Atas??) , Nah dari namanya saja pasti udah kebayang kalau di gunakan dalam sebuah halaman blog, yaitu jika kita berada di bagian bawah halaman ataupun pertengan halaman, jika tombol tersebut di klik maka secara perlahan akan menuju ke bagian atas halaman blog, namun ada juga yang langsung tok ke atas tidak secara perlahan,namaun yang saya gunakan naiknya secara Perlahan karena menggunakan JQuery,silahkan dilihat di blog ini contohnya (Bagian Kanan Bawah Arah Kita)udah Ketemu Kan Tombolnya??Kalau belum berarti anda berada di bagian atas halaman,ke bawah dulu dong...Waduh.... Panjang amat Yah,Yaudah Langsung aja saya Kasi Kodenya
Ini Dia Kodenya :
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>entahlah saya dapat kode ini darimana asalnya,hahaha lanjuuuuuuuuttttttt
<script src="http://js-rezdown7.googlecode.com/files/rezdownbacktotop.js"></script>
Cara Meletakkannya Yaitu :
Seperti biasa1. Masuk ke akun blogger anda dengan email dan password sendiri2. Setelah berada di halaman Dashboard silahkan anda Pilih Desaign dan anda akan diantar ke halaman Edit Layout Tepatnya Page Elements.
3. Pilih Add a Gadget
4. Pilih HTML/JavaScript
5. Masukkan/Copy Kode Tersebut Di Atas dan Klik Save.
6. Lihat hasilnya
--------------------------------------------
- Jika anda ingin mengganti dengan tombol atau gambar anda sendiri, download dulu file Js nya.
- Setelah selesai, Silakan Upload file Js nya, Caranya Lihat Di Sini.
Setelah itu ganti Kode Warna Hijau di atas dengan Link hasil anda Mengupload.
Kalau kurang jelas silahkan hub. saya.
Terima Kasih...
Seperti biasa1. Masuk ke akun blogger anda dengan email dan password sendiri2. Setelah berada di halaman Dashboard silahkan anda Pilih Desaign dan anda akan diantar ke halaman Edit Layout Tepatnya Page Elements.
3. Pilih Add a Gadget
4. Pilih HTML/JavaScript
5. Masukkan/Copy Kode Tersebut Di Atas dan Klik Save.
6. Lihat hasilnya
--------------------------------------------
- Jika anda ingin mengganti dengan tombol atau gambar anda sendiri, download dulu file Js nya.
- Setelah selesai, Silakan Upload file Js nya, Caranya Lihat Di Sini.
Setelah itu ganti Kode Warna Hijau di atas dengan Link hasil anda Mengupload.
Kalau kurang jelas silahkan hub. saya.
Terima Kasih...
Setiap kali kita mampir ke blog orang lain dan melihat hal baru dan menarik pastinya bikin nriri bgt kan? :P wkwkwk salah satunya adalah shoutbox show-hide, Bagaimana Caranya Membuat Buku Tamu Atau Shoubox yang Kita Miliki Posisinya Berada Di samping Page Sheet Blog kita???
Mau tau Caranya?? Namun Kita Harus Tau Lebih Dulu Apa Keuntungannya,,Menurut saya Jika Shoutbox/Buku tamu posisinya Show/Hide di samping kanan blog kita,itu akan mengurangi tempat di sidebar,,dan lebih memperindah blog kita (menurut saya sebagai pemula).
Ini di Caranya :
1. Silahkan Masuk Ke akun Blogspot anda dengan email dan password sendiri (: ,,setelah berada di Dsahboard klik Desaign
2. Pilih Posisi sidebar Dimana aja (tanpa mengisi kolom judul)
3. Klik Add a Gadget -->Pilih HTML/Javascript
4. Copy dan Paste kode berikut Di Kolom HTML/JavaScript :
Keterangan :
 |
| Contoh Shoutbox |
Ini di Caranya :
1. Silahkan Masuk Ke akun Blogspot anda dengan email dan password sendiri (: ,,setelah berada di Dsahboard klik Desaign
2. Pilih Posisi sidebar Dimana aja (tanpa mengisi kolom judul)
3. Klik Add a Gadget -->Pilih HTML/Javascript
4. Copy dan Paste kode berikut Di Kolom HTML/JavaScript :
<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWnP656KDTlV3Z3z0Vbz5iSXXB9dOqxmLuLAbRVF71c1u_TcT50gRN7JIOujxFwGZSwU-I67T-En8n1eOa2HzqHPGYyD0o2IcG56j9YWnOGrNIbUkxmEHzJEP82i_DBmAxeQwHCzP2toU1/') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent"><!-- Letakkan kode buku tamu anda di bawah ini -->
<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<small>Widget by: <a href="http://rezdown7.blogspot.com/" target="_blank">Rezdown7</a></small>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>
Keterangan :
Cara Mengganti Kursor Mouse Dan Memberikan Efek Bertabur Bintang Di Blog
Memberikan Kursor Efek Bertabur Bintang
1. Masuk dulu ke akun blogger anda 2. Setelah anda berada di Dashboard pilih Desaign dan anda akan diantar ke halamanEdit Layout Tepatnya Page Elements.
3. Pilih Add a Gadget --> HTML/JavaScript
4. Masukkan/Copy-Paste Kode Di Bawah Ini :
Silahkan pilih salah satu sesuai selera anda 5. Save dan Lihat Hasilnya
Sekian Dulu Dari Saya
Lebih dan Kurangnya Tolong Di Maafkan,hehe Jika Terdapat Kesalahan Silahkan Di Laporkan
Terima Kasih.
* Sejuta trimakasih buat Rezdown7
Assalamualaikum..
Hari ini saya akan membagikan tutorial untuk Mengganti Kursor Mouse Dan Memberikan Efek Bertabur Bintang Di Blog, ini bagi yang belum tau, untuk anda yang sudah tau diam2 aja :x . Pastinya tutorial ini dilakukan bersamaan tapi tetep javascriptnya akan berbeda, dan saya rasa anda sudah pernah melihat tampilan blog blogger lain yang semacam ini, jadi tidak perlu di jelaskan lagi :)
Gini caranya.....
Mengganti Kursor Mouse
1. Masuk dulu ke akun blogger anda 2. Setelah anda berada di Dashboard pilih Desaign dan anda akan diantar ke halamanEdit Layout Tepatnya Page Elements.
3. Pilih Add a Gadget --> HTML/JavaScript
4. Masukkan/Copy-Paste Kode Di Bawah Ini :
Mengganti Kursor Mouse
1. Masuk dulu ke akun blogger anda 2. Setelah anda berada di Dashboard pilih Desaign dan anda akan diantar ke halamanEdit Layout Tepatnya Page Elements.
3. Pilih Add a Gadget --> HTML/JavaScript
4. Masukkan/Copy-Paste Kode Di Bawah Ini :
yle type="text/css">body {cursor:url("http://i783.photobucket.com/albums/yy114/rrezkijitawwa/icon18_wrench_allbkg.png"),default}</style>5. Save dan Lihat Hasilnya
Memberikan Kursor Efek Bertabur Bintang
1. Masuk dulu ke akun blogger anda 2. Setelah anda berada di Dashboard pilih Desaign dan anda akan diantar ke halamanEdit Layout Tepatnya Page Elements.
3. Pilih Add a Gadget --> HTML/JavaScript
4. Masukkan/Copy-Paste Kode Di Bawah Ini :
Merah
<script src="http://js-rezdown7.googlecode.com/files/KursorBBMerah.js" type="text/javascript"></script>
Putih
<script src="http://js-rezdown7.googlecode.com/files/KursorBBPutih.js" type="text/javascript"></script>
Biru
<script src="http://js-rezdown7.googlecode.com/files/KursorBBBiru.js" type="text/javascript"></script>
Hijau
<script src="http://js-rezdown7.googlecode.com/files/KursorBBHijau.js" type="text/javascript"></script>
Silahkan pilih salah satu sesuai selera anda 5. Save dan Lihat Hasilnya
Catatan:
Jika warna kesukaan anda tidak ada, silahkan download salah satu file *Js yang tersedia di atas lalu buka dengan Notepad dan cari kode seperti ini var colour="blue"; dan ganti kode warna sesuai selera, setelah selesai Save dan Upload file *Js anda, caranya lihat Disini
Sekian Dulu Dari Saya
Lebih dan Kurangnya Tolong Di Maafkan,hehe Jika Terdapat Kesalahan Silahkan Di Laporkan
Terima Kasih.
* Sejuta trimakasih buat Rezdown7
