Mengkonvert (Encode/Decode) Secara Otomatis

Apabila teman-teman ingin menampilkan kode HTML pada postingan sangat mudah

Masukkan kode HTML/Javascript sobat di tools ini,terus klik encode.

copy paste kode di bawah ini bila ingin ,pasang tools ini di blog sobat.

<iframe src="http://www.centricle.com/tools/html-entities/" align="left" scrolling="yes" width="600" frameborder="0" height="480"> </iframe>

Mungkin begitu saja penjelasan saya,semoga tutorial ini berguna.



Read More......

Cara Pasang Macam-Macam Emoticon Di Editor Blogger

untuk memasang emoticon ini mutlak browser yang Anda pakai harus Mozilla Firefox jangan IE, Safari, Avant ataupun yang lainnya. Oh ya gua kasih nih screen shootnya apabila Anda berhasil memasang emoticon tersebut :

Ok deh langsung aja, ini dia cara-caranya :
1. Pertama Anda harus wajib memakai browser Mozilla Firefox
2. Instal dulu plugin Grease Monkey, klik disini tuk download
3. Apabila minta restart Frefox-nya restart saja dan tunggu Firefox muncul kembali dengan sendirinya
4. Klik script ini apabila Anda ingin memasang emoticon more-smilies milik master Cosa Aranda
5. Klik script ini apabila Anda ingin memasang emoticon yahoo emoticon
6. Klik script ini apabila Anda ingin memasang emoticon onion emoticon
7. Klik instal pada script yang akan dipasang
8. Kalau menurut saya, pasang saja semua script tersebut Gimana udah pasang semua, kalau sudah...
9. Sekarang login ke account blogger Anda klik Layout atau Tata Letak, lalu klik tab Edit HTML
10. Cari kode ini ]]></b:skin>
11. Dan pasang kode ini:

img.emoticon {
padding: 0;
margin: 0;
border: 0;
}

diatas kode ]]></b:skin>
Klik Simpan Template.

Bagaimana mudah kan.... sekarang Anda dan semuanya bisa juga memasang berbagai macam emoticon di editor posting blogger.

Inspirasi : kangrohman



Read More......

Membuat Gambar Melayang (Float Image)

Hai kawan saya ingin membagi sedikit ilmu cara membuat gambar melayang. coba lihat blog samping kiri pada layar itu salah satu contohnya.

Bagaimana Cara Membuatnya?

• Login ke Blogger.com

• Klik Menu Edit HTML

• Klik Edit HTML --> Sebelumnya terlebih dahulu teman backup dulu templatenya dengan mengklik Download Template Lengkap.Supaya bila terjadi kesalahan maka bisa diulang kembali.

Lalu taruh Code dibawah ini diatas Code ]]></b:skin>

#melayang { position:fixed;_position:absolute;bottom:0px; left:0px; clip:inherit; _top:expression(document.documentElement.scrollTop+ document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

• Tulisan yang berwarna merah dan tebal diatas itu adalah posisi widgetnya bottom adalah bawah jika ingin mnaruh diatas bisa kamu ganti dengan top, Left adalah kiri jika ingin mengganti di kanan bisa kamu ganti dengan right.
  

• Langkah selanjutnya taruh code dibawah ini yang merupakan widget sebelum Code

<div id="melayang"> <a href="http://www.angga-artikelumum.blogspot.com/"> <img src="http://www.geocities.com/ridwanox/Luffy-1.gif" border="0" /></a> </div>

• "http://www.angga-artikelumum.blogspot/" adalah link. ganti dengan link kamu.

• "http://www.geocities.com/ridwanox/Luffy-1.gif" adalah lokasi gambarmu. ganti dengan lokasi gambar kamu.

Jika kamu ingin yang ada disitu bukan gambar tetapi jam/kalender/hit counter/widget-widget yg lain, maka ganti text yang berwarna merah dengan script widget-widget tersebut. Read More......