N OP Loverz

Senin, 25 Februari 2013

Membuat Title Blog pada Tab Bergerak dan Berganti-ganti

Halo sobat blogger, kali ini saya akan berbagi sesuatu yang menarik, yaitu cara membuat judul/title blog pada tab menjadi bergerak dan berganti-ganti. Bagi kalian yang ingin mempercantik blog boleh coba, atau bagi kalian yang ingin mencobanya saja, itu tak masalah.

Langkah pertama ialah:
1. Login ke Blogger terlebih dahulu
2. Kemudian pilih Template
3. Lalu pilih Edit Html > Lanjutkan, lalu klik Expand Template Widget

4. Jika sudah, cari kode </head> dengan tekan tombol Ctrl+F pada keyboard
5. kalau sudah menemukan kodenya, Copy kode dibawah ini dibawah kode </head>

<script language='JavaScript'>var txt=" Welcome to Fahmi's Blog "; var kecepatan=120;var segarkan=null;function bergerak() { document.title=txt;txt=txt.substring(1,txt.length)+txt.charAt(0);segarkan=setTimeout("bergerak()",kecepatan);}bergerak(); </script>

*Note:

Ganti tulisan berwarna Merah diatas dengan teks yang anda inginkan
Ganti tulisan berwarna Biru dengan angka yang anda inginkan untuk kecepatannya, semakin besar angka, maka semakin lambat kecepatannya, dan begitu sebaliknya

Nah mudah bukan sahabat blogger, lalu bagi yang ingin membuat teksnya berganti-ganti, caranya ada di bawah ini sobat.

1. Login dulu ke Blogger
2. Kemudian pilih Tata Letak
3. Lalu klik Tambah Gadget > pilih Html/Javasript
4. Lalu masukkan Script di bawah ini

<script>function tb8_makeArray(n){this.length = n;return this.length;}tb8_messages = new tb8_makeArray(3);

tb8_messages[0] = "Hai Sobat Blogger...";
tb8_messages[1] = "Welcome to Fahmi's Blog";
tb8_messages[2] = "Namikazefahmi.blogspot.com";
tb8_rptType = 'infinite';
tb8_rptNbr = 5;
tb8_speed = 125;
tb8_delay = 1000;
var tb8_counter=1;
var tb8_currMsg=0;
var tb8_tekst ="";
var tb8_i=0;
var tb8_TID = null;
function tb8_pisi(){
tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);
document.title = tb8_tekst;
tb8_sp=tb8_speed;
tb8_i++;
if (tb8_i==tb8_messages[tb8_currMsg].length){
tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay;
}
if (tb8_currMsg == tb8_messages.length){
if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){
clearTimeout(tb8_TID);
return;
}
tb8_counter++;
tb8_currMsg = 0;
}
tb8_TID = setTimeout("tb8_pisi()", tb8_sp);
}
tb8_pisi()
</script>

*Note:

Ganti tulisan yang berwarna Merah dengan tulisan yang kamu inginkan
Kalau anda, para sobat blogger ingin menambahkan kata-kata lagi maka tambahkan saja script berikut diatas script tb8_rptType = 'infinite'; (agar lebih mudah gunakan Ctrl+F)

tb8_messages[3] = "Masukkan Kata-katamu di sini";
tb8_messages[4] = "Masukkan Kata-katamu di sini";
tb8_messages[5] = "Masukkan Kata-katamu di sini";

5. Klik Save/Simpan dan lihat hasilnya

Bagaimana mudah bukan sobat, sekian dulu Tips and Trick mempercantik Blog dari saya, Selamat Mencoba ^_^

Soundcloud adalah platform distribusi audio online yang memungkinkan kolaborasi, promosi dan distribusi dari rekaman audio. Soundcloud bisa juga dipasang pada blog kita, bisa autoplay juga bisa di perbanyak lagunya jadi pengunjung blogmu juga tidak bosan. Nah apa kalian pengen tau caranya, okelah langsung aja simak langkah-langkahnya dibawah ini:

1. Buka Soundcloud

2. Login dengan akun facebookmu atau dengan akun soundcloudmu (jika belum punya silahkan login dulu).

3. Lalu akan masuk halaman seperti dibawah ini, kalian bisa cari lagu yang kalian inginkan atau bisa upload sendiri.

4. Klik pada Upload, setelah itu akan muncul halaman seperti dibawah ini. Lalu pilih Choose File.

5. Lalu pilih file lagu sobat, dan tunggu sampai proses upload selesai seperti dibawah ini, lalu pilih Save.

6. Setelah itu akan muncul halaman lagi seperti dibaah ini, lalu klik Share.

7. Kemudian akan muncul kotak seperti dibawah ini, lalu langsung saja klik gambar Pensil.

8. Lalu akan muncul kotak seperti dibawah ini. Ada 2 pilihan tampilan yaitu HTML 5 dan Flash. Pilih salah tampilan tersebut. jangan lupa centang Play Automatically. Lalu Copy Widget COde.

Setelah kalian melakukan langkah-langkah diatas tiba saatnya kita menaruh kode tersebut pada blog kita, ikuti langkah-langkahnya dibawah ini.

1. Login ke akun Blogger sobat

2. Pilih Tata Letak

3. Klik Tambah Gadget

4. Pilih HTML/Javascript

5. Paste Widget Code tadi

6. Klik Save

Nah begitulah caranya, mudah bukan jika ingin mengganti ukarannya tingal ganti angka pada kode tadi yang berada sehabis kata Widht dan Height.