Memasang widget salju di blogger

Pingin turun salju pada blog anda agar terlihat lebih hidup dan cool (baca: keren)? Baik, maka anda perlu memasang efek salju di blog anda.

Untuk memasang efek salju, caranya sangat mudah:

1. Buka blogger. Masuk ke menu Design -> Page Elements

2. Klik Add a Gadgets -> HTML/Javascript

3. Masukkan script berikut kedalam kotak

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

4. Tekan Save. Selesai

Readmore →

Cara membuat daftar isi yang di Hidden

Sebelum nya kiata telah membahas tentang bagaimana  Cara memasang search enggine di blog dan sekarang kita akan membahas tentang bagaimana cara membuat daftar isi yang di hidden pada blog. Yang di maksud dengan Cara membuat daftar isi yang di hidden atau di sembunyikan ini adalah kita akan membuat  sebuah daftar isi yang daftar isinya akan muncul jika kita klik tulisan daftar isi yang kita pasang  di widget kita. Lalu supaya apa kita mebuat daftar isi yang di hidden ??  tentu saja jawabannya supaya tampilan blog kita terlihat praktis dan sipel sehingga enak di lihat  Dan bagaimanakah  cara membuat daftar isi yang di hidden ?? cara untuk membuat daftar isi yang di hidden ini sangatlah mudah sobat tidak perlu mengotak atik template sobat,  karena sobat hanya perlu mengCopy paste kode HTML yang ada  di bawah ini.

<div id="toclink"><a href="javascript:showToc();"><img src="http://amen24.googlepages.com/folder.gif"/>

&nbsp;&nbsp;Lihat Daftar Isi !</a><br/><br/></div>

<script style="text/javascript" src="http://amen24.googlepages.com/daftarisi.js">

</script><script src="http://uleinfo.blogspot.com/feeds/posts/default?alt=json-in-script&max-results=99&callback=loadtoc"></script>

<div id="toc"></div>

Catatan:

yang berwarna hijau adalah teks yang akan keluar di blog sobat dan sobat dapat menggantinya misalnya dengan teks tampilkan daftar isi atau apa deh terserah sobat aja , dan teks yang berwarna merah itu harus sobat ganti dengan alamat blog sobat yh oke..

Dan untuk sobat yang belom tau cara memasangnya berikut adalah langkah pemasangan  membuat daftar isi yang di hidden:

1.       Login keakun blog sobat

2.       Pilih rancangan>>Elemen laman>>dan klik tambah gadget

3.       Lalu pilih HTML/java script dan pastekan kode yang sudah sobat kopy

4.       Selesai save dan lihatlah hasilnya.

Moga berhasill,,,,J

Readmore →

Cara memasang search enggine di blog

 Sebelumnya kita sudah  pernah membahas tentang bagaimana cara Membuat translite bahasa di blog nah sekarang kita akan bahas cara memasang search enggine yang  bentuknya sesuai dengan selera  kita masing-masing. Lalu pertanyaannya "Bagaimana kalau saya belum tergabung di Google adsense, akan tetapi tetap ingin memasang Search Engine di blog saya agar pengunjung lebih mudah untuk mencari apa yang mereka inginkan di blog saya?

Seandainya kasusnya seperti itu, maka janganlah sobat merasa risau karena sobat bisa membuatkan

search engine untuk blog sobat tanpa harus tergabung di Google adsense. Mau tahu caranya?

baca aja sampai akhir tulisan ini.

Untuk membuat sebuah Search Engine pada sebuah blog, sebenarnya mudah karena sobat hanya

membuatkan sedikit kode HTML, scriptnya seperti ini :


<form id="searchform" action="http://AlamatBlogAnda.blogspot.com/search" name="searchform" method="get">


<input id="s" value="" name="q" type="text">
<input id="searchsubmit" value="Search" type="submit">

</form>


Yang perlu sobat perhatikan adalah tulisan yang saya cetak merah yaitu http://AlamatBlogAnda.blogspot.com/search, tulisan AlamatBlogAnda harus sobat ganti tentunya dengan alamat blog sobat yang ingin

di pasangi seacrh engine, misalkan apabila di pasang untuk blog ini maka tulisan tersebut di ganti dengan

http://kolom-tutorial.blogspot.com/search. Selain itu, ada juga yang bisa sobat ubah yaitu

di bagian kode --> value="Search". Tulisan Search ini adalah tulisan

yang akan muncul pada tombol search engine, apabila sobat ingin mengubahnya, silahkan ubah dengan keinginan, contoh : tulisan

tersebut ingin di ubah menjadi Cari atau Go.

