Sorthatobing's Blog

Panduan Membuat Blog di WordPress.com

Posted on: July 14, 2009

Tutorial di bawah ini merupakan serial panduan membuat blog di wordpress.com bagi yang pemula (sekali). mudah-mudahan akan diteruskan pada tulisan-tulisan selanjutnya. Untuk seri tutorial blogger.com/blogspot.

Silahkan mulai dari sini:
1. Buka http://www.wordpress.com
2. Klik Sign Up
3. Isi form
a. Username: -> isi nama blog sesuai dengan keinginan (paling sedikit empat huruf/angka)
b. Password: Isi password/kata sandi (sedikitnya enam huruf/angka)
c. Confirm: Ulangi password yang sama dengan di atas.
d. Email Address: Isi email Anda (apabila belum punya email, buat dulu di gmail.com atau yahoomail.com)
e. Legal flotsam: beri tanda tik di kotak yang tersedia sebagai tanda “setuju” dengan perjanjian.
f. Beri tanda tik pada menu “Gimme a blog” (biasanya sudah otomatis ada tanda tik di sini).
g. Klik “Next”
h. Blog Title -> Isi judul yang sesuai.
i. Language -> Pilih Bahasa Indonesia.
j. Privacy -> Kasih tanda tik (biasanya sudah ada otomatis).

4. Klik Sign Up
5. Akan muncul pesan sebagai berikut:
Your account is now active!
You are now logged in as (username Anda).
An email with your username, password, Akismet API key and important links has been sent to your email address.
Write a post, change your template or visit the homepage.

5. Itu berarti Anda sudah berhasil membuat blog. Silahkan login ke blog Anda. Berikut alamat penting untuk Anda:
a. Untuk login, buka: http://namabloganda.wordpress.com/login.php
b. Isi username (=nama blog) dan password.
c. Klik “Write” atau “Tulis” untuk mulai membuat posting.
d. Klik “Publish” atau “Tampilkan”

6. Selesai (kalau mau udahan, jangan lupa klik “Log Out”).
Catatan:
•    Di wordpress.com, satu account hanya untuk satu blog. Ini berbeda dengan blogger.com/blogspot di mana satu account bisa untuk membuat beberapa blog.

•    Kelebihan wordpress.com dibanding blogger.com adalah (1) comment friendly: pengunjung mudah berkomentar karena kotak komentar langsung terbuka di bawah posting. Bagi Anda yang suka dikomentarin, wordpress cocok untuk Anda; (2) Posting terbaru akan muncul beberapa saat di Dashboard (Menu Utama) seluruh pemakai wordpress.com, apabila posting Anda cukup menarik Anda juga berkesempatan masuk BOTD (best of the day) yakni 10 posting terbaik hari itu dan akan muncul selama sehari di Menu Utama (Dashboard) seluruh pemakai wordpress.com. Untuk BOTD ini diklasifikasi berdasar bahasa. Pastikan Anda memilih Bahasa Indonesia pada saat mendaftar (lihat poin 3.i.)

•    Kekurangan wordpress.com dibanding blogger.com/blogspot adalah javascript tidak berfungsi (disabled) artinya Anda tidak bisa memasang iklan apapun–AdSense, Adbrite, dll–di wordpress.com. Tidak masalah buat blogger yang memang betul-betul ingin ngeblog saja, tanpa ada niat untuk iseng-iseng pasang iklan. Bagi yang ingin pasang iklan, dapat juga di blog gratis yang pakai software wordpress juga seperti blogsome.com atau blogs.ie. Sayangnya, kedua penyedia blog gratis ini masih memakai software wordpress lama (tak ada fasilitas widget, dan lain-lain).

Tutorial Blog WordPress
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.
B. 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.

Cara membuat Pages atau Halaman (statis) di 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:
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.

Mengaktifkan Widget Sidebar
Di WordPress.com, mengaktifkan widget di sidebar atau kolomsisi boleh dikatakan “wajib”, sebab tanpa itu kita tidak akan dapat menambah aksesoris blog sesuai dengan yang kita inginkan. Aksesoris yang saya maksud, seperti yang bisa Anda lihat di sidebar blog ini, seperti Text Area, RSS dari blog lain, Recent Comment/Pembaca Terbaru mybloglog.com, dan lain-lain. Ikuti tip praktis berikut untuk mulai mengaktifkan widget blog Anda di sidebar.

