SUPRAYETNO

Januari 29, 2010

Dasar Dasar HTML untuk Design Website atau Blog

Filed under: Uncategorized — viscor @ 3:38 pm
Kali ini kita akan ngerefresh sejenak ingatan kita mengenai HTML. Yah, artikel ini mungkin cocok buat yang baru mendalami pemrograman web.
HTML atau Hyper Text Markup Language. Adalah bahasa yang digunakan untuk mendisain dan
memformat halaman web. Kita mungkin sudah mendengar tentang bahasa program seperti C,
C++, Java, dan Visual basic. Masing-Masing bahasa ini terdiri dari perintah sintak
dan programming . Sintak ini adalah yang programmer gunakan untuk memanggil kode.
Sangatlah penting mengetahui bagaimana cara menulis kode menggunakan bahassa yang
relevan.
Lebih dari itu, kita harus konvensional dengan aturan menyangkut bahasa tertentu.

Didalam HTML, sintak ini disebut tag.Tag ditulis dengan tanda-kurung bersudut< dan
>.Ada kelompok tag yang sudah dikenal didalam HTML, yang mana digunakan untuk berbagai tujuan.
Sebagai contoh, dalam rangka memodifikasi satu baris teks ke dalam Bold, kita menerapkan
tag bold dengan suatu tag <b>, kemudian tulis beberapa teks atau suatu paragrap yang
berisi beberapa teks,dan tutup tag menggunakan tag </b> seperti dalam contoh listing 1.

Semua tag didalam HTML harus ditutup menggunakan sintak </>.Tetapi ada beberapa perkecualian pada aturan ini, yang mana kita akan mendiskusikanya nanti.Kita memakai tag ini
sebab HTML bukanlah bahasa yang sensitip seperti C++ dan Java.

Struktur

Setiap kode HTML perlu ditulis dalam suatu struktur yang mana dapat dihubungkan dengan
Word Wide Web.Tidaklah wajib untuk mengikuti struktur ini. Bagaimanapun juga,lebih
baik
mempraktekan langsung struktur ini sbg perancangan halaman web kita.
Listing 1 menunjukkan struktur suatu halaman HTML sederhana:

Listing 1

<!– Ini komentar didalam HTML.Ini tidak akan diperliatkan pada browser–>

<HTML>
<HEAD>
<TITLE>
Welcome to HTML
</TITLE>
</HEAD>
<BODY>
<!–halaman CONTENT dimulai –>
<B>Yang ditampilkan di browser, cuma tulisan ini.
</BODY>
</HTML>

Kode diatas menggunakan Notepad dan menyimpan file sebagai satu.html. Kemudian, klik kanan file yang disimpan tadi. bagaimanakah keluarannya?

Listing 2

<B>Untuk menampilkan tulisan cetak tebal</B><BR>

<I>Untuk menampilkan tulisan cetak miring (italic) </I><BR>

<U>Untuk menampilkan tulisan bergaris bawah (underline) </U><BR>

<BR> digunakan untuk menampilkan baris baru.

Listing 3

<Pon> Bla bla bla bla, dan tulisan ini pun akan dianggap satu paragraf. kalau ga percaya, coba aja sendiri. dengan menggunakannya dua kali atau lebih bakal lebih keliatan hasilnya.
</P>

Tidak wajib untuk menutup tag <P>. Tetapi seperti dikatakan sebelumnya, menutup
tiap-tiap tag adalah suatu yang baik yang pemprogram praktekkan.

Listing 4

Bekerja dengan Heading
Kita dapat menggunakan heading untuk mengorganisir teks kita dalam berbagai
tingkatan. Ada lima tingkatan heading didalam HTML seprti di bawah:
<H1>Level – 1 </H1>
<H2>Level – 2 </H2>
<H3>Level – 3 </H3>
<H4>Level – 4 </H4>
<H5>Level – 5 </H5>

Listing 5

Penempatan List contoh teks atau items.Ada dua jenis list didalam HTML.
sebagai berikut

o Ordered List
o Unordered List

