Monday, January 17, 2011

Posting HTML kode di blog (auto convert) + HTML kode warna

Langsung saja ya, tanpa basa-basi.,.,

Untuk mengkonvert kode HTML sehingga bisa tampil ke postingan, anda hanya cukup membuka http://centricle.com/tools/html-entities/, lalu copy-pastekan kode2 yang akan anda posting ke box yang ada, lalu klik "Encode", sehingga akan muncul kode lagi yang ga karuan (hehehe), copy lalu paste ke postingan.,., selesai..

Selanjutnya saya akan menge"share" kode2 html warna (HTML Color Codes), silahkan menuju HTML color codes

Thursday, January 13, 2011

Membuat email dengan domain nama sendiri (userID@namakamu.co***)

      Masih memakai email nunut (dibaca:nebeng) @gmail.com/@yahoo.com? Tidak inginkah anda memakai nama anda sendiri, misal email saya: @jazztyan.co.cc, sehingga jazztyan@jazztyan.co.cc. Yupz, benar sekali google menyediakan fasilitas untuk membuat email yang bisa dibilang mudah, hhmm, gampang2 susah sih. Syaratnya adalah anda harus mempunyai domain sendiri tapi jangan takut, banyak domain gratisan yang beredar, seperti co.cc, co.tv, c-o.in, dll. Nahh, tapi di sini saya akan menuntun anda dengan domain co.cc, dan saya juga akan menuntun anda bagaimana mendaftar di co.cc tersebut. So, let'z begin!

Monday, January 10, 2011

[Tutorial] Mengatur widget/elemen/gadget tampil di halaman tertentu

Awalnya saya berpikir, "Apakah bisa mengatur elemen tampil hanya di home atau halaman tertentu di blog saya?". Setelah cari2 ternyata sangat bisa, sehingga elemen2 tersebut bisa kita atur di halaman apa dia muncul. Berikut stepnya.,.,

 Go to Rancangan => Edit HTML => check/centang Expand Template Widget
cari kode sbb:


<b:widget id='HTML2' locked='false' title='NamaGadget' type='HTML'>
<b:includable id='main'>

kode atas

<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>

kode bawah

</b:includable>
</b:widget>


Note: sebaiknya anda mengetahui nama gadget anda, sehingga mudah dalam pencariannya. Jika anda menggunakan mozzilla firefox, tekan Ctrl+F lalu tulis NamaGadget, maka akan langsung ketemu.

Berikut kode2nya, kode atas diganti dengan kode berikut yang ada di atas dan kode bawah yang di bawah.

[Tutorial] Membuat spoiler di blog

Sebagian dari anda yang sering main forum pastinya tidak asing dengan spoiler. Inilah contoh spoiler:
Fungsi spoiler

Spoiler adalah cara untuk menyembunyikan seluruh atau sebagian isi dari konten blog kita. Spoiler juga bermanfaat agar konten yang berat seperti gambar dalam ukuran besar dan video tidak diload sebelum menekan tombol show. Dengan kata lain spoiler membantu kita mengurangi waktu load konten blog dan memberikan pilih kepada pembaca blog untuk membuka atau tidak isi spoiler.


Kode spoiler di Forum ( [spoiler=judul spoiler]isi spoiler[/spoiler] ) , misalnya kaskus, sangat berbera dengan blog/website. Di bawah ini kode spoiler untuk di blog/website(kode contoh spoiler di atas):

<div><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Judul spoiler</span></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"/>
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">

isi spoiler...

</div></div></div></div>

*yang hijau di isi sendiri

Just try it!