Sebagai contoh hasil dari search engine dari script diatas adalah seperti ini :

Atau seperti ini :

Atau juga seperti ini :

Silahkan coba fungsinya, apakah berfungsi dengan baik atau tidak?

Untuk cara pemasangan sama seperti kode HTML lainya, untuk template klasik silahkan sobat cari sendiri

karena masing-masing template mempunyai kode yang berbeda-beda. Untuk yang template baru, sobat bisa memasukannya dengan cara

1. login ke blog sobat

2.Pilih rancangan>>Elemen laman>>Tambah Gadget>>Pilih HTML/Javascript.

3.Paste kan kode yang sudah di Copy lalu save.

Selesai dehh,, Lihat hasil nya,,:)

Readmore →

Cara simpel mengganti logo blogspot

Minggu lalu kita sudah pernah membahas tentang bagaimana Cara Menghilangkan Navbar Blogger 
nah sekarang kita akan pelajari Cara simpel mengganti logo blogspot atau bahasa resminya adalah mengganti logo favicon blogger heee,,, okedech langsung ajh ke TKP..

Blogger.com (blogspot.com) memberikan kebebasan kepada para pengguna blogger untuk mengubah faviconnya masing-masing. Lihat perbandingan  dua gambar berikut.

Yang sebelah kiri adalah favicon default di blogspot dan yang sebelah kanan adalah favicon modifikasiku. Bikinnya gampang bro. gw akan tunjukkan kepada qm sekalian bagaimana mengganti favicon blogspot:

 oke..!!!

1. Persiapkan gambar untuk favicon. Anda bisa membuatnya di photosop ,editor gambar atau anda jadikan aja foto anda sebagai vaficonnyah.

2. untuk ukuran Menurut saya ukuran maksimal untuk tinggi icon agar terlihat proporsional adalah 30 pixel.

3.Simpan dengan ekstensi gif (File, Save As, File Type : gif). Ekstensi untuk favicon sebenarnya bisa dibuat dalam ekstensi gif, ico dan png. Saya pilih gif karena lebih mudah pembuatannya dan ukurannya relatif kecil, juga bisa dibuat beranimasi.

4. Upload gambar ke, Flickr atau dari Picasa, dll dan dapatkan link direct downloadnya. Contoh yang saya pakai ada di http://i270.photobucket.com/albums/jj110/noldyskatelbjb/naruto.gif

5. Nah setelah itu anda Login ke Dashboard blogspot anda, masuk ke menu Layout>> Edit HTML

6. kemudian sisipkan kode berikut <link href='http://i270.photobucket.com/albums/jj110/noldyskatelbjb/naruto.gif' rel='shortcut icon'/> letakkan url icon anda di antara tulisan merah itu yah.

7.Tekan CTRL+F, masukkan kata: <b:skin><![CDATA[/* anda dapat menyisipkannya diatas kode tersebut atau juga dapat menyisipkannya di bawah kode ini <b:include data='blog' name='all-head-content'/>

    <title><data:blog.pageTitle/></title>

8. selesai deh,, save template dan lihat hasilnyah.

Readmore →

Cara Membuat Link pada Blog Menyala saat di sorot

Kita semua pasti ingin blog kita tak hanya menarik untuk di baca isi artikelnya namun juga menarik untuk di lihat, oleh karna itu aq ingin kasih tips neh buat mempercantik link di blog kita agar ketika link di sorot oleh mouse link  akan terlihat menyala. Mau tau cara nya ??

Oke ini dia

1.       Login ke akun Blog kamu dulu

2.       Pilih Rancangan /Tata Letak >> Edit HTML 

3.       Kemudian Sobat Tambahkan Atau Sisipkan  CSS  di bawah ini  

}

a:hover {text-shadow: 0 0 2px #ccc, 0 -5px 4px #ff3, 2px -6px 6px #fd3, -2px -8px 9px #f40,   2px -10px 10px #f10;

}

Sisipkan kode tersebut di antara a:visited { dan a:link {

Tekan ctrl+f  biar cepet nyari nya.

4.       Simpan templatenya dan lihatlah hasil nya

Oke dech sekian Makasihh :)

Readmore →

Cara Menghilangkan Navbar Blogger

Apakah kita bisa menghilangkan Navbar Blogger? jika pertanyaannya seperti itu maka tentu jawabanya adalah bisa, akan tetapi sebelum menghilangkan navbar tersebut ada baiknya sobat berfikir-fikir dahulu dan silahkan baca TOS blogger secara seksama, karena resiko yang akan di pikul sangatlah berat yaitu

Readmore →