Untuk WordPress versi 2.5 / 2.6 dan Wordpess.com:
1. Setelah login, klik “Desain” atau “Design”
2. Klik “Widget”
3. Klik “Tambah” atau “Add” pada Widget yang akan ditambahkan/diaktifkan ke sidebar. Contoh: klik “Tambah” atau “Add” pada widget “Teks / Text”, “RSS”.
4. Klik “Simpan Perubahan” atau “Save Changes”
5. Klik “Sunting” atau “Edit” pada widget yang akan diedit. Contoh, klik “Sunting” pada widget “RSS” yang sudah di “Tambah” tadi, kemudian isi dengan feed dari sebuah blog, Contoh masukkan feed saya ini ke widget RSS Anda -> http://feeds.feedburner.com/fatihsyuhud
6. Klik “Change” dan “Simpan Perubahan”. Selesai.
Tips: Widget yang sudah aktif bisa dinaikturunkan sesuai selera dengan cara: arahkan mouse ke widget -> klik kiri terus-menerus -> tarik ke atas atau ke bawah sesuai selera.

Untuk WordPress versi di bawah 2.5 (2.3, 2.2, dst)
1. Setelah login -> klik “Tampilan” atau “Presentation”
2. Klik “Widget”
3. Ada menu “Widget yang Tersedia”, di bawahnya ada kotak-kotak kecil (widget) -> Tarik kotak yang Anda inginkan ke “Kolom Sisi” atau “Sidebar” di atasnya. Contoh, tarik widget “Tulisan Terbaru” ke atas.
Tip: Cara narik: arahkan mouse ke widget -> klik kiri terus-menerus ->tarik ke “Kolom Sisi” atau “Sidebar”
4. Klik “Simpan Perubahan” atau “Update Change” (lihat bagian sebelah kanan atas dan/atau bawah).
5. Selesai. Widget Anda sudah aktif. Sidebar blog Anda sudah diisi widget. Ulangi hal serupa untuk memindahkan widget-widget lain yang masih “nganggur” di bawah. Seperti widget “Arsip”, “Komentar Terbaru”, “Meta”, “Teks”, “RSS”, dan lain-lain.

Catatan:
•    Untuk widget TEXT, setelah dinaikkan ke sidebar/kolom-sisi, Anda perlu mengeditnya supaya berfungsi. Caranya, klik dua-kali TEXT tersebut, setelah itu isi dengan kode html yang Anda inginkan. Contoh, isi kode tukar link saya:
<a href=”http://fatihsyuhud.com/&#8221; title=”Blogger Indonesia” target=”_blank”> <img src=”http://fatihsyuhud.com/blog-indonesia.gif&#8221; border=”0″ alt=”Blogger Indonesia”></a>
Setelah itu, klik “Simpan Perubahan” atau “Update Changes”
•    Untuk widget RSS, setelah naikkan, klik dua kali di kotak kecil widget tersebut, setelah terbuka isi RSS blog atau situs yang ingin Anda pasang. Contoh, pasang RSS ini -> http://feeds.feedburner.com/fatihsyuhud
Jangan lupa menyimpan dengan cara klik “Simpan Perubahan” atau “Update Changes”.

Cara Mengaktifkan Widget Flicker dan Delicious
Anda suka foto atau koleksi gambar, tentu Anda butuh flickr.com untuk menyimpannya. Kalau Anda suka menyimpan link-link menarik dari sejumlah situs, Anda tentu butuh punya account di del.icio.us, bookmark online terpopuler. Baik flickr.com maupun del.icio.us dapat Anda taruh di wordpress.com milik Anda, karena keduanya sudah built-in menjadi bagian wordpress.com. Tugas Anda tinggal mengaktifkannya dan menaruhnya di sidebar kalau Anda suka. Ikuti tutorial praktis berikut:

