Marley And Me

Marley And Me Marley And Me

Crank:High Voltage

Crank:High Voltage Crank:High Voltage

WATCHMEN - The Movie

WATCHMEN - The Movie WATCHMEN - The Movie

Bedtime Stories

Bedtime Stories Bedtime Stories

Center Berita Online

Powered by Blogger.
Latest News

Membuat tabel

Posted by Titiyan Nugroho on Monday, July 12, 2010 , under | comments (0)






















baris 1,kolom 1baris 1,kolom 2
baris 2, kolom 1baris 2, kolom 2


hasilnya :


baris 1,kolom 1baris 1,kolom 2
baris 2, kolom 1baris 2, kolom 2


Berikut Penjelasan lebih lanjut untuk memasukkan Tabel kedalam Postingan :

1. Angka "1" pada border adalah tebal border, angka tersebut bisa diganti , semakin besar angka semakin tebal bordernya.












baris 1,kolom 1baris 1,kolom 2


maka hasilnya :

baris 1,kolom 1baris 1,kolom 2


2.
merupakan jumlah kolom dalam setiap baris, anda bisa dengan mudah menambah jumlah baris dengan menambah kode






























baris 1,kolom 1baris 1,kolom 2
baris 2, kolom 1baris 2, kolom 2
baris 3, kolom 1baris 3, kolom 2


hasilnya :

baris 1,kolom 1baris 1,kolom 2
baris 2, kolom 1baris 2, kolom 2
baris 3, kolom 1baris 3, kolom 2


Jika ingin menambah jumlah kolom maka caranya dengan menambah tag seperti ini:

























baris 1,kolom 1baris 1,kolom 2baris 1,kolom 3
baris 2, kolom 1baris 2, kolom 2baris 2, kolom 3


maka hasilnya sebagai berikut :

baris 1,kolom 1baris 1,kolom 2baris 1,kolom 3
baris 2, kolom 1baris 2, kolom 2baris 2, kolom 3


3. Jika ingin menampilkan header yang berbeda dengan footer maka anda bisa mengubah warna background header dengan menambah kode berikut BGCOLOR = ”Red” (bisa diganti, dengan kode angka , atau tetap text namun berbahasa Inggris) di dalam tag



Begitu pula , jika diletakkan di dalam tag , maka warna kolom yang akan berubah dan jika diletakkan di dalam tag , maka warna background seluruh table akan berubah

4. Font dan Warna tulisan juga bisa dirubah dengan menyertakan kode berikut
tulisan yang ingin dirubah , hasilnya: tulisan yang ingin dirubah

5. Untuk mengatur letak table bisa dengan menyertakan kode ALIGN="center/left /right"(pilih salah satu) di dalam tag
.

Daftar situs pembuatan template online

Posted by Titiyan Nugroho on Tuesday, June 29, 2010 , under | comments (0)



1. CSSEZ
http://cssez.com
CSSEZ ini adalah generator template online untuk blog wordpress dan movable type. Jika anda ingin menggunakan layanan ini, anda perlu registrasi gratis disini. Beberapa fiturnya yang bagus adalah memilih antara satu sampai empat kolom template, mengatur lebar kolom, padding, margin, border, font dan style link. Anda juga dapat mengupload gambar atau membuat sendiri dengan image maker.

2. Dotemplate
http://www.dotemplate.com
Dotemplate ini menyediakan 12 template XHTML dan CSS compliant dasar gratis yang bisa anda pilih sendiri. Anda bisa memilih salah satu dan kemudian mengkustomisasinya dengan mengubah warna, font, teks, posisi teks dan lain sebagainya pada background, container, footer, menu dan boks. Selain itu anda juga bisa menambahkan efek seperti drop shadow, gradien dan round corner. Layanan ini sangat menarik karena tidak memerlukan pengetahuan html yang terlalu banyak untuk mempergunakannya, selain itu ada pilihan untuk mengupload gambar anda sendiri.

3. Drupal Theme Generator
http://xlecom.com/?q=node/152
Generator ini adalah generator theme berbasis MS Excel untuk situs atau blog drupal yang menggunakan template PHP dan Xtemplate. Layanan ini gratis dan memiliki fitur yang kaya seperti generator theme random color, preview theme langsung, html color assistant, dan integrasi CSS, javascript, PHP dan kode html pada theme dari file eksternal dan lain sebagainya. Selain itu ada 9 theme yang bisa anda dapatkan ketika mendownload generator ini.

