Membuat Efek Title Bar di Blog

         Efek title bar ini merupakan salah satu dari sekian banyak animasi penghias blog kita. Bagi yang belum tau apa itu title bar coba deh liat judul atas browser kita, biasanya disitu tertulis site apa yang sedang kita buka. Penempatan script ini sama dengan trik welcome dan goodbye alert dan fav icon pada postingan saya sebelumnya, nah ini dia script-nya :

<script type=”text/javascript”>

<!– created : nyubi | Title Bar –>
var message = new Array()
//customize your message below
message[0] = “Mada blog”;
message[1] = “Welcome to my blog”;
message[2] = “Enjoy my blog”;
message[3] = “Thanks for visiting”;
message[4] = “Have a nice day”;
var reps = 2;
var speed = 200;
var p=message.length;
var T=”";
var C=0;
var mC=0;
var s=0;
var sT=null;
if(reps<1)reps=1;
function doTheThing(){
T=message[mC];
A();}
function A(){
s++
if(s>8){s=1}

if(s==1){document.title=’||||||====||| ‘+T+’ —–’}
if(s==2){document.title=’|||=|||===||| ‘+T+’ —–’}
if(s==3){document.title=’|||==|||==||| ‘+T+’ —–’}
if(s==4){document.title=’|||===|||=||| ‘+T+’ —–’}
if(s==5){document.title=’|||====|||||| ‘+T+’ —–’}
if(s==6){document.title=’|||===|||=||| ‘+T+’ —–’}
if(s==7){document.title=’|||==|||==||| ‘+T+’ —–’}
if(s==8){document.title=’|||=|||===||| ‘+T+’ —–’}
if(C<(8*reps)){
sT=setTimeout(“A()”,speed);
C++
}else{
C=0;
s=0;
mC++
if(mC>p-1)mC=0;
sT=null;
doTheThing();}}
doTheThing();

</script>

NB :

Silahkan ganti kata yg berwarna biru dengan kata yang anda inginkan

Apabila anda ingin menambahkan beberapa kata lagi, tinggal anda lanjutkan aja kode sebelumnya, contoh :

message[0] = “Mada blog”;
message[1] = “Welcome to my blog”;
message[2] = “Enjoy my blog”;
message[3] = “Thanks for visiting”;
message[4] = “Have a nice day”;
message[5] = “kalimatnya terserah”;
message[6] = “kalimatnya terserah”;
(message[6] angka 6 nya diganti dengan angka 7 dan seterusnya)

Selamat mencoba ^^
Semoga Berhasil ;)

»»  

Mengganti Fav Icon

            
          Fav icon itu lambang atau simbol yang ada di adress bar dengan trik ini kita bisa merubah icon blogspot dengan icon yang berbeda sesuai dengan keinginan kita. Penempatan script ini sama dengan script welcome dan goodbye alert pada postingan sebelumnya :

<script type=”text/javascript”>

<!– created : Mada | Change Fav Icon –>
var shortc = document.createElement(“link”);
shortc.rel = “SHORTCUT ICON”;
shortc.href = “https://lh4.googleusercontent.com/-pymNMBpUfds/TtdfMfzL8pI/AAAAAAAAAtA/Ati4TAUCCaI/s400/Flag-Pins-Monaco-Indonesia%252520copy.png”;
document.getElementsByTagName(“head”)[0].appendChild(shortc);

</script>

       Untuk url icon-nya yaitu yang ini https://lh4.googleusercontent.com/-pymNMBpUfds/TtdfMfzL8pI/AAAAAAAAAtA/Ati4TAUCCaI/s400/Flag-Pins-Monaco-Indonesia%252520copy.png, silahkan diganti sesuka hati atau kalau mau pakai icon bendara merah putih punya saya juga boleh kok, biar lebih nasionalis. Mungkin bagi sebagian blogger masih kebingungan bagaimana mengganti URL icon diatas dengan icon pilihan sendiri cara paling termudah icon pilihan kita di upload saja di site ini (http://www.tinypic.com) tidak perlu register dan kita langsung bisa mengambil URL-nya.


Selamat mencoba ^^
Semoga berhasil ;)