Langkah pertama, (a) Untuk wordpress.com dan WordPress vesrsi 2.5 /2.6: klik “Tambah” ata “Add” pada widget Flickr dan klik “Simpan Perubahan”.
(b) Untuk wordpress versi di bawah 2.5 (2.3, 2.2 dst) naikkan widget flickr atau del.icio.us ke sidebar Anda. Setelah itu ikuti rincian berikut:
Widget Flickr
1. Di menu “URL RSS Flickr” -> masukkan alamat feed RSS flickr Anda.
Contoh: masukkan feed RSS flickr ini -> http://api.flickr.com/services/feeds/photos_public.gne?id=26508276@N08&lang=en-us&format=rss_200
2. Judul -> isi judul yang Anda inginkan
3. Berapa foto yang ingin ditampilkan -> pilih jumlah di menu drop-down.
4. Setelah itu, klik simpan perubahan atau “Update change”

Widget Delicious:
1. Di widget title -> kasih judul
2. Di del.ico.us login -> masukkan login delicious Anda. Contoh, bloggerindonesia
3. Number link -> tulis jumlah link yang ingin Anda tampilkan.
4. Selesai. Klik Simpan Perubahan atau Save Update.

Catatan untuk widget Flckr:
Widget flickr harus di isi dengan RSS Feed flickr yang akan dimasukkan.
Contoh RSS feed flickr. -> http://api.flickr.com/services/feeds/photos_public.gne?id=26508276@N08&lang=en-us&format=rss_200

Cara mengetahui RSS feed flickr Anda:
1. silakan kunjungi http://flickr.com/photos/bloggerindonesia
2. Di bagian paling bawah ada tulisan “Subscribe to bloggerindonesia’s photos”.
3. Klik di kata “Latest” –> klik kanan mouse –> copy shortcut (untuk IE) atau copy link location (untuk firefox) -> klik (link RSS feed dah tercopy)
4. Masukkan / paste ke widget flickr Anda. 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 <!–more–>

4. Tulisan atau posting Anda yang ingin Anda tampilkan di halaman maka harus berada di atas <!–more–> , sedang posting / artikel yang ingin anda “sembunyikan” yang baru tampak setelah pembaca mengklik “read more” taruh di bawahnya <!–more–>……  Mudah bukan?

Salam ngeblog,

http://www.fatihsyuhud.com
Cara Upload dan Link Download
Bagaimana cara mengetahui link files (berkas) atau images (foto, gambar, grafik) yang sudah kita upload (unggah) ke blog wordpress kita?
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: <a href=’http://afatih.files.wordpress.com/2008/03/amerika-dan-islam-liberal.doc’>Amerika dan Islam Liberal</a> –> 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:
<a href=’http://afatih.files.wordpress.com/2008/03/c9.jpg’&gt; <img src=’http://afatih.files.wordpress.com/2008/03/c9.thumbnail.jpg’/&gt; </a>
Link untuk images adalah
<img src=’http://afatih.files.wordpress.com/2008/03/c9.thumbnail.jpg’/&gt; </a>

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 …/> </a>)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 … /> </a> :
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 memmepermudah navigasi pembaca.

Ikuti langkah berikut:
1. Buat ANCHORNAME seperti ini < A NAME=”pendahuluan”> Tulis apa saja di sini atau dikosongin aja </A>
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
<A NAME=”pendahuluan” > Pendahuluan</A>
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:
<A href=”http://afatih.wordpress.com/2007/11/04/membuat-link-dalam-satu-halaman/#pendahuluan”> Kembali ke atas </A>
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

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 < A href=”http://afatih.wordpress.com/2007/11/04/membuat-link-dalam-satu-halaman/#pendahuluan” > Kembali ke atas </A>
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 sangat bagus tulisan ilmiah yang memakai cara ini silahkan lihat tulisan Martin van Burinessen–sarjana Belanda mantan dosen di UIN Ciputat dan Sunan Kalijaga–di sini.
Eh tes lagi yuk, Kembali ke atas
Di wordpress, “Komentar Terbaru” sidebar di blog ini pada dasarnya memakai konsep ANCHORNAME – LINKNAME ini.
Salam ngeblog,

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 href=”http://afatih.files.wordpress.com/2007/12/topi.jpg” title=”A. Fatih Syuhud”><img border=”0″ src=”http://afatih.files.wordpress.com/2007/12/topi.thumbnail.jpg” alt=”A. Fatih Syuhud” style=”float:left;margin:0 10px 10px 0;” /></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.
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.
Selamat ngeblog,

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 Menulis Kode HTML Java Script di Posting
Kalangan blogger pemula yang sudah pernah mencoba menulis kode html / javascript di posting dan ingin kode tersebut tampil seperti waktu ditulis mungkin merasa heran karena setelah dipublish jadi berbeda. Contoh, umpamanya Anda menulis kode < dan > dan ingin tampil persis seperti itu diposting Anda, kenyataannya kode tersebut malah hilang. Ikuti tutorial praktis berikut, oh ya tip ini berlaku baik di posting wordpress atau blogger / blogspot.