Ordered List diwakili oleh tag <ol> tag secara otomatis menomori, dan
Unordered List diwakili oleh tag <ul> dan terlihat seperti bullet.
Cobalah kode di bawah ini:

<OL>
<LI>Java
<LI>C++
</OL>

kode diatas menghasilkan suatu daftar perintah bahasa. Jika kita
menginginkannya seperti bullet kemudian kita ubah tag <OL> menjadi tag <UL>
sebagai di bawah ini:

Listing 6

<UL>
<LI>Java
<LI>C++
</UL>

Listing 7
Penerapan Definisi List

Definisi List adalah serupa dengan daftar kata. Diterapkan menggunakan tag <DL>
dan <DT> seperti ditunjukkan listing 7 dibawah ini.

<DL>
<DT>Java
<DD>Developed by Sun Microsystems Inc
<DT>Yang kedua
<DD>Developed by saya sendiri
</DL>

Listing 8
Indenting Text
Tag <BLOCKQUOTE> yaitu teks yang menjorok lebih kedalam dari garis tepi secara
otomatis dari kiri ke kanan. Cobalah contoh berikut :

<BLOCKQUOTE>
You can use Sound Recorder to record, play, and edit sound files.
To use Sound Recorder, you must have a sound card and speakers
installed on your computer. If you want to record live sound,
you also need a microphone.
</BLOCKQUOTE>

Membuat Links

Suatu website bukanlah halaman tunggal.Terdiri dari beberapa halaman yang saling
berhubungan. Sebagai contoh,ketika kita klik suatu link nama ” About Us”,
pada browser secara otomatis Kita ke halaman web itu .
Bagaimana sihir ini terjadi? Itu merupakan suatu konsep Hyperlinks

Kita dapat menciptakan Hyperlinks menggunakan tag <a>.Dan harus ditutup menggunakan
tag </a> dan itu mewakili anchor.

Listing 9

<A href =“http://www.rumahweb.com”>Rumahweb </A>

href adalah suatu atribut yang digunakan untuk menetapkan link dan mewakili
Teks Reference. Atribut lain meliputi suatu target opsional, yang mana menandakan
bagaimana cara membuka link. Nilai atribut ini jadi kosong. Sebagai contoh,
kode berikut memanggil lokasi Rumahweb.com didalam suatu jendela browser baru
ketika seseorang mengklik teks.

Listing 10

<A href = http://www.rumahweb.com target = “_blank”>Rumahweb </A>

Selalu ingat untuk menyimpan file yang telah dibuat dalam ekstensi .html

Sebuah Web atau Blog tidak bisa lepas dari yang namanya HTML (Hyper Text Mark up Language) karena HTML inilah yang mendasari sebuah web/blog. Walaupun sekarang kita bisa membuat web/blog hanya dengan klak-klik mouse tapi setidaknya kita harus sedikit mengerti tentang dasar-dasar HTML, ya tho?. Dalam tutorial kali ini kita tidak akan membahas tentang semua dasar-dasar HTML tapi kita akan mempelajari tag-tag atau kode-kode penting yang sering digunakan dalam membangun sebuah web/blog misalnya cara membuat link, menampilkan gambar, mengganti warna font, membuat barus baru dll. Ok marikita mulai pelajaranya :

* CARA MEMASUKKAN GAMBAR

kode :

<img src=”http://ubb.ac.id/gambar.jpg” border=”0″ height=”17″ width=”90″>

keterangan :

yang warna biru adalah lokasi gambar kamu.

height=”17″ width=”90″ adalah ukuran lebar dan tinggi gambar

hasil :

* CARA MEMBUAT LINK

Kode :

<a href=”http://www.ubb.ac.id” >UBB </a>

Keterangan :

Text warna biru adalah link yang dituju.

Tulisan “UBB” adalah tulisan yang ditampilkan.