»»  

Membuat salam pembuka dan penutup blog

          Salam pembuka dan penutup blog merupakan sebuah trik untuk mempercantik blog kita. Lebih populer disebut dengan welcome alert dan goodbye alert. Hiasan ini tersusun dari sebuah javascript. Langsung aja kita bahas cara membuatnya. Langkah-langkah membuatnya yaitu sebagat berikut :

1. Masuk ke akun blogger anda
2. Dari Dashboard pilih Layout atau Tata Letak
3. Klik Tambah Gadget -> HTML/JavaScript
4. Masukkan kode dibawah ini didalamnya :

<script type=”text/javascript”>

<!– created : Mada | Welcome Alert –>
alert(“Selamat datang di Mada's Blog, smoga bermanfaat”)

<!– created : Mada | Goodbye Alert –>
function goodBye(){
alert(“Terima kasih sudah mau mampir, sering kunjung disini ya”)
}
window.onunload=goodBye

</script>

NB: 

Ganti kode berwarna biru dengan kata yang anda inginkan

Beri nama gadget itu sesuka anda, tanpa judulpun juga bisa

5. Save

Selesai
Selamat mencoba ^^
Semoga berhasil ;)

»»  

Memasang google tanslator

           Google translator berfungsi untuk memudahkan pengunjung dari berbagai penjuru negeri agar mengerti apa yg kita maksudkan didalam blog kita. Untuk memasang translator, kita bisa menambahkan gadget HTML/Javascript pada blogger kita. Untuk kode javascriptnya kita bisa dapatkan dari http://translate.google.com/translate_tools?hl=id

Untuk blog yang menggunakan lebih dari satu bahasa kita bisa menggunakan pilihan  untuk multy language /lebih dari satu bahasa yang terdapat pada menu advance.

            Sedangkan untuk menambahkan kamus, kita bisa menggunakan fasilitas yang telah tersedia pada blogspot, yaitu dengan menambahkan gadget pada blogger kita. Caranya : kita masuk pada edit layout blogger kita, kemudian kita tambahkan gadget google translate. Jika kita tidak menemukan gadget tersebut pada basic gadget, kita bisa search dengan kata kunci “google translate”.

            Kelebihan dari kamus online dari google ini, selain fasilitas terjemahan teks secara online, kita juga bisa menggunakannya untuk menerjemahkan situs kita dengan memasukkan alamat blog/situs kita ke dalam kolom teks yang tersedia. Nah, dengan menggunakan kamus ini kita dapat juga menggunakan fasilitas translater blognya.

Selamat Mencoba ^^
Semoga Bermanfaat

»»  

Membuat Loading Page di blog

     

        Loading page di blog adalah sebuah tampilan pertama pada saat blog anda dalam kondisi loading. Anda bisa menambahkan ini untuk menghias blog anda. Status Loading ini akan muncul sementara hingga blog anda dalam kondisi siap 100%.
Berikut langkah-langkahnya :
 
1. Masuk ke akun blog anda
2. Dari Dasbor, pilih Template atau Rancangan
3. Klik Edit HTML
4. Cari kode <head> didalamnya
5. Copy dan Paste kode Javascript di bawah ini dan letakkan di bawah kode <head> :

<script src='http://madamargaputra.googlecode.com/files/loadedpg.js' type='text/javascript'/>

6. Cari kode <body> 
7. Ganti kode tersebut dengan kode di bawah ini :

<body onLoad='PreloadPage();'> <div id='prepage' style='position: fixed; _position: absolute; top: 0px; right: 0px; clip: inherit; _top: expression(document.documentElement.scrollTop+ document.documentElement.clientHeight-offsetHeight); _left: expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth-offsetWidth); width: 100%; height: 100%; background-color: #000; padding: 0px; border: 0px; text-align: center; filter: alpha(opacity=75); -moz-opacity: .75; opacity: .75; font-family: verdana; font-weight: bold; color: #ccc;'> <script type='text/javascript'>PreLoading();</script> </div>

8. Klik Save Template

Selesai !!

Selamat mencoba dan seoga berhasil !!

8
Read m

»»