A. Konversi Online
1. Kunjungi Encode Decode HTML Converter di sini atau di sini.
2. Masukkan kode html / javascript yang ingin Anda tampilkan di posting di kotak yang tersedia, terus klik menu “Encode”
3. Copy dan paste hasil encode yang ada dalam kotak ke posting Anda. Selesai.

Catatan:

Jangan lupa klik menu “HTML” di kotak posting atas-kanan sebelum memasukkan kode html yang sudah di-encode tadi.
(bersambung)

Cara Menulis Kode HTML Java Script di Posting (2)
Desember 28, 2007 in Blog Indonesia, Blogger Indonesia, Fatih Syuhud, Indonesian Blogger, Panduan Membuat Blog, Tips blog, Tutorial Wordress
Tags: cara buat blog, html posting, Tips Ngeblog
B. Konversi / Encoding secara Manual

Untuk menulis kode html/javascript di posting secara manual sebenarnya cukup mudah. Ikuti tutorial singkat berikut:
1. Ganti setiap kode
< dengan &lt;
2. Ganti setiap kode
> dengan &gt;

Mengapa perlu dikonversi secara manual kalau sudah tersedia konversi/encoding online? Ya, untuk jaga-jaga siapa tahu konversi/encoder onlinenya sudah tidak bisa diakses lagi. Atau setidaknya, mengurangi ketergantungan pada alat encoder punya orang. Betul nggak?
Silahkan dicoba.

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.

Salam ngeblog,

Cara Buat Komentar Pakai HTML
Memberi komentar itu penting, karena itu membuat perasaan terpendam jadi tersalurkan. Tapi, komentar yang rapi dan tersusun serta terpisah menurut paragraf-nya juga tak kalah pentingnya. Terutama kalau anda membuat komentar panjang. Kerapian tulisan dan kejelasan titik koma serta dipisah sesuai paragraf akan membuat pembaca menikmati komentar anda. Apalagi kalau isinya mencerahkan; pasti blog Anda akan segera mendapat pembaca baru. Karena isi komentar yang baik akan menggambarkan isi blog yang baik pula.

Supaya komentar di blog lebih “indah” lagi dan enak dibaca, ada baiknya juga Anda menambahkan sedikit kode html untuk semakin memperjelas maksud dan tujuan komentar.

Ikuti tip praktis kode html untuk berkomentar sebagai berikut:
1. Kutipan
Apabila kita ingin mengutip tulisan yang akan dikomentari, awali kutipan tersebut dengan
<blockquote> dan akhiri dengan </blockquote>
2. Huruf tebal
Awali menulis pakai huruf tebal dengan <strong> dan akhiri dengan </strong>
3. Huruf Miring (italics)
Untuk membuat huruf miring atau italic, awali dengan <em> dan akhiri dengan </em>
4. Membuat Link
Untuk membuat link di komentar, awali dengan <a href=”http://”> dan akhiri dengan </a>.
Contoh: <a href=”http://fatihsyuhud.com/about/”> Profil A. Fatih Syuhud </a> akan jadi seperti ini: Profil A. Fatih Syuhud
5. Membuat Tanda Coret (strike / delete)
Awali dengan <del> dan akhiri dengan </del>
Contoh: Saya ingin sekali makan <del>batu</del> pisang goreng.
Hasilnya seperti ini: Saya ingin sekali makan  pisang goreng.
Perhatian:
(a) Kalau membuat link di kotak komentar, jangan sampai lebih dari satu; biar tidak dianggap spam oleh yang punya blog. Promosi juga mesti elegan.
(b) Tip ini berlaku baik untuk buat komentar di wordpress atau di blogger / blogspot.