Jika ingin yang dikasih link bukan tulisan melainkan gambar maka ganti tulisan tersebut dengan kode gambar seperti diatas, sehinga kodenya akan seperti ini :
<a href=”http://www.ubb.ac.id” target=”_blank”><img src=”http://www.ubb.ac.id/gambar.jpg” border=”0″ height=”17″ width=”90″> </a>
Jika ingin link yang dituju dibuka dalam window baru maka tambahkan kode target=”_blank” setelah kode http://www.ubb.ac.id&#8221;

Hasil :

UBB
(dibuka pada window yg sama)


(dibuka pada window baru)

* CARA MENGETENGAHKAN TEXT/GAMBAR

Kode :

<center>text</center>

Keterangan :

Ganti tulisan “text” dengan tulisan yana kamu inginkan, tau bisa juga diganti dengan gambar

* CARA MEMBUAT BARIS BARU

Kode :

<br>

Keterangan :

Tambahkan kode tersebut sebelum objek (text/gambar) yang dinginkan

* MEMBUAT HURUF TEBAL, MIRING DAN BERGARIS BAWAH

Kode :

<b>text</b>

<i>text</i>

<u>text</u>

Hasil :

Tebal

Miring

Garis Bawah

* MEMBERI WARNA TEXT

<font color=”#FF0000″> text merah</font>

<font color=”#FF6600″> text orange</font>

Keterangan :

Ganti text yang dicetak tebal dengan warna atau kode warna kesukaanmu.

Hasil :

text merah

text orange

* KODE-KODE WARNA

Warna Kode
#000000
#999999
#FFFFFF
#FF0000
#00FF00
#0000FF
#FFFF00
#00FFFF
#FF00FF
#9900FF
#FF6600

Kode-kode Warna untuk HTML

Di dalam dunia web/blog, warna itu sangat penting dan sangat berpengaruh terhadap penampilan web/blog. Warna-warna biasanya digunakan untuk background, text, links, table dll. Kalau kombinasi warna pada web/blog kita tidak sesuai, atau tidak enak dipandang mata mata, maka hal itu akan membuat pengungjung web/blog kita menjadi kurang nyaman, dan kemungkinan akan malas untuk mengunjungi blog kita lagi. Tapi karena untuk untuk membuat warna-warna ini harus menggunakan kode-kode warna, maka bagi yang tidak begitu mahir tentang html akan kesulitan untuk mendapatkan kode-kode warna ini.

Oleh karena itulah dibawah ini dibuat Chart HTML Kode Warna bagi yang membutuhkan kode-kode warna.
Cara penggunaannya cukup mudah, tinggal klik warna yang dipilih, maka kode warnanya akan tampil di kotak “kode warna:”.

&amp;lt;br /&amp;gt;

PENULISAN KARAKTER-KARAKTER KHUSUS

Ada beberapa karakter yang tidak bisa ditulis secara langsung, jika ditulis maka akan hilang atau berubah, jadi untuk menuliskanya harus menggunakan kode-kode tertentu, berikut ini contoh karakter-karakter tersebut :

Karakter
Kode
>
&gt;
<
&lt;
&
&amp;
&quot;
(spasi)
&nbsp;

Cara Membuat Kotak Blogroll dan Marquee
Ada dua macam kotak blogroll yaitu:

1. Kotak Blogroll Model Textarea

Cara membuatnya :

Pasang code berikut ini di kedalam element (Page Element –> Add Page Element –> HTML /Javascript)

<div style=”border: 1px solid rgb(153, 153, 153);

overflow: auto;
width: 200px;
height: 200px;
text-align: center; “>

#link1 <br />
#link2 <br />
#link3 <br />
#link…

</div>

keterangan:

- Kode width: 200px; dan height: 200px; adalah ukuran lebar dan panjang kotak, kita bisa merubahnya dan menyesuaikanya dengan ukuran yg disuka.

- Ganti tulisan “#link1,#link2, #link3 dst” dengan daftar link-link, juga bisa diisi dengan banner link.

- Jika ingin daftar link-linknya berjajar, maka hilangkan kode <br />

2. Kotak Blogroll Model Marquee

