Laman

Friday, March 26, 2010

MERUBAH WARNA LINK PADA BLOGSPOT




Pada posting yang sebelumnya saya pernah membahas bagaimana cara menghilangkan garis di bawah link. Hubungan dengan posting kali ini adalah sama-sama mengenai sebuah link, yaitu tentang bagaimana cara merubah warna link Karena kode untuk merubah warna link letaknya sama dengan menghilangkan garis di bawah link, maka cara yang kita gunakanpun hampir sama. Untuk bernostalgia maka kita ulang lagi bagaimana caranya:
  • Masuk ke blog sobat
  • Klik tata letak
  • Pilih edit HTML
  • Cari kode yang hampir mirip di bawah ini:
    a:link {
    color:#0000cc;
    text-decoration: underline;
    }
    a:hover {
    color:#ff0000;
    text-decoration: underline;
    }
    a:visited {
    color:#006600;
    text-decoration: underline;
    }
Jika sebelumnya menghilangkan garis di bawah link kita merubah underline menjadi none, maka untuk merubah warna link di blogspot kita tinggal merubah kode warna yang di cetak biru di atas.
  • Jika sudah selesai mengganti jangn lupa Simpan perubahan
Sedikit keterangan:
    a:link {
    color:#0000cc;
    text-decoration: underline;
    }
    Link ini akan berwarna biru.

    a:hover {
    color:#ff0000;
    text-decoration: underline;
    }
    Jika mouse kita arahkan pada link maka akan berubah menjadi warna merah.

    a:visited {
    color:#006600;
    text-decoration: underline;
    }
    Jika link selesai diklik pengunjung maka link akan berubah menjadi hijau.

Semoga bermanfaat.

Friday, March 19, 2010

MEMASANG EMOTICON PADA KOTAK KOMENTAR




Ada yang bilang kotak komentar tanpa emoticon membuat blog kurang hidup. Apa benar ? Yuk kita buktikan ! Siapa tahu ini memang benar.
Bagi sobat yang belum menambahkan icon dengan berbagai karakter bisa menampilkan emoticon ini pada kotak komentar yang sobat punya. Kita bisa menggunakan icon yang biasa di gunakan pada yahoo! messenger seperti contoh di bawah ini.

:) :( ;) :D ;;) :-/ :x :P :-* =(( :-o x( :(( :)) :| =)) 8-} :-L B-( ;)) :)] ~x( :-t

Bagi yang belum tahu cara memasang emoticon pada kotak komentar bisa ikuti langkah-langkahnya:
  • Masuk ke blog sobat.
  • Klik tata letak.
  • kemudian klik edit HTML.
  • Beri tanda pada Expand Template Widget.
  • Cari kode </body>
  • Letakkan kode ini di atasnya. Hingga posisinya sbb:
    <script src='http://sites.google.com/site/darmasites/my-forms/emoticon.js' type='text/javascript'/>
    </body>
  • Langkah selanjutnya cari kode yang mirip seperti di bawah ini.
    <p class='comment-footer'>
    <b:if cond='data:post.embedCommentForm'>
    <b:if cond='data:post.allowNewComments'>
    <b:include data='post' name='comment-form'/>
    <b:else/>

  • Kemudian letakkan kode emotnya di bawah kode <p class='comment-footer'>
    Sehingga hasil penempatannya akan seperti di bawah ini:
    <p class='comment-footer'>
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/> :)
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/> :(
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/> ;)
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/> :D
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/> ;;)
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/> :-/
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/> :x
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/> :P
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/> :-*
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/> =((
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/> :-o
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/> x(
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/> :((<br/>
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/> :))
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/> :|
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/> =))
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/> 8-}
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/> :-L
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/> B-(
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/> ;))
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/> :)]
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/> ~x(
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/> :-t

    <b:if cond='data:post.embedCommentForm'>
    <b:if cond='data:post.allowNewComments'>
    <b:include data='post' name='comment-form'/>
    <b:else/>

  • Kemudian klik pratinjau.
  • Setelah dirasa aman baru klik simpan.
    SEMOGA BERMANFAAT
Aku juga punya di bawah .

Tuesday, March 9, 2010

CARA MEMPERCEPAT BROWSER FIREFOX




Dengan speed internet yang cuma pas-pasan kadang memang harus bersabar. Kalau mau lebih cepat ya harus ditambah juga speednya dan harus bayar lebih dalam berlangganan ( yach.. bayar..!! ) . Meskipun kecepatan cuma pas-pasan kalau stabil tidak jadi masalah, tapi yang jadi masalah kalau koneksi lagi turun bisa bikin gerah, ngantuk dan lebih baik tidur. Sebab turun sedikit saja sudah terasa banget ( kok jadi ngomel ). Ya inilah enaknya punya blog bisa buat ngomel dan berkeluh kesah. Makanya yang belum bikin blog cepat bikin, tapi bukan cuma buat ngomel ya.
Mungkin sebagian dari sobat ada yang punya masalah sama, tapi maaf saya tidak bisa bantu.

Kalau masalah koneksi internet mungkin sudah dari sananya begitu. Tapi saya ingin berbagi trik mungkin ini bisa sedikit membantu. Di sini yang akan kita percepat bukan internetnya melainkan browsingan milik kita. Sobat memakai browser firefox bukan ?
Memang ada yang belum pakai..???
Pakai...!!

Download Firefox nya di sini.

Trik cara mempercepat browser firefox ini sudah banyak digunakan, makanya saya juga pakai.
Caranya:
  • Buka browser Firefox.
  • Ketik about:config pada address bar kemudian enter
    Maka akan muncul dialog seperti di bawah ini.
  • Klik I'll be careful,I promise !
  • Klik kanan ( sembarang ) pada halaman browser. Sorot new kemudian klik integer.
  • Pada kotak dialog ketik nglayout.initialpaint.delay ,kemudian tekan ok..

  • Ganti angka yang muncul dengan 0 dan klik ok.
  • Lihat bagian atas, pada Filter ketik pipelining.
  • Pada bagian:
    network.http.pipelining
    network.http.pipelining.ssl

    Masing-masing klik 2 kali agar value berubah menjadi true.
    Kemudian pada bagian network.http.pipelining.maxrequests agar maksimal rubah value menjadi 30.
  • Restart Firefox sobat.
  • Rasakan bedanya.

Monday, March 1, 2010

MENAMBAH GAMBAR KE DALAM JUDUL POSTING





Pada salah satu kolom komentar ada seorang sobat blogger yang bertanya tentang bagaimana memasukkan gambar pada judul template. Dan saya menangkap dari pertanyaan ini mungkin yang di maksud adalah memasukkan gambar pada judul postingan.
Jika yang di maksud demikian seperti contoh gambar pada judul di atas, maka saya akan berusaha menjawabnya semampu yang telah saya bisa.

Pertama yang harus sobat lakukan adalah mengupload dulu gambar di tempat yang biasa sobat lakukan,bisa di photobucket atau di mana saja yang rasanya tidak terlalu sulit untuk mencarinya di internet. Agar lebih memudahkan sebelum upload gambar tentukan dulu ukuran gambarnya. Setelah gambar terupload ambil alamat yang ada.
Misalnya saya mendapatkan kode alamat seperti ini:
    http://i761.photobucket.com/albums/xx252/darma_bucket/Menambah-gambar-ke- dalam-judul-post.gif
Kemudian tambah tag hingga menjadi seperti di bawah ini:
    <img align='left' height='50' width='50' src="http://i761.photobucket.com/albums/xx252/darma_bucket/Menambah-gambar -ke-dalam-judul-post.gif" ></img><br/>
Setelah siap baru kita masukkan gambarnya,caranya:
  • Masuk ke blog sobat.
  • Klik tata letak.
  • Pilih edit HTML.
  • Beri tanda pada Expand Template Widget
  • Cari Kode seperti di bawah ini.

    <b:includable id='post' var='post'>
    <div class='post hentry uncustomized-post-template'>
    <a expr:name='data:post.id'/>
    <b:if cond='data:post.title'>
    <h3 class='post-title entry-title'>
    <img align='left' height='50' width='50' src="http://i761.photobucket.com/albums/xx252/darma_bucket/Menambah-gambar -ke-dalam-judul-post.gif" ></img><br/>
    <b:if cond='data:post.link'>
    <a expr:href='data:post.link'><data:post.title/></a>
    <b:else/>
  • Sisipkan alamat gambar milik sobat di antara kode di atas posisinya seperti yang terlihat.
    Perhatikan juga spasinya , karena ini sangat berpengaruh.
  • Klik prajinjau.
  • Setelah di rasa aman baru di SAVE.
  • Lihat hasilnya.