Ok, silahkan langsung Anda coba di kotak komentar di bawah.
Salam berkomentar with style.
Cara Impor Blogger Blogspot ke WordPress
Karena kebanyakan dari kita memakai blog gratis, maka sebaiknya kita memiliki back-up artikel-artikel berharga di satu blog ke blog lain. Kelemahan dari blog gratis adalah kita tidak punya kontrol penuh pada blog kita, artinya pemilik layanan blog gratis tersebut bebas menutup blog kita kapan saja mereka mau. Apabila Anda memiliki cukup banyak artikel di blogger.com / blogspot, Anda dapat membackupnya di wordpress.com dengan cara memakai fasilitas ekspor impor / export-import.

Ikuti langkat praktis berikut:
1. Login ke wordpress.com
2. Klik “Manage” atau “Kelola”
3. Klik “Impor” atau “Import”
4. Klik “Blogger” (apabila Anda ingin impor file dari blogger/blogspot)
5. Klik “Beri Kuasa” atau “Authorize”
6. Akan ada tanda login Google account. Masukkan Id dan password blogger / blogspot Anda.
7. Ada tulisan “Access Request” di bawahnya ada pilihan “Grant Access” dan “Deny Access” -> klik “Grant Access”
8. Akan muncul blog blogspot Anda -> klik impor; apabila punya blog blogspot lebih dari satu dalam account yang sama, maka pilih blog yang akan diimpor
9. Tunggu sampai ada pesan “Success” atau “Berhasil” dari wordpress.
Catatan:
a. Hanya blogger baru yang dapat diekspor ke wordpress dengan cara ini. Kalau masih memakai blogspot classic silahkan di”reformasi” dulu ke blogger baru;
b. Impor dapat juga dilakukan dari wordpress ke wordpress lain. Misalnya, blog (afatih.wordpress.com) ini filenya juga saya backup dengan cara diimpor ke blog saya di edublogs.org (Anda bisa juga buat account di sini gratis). Kelebihan dari edublogs.org adalah besarnya file yang diimpor tidak terbatas. Sementara kalau di wordpress.com, maksimum filenya 2 mb, artinya kalau file yang hendak diimpor lebih dari 2 mb maka proses impor tidak akan berhasil.
c. File yang diimpor bisa juga dari blog lain selain blogger.com / blogspot, misalnya MT (movable type), Typepad, dll.
Salam ngeblog,

Posting Blog yang Ramah Komentar
Ada blogger yang tidak suka komentar, karena itu dia menutup kolom komentarnya. Ada juga yang pilih-pilih komentar dan memoderasi komentar yang masuk. Tapi tidak sedikit yang blognya ingin dikomentari tapi lupa menyetting blognya supaya ramah komentar (comment friendly) ini terutama terjadi pada blogger pemula.
Bagi blogger golongan terakhir inilah, tutorial kali ini saya buat. Silahkan Anda login ke blog wordpress.com Anda dan ikuti tutorial mudah dan praktis berikut supaya kotak komentar selalu nongol di bagian bawah posting dan setiap komentar yang masuk langsung terlihat oleh sang komentator. Komentar yang dimoderasi akan menurunkan semangat pembaca untuk berkomentar kedua kalinya:

1. Klik Opsi
2. Klik Diskusi
a. Pada tulisan “Mencoba memberitahu segala blog yang ditautkan dari artikel (memperlambat pengiriman tulisan)” -> uncheck (jangan dikasih tanda tik).
b. Diperbolehkan peringatan akan adanya link dari blog lain ( pingbacks dan trackbacks ) -> check (kasih tanda tik)
c. Izinkan orang untuk mengirim komentar pada artikel -> check
d. Seseorang mengirim komentar -> uncheck
e. Sebuah komentar ditahan untuk moderasi -> uncheck
f. Seorang administrator harus selalu menyetujui komentar -> uncheck
g. Penulis komentar harus mengisi nama dan e-mail -> check
h. Penulis komentar harus mempunyai komentar yang disetujui sebelumnya -> uncheck
i. Tahan komentar dalam antrian jika mengandung -> tulis angka 2.
Jangan lupa klik “Perbarui Opsi” atau “Update Option.” Selesai.