Kotak ini juga mampu menampung banyak link dalam tempat yang sempit. Namun kotak blog roll ini berbeda dengan kotak yg diatas, karena kotak yang ini tidak memiliki rollbar (yg biasanya disebelah kanan trus ditarik keatas kebawah). Link-link atau isi didalam kotak ini akan bergerak/berjalan, bisa vertikal ato horizontal. Cara membuatnya :

Pasang code berikut ini di kedalam element (Page Element –> Add Page Element –> HTML /Javascript)

<MARQUEE align=”center” direction=”up” height=”100” scrollamount= “2″

onmouseover=’this.stop()’ onmouseout=’this.start()’ width=”95%” >

#link1 <br />
#link2 <br />
#link3 <br />
#link…<br />

</marquee>
Keterangan :

- Kode “up” itu menunjukan arah pergerakan, kamu bisa menggantinya dengan down, left, right (udah mudeng to artinya, gak usah dijelasin ya).
- Jika kamu menggantinya dengan pergerakan horizontal (left ato right) maka hilangkan kode <br />.
- Angka “100″ menunjukkan tinggi dari kotak blogroll kamu. Semakin banyak angkanya maka semakin tinggi pula ukuran blogroll.

OK SELAMAT MENCOBA……

Januari 16, 2010

WordPress

Filed under: Uncategorized — viscor @ 9:09 am

Cara Membuat Website Pribadi
tips cara buat web sendiri ( Website Pribadi )

1. MENDAFTARKAN DOMAIN KITA PADA RESELLER DOMAIN DAN MENYEDIAKAN SPACE UNTUK WEBSITE KITA ( Website Gratis ).

Kita membutuhkan sebuah Alamat Website (domain/URL) yang mudah diingat, agar pengguna Internet dapat dengan mudah membuat Website kita. Domain adalah nama dari website, misalnya yahoo.com, google.com, namaanda.com dan sebagainya.Sedangkan Hosting adalah tempat untuk menyimpan file di internet. Jika diibaratkan rumah, maka alamat rumah adalah domain, dan rumah tempat tinggal adalah hosting. Kita daftarkan pertama kali domain yang kita inginkan, misalnya namaanda.com. Kita membutuhkan Web Hosting setelah kita memiliki sebuah domain. Untuk memiliki sebuah Website, diperlukan “Tempat” (”Space”) berupa Hard Disk di sebuah komputer/server untuk meletakkan halaman-halaman (file) Website kita. Halamanhalaman tersebut akan dapat diakses oleh seluruh pemakai Internet di dunia kapan saja. Servis Web Host menyediakan tempat di Internet di mana Website kita tinggal. Itu jauh lebih murah daripada kita membeli web server sendiri dan kita tidak perlu menggaji Teknisi untuk perawatan server kita. Perusahaan Web Hosting menyediakan perlengkapan Hardware, Software, Bandwidth, Data Center dan servis teknis yang kita butuhkan tanpa harus kita yang melakukan sendiri.ingat domain kita harus domain indonesia, hal ini dilakukan untuk menghndari hal – hal yang tidak diinginkan.

2. MENYIAPKAN ISI/CONTENT WEBSITE UNTUK WEB PRIBADI ANDA

Selanjutnya kita mempersiapkan design yang hendak kita gunakan untuk dalam pembuatan website kita. Adapun design yang kita buat dapat menggunakan software tertentu bias menggunakan macromedia dreamweaver atau fireworks tergantung kehendak kita. Kita juga dapat mengumpulkan bahan-bahan yang akan anda muat di Internet berupa text, gambar/foto atau suara.File text & gambar tersebutlah akan diakses oleh pengguna Internet. Selain itu, kita juga harus membuat program script apa yang hendak kita pakai untuk menjalankan web kita. Sehingga web kita dapat berjalan dinamis dan bukan statis.Program yang dapat kita gunakan contohnya PHP, Javascript, maupun ASP. Disamping programnya, database yang akan kita gunakan juga ditentukan sesuai program yang kita buat misalnya MySQL, Microsoft Access, AdoDB maupun yang lainnya. Carilah jasa web hosting murah yang proffesional dan berpengalaman sehingga website prbadi anda akan menarik dan bagus, walaupun web murah tapi tetap berkualitas.

