css table wizard

sudah pada tau definisi CSS kan,.. menurut wikipedia

Cascading Style Sheets (CSS) adalah suatu bahasa stylesheet yang digunakan untuk mengatur tampilan suatu dokumen yang ditulis dalam bahasa markup. Penggunaan yang paling umum dari CSS adalah untuk memformat halaman web yang ditulis dengan HTML dan XHTML (wikipedia)

kalau menurut saya sendiri CSS ini merupakan pelengkap pada html, kita bisa mendesign website dengan menggunakan CSS. pada kesempatan kali ini saya mencoba untuk memberikan css table wizard, jadi dimana kita bisa memodifikasi table yang akan kita buat pada website, bisa di coba wizard berikut ini dan bisa di kembangkan sesuai dengan kemampuan dan keinginan. Tertarik untuk mencobanya, silahkan meluncur ke css table wizard

alexa toolbar salah satu cara meningkatkan alexa rank

Setelah searching dan baca-baca di internet tentang

bagaimana cara untuk meningkatkan alexa rank

ada yang bilang kalau penggunaan browser yang sudah terinstall add on (pada firefox) alexa rank bisa meningkatkan alexa rank website anda. Mungkin yang dimaksud disini adalah dengan adanya alexa toolbar akan menambahkan point ranking pada website anda, tidak itu juga bisa jadi website yang dikunjungi dari browser anda juga mendapat nilai alexa rank. untuk mengetahui fitur-fitur yang dimiliki alexa toolbar ini adalah antara lain :

alexa rank toolbar

  • Related Links: Find sites that are similar to the one you are currently visiting.
  • Traffic Trend: A sparkline showing Reach over the last six months.
  • Reach Meter: A neat little indicator that shows the site’s Reach.
  • Enhanced Search: Shows Alexa Rank Indicator next to search results on Google, Ask, and Yahoo.
  • Traffic Rank: Shows the current site’s Alexa Traffic Rank

Penasaran untuk meningkatkan alexa rank website anda, silahkan di coba. Untuk instalasi atau download addon nya bisa melalui link ini : download alexa toolbar. Saat ini blog tutorial inkubis.com mempunyai rank alexa sekitar 1.972.328, mampukah alexa ranknya menembus angka di bawah 1 juta setelah memasang alexa toolbar ini.

alexa rank

sudahkah anda belajar meningkatkan alexa rank website

simple shortcut for writing blog post in wordpress

writing blog post in wordpress is easy, because admin/dashboard panel in wordpress use wysiwyg editor. wysiwyg is an acronym for What You See Is What You Get, used in computing to describe a system in which content displayed during editing appears very similar to the final output, which might be a printed document, web page, slide presentation or even the lighting for a theatrical event (wikipedia). Like a office word (microsoft product) wywsiwyg in wordpess have a shortcut, in this tutorial iam decided share a shortcut in wordpress blog post likely:

  1. Bold: Alt+SHIFT+b
  2. Italics: Alt+SHIFT+i
  3. Link: Alt+SHIFT+a
  4. Blockquote: Alt+SHIFT+q
  5. Code: Alt+SHIFT+c
  6. Read More: Alt+SHIFT+t
  7. Unordered List (ul): Alt+SHIFT+u
  8. Ordered List (ol): Alt+SHIFT+o
  9. List Item (li): Alt+SHIFT+l
  10. Advanced Editor: Alt+SHIFT+v
  11. Publish the Post: Alt+SHIFT+p
  12. ins: Alt+SHIFT+s
  13. del: Alt+SHIFT+d
  14. Unquote/outdent: Alt+SHIFT+w
  15. Undo: Alt+SHIFT+u
  16. Redo: Alt+SHIFT+y
  17. Edit HTML: Alt+SHIFT+e
  18. Align Left: Alt+SHIFT+f
  19. Align Center: Alt+SHIFT+c
  20. Align Right: Alt+SHIFT+r
  21. Ctrl+[number] to get various header sizes on highlighted text.

oke, nice to use this shortcut

highlight author comment pada wordpress

highlight author comment yang dimaksud adalah menandai dengan warna beda pada komentar ketika admin/author memberikan komentar di postingan yang dibuatnya.

wordpress comment

pada gambar diatas nampak berbeda antara komentar yang diberikan user/orang lain dengan komentar yang diberikan oleh admin/author. Buat kalian-kalian yang pengen utak atik bentuk komentar seperti gambar diatas bisa di coba resep berikut ini (*kayak makanan saja ada resepnya). Yang pertama buka file style.css, tambahi css berikut ini


