Membuat Scroll ke atas otomatis
Caranya gampang ko....
kamu Copy Paste aja script di bawah ini :
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="http://raezen.fileave.com/scrolltop.js" type="text/javascript"></script>
<script src="http://raezen.fileave.com/scrolltop.js" type="text/javascript"></script>
kalau sudah di "Copy",, kamu "Paste" persis dibawah kode : <head>
Selesai ^_^
Selesai ^_^
1. Login ke Blog
2. Pergi menuju menu Edit HTML
3. Copy lalu pastekan code dibawah setelah code <head>
5. Klik Elemen Halaman
6. Lalu tambah gadget dan pilih HTML/JavaScript
7. Pastekan code dibawah ini
<h2 class=”mail”><span style=”color: rgb(153, 153, 255);”>Mail</span> <span>Ke Ebenk789</span></h2>
<ul id=”menu”>
<li><a href=”http://ebenk789.blogspot.com/” id=”home” class=”menitem”><strong>Home</strong> <span>Ebenk789 Weblog homepage</span></a></li>
<li><a href=”http://ebenk789.blogspot.com/search/label/Blogger” id=”tutos” class=”menitem”><strong>Tutorial</strong> <span>Toturial HTML, Javascript, CSS</span></a></li>
<li><a href=”http://ebenk789.blogspot.com/search/label/Javascript” id=”files” class=”menitem”><strong>Javascript</strong> <span>Kumpulan code javascript untuk blog.</span></a></li>
<li><a href=”http://ebenk789.blogspot.com/2008/08/mesin-pencari-ebenk789.html” id=”search” class=”menitem”><strong>Search</strong> <span>Cari dengan bantuan google.</span></a></li>
<li><a href=”http://www.blogger.com/post-create.g?blogID=6599543948232149064#” id=”mail” class=”menitem”><strong>Mail</strong> <span>Kirim e-mail ke ebenk789.</span></a></li>
<li><a href=”http://www.blogger.com/profile/16257604644155351535? id=”id” class=”menitem”><strong>About</strong> <span>Identitas diri ebenk789.</span></a></li>
<li><a href=”http://ebenk789.blogspot.com/search/label/Komputer” id=”write” class=”menitem”><strong>Tips</strong> <span>Tips computer, Hacking, Repair, etc.</span></a></li>
<li><a href=”http://www.blogger.com/post-create.g?blogID=6599543948232149064#” id=”logout” class=”menitem”><strong>Widget</strong> <span>Get this gadget.</span></a></li>
</ul>
</div>
</div>
8. Save Widget (selesai)
gampang kan ?
Ket.
Jika kamu ingin merubah atau mengganti gambar yang saya sertakan dengan gambar koleksi kamu, langkah yang dapat kamu lakukan yaitu download file ebenk.css lalu upload file. Setelah itu, ganti code yang berwarna merah dari kode <link rel=”stylesheet” type=”text/css” href=”http://www.geocities.com/ebenk_789/ebenk.css” /> Dengan code link hasil upload tadi.
Membuat Judul Blog Bergerak
Caranya :
1. Login ke Blogger
2. Klik menu Layout
3. Edit/HTML
4. Lalu cari kode script dibawah ini :
<title><data:blog.pageTitle/></title>
kalau sudah ketemu,, kamu cek dulu, ada kode script seperti ini tidak
<b:include data='blog' name='all-head-content'/>
<script language='JavaScript'>
var txt="Tulis Teks Kamu Disini";
var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>
dan yang perlu diedit adalah Tulis Teks Kamu Disini kamu bisa ganti dengan teks sesuka hatimu tapi jangan lupa dihapu s dulu k'lo g' pengen ganti maka scr otomatis judul blog kamu yang asli yang akan bergerak
truz 100 angka ini menunjukkan kecepatan pergerakan kamu juga bisa menggantinya.
5. Simpan...
Selamat Mencoba!!!
kalau sudah ketemu,, kamu cek dulu, ada kode script seperti ini tidak
<b:include data='blog' name='all-head-content'/>
dibawah kode script ini
<title><data:blog.pageTitle/></title>
kalau ada,, kode script yang ini
<b:include data='blog' name='all-head-content'/>
kamu hapus juga,, terus Ganti kode script diatas dengan Kode script dibawah ini :
<b:include data='blog' name='all-head-content'/>
<script language='JavaScript'>
var txt="Tulis Teks Kamu Disini";
var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>
dan yang perlu diedit adalah Tulis Teks Kamu Disini kamu bisa ganti dengan teks sesuka hatimu tapi jangan lupa dihapu s dulu k'lo g' pengen ganti maka scr otomatis judul blog kamu yang asli yang akan bergerak
truz 100 angka ini menunjukkan kecepatan pergerakan kamu juga bisa menggantinya.
5. Simpan...
Pasang Translate di Blog
Kali ini aku akan posting cara pasang Google translate di blog. Widget asli dari google tampilanya tidak semenarik widget ini ... Widget Google translate kali ini hasil kreasi sang master Blogger kita yaitu Kang Rohman... Widget yang akan terpasang dalam bentuk bendera2 yang sangat menarik dan jika mouse anda arahkan ke gambar-gambar bendera yang ada akan terlihat sedikit efek blur sebagai pemanis.
langkah2 untuk membuatnya adalah :
1. Login to Blogger kemudian pilih "Layout"
2. Klik pada "Page Element" trus pilih "Add a Gadget --> HTML/Javascript" (Tempatnya terserah kamu).
3. Copy Paste Script Berikut:
Kali ini aku akan posting cara pasang Google translate di blog. Widget asli dari google tampilanya tidak semenarik widget ini ... Widget Google translate kali ini hasil kreasi sang master Blogger kita yaitu Kang Rohman... Widget yang akan terpasang dalam bentuk bendera2 yang sangat menarik dan jika mouse anda arahkan ke gambar-gambar bendera yang ada akan terlihat sedikit efek blur sebagai pemanis.
langkah2 untuk membuatnya adalah :
1. Login to Blogger kemudian pilih "Layout"
2. Klik pada "Page Element" trus pilih "Add a Gadget --> HTML/Javascript" (Tempatnya terserah kamu).
3. Copy Paste Script Berikut:
by : BTF
4. Klik tombol Simpan dan lihat hasilnya ...
Menyembunyikan Judul dan Diskripsi pada Blog
1. Menyembunyikan Judul (Hide Title Blogger)
Login di Blogger.com dan klik di Layouts pada Dashboard. Kemudian klik Edit HTML dari Template. Ingat backup template anda. Kemudian cari kode bawah ini :
#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: normal normal 200% Georgia, Serif;
display:none; /*<---Insert this line*/ } Tambahlah kode yang saya beri warna merah : "display: none;" di baris kode untuk judul seperti yang ditunjukkan di atas. Klik tombol Pratinjau untuk melihat perubahan. Simpan Template. Lihat Blog 2. Menyembunyikan keterangan blog (Hide Description Blog) Untuk menyembunyikan deskripsi blog cari kode dibawah ini di template blog : #header .description { margin:0 5px 5px; padding:0 20px 15px; max-width:700px; text-transform:uppercase; letter-spacing:.2em; line-height: 1.4em; font: normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif; color: #999999; display:none; /*<---Insert this line*/ } Tambahlah kode yang saya beri warna merah : "display: none;" di baris kode untuk judul seperti yang ditunjukkan di atas. Klik tombol Pratinjau untuk melihat efek. Simpan Template. Lihat Blog. Selamat mencoba ... Cara Mengganti Favicon Blog
Apakah kamu ingin merubah favicon Blog kamu menjadi favicon yg lucu sesuai dengan yg kamu inginkan ??
Emang favicon apaan seeh ?? pingin tau ? favicon adalah icon kecil di bagian atas yang ada gambarnya itu lho !! yang yang tempat dimana kita menulis alamat situs itu tuh,, dah tau kan!!! yo uwis tak langsung ke cara pembuatane....
Langkah-Langkahnya sebagai berikut :
1. Log In dulu di blog kamu
2. Masuk ke menu tata letak/edit HTML
3. Cari kode </head>
4. Lalu copy script dibawah ini dan paste tepat di bawah kode </head>
<link href="http://Paste link kamu disini.gif" rel="shortcut icon"/>
5. Ganti tulisan yg berwarna biru dengan link gambar kamu
Menyembunyikan Judul dan Diskripsi pada Blog
1. Menyembunyikan Judul (Hide Title Blogger)
Login di Blogger.com dan klik di Layouts pada Dashboard. Kemudian klik Edit HTML dari Template. Ingat backup template anda. Kemudian cari kode bawah ini :
#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: normal normal 200% Georgia, Serif;
display:none; /*<---Insert this line*/ } Tambahlah kode yang saya beri warna merah : "display: none;" di baris kode untuk judul seperti yang ditunjukkan di atas. Klik tombol Pratinjau untuk melihat perubahan. Simpan Template. Lihat Blog 2. Menyembunyikan keterangan blog (Hide Description Blog) Untuk menyembunyikan deskripsi blog cari kode dibawah ini di template blog : #header .description { margin:0 5px 5px; padding:0 20px 15px; max-width:700px; text-transform:uppercase; letter-spacing:.2em; line-height: 1.4em; font: normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif; color: #999999; display:none; /*<---Insert this line*/ } Tambahlah kode yang saya beri warna merah : "display: none;" di baris kode untuk judul seperti yang ditunjukkan di atas. Klik tombol Pratinjau untuk melihat efek. Simpan Template. Lihat Blog. Selamat mencoba ... Cara Mengganti Favicon Blog
Apakah kamu ingin merubah favicon Blog kamu menjadi favicon yg lucu sesuai dengan yg kamu inginkan ??
Emang favicon apaan seeh ?? pingin tau ? favicon adalah icon kecil di bagian atas yang ada gambarnya itu lho !! yang yang tempat dimana kita menulis alamat situs itu tuh,, dah tau kan!!! yo uwis tak langsung ke cara pembuatane....
Langkah-Langkahnya sebagai berikut :
1. Log In dulu di blog kamu
2. Masuk ke menu tata letak/edit HTML
3. Cari kode </head>
4. Lalu copy script dibawah ini dan paste tepat di bawah kode </head>
<link href="http://Paste link kamu disini.gif" rel="shortcut icon"/>
5. Ganti tulisan yg berwarna biru dengan link gambar kamu