3. MEMPROMOSIKAN WEBSITE KITA

Setelah kita bikin web dan website kita jadi, kita tidak bisa membiarkannya begitu saja website kita tanpa kita memanajenya. Adapun salah satu caranya adalah dengan mempromosikannya website kita di dunia internet itu sendiri. Salah satu cara yang paling penting dan terbukti efektif adalah dengan pertukaran banner dan mendaftarkannya pada search engine di internet (seperti Alta Vista, Google, Fast Search, HotBot, Lycos, Excite, NetCrawler, dll) Website yang telah kita buat, jangan dibiarkan saja tanpa kita kontrol dan kita awasi. Kita hendaknya menganalisis setiap perkembangan hasil website kita dalam dunia internet. Bagaimana pengunjungnya setiap harinya apakah mengalami kenaikan atau malah sebaliknya, bagaimana dampaknya terhadap usaha kita apakah mengalami keuntungan ataupun kerugian harus kita analisis demi optimalnya website yang selama ini kita bangun.

Posted in wordpress | No Comments
Tutorial Blog WordPress
Posted on December 7th, 2008 at 3:18 pm by y4na and tagged cara buat blog, tutorial blogger, tutorial wordpress

Setelah kita pelajari dan praktekkan cara buat blog di wordpress, maka berikut tutorial lengkap wordpress untuk memahami menu-menu yang ada di Dasbor atau Dashboar wordpress. Tutorial wordpress kali ini saya harap cukup mewakili setiap pertanyaan blogger pemula yang ngeblog di wordpress. Seri tutorial wordpress yang lain silahkan lihat di bagian bawah artikel ini.

Setelah login, kita akan langsung masuk ke Dashboard atau Dasbor. Di situ terdapat dua baris menu utama. Yang bagian atas atau sebut saja “menu atas” ada menu Dasbor (Dashboard), (a) Tulis (Write), (b) Kelola (Manage), (c) Desain (Design), (d)Upgrade.

Di bawahnya (saya sebut “menu bawah”) ada menu (a) Statistik blog (Blog Statistic), (b) Peselancar Blog (Blog Surfer), (c) Komentar Saya (My Comment), (d) Penyelancar Tag (Tag Surfer).

1. Fungsi Menu-menu bagian Atas

A. Tulis (Write): untuk (i) menulis posting tulisan kita; (ii) membuat Page / halaman statis / menu.

C. Kelola (Manage), kalau diklik akan muncul 6 (enam) submenu lagi sbb:

b.1. Tulisan (posts) berfungsi menampilkan artikel-artikel yang sudah kita posting. Kita juga dapat mengedit (menyunting) tulisan-tulisan tersebut dengan mengklik “sunting” atau “edit” di artikel yang akan diedit.
b.2. Halaman (pages), berfungsi menampilkan halaman statis / Pages yang sudah kita buat. Di sini kita bisa mengedit halaman yang ada atau membuat halaman baru.
b.3. Taut (Link) untuk menambah atau mengedit link / blogroll
b.4. Kategori (Category), untuk mengedit, mendelete atau membuat kategori baru.
b.5. Tag, untuk menambah, mendelete atau mengedit tag
b.6. Kategori Taut (Kategori link).
b.7. Pustaka Media, tempat link file atau image yang sudah diupload
b.8. Impor, untuk mengimpor file content dari blog lain.
b.9. Ekspor, untuk mengekspor file di blog ke blog lain.

C. Komentar (Comment), kalau diklik akan muncul 3 (tiga) submenu lagi sbb:

c.1. Komentar, menampilkan seluruh komentar di blog Anda. Di sini kita bisa mengedit atau mendelete komentar yang ada.
c.2. Menunggu Moderasi (Waiting Moderation), kalau diklik akan menampilkan komentar yang masuk daftar moderasi yang bisa Anda edit dengan “setujui” (approve), hapus (delete), spam (dianggap spam).
c.3. Akismet Spam, kalau diklik akan menampilkan komentar yang masuk daftar spam (sampah).

D. Blogroll (tambah link)
Kalau diklik akan muncul 4 (empat) submenu sbb:

d.1. Kelola (manage) blogroll, untuk mengedit, merubah atau menghapus taut (link) yang ada.
d.2. Tambahkan taut (Add link), untuk menambah link baru.
d.3. Impor taut (Import link), untuk mengimpor daftar link dg OPML atau file di komputer kita.
d.4. Kategori (category), kategorisasi link. Bedakan dengan kategori posting (lihat, b.4.)

E. Tampilan (Presentation), kalau diklik akan muncul 5 (lima) submenu sbb:

e.1. Tema (Theme), menampilkan daftar template yang bisa kita pilih untuk blog kita. Tinggal klik template yang kita suka.
e.2. Widgets, untuk mengaktifkan widget dan memilih widget yang ingin kita tampilkan di sidebar.
e.3. Extras, untuk mengaktifkan atau menon-aktifkan pratilik Snap. By default (aslinya) sudah aktif, klik tanda tik (uncheck) supaya tidak aktif. Saya lebih menganjurkan fasilitas Snap ini dinonaktifkan saja karena cukup mengganggu.
e.4. Current Theme Options, berfungsi untuk (a) merubah header blog. Bisa diganti dengan header buatan sendiri; (b) Setting warna dan posisi sidebar blog; (c) Mengisi informasi personal untuk ditampilkan sebagai data waktu memberi komentar; dan (d) untuk reset (menghapus dan mengembalikan ke setting-an awal.
e.5. Edit CSS, untuk merubah CSS template blog. Ini bagi blogger lanjut, tak cocok bagi pemula. :)

F. Pengguna (Users)

Untuk menambah user / pengguna yang memiliki akses ke blog Anda sebagai kontributor, co-author, atau subscriber. Anda bisa memiliki lebih dari satu user untuk akses ke blog Anda.

G. Opsi (Options). Kalau diklik akan muncul 8 (delapan) submenu sbb:

g.1. Opsi Umum, berfungsi untuk (a) Membuat atau mengedit judul blog, (b) Slogan (deskripsi) blog, (c) Memilih / mengedit bahasa yang digunakan di blog, (e) Dll.

g.2. Menulis atau Opsi Menulis, yang terpenting dalam submenu ini adalah menu “Kategori tulisan standar”. Pilih dari daftar kategori tentang kategori apa yang akan dipakai secara by-default di posting (saya piliha kategori fatih-syuhud). Ini artinya kalau saya lupa memakai kategori dalam sebuah posting, maka otomatis artikel tersebut akan masuk kategori fatih-syuhud.

g.3. Membaca atau Opsi Membaca. (a) Halaman Depan (Frontpage), pilih “Tulisan Terakhir” (sudah otomatis); (b) Halaman Blog (Blog post), pilih berapa artikel yang tampil di halaman utama; (c) Umpan Sindikasi (Syndicated Feed), “Tunjukkan yang terkini:” pilih 10; “Untuk tiap artikel, tunjukkan:”, pilih Teks Penuh; (d) Feeds yang diperkaya (Rich feeds), kasih tanda tik (check) di semua kotak. Jangan lupa klik “Perbarui Opsi” atau “Update Options”

g.4. Diskusi atau Opsi Diskusi

g.4.i. Di “Penataan biasa untuk sebuah artikel:” yang terpenting di sini adalah kotak ketiga. Kasih tanda tik di “Izinkan orang untuk mengirim komentar pada artikel” supaya kotak komentar terbuka di bawah setiap artikel Anda.

g.4.ii. Di “E-mail saya setiap kali:” (a) kasih tanda tik di kotak pertama bila Anda ingin dapat laporan ke email Anda setiap ada yang berkomentar di blog Anda; dan (b) kasih tanda tik di “Sebuah komentar ditahan untuk moderasi” apabila Anda ingin dapat email setiap ada komentar yang dimoderasi. Yang (b) ini khusus bagi blogger yang memoderasi kotak komentarnya.