Catatan:
Ada blog yang untuk komentar harus login dulu. Kalau blog Anda seperti itu dan melakukannya secara tidak sengaja, berikut caranya supaya kembali normal:
•    Klik Opsi atau Option -> Umum atau General
•    Di menu “Keanggotaan” -> Uncheck (buang tanda tik).
•    Klik Perbarui Opsi atau Update Option. Selesai.
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.
Salam ngeblog.

Siapa Ngelink Blog Anda?
Sebenarnya soal ini sudah dibahas di sini, tapi untuk blogger baru yg mungkin belum sempat nengok artikel tsb berikut tip untuk tahu siapa yg ngelink blog Anda. Cara paling mudah adalah via Technorati.com. Tulis di browser Anda (Internet Explorer atau Firefox) begini:

http://technorati.com/search/afatih.wordpress.com

Ganti URL blog saya dg blog Anda. Hasilnya, Anda akan tahu siapa saja yg sudah ngelink ke blog Anda. Terjadinya perubahan jumlah yg ngelink biasanya setelah Anda mengupdate posting atau template blog.

Sebagian blogger masih menganut gaya pergaulan dunia nyata. Mereka hanya mau ngelink blog teman yang mereka kenal pribadi di dunia nyata. Ini cara berpikir yang dan agak kuno dan justru akan mempersempit pergaulan. Dunia maya telah memberi kesempatan luas pada kita untuk berkenalan dengan sebanyak mungkin orang melebihi jangkauan fisik dan geografis. Dan saling ngelink blog masing-masing adalah salah satu cara berkenalan yang sangat mudah, cepat, hemat dan efektif. Jadi, mengapa tidak dilakukan?

Dalam kasus saya, 95 persen teman-teman baru saya adalah mereka yang ngelink blog saya. Ketika saya tahu via laporan technorati.com bahwa ada blog baru yang ngelink blog saya, saya biasanya akan berkunjung ke blog tersebut dan kemudian saya love-link balik. Dari situ tahap perkenalan dimulai. Dan dari situ, pertemanan bisa berujung pada keakraban di dunia nyata.

Mengapa Blogger Perlu Saling Mencintai (saling ngelink)?
Blog adalah situs personal, bukan situs perusahaan. Ia juga butuh promosi supaya dikenal luas. Kalau situs perusahaan biasa mempromosikan situsnya dengan memasang iklan karena memang ada budget untuk itu. Bagi situs personal semacam blog, promosi blog kita cukup dengan “saling mencintai sesama blogger.”

Sebagian kalangan berpikir, bahwa saling ngelink dengan blog yang tak terkait hanya akan menurunkan PR (page ranking) Google. Karena itu mereka cuma menunggu dan berharap-harap dapat link cinta dari blogger lain dan membiarkan cinta itu bertepuk sebelah tangan. Ini cara berpikir yang kurang tepat. Walaupun PR kita tinggi sekalipun, kalau content blog tidak bermutu atau jarang dicari orang, blog kita hanya akan menjadi blog ber-PR tinggi yang tidak pernah dikunjungi. Sebaliknya, walau PR kecil tapi isinya mencerahkan dan saling ngelink, promosi akan datang dari mulut ke mulut (words of the mouth, istilah Inggrisnya) dan dari mereka yang ngelink blog kita akan sesekali mengunjungi blog kita. Intinya, semakin banyak kita tukar link, semakin bagus.

Jadi, mari kita sesama blogger saling mencinta. Seperti kata-kata di fatihsyuhud.com “Love Me, I’d Love You Back”

Cara Buat Text Area
Di sidebar sebelah kanan blog ini, saya mengajak teman-teman blogger untuk bertukar link dengan fatihsyuhud.com yang bertujuan selain untuk saling kenal antar sesama blogrollers, juga berfungsi sebagai saling promosi blog. Saya memakai format Text Area–yang berisi link dan chicklet/image kecil– supaya yang berminat tukar link dapat langsung meng-copy/paste kodenya dengan mudah. Berikut kode Text Area di sidebar tsb yang dapat diganti dg link dan chiklet Anda sendiri:

