Tutorial Membuat dan menghias Blog Wordpress

Assalamu'alaikum..Sungguh tak berartinya ilmu bila tidak dibagi walaupun ilmu itu hanya sedikit...

Temen2, di sini saya ingin memberikan tutorial kepada temen2 untuk membuat dan mendesain blog wordpress agar terlihat menarik..jujur saja sebenernya saya lebih senang menggunakan blog dari BLOGGER.com bukan Wordpress.com karena saya lebih menguasai blog dari BLOGGER.com, saya belajar membuat blog dari wordpress karena ada tugas suatu mata kuliah di prodi saya, dari itulah saya memaksakan diri saya untuk membuat blog dari worpress, dan alhamdulillah sudah sedikit faham meskipun belum bisa seperti master2 BLOGGER...

Sebenernya ngeblog itu asyik lho temen2, pertama kalau bisa nyari yang gratisan dulu aja,hehehe..ndak apa2, yang terpenting itu bukannya "FUNGSINYA???"

Oya, jangan lupa untuk mengunjungi blog saya :
yang BLOGGER : http://masalimaruf.blogspot.com/
dan yang wordpress : http://masalimaruf.wordpress.com/

jangan lupa kunjungi juga blog KMMTP : http://kmmtpugm.blogspot.com/

Sebelum kita membuat blog, terlebih dulu kita kenalan dulu dengan blog itu sendiri, sebenarnya blog itu apa sih?? dan apa fungsinya??

Menurut sepengetahuan saya, blog itu merupakan suatu website pribadi gratis karena kita menggunakan hosting dan domain yang gratis, jd gak usah bayar..hehehe
Fungsinya bermacam-macam,..yang jelas sebagai media informasi..kita bisa menjadikannya sebagai diary OnLine, media tukar informasi, media beriklan, media mencari teman, media mencari relasi kerja, media berjualan, dan bahkan media untuk mencari uang saku tambahan dengan mengiklankan produk orang. Macem2 lah fungsinya..kalau pengen lebih jelas bisa bertanya sama mBah GoogLe,..hehehe

Kali ini saya akan mengajak anda yang belum tahu bagaimana membuat blog wordpress OnLine, Langsung saja ya, cekidot..

1. Klik Link berikut ini ya : http://wordpress.com/.
2. Klik “Sign Up Now” pada bagian pojok kanan atas.
3. Lalu isikan data-data yang diperlukan.
(Sebelum anda mengisikan data-datanya lihat pada bagian bawah ada pilihan Gimme a blog! (Like username.wordpress.com) dan Just a username, please. Saya sarankan untuk memilih yang Gimme a blog! Biar gak ribet, nanti hasilnya username untuk masuk di blog wordpress anda sama dengan alamat blog yang akan anda buat).
a. Username : isikan paling sedikit 4 karakter. Misal username saya : masalimaruf, dan alamat blog saya nanti yaitu http://masalimaruf.wordpress.com/
b. Password : isikan pastword anda dengan karakter khusus biar aman.
c. Confirm : isikan kembali password anda tadi.
d. E-mail Address : isikan email anda yang belum anda pakai untuk membuat blog.
4. Centang “Legal flotsam” lalu klik “next” yang ada di bagian bawah.
5. Jika tidak bisa dan ada keterangan “Sorry, that username already exists!” berarti anda harus mengganti username anda karena alamat blog yang anda inginkan mungkin sudah dimiliki orang lain. Kemudian klik “next” lagi.
6. Kalau udah berhasil tinggal ganti judul blog anda pada kolom “Blog Title”
7. Klik Sign Up.
8. Lalu anda akan masuk ke pengaturan profil, terserah anda ingin mengisi atau naanti saja setelah blog anda sudah jadi.
9. Yang penting setelah langkah ke tujuh kemudian buka email anda (yang anda isikan tadi).
10. Buka email dari Wordpress.com dan aktifkan akun anda dengan cara mengKlik link yang tertera di dalam email tersebut.
11. Kemudian masukkan email dan pastword anda. Klik Login.
12. Sudah, selesai. Blog anda sudah jadi dan siap untuk di isi dan di desian sesuai keinginan anda. Klik My dashboard untuk mengelola blog anda.

Semoga bermanfaat, by : Ali Ma'ruf

Mengganti ikon wordpress menjadi foto kita (avatar) :
Terlebih dahulu masukklah ke "My dashboard" anda

a. Masuk ke menu “settings” yang ada di menu navigator sebelah kiri,..ada di bagian bawah..
b. Di buka, pilih yang “general” lau di KLIK!!
c. Lalu liat kotak kosong di sebelah kanan yang ada tulisannya “Blog Picture / Ikon”
d. Dah ketemu belum??
e. Pilih Browse.
f. Pilih direktori tempatmu menyimpan foto.
g. Pilih foto yang kamu inginkan.
h. Pilih “Uploade Image”
i. Kalau ukuran gambar terlalu besar maka akan muncul “Crop Uploade Image”
j. Potong gambarmu, lalu klik “Crop Image” yang ada di bawah.
k. Udah deh jadi,..coba visit site temen2,..ikon berhasil di ganti..mudah kan??
Selamat mencoba!!

2. Memasang foto di blog dengan avatar kita :
Terlebih dahulu masukklah ke "My dashboard" anda

a. Masuk ke menu “My Account” di sebelah pojok kiri atas…pilih sub menu “Edit Profile”.
b. Setelah membuka halaman My Public Profile tinggal pilih change your gravatar pada kotak di sebelah kanan.
c. Nah tinggal uploade aja foto anda dan crop seperti langkah mengganti ikon blog.
d. Lalu jangan lupa pilih “GR” untuk menampilkan gravatar kita di semua platform, OK!!
e. Udah deh jd!!
f. Kalau mau menampilkan di blog tinggal masuk ke menu “apearance” pada menu navigasi, lalu pilih sub menu Widgets.
g. Pilih widgets gravatar lalu drag ke side bar sebelah kanan!!
h. Masukkan judul.
i. Masukkan alamat email anda.
j. Pilih ukuran gambar anda.
k. Masukkan link jika anda menginginkan.
l. Lalu masukkan pesan di bawah gambar gravatar anda jika anda menginginkannya, kalu tidak ya tidak usah di isi.
m. Dah, klik Save dan liat blog anda maka gravatar anda akan muncul di blog.
Selamat mencoba, semoga bermanfaat..

Memasang jam digital(islami) seperti di blog saya?? Sebenernya bukan cuman jam digital yang bisa ditampilkan, ada widget-widget lain yang dapat di tampilkan di blog wordpress,..tetapi sayang wordpress tidak dapat menampilkan widget dengan kode java script!!!hemmms….

Ya udah, langsung saja ya,..caranya seperti di bawah ini :

1. Login dulu ke blog wordpress anda.
2. Klik url berikut : http://www.al-habib.info/
3. Pilih “Islamic Clock” jika ingin menampilkan jam digital.
4. Pilih jam sesuai selera anda.
5. Lalu klik : “Get this clock..”
6. Edit tampilan widget sesuai selera anda.
7. Lalu klik Button “BLOG ME!” pada form Code.
8. Copy paste kode HLML ke HTML/Java Script bagi anda pengguna BLOGGER(Blogspot).
9. Tetapi jika anda pengguna wordpress klik icon wordpress yang ada di atas kode HTML untuk widget.
10. Lalu postkan kode HTML khusus wordpress dengan mengisi username, pastword, dan alamat url blog wordpress anda.
11. Klik “Post”.
12. Sekarang tinggal ambil kodenya di postingan blog anda, Drop Down menu “Post” pada menu navigasi di sebelah kiri lalu pilih dan klik “Edit”.
13. Pilih postingan dari Al-Habib (Islamic Clock) dan klik edit yang ada di bagian bawah judul.
14. Copy kode yang ada di dalam postingan, OK!!
15. Lalu hapus postingan dari Al-Habib (Islamic Clock) tadi, OK!!
16. Dah, Drppdown menu “Appearance” pada menu navigasi di sebelah kiri lalu pilik dan Klik “Widgets”
17. Drag widget “Text” ke sidebar yang ada di sebelah kanan.
18. Pastekan kode HTML di dalamnya.
19. Lalu klik “Save”
20. Dah, jadi…lihat blog anda maka jam digital menghiasi blog anda,..

selamat mencoba dan semoga bermanfaat..

Cara membuat link atau menambah link di blog wordpress :

1. Login dulu ke akun wordpress anda dan masuk ke Dashboard (pusat informasi).
2. Dropdown menu “Appearance” di menu navigasi sebelah kiri lalu pilih dan klik “Widgets”.
3. Drag widget “Links” ke sidebar anda dan klik “save”.
4. Sekarang dropdown menu “Links” lalu pilih dan klik “Add New”.
5. Masukkan nama URL di bagian “name”. Misal : Forum KMMTP UGM
6. Masukkan alamat URL di bagian “Web Adress”. Misal : https://kmmtp.forumotion.com
7. Masukkan deskripsi URL di bagian “Description”. Misal : Ini adalah forumku.
8. Pilih target : Blank!!
9. Lalu klik Add Link dibagian pojok kanan atas.
10. Selesai, tiggal dilihat di blog, link sudah terpasang.

Selamat mencoba, dan semoga bermanfaat..
Ali

Cara menampilkan gambar di postingan :

1. Lewat tampilan visual dengan cara menguploadenya dari komputer kita, klik ikon image di atas tempat kita menuliskan posingan lalu browse dan uploade secara manual.
2. Lewat tampilan HTML, klik "img" pada ikon di atas tempat kita menuliskan postingan atau copy paste kode ini : <img src="alamat URL gambar" alt="" />

Tulisan yang saya beri warna merah silakan diganti dengan alamat URL gambar anda, misalnya url-nya : http://hipish.net/images/dividers/dev_05.gif, maka kita harus menuliskannya :

<img src="http://hipish.net/images/dividers/dev_05.gif" alt="" />

Dan hasilnya adalah seperti di bawah ini:



Selamat Mencoba..Semoga Bermanfaat..jadikan Blog-Mu lebih Berwarna !!!

Cara menampilkan gambar/foto di sidebar :

1. Drag widget "Text" ke sidebar
2. Copy paste kode HTML ini :

<img src="alamat URL gambar temen2"></a>

Yang berwarna biru silakan di ganti dengan alamat url gambar atau fotomu, misal url dari foto di FB atau yang lain. kalau kamu mau kamu bisa upload fotomu di sini : http://www.pict.com/ , lalu kamu ambil url gambarnya!!!

Misalnya URLnya ini : http://i2.tagstat.com/tags5/0ao/0aoMxcmar.gif
maka kamu harus nulisnya begini : <img src=http://i2.tagstat.com/tags5/0ao/0aoMxcmar.gif></a>

3. Klik save!!

dan hasilnya begini :

Selamat Mencoba..Semoga Bermanfaat..jadikan Blog-Mu lebih Berwarna !!