g.4.iii. Di “Sebelum sebuah komentar muncul:” (a) Kasih tanda tik apabila ingin memoderasi setiap komentar (saran, sebaiknya tidak dimoderasi); (b) Kasih tanda tik di “Penulis komentar harus mengisi nama dan e-mail” apabila Anda ingin setiap komentator menulis alamat email dan situsnya; (c) Di “Penulis komentar harus mempunyai komentar yang disetujui sebelumnya” sebaiknya tidak dikasih tanda tik.

g.5. Privasi (Privacy). Opsi Privasi. Kasih tanda tik di “Saya ingin blog ini tampak di mesin pencari seperti Google dan Sphere, dan di senarai publik milik WordPress.com.” supaya masuk mesin pencari google, yahoo, msn, dll.

g.6. Hapus Blog atau Delete Blog.
Awas! Menu ini jangan dibuka-buka, kecuali kalau memang Anda dan blog Anda sudah bosan hidup. :)

g.7 yaitu OpenID dan g.8 Domain-domain. Submenu ini tidak begitu penting, yang penasaran silakan lihat sendiri.

Salam ngeblog,

Tutorial WordPress.com

* Panduan Membuat Blog di WordPress Com
* Tutorial Blog WordPress Lengkap
* Cara Buat Pages/Menu atau Halaman Statis WordPress
* Mengaktifkan Widget di Sidebar
* Cara Mengaktifkan Widget Flickr dan Delicous
* Cara Buat Read More di WordPress
* Cara Upload dan Link Download
* Cara Pasang Foto di Posting WordPress
* Membuat Link dalam Satu Halaman
* Cara Membuat Profile WordPress di Sidebar
* Tips Buat Bukutamu (Guestbook) di WordPress
* Cara Menulis Kode HTML Java Script di Posting
* Cara Menulis Kode HTML Java Script di Posting (2)
* Mengedit Profil di WordPress Com
* Cara Buat Komentar Pakai HTML
* Cara Impor Blogger Blogspot ke WordPress
* Posting Blog yang Ramah Komentar
* Cara Buat Logo dan Banner
* Membuat Link di Posting & Window Baru
* Siapa Ngelink Blog Anda?
* Manfaat dan Tujuan Saling Ngelink
* Cara Buat Text Area
* Tips Cara Edit Foto
* Trackback Komentar Jarah Jauh
* Fungsi Kategori dan Tag
* Daftar Blog Indonesia Bahasa Inggris
* Daftar Blog ke 40 Mesin Cari (Search Engine)
* Love Me, I Love You Back (Manfaat Tukar Link)
* Edublogs.org Blog WordPress Gratis dengan AdSense
* WordPress Smiley Emoticon
* Blogs yang Saya Kunjungi
* Membackup Blog WordPress
* Top Domain dengan Hosting WordPress.com
* Tip Memilih Hosting dan Domain Sendiri
* Plugins Top Commentators di fatihsyuhud.com

Tutorial Blogger.com / Blogspot

*
Daftar URL Desain Template Blogger / Blogspot Gratis
* Cara Buat ‘Read More’ di Blogger Lama (Template Classic)
* Cara Buat Read More di Blogger Baru
* Blogger Baru dg Template Lama
* Blogger Versi Baru
* Cara Daftar Buat Blog di Blogger Baru
* Cara Membuat Arsip Pull – Down
* Cara Membuat Teks Bergerak (Marquee)
* Pasang Recent Comment di Sidebar Blogger
* Memaksimalkan Kerja Blogger
* Membuat Link di Sidebar
* Membuat Menu Pull-Down di Sidebar
* Pasang Foto di Profile Blogspot
* Problema Read More di Blogspot
* Feedburner dan Feed Blogger
* Menghilangkan Underline Link
* Blogger Versi Baru (BETA)
* Technorati: Direktori Blog, Tags & Bookmarks
* Technorati Widgets dan Chicklets
* Feedburner dan Feed Blogger
* Siapa Ngelink Blog Anda?
* Menghilangkan Underline Link
* Setujukah Blog Anda di Copy Paste?
* Tips Memilih Template
* Mendapat Love Link dari Blog PR 7
* Cara Menghilangkan Navbar Blogger Blogspot
* Cara Buat Text Area
* Tips Cara Edit Foto
* Blog Meta Tag Blogger