.highlight { background-color: #FFFFE0 !important;border:1px solid #E6DB55; }

untuk bentuk dan model silahkan disesuaikan dengan keinginan, misalkan menambahi background image atau warna yang beda, tinggal otak-atik cssnya

selanjutnya buka file comments.php, cari tag/code php berikut ini


<li <?php echo $oddcomment; ?>id="comment-<?php comment_ID() ?>">

rubah dengan tag/code php berikut ini


<li class="<?php if ($comment->user_id == 1) $oddcomment = "highlight"; echo $oddcomment; ?>">

untuk user_id sesuai dengan id user yang di buat, jika banyak user yang sebagai author, bisa disesuaikan dengan id nya, bisa di rubah-rubah sambil sedikit belajar php. Kalau sudah silahkan di amati komentar author/admin. Sudah mempunyai warna beda bukan!..

Sudahkah anda belajar php hari ini

footer wordpress - wordpress theme series

Setiap kali kita lihat themes wordpress, atau bagi yang jago membuat themes wordpress, pasti mengenal apa itu yang bagian footer. Mungkin bisa dijelaskan struktur dari template itu sendiri. Kebanyakan setiap kita membuat template/themes khususnya themes wordpress atau themes lainnya, biasanya ada pembagian tempat/pembagian sub antara lain

  • header (biasanya berisi gambar atau tulisan tagline dari website)
  • menu/navigasi (biasanya berisi menu-menu page, atau bisa di isi menu-menu kategori)
  • sidebar (biasanya berisi jumlah komentar, judul postingan terakhir, iklan, shoutbox atau yang lainnya)
  • content (biasanya berisi dari isi postingan itu sendiri)
  • footer (biasanya berisi keterangan pembuat template beserta tahun pembuatanyya)

pada kali ini sedikit pembahasan untuk footer, seringkali kita lihat di footer ada tulisan copyright ‘tahun’ nama pembuat sekarang apa salahnya kalau kita menampilkan tahun yang ada di footer itu sesuai dengan tahun saat ini. jadi ketika kita di tahun 2009 maka yang muncul copyright 2009 inkubis trus pada waktu di tahun 2010 muncul copyright 2010 inkubis untuk penampilan tahun bisa secara otomatis tanpa kita merubah-rubah di scirpt themes nya. hal ini bisa di siasati dengan mengambil waktu/tahun yang ada di server dengan menggunakan sedikit script php atau bagi yang masih awam bisa belajar php secara online. Contohnya :


Copyright &copy; <?php echo date('Y'); ?> INKUBIS

mudah bukan

sudahkah anda belajar membuat themes wordpress

Membuat focus cursor pada textbox

pernahkah kita menjumpai di internet, ketika kita akan melakukan login atau sedang mendaftar untuk login, ketika kita buka halaman website itu, cursor kita langsung ditempatkan pada field/textbox yang akan kita isi

cursor

seperti pada gambar diatas, gambar yang pertama merupakan bentuk dari penempatan cursor pada textbox ketika halaman itu dipanggil, sedangkan pada gambar kedua nampak cursor tidak ada pada textbox. Hal kecil semacam ini membantu para pengguna/user untuk dapat secara fokus mengisi textbox yang disediakan di halaman itu. tertarik untuk mencobanya, silahkan contoh kode dibawah ini (anggep aja sudah menulis sintak html defaultnya)


<form method="post" name="namaform">
<input type="text" name="namatextbox" />
</form>

untuk memberikan setingan focus cursor, bisa ditambahai script (javascript) pada body (tag : body)


<body onload="document.namaform.namatextbox.focus()">

mudah bukan!

selamat belajar membuat website

Inserting the Copyright Symbol in HTML pages

HTML supports special symbols that are not on your keyboard. The special symbol code for the copyright symbol © on HTML is &copy.  The code is defined by starting with a & (ampersand) and finishing with a ; (semicolon). An example code using the special symbol name would be as follows.

<p> &copy; 2009 website tutorial</p>

However, to ensure that there are no mishaps and you ALWAYS get the proper read from HTML documents, you should try to always use the  number code instead of the symbol code.   The number is &#169;  An example code using the special symbol number would be as follows.

<p> &#169; 2009 website design </p>

auto shutdown for PC

softwate auto shutdown ini, dapat digunakan untuk melakukan shutdown atau restart secara otomatis pada PC anda. Penggunaannya cukup mudah, tinggal setting timer/waktu. maka komputer/laptop anda akan shutdown secara otomatis. Tertarik untuk mencoba silahkan download disini

google memperingati HUT RI

coba kalian lihat di google.co.id logo google berubah menjadi merah putih dan ada bendera merah putihnya juga. Google yang terkenal dengan layanan situs pencari yang paling dahsyat ini ikut merayakan HUT RI ke 64. Kalau kalian kurang beruntung menyaksikannya bisa dilihat skrinsyut gambar dibawah ini

HUT RI ke-64 MERDEKA!!

 

Selamat Hari Kemerdekaan Indonesia ke-64

Majulah Indonesia ku

MERDEKA!!!

membuat aplikasi chat untuk website

satu lagi persembahan dari nettuts, yaitu membuat aplikasi chat sederhana pada website dengan PHP dan jQuery. Sudah termasuk sistem login dan logout. aplikasi yang manis layak untuk dicoba

chatbox

Requirements: jQuery Framework
Demo: http://net.tutsplus.com/tutorials/javascript-ajax/how-to-create-a-simple…
License: License Free

mari kita mencoba membuat aplikasi chat pada website