4. Eris’ Template Generator
http://www.erisfree.com/d2/apart.php
Generator ini menyediakan 11 skin untuk blog anda dengan tiga pilihan kolom untuk setiap skinnya. Saat ini layanan ini mendukung diaryland, diary-x, movabletype, blogger, wordpress, b2 dan free html site template lainnya. Anda bisa menambahkan tagline, meta tag dan termasuk link ke index, arsip, email, notes, profile, buddylist dan juga 5 entri untuk diaryland, 10 entri untuk movable type, kalender untuk b2, blogroll untuk wordpress, XHTML compliant dan content copyright, webring, chat screen name dan button.

5. Firdamatic
http://www.wannabegirl.org/firdamatic
Generator template online untuk blogger dan movable type ini memiliki pilihan dua dan tiga kolom, anda bisa memasukkan sendiri informasi pada boks relevan pada form online yang tersedian dan klik generate template, selain itu anda juga bisa menambahkan judul situs, url gambar dan memilih huruf dan warnanya.

6. HTML PHP CSS Website Template Generator
http://www.maketemplate.com
Online generator ini mampu membuat template situs PHP, bersamaan dengan file CSS dan HTML. Anda juga bisa mengkustomisasi style sheet, header, sidebar, dan footer dengan menambahkan sendiri font, warna, margin dan alignment pada form online template generator. ANda juga bisa membuat sendiri scriptnya yang bisa anda kopi dan simpan untuk keperluan anda nanti.

7. PsycHo
http://psyc.horm.org
Generator online template open source ini dapat diaplikasikan pada platform blogger, persian blog, dan blogFa. Anda bisa mengatur sendiri judul halaman, warna background body template, judul background, deskripsi, teks, spacing dan memilih hingga 4 pilihan kolom. Anda juga bisa preview template anda dan menyimpan kodenya. Layanan ini mudah digunakan tanpa pengetahuan html yang terlalu banyak.

8. Templatr
http://templatr.cc
Templatr ini menyediakan lebih dari 20 layout dan pilihan formatting untuk berbagai elemen halaman termasuk halaman utama, header, footer, titles, margin, padding, border dan banyak lagi untuk keperluan wordpress blog. Selain itu, layanan ini juga menyediakan upload dimana anda bisa mengupload grafis/gambar . Setelah itu anda bisa mendownload template jika anda telah selesai dan mengaplikasikannya pada blog anda.

9. Weebly
http://www.weebly.com
Generator template yang rapi ini memiliki 15 desain pre-built yang bisa dikustomisasi dengan menambahkan elemen seperti iklan, feed icon, map, contact form, teks dan layout gambar, kolom google dan youtube video dan lain sebagainya. Jika anda sudah selesai anda bisa mempublikasikan situs/blog tersebut pada platform anda.

10. WordPress Theme Generator
http://www.yvoschaap.com/wpthemegen/
Layanan generator online dapat membantu anda untuk membuat sendiri theme wordpress anda dengan mudah tanpa pengetahuan html dan css language. Layanan ini menyediakan pilihan untuk memilih sendiri nama blog, ukuran body, lokasi sidebar dan ukurannya, menambahkan kolom ketiga, layout menu, warna dan skema teks, anda juga bisa menambahkan tag cloud, arsip dan kotak pencarian. Selain itu anda bisa mengupload logo situs anda online dan membuat link-nya dari template. Jika anda telah selesai anda bisa melihat hasil kreasi anda dan mendownloadnya dalam file zip.

Situs alternatif penyimpanan online

Posted by Titiyan Nugroho on Sunday, June 27, 2010 , under | comments (0)


Cara Memasang Toolbar Canggih Wibiya di Blog

Posted by Titiyan Nugroho on Friday, June 25, 2010 , under | comments (0)




toolbar wibiya
Wibiya - salah satu website yang menyediakan fasilitas free toolbar untuk blog Anda, toolbar dari wibiya ini sangat canggih. Fitur dari toolbar wibiya ini diantaranya : pencarian langsung, who's online, live video, translate, timeline, Bermacam-macam Facebook widget, twitter, youtube, Live chat dan foto sharing kamu. Hmmm canggih bukan toolbar ini? Untuk demonya silakan lihat blog ini bagian bawah yang melayang, ada tools yang berisi pencarian, who's online, facebook, live chat dll.

Setelah Anda melihat-lihat apakah Anda ingin memasangnya kedalam Blogger Anda? Nah dibawah ini ulasan cara membuatnya.
  • Buka website wibiya.com dan klik tombol "Get It Now"
  • Pada Form "Create An Account" isi form sesuai dengan data Anda lalu kik tomblol "Next" 
  • Lalu milih tema toolbar Anda pada bagian "Select A Theme" Lalu klik tombol "Next"
  • Pada bagian "Application Setting" configurasi account-account Anda kedalam toolbar tersebut, Seletlah itu klik tombol "Next" 
  • Pada bagian "Add it" atau final installation klik logo "Blogger" atau install on blogger
  • Pastikan Anda sudah Log in blogger untuk memasang widgetnya, setelah Anda klik logo blogger pada tahap Final, Anda langsung ditujukan pada "Import page elements" blogger
add widget

  • Select blog yang Anda ingin pasang Toolbarnya, Lalu klik tombol "Add Widget" maka toolbar akan terpasang otomatis dan melayang di bagian bawah blog Anda.

Nah selesai deh ulasan tentang cara membuat Toolbar canggih wibiya, toolbar ini banyak digunakan oleh para pemilik website untuk mempercanggih websitenya, jadi blog kita jika menggunakan toolbar ini serasa seperti di Facebook.

Membuat Horizontal Menu di blog dan Membuat Dropdown Pada Horizontal Menu

Posted by Titiyan Nugroho on , under | comments (0)



  • Login dulu ke account blogger kamu.
  • Pilih tab Tata Letak --> Edit HTML --> centang "Expand Template Widget".

Tips: Sebelum melakukan edit template, sebaiknya simpan dulu template kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula.

  • Tambahkan kode CSS berikut di bawah kode CSS menu horizontal yang ada.

    #nav li ul a {
    width: 100px;
    }
    #nav li ul ul {
    position: absolute;
    margin: -30% 0 0 95%;
    }
    #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
    left:-999em;
    }
    #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
    left:auto;
    }
    #nav li li li.sfhover ul {
    left:auto;
    }
    #nav li:hover, #nav li.sfhover {
    position:static;
    }


  •  Cari kode HTML

Tips: Kalau susah mencarinya, coba tekan tombol F3 di keyboard. Maka akan timbul menu toolbar pencarian di bawah browser (Firefox), sehingga kamu tinggal memasukkan kata yang ingin dicari.

  • Kemudian tambahkan menu turunan kedua, seperti kamu menambahkan dropdown menu dalam horizontal navigasi (turunan pertama). Illustrasi kodenya adalah sebagai berikut.

   

Pasang Tanggal/Date Header di Blog

Posted by Titiyan Nugroho on , under | comments (0)



1. Sign In ke blog anda.

2. Tuju tab Layout -> Edit HTML

3. Backup template anda dengan mengklik Download Full Template.

4. Centang kotak yang bertuliskan Expand Widget Template.

5. Setelah itu cari kode berikut ini:


6. Setelah ketemu, tambahkan kode dibawah ini tepat di BAWAH kode tadi.



Cara Buat Tulisan Berbayang (Shadow)

Posted by Titiyan Nugroho on , under | comments (0)



Membuat teks berbayang pada setiap posting:

1. Sign In ke blog anda.

2. Tuju tab Layout/Tata Letak ► Edit HTML

3. Backup template anda dengan mengklik Download Full Template.

4. TIDAK PERLU mencentang kotak yang bertuliskan Expand Widget Template.

5. Cari kode ini ► 

]]

6. Setelah ketemu, Pasang kode dibawah ini persis di ATAS kode tadi:
.tshadow {
color: #000;
background: transparant;
height: 35px;
width: auto;
padding-left: 20px;
line-height: 32px;
font-size: 1.8em;
margin-bottom: 5px;
margin-left: 5px;
text-shadow: 2px 2px 3px #000; /* IMPORTANT */
}


7. Simpan Template

8. Setelah itu kode untuk posting. Sobat hanya menambah kode dibawah ini untuk membuat tulisan berbayang:
Tulisan Yang Ingin Dibuat Berbayang


> Silahkan lihat hasilnya.
___________________________________________

► Membuat judul posting/title post berbayang:

1. Sign In ke blog anda.

2. Tuju tab Layout/Tata Letak ► Edit HTML

3. Backup template anda dengan mengklik Download Full Template.

4. TIDAK PERLU mencentang kotak yang bertuliskan Expand Widget Template.

5. Cari kode ini ► 
.post h3

6. Setelah ketemu, tambah kode dibawah ini persis di DALAM tag kode tadi:
text-shadow: 2px 2px 3px #333; /* JANGAN DIRUBAH */

7. Simpan Template selesai dan lihat hasilnya...