Tutorial Umum Blogging (Untuk Wordress dan Blogger.com): Promosi dan Manfaat Membuat dan Menulis Blog

* Petunjuk praktis membuat Blog
* Cara Praktis Promosi Blog 1
* Cara Praktis Promosi Blog 2
* Judul Blog dan Judul Artikel
* Aggregator Blog Indonesia
* Aksesoris Blog
* Arisan Blog di Mybloglog.com Yuk!
* Setor Muka via Mybloglog
* Mengapa fatihsyuhud.com sudah PR 5
* Membuat Link dalam Satu Halaman
* Kamus Online
* Cara Buat Logo dan Banner
* Daftar Blog di Kompas Online
* Membuat Link di Posting & Window Baru
* Mengapa Blog Melorot
* Siapa Ngelink Blog Anda?
* Komentar di Blog Penting ‘ngGak Sih?
* Mengapa Juwono Sudarsono nge-Blog
* Google Sitemap
* Yahoo Sitemaps
* Daftar Blog ke 40 Mesin Cari (Search Engine)
* Daftar Blog di Kompas Online
* Promosi Blog di Fatihsyuhud.com

Tips Menulis di Blog

* Bahan Menulis Blog
* Panjang Tulisan di Blog
* Bagaimana Supaya Produktif Menulis
* Tips Sukses Menulis di Blog
* Jangan Terobsesi Komentar: Blog Pakar dan Non-Pakar
* Nulis Blog Modal Copy Paste Tulisan Blogger Lain

Pasang Iklan, Dapatkan Penghasilan Online

* Google Adsense: Cara Mendaftar
* Google Adsense Referral
* Jangan Klik Sendiri Adsense Anda
* Cara Daftar Iklan Adbrite
* Iklan Etology

Posted in wordpress | No Comments
widget wordpresss
Posted on December 6th, 2008 at 3:23 pm by y4na and tagged menampilkan gambar, widget wordpress

Cara Menampilkan Gambar di Widget WordPress
Ditulis oleh masbadar di/pada 28 Agustus 2008

Gambar atau banner apa saja sebenarnya bisa ditampilkan di widget wordpress sehingga mempercantik tampilan blog, melengkapinya atau bahkan bisa anda jadikan sebuah link yg menarik. Banner gambar pada sebuah blog asalkan ditata sedemikian rupa sehingga indah dipandang akan membuat para pengunjung betah berlama-lama surfing di blog kita.

Ukuran juga perlu diperhatikan, makin besar ukuran banner, makin lama juga waktu yg diperlukan untuk diload oleh komputer klien, maksudnya pengungjung blog, apalagi bagi pengunjung yg terbatas dalam masalah bandwidth.

Lamanya waktu loading bagi sebuah websie atau blog juga akan jadi pertimbangan bagi google untuk mengindeksnya. Ah, masalah indeks-indeks mengindeks dan urgensinya, silahkan lihat di sini.

Untuk dapat menambahkan banner atau gambar ke dalam widget wordpress, anda harus memiliki atau membuat gambar/ banner yg anda inginkan terlebih dahulu, lalu upload gambar/banner tersebut ke dalam wordpress. Cara mengupload gambar ke dalam wordpress, lihat ini.

Masuklah ke dalam admin wordpress, lalu pada bagian desain masuklah pada menu widget. Widget yg bisa anda gunakan tentu saja widget teks, tambahkan widget teks baru pada daftar kolom widget blog anda, lalu edit / suntinglah widget teks tersebut, di sana anda harus mengetikan beberapa baris kode html seperti contoh berikut ini.

Posted on December 15th, 2008 at 5:14 pm by y4na and tagged membuat website pribadi, tips buat web

The Rubric Theme. Buat website atau blog gratis di WordPress,com.

Ikuti

Get every new post delivered to your Inbox.