Beranda > Uncategorized > TUTORIAL WORDPRESS

TUTORIAL WORDPRESS

10 Juni 2009

wordpressBISMILLAH..
Buat anda yang ingin belajar blog, dan masih awam tentang dunia blog seperti saya ini , berikut ini tutorial blog wordpress yang ditulis mas fatih di blognya:

[Update: Terhitung sejak 4 Desember 2008, tata letak menu-menu dasbor di wordpress.com berubah total mengikuti dasbor WordPress versi 2.7. Tutorial menu dasbor admin wordpress di bawah masih relevan untuk pengguna self-hosted wordpress versi 2.6 ke bawah atau blog wordpress gratis selain wordpress.com seperti blogdetik.com, dagdigdug.com, edublogs.org, dll.

Setelah kita pelajari dan praktekkan cara buat blog di wordpress.com, 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.

Mengedit Profil di WordPress Com
Berikut cara mengedit kolom Profil di wordpress.com. Hal-hal yang dapat diedit/dirubah di “ruang” profil wordpress Anda adalah: Pasang foto diri (untuk cara pasang foto di posting lihat sini), nama Anda yang tampil di publik atau di posting, mengganti password, menaruh situs utama Anda (di wordpress.com atau di blog lain), merubah bahasa utama blog, dan lain-lain. Ikuti panduan praktis berikut:

1. Setelah login, klik “Profil Saya” atau “My Profile”
2. Di bagian paling bawah ada menu “Mengenai dirimu” atau “About You” -> isi biodata Anda, atau apa saja yang ingin Anda tulis.
3. Klik “Perbarui Profil” atau “Update Profile.”
4. Selesai.

Catatan:

Di kolom profil ini Anda bisa juga merubah password Anda (di sebelah kanan bawah), merubah nama depan dan nama belakang Anda (bagian kiri tengah), dan mengisi alamat situs utama dan/atau email Anda (bagian kiri tengah), men-setting nama yang ditampilkan pada publik (bagian kiri tengah), merubah bahasa blog (Contoh, Bahasa Indonesia) dan mengupload foto Anda (bagian kiri atas).

Untuk upload foto profil:

1. Klik “browse” di bagian kiri atas -> masukkan foto di komputer Anda.
2. Klik menu Upload
3. Setelah foto nongol, klik “Perbarui Profil” atau “Update Profile” (bagian kanan bawah / atas).

Penting: Foto yang Anda masukkan ke profil akan menjadi avatar Anda dan akan tampil secara otomatis di setiap Anda memberi komentar di kotak komentar blog yang memakai wordpress.

Untuk Menaruh alamat URL Blog

1. Di kolom bagian kanan ada tulisan “Info Kontak”
2. Di bawahnya ada kotak kosong untuk email dan “Situs Web”, isi kedua kotak tersebut dengan email dan alamat URL blog Anda. Contoh, Email: sapi@gmail.com; Situs Web: http://afatih.wordpress.com (harus pakai http://)
3. Jangan lupa setelah itu klik “Perbarui Profil” atau “Update Profile”
4. Selesai.

Cara Buat Read More di WordPress
Saya pikir semua pengguna wordpress sudah tahu cara buat “read more” di wordpress. Ternyata masih ada yang tanya di komentar posting di sini. Berbeda dengan blogger.com / blogspot, membuat “read more” atau “baca selanjutnya” atau “read the rest of this entry” di wordpress itu sangat mudah. Ikuti langkah berikut:

1. Setelah login ke account wordpress Anda, Klik menu “tulis” atau “write”
2. Di bawah kotak judul / title sebelah kanan, ada menu VISUAL dan HTML –> klik menu HTML
3. Di bawahnya ada deretan menu b i link. Klik menu “more”, maka di kotak posting Anda akan keluar tulisan
4. Tulisan atau posting Anda yang ingin Anda tampilkan di halaman maka harus berada di atas , sedang posting / artikel yang ingin anda “sembunyikan” yang baru tampak setelah pembaca mengklik “read more” taruh di bawahnya

Mudah bukan?

Cara Buat Pages atau Halaman Statis WordPress
Deretan menu di blog saya bagian atas seperti “About”, “Refleksi”, “Opini”, “Tip Menulis” itu adalah salah satu ciri khas dari blog dalam wordpress yang tidak ada di blogger.com/blogspot. Dalam istilah WordPress itu disebut Pages atau Halaman. Pages atau Halaman ini adalah halaman statis yang tidak masuk dalam arsip posting. Apa gunanya? Lihat keterangannya di bawah. Berikut cara membuat Pages atau Halaman (statis) di WordPress.

TUTORIAL UNTUK WORDPRESS.COM & 2.7 (Mulai 4 Desember 2008)

1. Setelah login, klik “Halaman”
2. Klik “Add New” yang terletak di bawah “Halaman”
3. Kasih Judul di kotak bawahnya menu “Add New Page”. Contoh: Bukutamu.
4. Klik “Terbitkan”. Selesai.

Catatan: Untuk mengisi atau mengedit “Halaman” yang baru dibuat, klik “Halaman” -> “Sunting” -> Arahkan mouse pada Halaman / Page yang akan disunting dan pilih menu “Quick Edit” atau “Sunting”

CARA UNTUK WORDPRESS 2.6 KE BAWAH (2.5, 2.3, dst)

1. Setelah login, klik “Tulis” atau “Write”
2. Klik “Halaman” atau “Page”
3. Di “Judul Halaman” -> tulis nama halaman. Contoh, “Refleksi” atau “Bukutamu”
5. Klik menu “Terbitkan” atau “Publish”
6. Selesai. Anda sudah berhasil membuat Pages/Halaman statis di blog Anda.

Apa isi atau fungsi Pages/Halaman?

Macam-macam, terserah Anda. Isinya bisa berupa keterangan diri seperti di About blog saya atau daftar link-link posting blog Anda atau bisa juga berupa link-link situs penting atau blogrolls, dll.

Cara Mengedit Pages/Halaman

1. Klik “Kelola” / “Manages” -> klik Halaman / Pages
2. Klik Pages/Halaman yang baru Anda buat tadi. Contoh, Refleksi.
3. Isi kotak posting sesuai yang Anda inginkan.

Cara Membuat Profile WordPress di Sidebar
Salah satu komentator di blog ini menanyakan bagaimana cara membuat dan memasang profile di wordpress dan dipasang disidebar / kolomsisi blog kita seperti yang bisa dilihat sidebar bagian atas di blog ini atau di fatihsyuhud.com.

Caranya tidak sulit bahkan sangat mudah. Ikuti tip praktis berikut :

Jangan lupa sebelum mengikuti langkah ini pastikan widget Anda sudah diaktifkan.

1. Setelah login -> Klik “Desain” -> klik Widget
2. Klik “Tambah” pada widget Teks atau Text yang akan otomatis muncul di sidebar;
2. Klik “Simpan Perubahan”
3. Klik “Sunting” atau “Edit” pada widget teks tadi;
3. Copy/paste kode berikut, dan ganti kata-kata dan link-image / foto dengan kata-kata dan link url foto Anda

”A. Budaya ngeblog adalah budaya baca dan menulis dalam skala massal. Sebuah budaya yang dilakukan bangsa-bangsa maju dan civilized. Indonesia akan tetap berkutat dalam kemunduran kalau masih stagnan pada budaya lisan dan enggan mereformasi diri. Setiap Blogger Indonesia “berkewajiban” untuk mengajak rekan-rekannya ngeblog–dengan bahasa Inggris atau Indonesia — untuk sama-sama menuju tradisi baru insan modern.
Email: fatihsyuhud-at-gmail-dot-com

4. Klik “Update change” atau “Simpan perubahan”
5. Selesai.

Catatan:
1. Kalau belum upload foto, silahkan upload dulu foto Anda yang ganteng dan cantik di wordpress.com Anda, atau googlepages.com, atau flickr.com dll.
2. Copy link imagenya (biasanya berakhiran “.jpg” atau “.gif” dll ) dan ganti link image saya di atas dengan link image milik Anda.

Cara Buat Bukutamu di WordPress
Widget Teks di Sidebar WordPress.com seperti kita tahu hanya dapat diisi dengan kalimat atau kode html. Sedang kode javascript tidak bisa berfungsi. Ini karena memang akses javascript di wordpress.com di disabled oleh yang punya wordpress.com. Dengan demikian, kita tidak dapat memasang segala tambahan aksesoris yang memakai javascript seperti iklan AdSense, dan segala iklan apapun. Kalau Anda ngeblog gratis sambil ingin pasang iklan, sebaiknya di blogger.com / blogspot saja.

Yang terpenting lagi, kita tak dapat memasang shoutbox atau guestbook di sidebar kita. Karena, ya itu tadi, shoutbox memakai javascript. Tapi jangan kuatir, ada juga cara mudah untuk membuat bukutamu / guestbook di wordpress. Ikuti langkah praktis berikut:

1. Setelah login, klik “Kelola” atau “Manage”
2. Klik “Tulis” atau “Write”
3. Klik “Halaman” atau “Page”
4. Di kotak “Judul” atau “Title” kasih nama “Bukutamu” atau “Guestbook”
5. Klik “Terbitkan” atau “Publish”
6. Selesai. Anda sekarang sudah punya bukutamu yang akan ditampil di bagian menu blog Anda.

Cara Pasang Foto di Posting WordPress
Barusan saya jalan-jalan ke “rumah” Musik Pribumi-nya Gimbal, Saya lihat dia sering menempelkan foto di setiap postingnya. Sayangnya, tampaknya posisi foto menurut saya kurang fashionable: foto atau image-nya tidak menempel berdampingan dengan artikel, tapi berada di antara judul dan tulisan. Kurang jelas apa itu disengaja atau dia tidak tahu caranya mendampingkan foto (embedded) dengan tulisan artikel seperti di blog saya ini. Berikut cara mudah dan praktis memposisikan foto secara berdampingan dengan artikel:

1. Setelah Anda mengklik ‘Send Editor’ foto ke posting di wordpress, klik menu “Kode” atau “Code” yang terdapat di bawah judul.
2. Di akhir link image (sebelum tanda …/> )tambahkan kode berikut
border=”0″ style=”float: left; margin: 0px 10px 10px 0px”

3. Klik menu “Visual” setelah tampilan ok, klik “Tampilkan” atau “Publish”
4. Selesai.

Catatan:
Kata “left” berarti posisi foto/gambar di sebelah kiri, ubah menjadi “right” kalau ingin menaruhnya di sebelah kanan.

Tips bagi yg belum tahu sama sekali cara pasang foto di posting wordpress:

1. Di bagian paling bawah kotak posting, klik menu “Browse” –> pilih foto/gambar/image di komputer.
2. Kasih judul dan deskripsi di menua “Judul” dan “Deskripsi” –> ini tidak wajib, cuma menambah visibilitas di search angine.
3. Klik Upload
4. Setelah nongol fotonya, arahkan mouse ke kotak posting bagian mana foto akan ditempatkan. Contoh, klik di bagian kiri atas.
5. Kembali ke foto, klik menu “Kirim ke editor” atau “Send to editor”
6. Klik menu “Kode” atau “Code” dan tambahkan kode berikut di akhir link sebelum kode … /> :
border=”0″ style=”float: left; margin: 0px 10px 10px 0px”

7. Klik menu “Visual” untuk melihat hasilnya. Kalau puas, klik “Tampilkan” atau “Publish”
8. Selesai.

Untuk Memperkecil atau Memperbesar Foto di Posting Tulisan

Untuk edit memperkecil atau memperbesar foto di posting: setelah upload dan “Kirim ke Editor”,

1. Pastikan mode posting “Visual” bukan “Kode / Code”.

2. Klik foto tersebut, setelah itu arahkan mouse ke bagian pojok foto. setelah mouse menunjukkan tanda panah dua arah, geser ke dalam (sama dg cara edit foto di snipshot) sampai sesuai ukuran yg diinginkan. Cara ini juga bisa digunakan untuk blogger.com / blogspot.

Untuk Edit posisi foto di posting blogger.com / Blogspot

Setelah foto diupload di posting blogger.com / blogspot, akan tampak foto dan posting tidak sejajar / bersebelahan. Untuk membuat posting Anda bersebelahan dengan paragraf pertama, ikuti langkah berikut:
Klik menu “Compose” (bagian kanan atas kotak posting);
Arahkan mouse cursor ke kata pertama dalam tulisan -> klik
Tekan Backspace keyboard Anda. Maka tulisan akan naik, teruskan sampai sejajar dengan foto.

Membuat Link dalam Satu Halaman

Membuat link ke halaman lain sudah di ajarkan di sini beberapa waktu lalu, yang gunanya untuk mengelink artikel kita sendiri di posting sebelumnya, atau membuat link ke artikel atau blog mlik orang lain yg tulisannya kita kutip. Berikut akan kita bahas cara membuat tautan link yg mengarah ke halaman yg sama (atas, tengah, bawah dll). Contoh seperti “kembali ke atas”, dll . Ini berguna terutama bagi yg postingnya sangat panjang, sehingga link-dalam-satu-halaman ini berfungsi untuk mempermudah navigasi pembaca. Ikuti langkah berikut:

1. Buat ANCHORNAME seperti ini
Tulis apa saja di sini atau dikosongin aja

Taruh anchor name ini di mana saja yg Anda mau, sebagai contoh, saya taruh anchor link ini sejajar dengan kata “Pendahuluan” di atas. Jadi seperti ini
Pendahuluan

Catatan: Kalau ANCHORNAME ditaruh sejajar dengan kata “pendahuluan”, maka link akan mengarah ke bawahnya kata “pendahuluan”, kalau ANCHORNAME ditaruh di atasnya kata “pendahuluan”, maka ketika linkname diklik akan mengarah persis ke kata “pendahuluan”. Untuk lebih jelasnya, silahkan Anda coba-coba sendiri.

2. Buat link name yg diarahkan ke anchor link tersebut, begini kodenya:
Kembali ke atas

Kode no.2 akan berbentuk link yg kalau diklik akan mengarah ke anchor name yg kita tentukan. Dalam kasus saya kata “Pendahuluan”.

Coba lihat hasilnya, klik link berikut: Kembali ke atas

Lihat contohnya di sini.

Penting: Apabila gagal setelah mengikuti tutorial di atas dengan benar, maka permasalahannya biasanya ada pada TANDA KUTIP. Ganti tanda kutip [“] atau quote/unquote dan ganti dg tanda kutip yang baru.

Catatan:

1. Anchor name yg berupa “pendahuluan” bisa diganti dg kata lain yg anda suka yg penting harus sama dg link name-nya.

2. Unsur LINK NAME adalah permalink URL + #linkname. Jadi url mengarah ke permalink halaman/posting yang sama. Sebagai contoh, permalink posting ini adalah http://afatih.wordpress.com/2007/11/04/membuat-link-dalam-satu-halaman/
maka linkname-nya adalah
Kembali ke atas

3. Fungsi lain dari link-dalam-satu-halaman ini adalah untuk footnote, bagi blogger yg membuat tulisan ilmiah dg memakai footnote di halaman yg sama di blognya. Dalam kasus footnore ini, maka ANCHOR NAME diletakkan di footnote, sedang LINKNAME ditaruh di kata-kata tulisan Anda yg merujuk ke footnote. Contoh lihat di sini.

Eh tes lagi yuk, Kembali ke atas

Di wordpress, “Komentar Terbaru” sidebar di blog ini pada dasarnya memakai konsep ANCHORNAME – LINKNAME ini.

Cara Upload dan Link Download
Lebih dari satu pertanyaan di atas diungkapkan pembaca di kotak komentar blog ini. Mengetahui link dari file / images yang kita unggah (upload) di wordpress memang agak sulit kalau files yang kita upload tadi tidak di-attach-kan ke posting atau pages. Karena itu, setiap upload files atau images hendaknya dimasukkan ke posting artikel atau Pages. Ikuti tutorial praktis berikut:

Upload Files / Berkas

1. Klik “Tulis” atau “Write”
2. Di menu “Unggah” atau “Upload” di bawahnya kotak posting, klik “Browse” -> pilih files yang akan diupload. Anda bisa memberi judul dan deskripsi di kotak yang tersedia di bawahnya (opsional alias tidak wajib).
3. Klik “Unggah” atau “Upload”
4. Setelah file masuk -> arahkan mouse ke kotak posting di bagian yang diinginkan -> klik “Kirim ke Editor” atau “Send to Editor”
5. Apabila mode posting dalam keadaan “Kode” atau “Code” maka akan tampak link files. Apabila mode posting “Visual” klik mode “Kode” atau “Code” untuk mengetahui linknya.

Sebagai contoh, saya akan mengupload file berjudul “Amerika dan Islam Liberal”, setelah melalui proses di atas, maka saya taruh file di sini -> Amerika dan Islam Liberal, maka dalam mode posting “Kode” tampak link file sbb: Amerika dan Islam Liberal –> inilah link untuk download.

Cara Upload Images (Gambar, foto, grafik)

Caranya sama dengan di atas yaitu:

1. Klik “Tulis” atau “Write”
2. Di menu “Unggah” atau “Upload” di bawahnya kotak posting, klik “Browse” -> pilih files yang akan diupload. Anda bisa memberi judul dan deskripsi di kotak yang tersedia di bawahnya (opsional alias tidak wajib).
3. Klik “Unggah” atau “Upload”
4. Setelah file masuk -> arahkan mouse ke kotak posting di bagian yang diinginkan -> klik “Kirim ke Editor” atau “Send to Editor”
5. Apabila mode posting dalam keadaan “Kode” atau “Code” maka akan tampak link images. Apabila mode posting “Visual” klik mode “Kode” atau “Code” untuk mengetahui linknya.

Sebagai contoh, saya upload gambar kucing lagi santai. Saya taruh gambar ini di awal tulisan (kiri atas), maka saya arahkan mouse ke tempat yang saya inginkan. Saya klik “Send to Editor”. Dalam mode “Kode” atau “Code” maka akan tampak link berikut:

Link untuk images adalah

Cara Buat Logo dan Banner
Bagi yg bisa program photoshop, membuat banner dan badge/chicklet itu mudah. Bagi yg agak males latihan otak-atik photoshop seperti saya tidak usah kuatir. Di internet banyak penyedia program pembuat chicklet dan banner online secara gratis dan instan. Sebagai pembuka, logo atau chicklet adalah banner kecil yg biasa buat link-button seperti yg di sidebar blog saya. Sementara banner ukurannya lebih besar dan biasa ditaruh di header blog/website. Ikuti panduan buat logo/chicklet/banner berikut:

A. Cara Membuat Chicklet

1. Kunjungi http://button.blogflux.com/

2. Di LEFT-BLOCK (bagian kiri atas) ada menu “Text”, ganti tulisan “w3c” sesuai dg yg Anda inginkan. Contoh, tulis Blog;

3. Di RIGHT-BLOCK (bagian kanan atas) ada menu “Text”, ganti tulisan “xhtml” dg yg sesuai dg keinginan Anda, contoh, “Tutorial”

4. Di GENERATE-BUTTON (bagian kanan bawah) klik tulisan Generate Button. Maka akan muncul chicklet seperti ini:

5. Nah, arahkan mouse ke gambar, klik kanan –> save picture as –> kasih nama file (contoh: blog-tutorial –> save di komputer Anda.

6. Setelah di saving di komputer, masukkan / upload gambar chicklet tsb di situs online seperti googlepages.com. Dalam kasus ini, gambar disimpan di http://fatihsyuhud.googlepages.com/ jadi alamat chicklet gambar tsb. adalah http://fatihsyuhud.googlepages.com/ blog-tutorial.gif

Note: Apabila belum daftar di googlepages.com, Anda tinggal kunjungi alamat URL googlepages.com and login dengan account gmail Anda.

7. Setelah tersimpan secara online, Anda bisa gunakan sesuai kebutuhan Anda seperti untuk linkbutton tukar link dg teman-teman blogger lain, atau sekedar buat pajangan di sidebar.

Tip: bentuk font dan background warna dapat dirubah sesuai selera. Tinggal klik menu “color” dan “background” di situs di atas.

B. Cara Buat Banner Online

1. Kunjungi situs http://cooltext.com/
2. Klik menu DESIGN A LOGO (bagian atas).
3. Di menu CHOOSE A LOGO DESIGN pilih gambar yg Anda suka, contoh, klik EMBOSSED.
4. Di menu LOGO TEXT saya tulis “Blog Tutorial”
5. Klik menu RENDER LOGO DESIGN (bagian paling bawah).
6. Save ke komputer (caranya, klik kanan gambar tersebut –>save picture as –>kasih nama file )

7. Setelah itu upload ke googlepages.com milik Anda. (lihat poin A.5 dan A.6).

Catatan: Mengupload image / gambar logo atau banner tentu saja tidak harus di googlepages.com, bagi pengguna wordpress.com Anda bisa juga menguploadnya di wordpress.com, di blogger.com bagi pengguna blogspot, atau di mana saja hosting online gratis.
Silahkan dicoba.

  1. 18 Juni 2009 pukul 18:34

    acey bos untuk pemula kaya aqua boleh dong ambil imunya. Jazaka 4JJ 1

    • naylat3
      18 Juni 2009 pukul 18:38

      wa iyyakum

  2. 24 September 2009 pukul 11:43

    Hi,…Happy nice day.
    Visit me back, thanks

  3. 24 September 2009 pukul 21:54

    wah kumplit banget ya……eh bos mw nanya nich bolehkan..???kan dibawah judul header ada tulisan “Just another WordPress.com weblog” itu gmn caranya biar di rubah…..Thanks ya…oh ya bisi di kirim ke emailku gk? mbul_widal@yahoo.com

    • abunayla
      25 September 2009 pukul 20:25

      Masuk ke dasbor, pengaturan, umum, ubah judul blog dan slogan sesuai dengan keinginan kita.

  4. 3w9
    31 Maret 2011 pukul 09:41

    Mantap banget ya gan !!!!!!

    blog ini cukup ramai sekali , penataanya juga cukup bagus ditambah dengan artikel yang bagus pula , sungguh sangat sempurna !!! Salam Kenal !!!
    Jangan lupa berkunjung ke blog saya
    Terima kasih.

    • abunayla
      31 Maret 2011 pukul 19:53

      thanx…

  5. 6 April 2011 pukul 01:42

    Nice article…Sangat inspiratif and helpfull,,,,good luck and salam kenal yach sob…by mesin roti

    • abunayla
      6 April 2011 pukul 19:24

      SALAM KENAL JUGA..

  1. No trackbacks yet.
Komentar ditutup.
%d blogger menyukai ini: