Featured Post (TOP)

05 Maret 2009

Menghilangkan Navbar (Navigation Bar) Blog

:) Pada Episode kali ini saya akan membahas tentang menghilangkan navbar ( Navigation Bar)

Kata sebagian besar pengguna blogger navbar ini sangat mengganggu "blogspot banget " begitu katanya, sekarang saya akan beri tau bagai mana cara nya :o

Untuk menghilangkan navbar blogger, sobat tinggal menambahkan kode di bawah ini pada style sheet CSS :


* hilangkan navbar
----------------------------- */

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}


Untuk templete klasik:


1. Sign in di blogger

2. Klik menu Template

3. Klik menu Edit HTML

4. Copy seluruh kode yang ada lalu save di komputer sobat sebagai backup data agar aman


5.Copy kode berikut lalu paste di atas kode
</style>


/* hilangkan navbar
----------------------------- */

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}


6. Klik tombol Simpan Perubahan Template

7. Selesai.

Untuk templet Baru:

1. Sign in di blogger

2. Klik menu Layout

3. Klik menu Edit HTML

4. Klik link bertuliskan Download Template Seluruhnya, silahkan save dulu untuk backup data

5. Copy kode berikut lalu paste di atas kode ]]></b:skin>


/* hilangkan navbar
----------------------------- */

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}





6. Klik tombol Simpan Template

7. Selesai. Semoga Berhasil...... dan Good Luck ;)

Membuat Icon di Address Bar (Favicon)

Waktu kalian berziarah :O ke blog atau website orang lain kalian sering melihat sebuah gambar/icon pada adrees bar (kotak untuk mengetikkan alamat web). Dan jika kita punya blog di Blogspot maka icon default yang akan tampil adalah gambar seperti ini :

kalau kamu belum puas, puasin aja...maksudnya kamu bisa ganti icon menjadi icon yang kamu inginkan contoh menjadi seperti gambar yang dibawah ini dan lain lain :r :r
caranya :

Langkah Pertama:

  1. Kunjungi situ tersebut di sini.











  1. Setelah selesai proses upload-nya, kita tinggal mendownloadnya. Kemudian di-extract lalu simpan di PC kita.








Langkah kedua :

  1. Gambar atau foto yang telah jadi ikon, silahkan di-upload di hosting gratis, seperti Photobucket.com, Yahoo Geocities.

  2. Ambil link hasil gambar yang telah di upload. Biasanya seperti ini


  1. http://i290.photobucket.com/albums/ll256/angkatan2006/jhk.gif">

    http://bima.ipb.ac.id/~anita/images/de-exe.gif http://bima.ipb.ac.id/~anita/images/de-exe.gif">


  2. Kita harus mengubah alamat URL favicon kita menjadi seperti ini :
    <link href="%27%3Cspan" style="color: rgb(0, 0, 0);">http://i290.photobucket.com/albums/ll256/angkatan2006/jhk.gif'rel='shortcut icon' type='image/x-icon'/>


  • Masuk ke blogger dengan ID kita, lalu klik Tata Letak-Edit HTML.
  • Cari kode <b:skin> atau biasanya bersatu jadi kelihatan seperti ini : <b:skin><![CDATA[/*

  • Simpan kode favicon anda persis di atas kode <b:skin>, contoh :

    <link href='http://i290.photobucket.com/albums/ll256/angkatan2006/jhk.gif'rel='shortcut icon' type='image/x-icon'/>

    <b:skin><![CDATA[/*


  • Kemudian SAVE TEMPLET
  • Ucapkan Terimakasih sama...... ( hehehe...)
  • kalau berhasil berarti kami pintar :D , dan kalau gagal berarti kamu...ya gitu dehhh... :p *selamat Mencoba* :)
  • Google Translate Bahasa Indonesia

    Halo...... :)
    yang satu ini juga gak kalah dengan yang lainya...
    yaitu memasang google translate jadi kalau kamu pengen blog kamu di trans late pake bahasa inggris, jerman, turkish dll(11 BAHASA) gampang deh. Google translate ini bisa di bilang yang terbaik di dunia arena menggunakan pendekatan terjemah dengan pendekatan terjemahan manusia dengan menggunakan banyak jenis vocabulary dan grammar tentunya.

    agar hasil terjemahannya baik dan benar kita harus menggunakan bahasa indonesia yang baik dan benar. berikut adalah contoh gambarnya


    Atau jika anda ingin menerjemahkan blog ini ke bahasa lain anda bisa memilihnya di bagian sidebar, di kotak pencarian ada blogger translate widget... Pilih dan klik pada bendera yang melambangkan bahasa hasil terjemahan.... Anda pun bisa menambahkan widget tersebut secara gratis di blog anda sendiri.... Caranya cukup mudah tekan tombol dibawah ini untuk menambahkan blogger translator widget di blog anda.



    selamat mencoba......! ;)

    Cara Memasang Kotak Pencarian Google

    Kali ini saya akan menunjukan bagaimana caranya memasang kotak pencarian google/search engine pada blog..... :)
    mungkin bagi yang sudah tau ini sudah gak asing lagi, tapi siapa tau aja ada yang belum tau.

    cara nya login ke blog kamu --> pilih layout/tata letak --> elemen halaman/page element --> lalau klik add a gadget --> lalu pilih HTML/JavaScript --> copy pastekan code script di bawah ini yangkamu suka ke HTML/Java Script tadi


    berikut contoh dan script codenya
    Silahkan pilih tampilan dibawah ini.

    Tampilan 1:


    <!-- Search Google -->
    <center>
    <FORM method=GET action="http://www.google.com/search">
    <input type=hidden name=ie value=UTF-8>
    <input type=hidden name=oe value=UTF-8>
    <TABLE bgcolor="#FFFFFF"><tr><td>
    <A HREF="http://www.google.com/">
    <IMG SRC="http://www.google.com/logos/Logo_40wht.gif"
    border="0" ALT="Google" align="absmiddle"></A>
    <INPUT TYPE=text name=q size=25 maxlength=255 value="">
    <INPUT type=submit name=btnG VALUE="Google Search">
    </td></tr></TABLE>
    </FORM>
    </center>
    <!-- Search Google -->



    Catatan : Anda tinggal merubah kode warna html #FFFFFF sesuai dengan warna background blog anda. Anda juga bisa merubah tulisan "Google Search" dengan kata yang anda sukai. Untuk kode warna html, silahkan
    klik di sini.

    Tampilan 2:


    <!-- Google SafeSearch -->
    <center>
    <FORM method=GET action="http://www.google.com/search">
    <input type=hidden name=ie value=UTF-8>
    <input type=hidden name=oe value=UTF-8>
    <TABLE bgcolor="#FFFFFF"><tr><td>
    <A HREF="http://www.google.com/search?safe=vss">
    <IMG SRC="http://www.google.com/logos/Google_Safe.gif"
    border="0" ALT="Google" width="115" height="45" align="absmiddle"></A>
    <INPUT TYPE=text name=q size=25 maxlength=255 value="">
    <INPUT type=hidden name=safe value=strict>
    <INPUT type=submit name=sa value="Google Search">
    </td></tr></TABLE>
    </FORM>
    </center>
    <!-- Google SafeSearch -->



    *selamat Mencoba dan Sukses Selalu* ;)

     

    Subscribe to our Newsletter

    Contact our Support

    Email us: Support@templateism.com

    Our Team Memebers