<img src=”http://fatihsyuhud.com/blog-indonesia.gif” border=”0″></a>
<br>
Copy code below, insert into your blog  </font>
<br>
<textarea name=”code” rows=”4″ cols=”25″> <a href=”http://fatihsyuhud.com/” title=”Blogger Indonesia” target=”_blank”> <img src=”http://fatihsyuhud.com/blog-indonesia.gif” border=”0″ alt=”Blogger Indonesia”> </a> </textarea>
Untuk wordpress.com
Khusus untuk yg pake wordpress.com dan gagal memakai kode di atas, pakai kode berikut dan taruh di teks widget sidebar blog Anda:
<code>
&lt;img src=”http://fatihsyuhud.com/blog-indonesia.gif&#8221; border=”0″&gt;&lt;/a&gt;
&lt;br&gt;
Copy code below, insert into your blog &lt;/font&gt;
&lt;br&gt;
&lt;textarea name=”code” rows=”4″ cols=”25″&gt; &lt;a href=”http://fatihsyuhud.com/&#8221; title=”Blogger Indonesia” target=”_blank”&gt; &lt;img src=”http://fatihsyuhud.com/blog-indonesia.gif&#8221; border=”0″ alt=”Blogger Indonesia”&gt; &lt;/a&gt; &lt;/textarea&gt;
Catatan:
1. rows=.. adalah ukuran ke atas, sedangkan cols=… adalah ukuran ke samping. Apabila setelah dipasang di blog ternyata kelebaran atau kepanjangan, maka dirubah angka di rows atau di cols sesuai kebutuhan yg sesuai dg sidebar blog Anda.
2. Cara pasang di wordpress.com, hidupkan widget. Naikkan widget *TEXT* ke sidebar. Dan pasang kode Text Area tsb.
3. Cara pasang di blogger.com / blogspot, klik add element –> text html/javascript –> pasang kode Text Area.
Salam ngeblog,
Tips Cara Edit Foto
Misalkan Anda punya foto favorit. Foto itu terlalu kecil, padahal Anda ingin sekali membuatnya besar untuk dipajang di dinding kamar. Kalau diedit pake program Paint di windows biasanya gambarnya jadi kabur. Atau foto besar ingin diperkecil, bentuk rupa dan warna jadi kurang bagus. Atau lebih parah lagi, Anda tidak tahu sama sekali seni mengedit foto sedangkan Anda ingin sekali mengedi foto, image/gambar, atau apapun untuk dipasang di header blog atau di sidebar dengan ukuran pixel yang sesuai keinginan. Gimana caranya? Sekarang semuanya mudah.

Salah satu contoh, ikuti petunjuk praktis berikut:
1. Kunjungi http://snipshot.com/
2. Di bawahnya tulisan “Open from your computer” ada kotak kosong –> klik browse –>pilih foto atau gambar di komputer yg ingin diedit. Tunggu sampai gambar tersebut tampil.
3. Di atas gambar yang akan diedit ada beberapa menu seperti “Resize”, “Crop”, “Enhance”, “Adjust”, “Rotate”, “Effects” –> pilih command yang ingin Anda lakukan. Sebagai contoh, klik Resize untuk merubah ukuran foto / gambar.
4. Klik kiri terus-terusan mouse Anda dan arahkan ke kotak kecil merah di pinggir gambar dan tarik ke atas/bawah atau ke samping untuk memperlebar atau memperpanjang image.
5. Setelah puas dengan ukuran yang diinginkan, klik kanan di gambar –>Save picture as –> kasih nama file. Selesai.
6. Untuk menyimpan secara online foto yang sudah di saving di komputer tadi, lihat caranya di sini.
Salam ngeblog,

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Banyaknya Pengunjung

Kalender

July 2009
M T W T F S S
     
 12345
6789101112
13141516171819
20212223242526
2728293031  

Kategori

Follow

Get every new post delivered to your Inbox.

%d bloggers like this: