Sudah berlangganan artikel blog ini via RSS Feed?

Senin, 03 Mei 2010

Cara Membuat Blog di WordPress

Saya bersaksi tiada Ilah yang berhak disembah kecuali Allah dan Muhammad adalah Rasul Allah. Shalawat dan salam semoga tercurah atas diri Rasulullah, keluarga dan para sahabatnya. Serta kepada siapapun yang setia meneruskan dakwah Islam dimanapun berada. Beberapa waktu yang lalu, seorang pengunjung blog saya yang terhormat menginginkan saya menuliskan cara membuat blog yang baru saat ini terlaksana. Maka, inilah cara membuat blog di WordPress. Tulisan ini hanyalah cara membuat blog yang saya tahu sehingga jauh dari sempurna, bila ada yang kurang disana-sini, silahkan memberikan masukan. Update terbaru ba’da sholat jum’at, sekarang saya lengkapi gambar untuk memudahkan

Pertama-tama, masuk ke http://www.wordpress.com lalu klik SIGN UP maka setelah itu anda akan melihat tampilan SIGNUP.

awal.jpg
Anda punya dua pilihan, Cuma pengen username aja tanpa punya blog (rugi amat) atau langsung punya blog. Pilih Gimme a blog! Lalu kalau semua form sudah terisi, klik next yang akan membawa anda ke proses berikutnya.

tengah.jpg
Di kolom blog domain pilih nama blog anda misal: andi atau impianku atau apalah sesuka anda. Di kolom blog title silahkan tulis kata mutiara atau slogan anda..kalau punya saya sih Setitik Debu Dijalan Dakwah :) trus pilih pakai bahasa Indonesia, kan kita cinta Indonesia hehehehe kalau sudah, klik Signup. dan anda akan melihat halaman ini
akhir.jpg
Kalau sudah, tutup windowsnya wordpress dan buka email anda..disana akan ada informasi berguna tentang blog anda tercinta :)

confirm.jpg
PERHATIAN: JANGAN BUANG E-MAIL INI karena didalamnya ada API Key yang berfungsi seperti password kalau anda akan bermain-main dengan akismet (yang ini ndak saya bahas). So….kalau sudah, buka lagi http://www.wordpress.com dan langsung login menggunakan username dan password anda. Setelah masuk, klik PENGGUNA. Ini akan membawa anda ke halaman PENGGUNA..
pengguna.jpg
disini anda bisa memilih gambar diri yang akan tampil setiap kali anda memposting sebuah komentar, baik di wordpress maupun di beberapa situs lain yang mengenali gambar wordpress..jadi ndak Cuma di wordpress aja…

Kalau sudah puas dengan setting pribadi anda, klik OPSI yang akan membawa ke jendela OPSI..disini anda bisa mengatur apa saja..tinggal klik, mudah kan?

opsi1.jpg
Puas dengan semua setting itu? Selanjutnya klik TAMPILAN. Maka halaman yang akan tampil adalah tempat kita mengatur tampilan blog yang kita inginkan alias tema. Jangan khawatir soal setting..anda bisa merubahnya kapan saja anda mau kalau ingin merubah sesuatu.
tampilan.jpg
Ada banyakkkk sekali pilihan tema yang bisa kita pilih sesuai keinginan kita. Tiap tema punya kelebihan masing-masing..ada yang bisa mengganti header alias tampilan atas blog kita dan lain-lain…klik saja untuk melihat previewnya..kalo ndak cocok ya tinggal ganti kan? Kalau sudah cocok, klik saja aktifkan tema atau activate. Sudah menemukan tema yang cocok? Selanjutnya masih di TAMPILAN, klik WIDGET. Apakah Widget itu? Anda lihat: Sekilas info, Update Terbaru dan Agenda Minggu Ini di halaman blog saya? Itulah Widget..macam-macam isinya..bisa kata mutiara pilihan anda, bisa statistik blog; sudah dikunjungi berapa kali, menampilkan foto-foto pilihan anda di Flickr dan masih banyak lagi…. Sekarang klik Widget…iya, yang saya katakan tadi….masih di TAMPILAN, klik WIDGET.

widget1.jpg
Di gambar widget, kolom sisi masih dalam keadaan kosong. Kreatifitas dan selera anda yang menentukan, mau diisi apa aja kolom sisi (sidebar) itu. Scroll aja langsung ke bagian bawah halaman widget dan
widget2.jpg
anda akan menemukan pilihan seperti gambar diatas itu. Untuk pilihan Widget Teks, anda memasukkan isinya secara manual. Anda lihat: Sekilas info, Update Terbaru dan Agenda Minggu Ini di halaman blog saya? Itu pakai Widget Teks..jadi tiap kali saya ada update di blog, saya selalu membuka halaman Widget dan menuliskan update apa saja yang sudah saya lakukan..misal, saya sudah menambah 1 video di halaman download dll..tidak wajib memang, tapi saya pikir akan memudahkan pengunjung blog untuk tau update apa aja selain tulisan yang sudah saya buat? Cara mengatur Widget, drag saja Widget yang kita inginkan dari Widget yang tersedia ke kolom sisi.

Atur juga urutannya..jangan lupa :) mana yang anda inginkan tampil paling atas, tengah, bawah dan lain-lain..repot? yahhh namanya juga rumah kalau baru ditempati kan kita mesti atur banyak hal..tapi di wordpress ini paling mudah pengaturannya..ndak bikin pusing…OK beres mengatur Widget sekarang kita beralih ke Kategori. Klik KELOLA lalu pilih KATEGORI.
kategori.jpg
Ini akan memberikan gambaran pada pengunjung blog, di blog ini ada apa aja ya…silahkan masukkan kategori apa aja..bisa makanan, kajian agama, teknologi, game dan lain-lain. Selesai membuat kategori? Sekarang klik BLOGROLL..apalagi ini blogroll….blogroll adalah link. Punya teman yang juga punya blog atau situs? Cantumkan link ke mereka disini.
blogroll.jpg
Masih di BLOGROLL, klik TAMBAHKAN TAUT. Blogroll ini nanti bisa kita tampilkan di Widget..ndak lupa kan memasukkan Blogroll ke Sidebar/ Kolom Sisi? Kalau lupa ya nanti buka lagi Widget dan drag Blogroll ke Kolom Sisi.


Yup….Blog anda sudah siap untuk Diisi :) mudah dan cepat kan? Selanjutnya saya menemukan beberapa tips dan trik untuk mempercantik blog
1. Tulisan
Ingin tulisan kita tampil hanya sebagian saja, dan bila di klik judulnya akan tampil secara keseluruhan? mudah :) saat membuat atau mengedit tulisan, klik KODE lalu klik kursor mouse ke bagian yang ingin kita perlihatkan sebagian saja, setelah itu klik MORE
tulisan_baru1.jpg

Read More → Cara Membuat Blog di WordPress

Kelebihan dan Kekurangan WordPress dibanding Blogspot

WordPressSebenarnya artikel seperti ini banyak sekali di temukan dimana-mana dan mungkin juga sudah basi, tapi mengapa saya menulis artikel ini?. Mungkin ini basi bagi kita-kita atau temen-temen yang sudah lama berkecimpung di dunia blogging. Akan tetapi saya yakin kalau artikel ini akan bermanfaat bila dibaca oleh seseorang yang baru mengenal duni blog saat ini.Kelebihan wordpress.com dibanding blogger.com adalah :lol:


8 07 2009
  • Menurut saya untuk pemula, WordPress memang sangat cocok dikarenakan fitur yang mudah dan dengan widget yang mungkin lebih lengkap seperti statistik blog,akismet ( pemblock spam ) yang tidak di temui di blogspot,mungkin ada yang lain, komentar terakhir, favicon,

Read More → Kelebihan dan Kekurangan WordPress dibanding Blogspot

Daftar Email Dapat $5 dari Stoxem


Daftar Email Dapat $5 dari Stoxem 
Bisnis online di jaman sekarang  memang tidak ada habisnya, banyak yang menawarkan Tips Mengumpulkan Dollar dengan Mudah, tapi tentunya harus di sertai dengan usaha untuk mendapatkannya. Pada posting kali ini Digital Baca ingin berbagi informasi tentang sebuah bisnis online dari Stoxem.com. Stoxem adalah sebuah program bisnis online yang bertujuan untuk mengumpulkan alamat email dari seluruh dunia, dimana dengan hanya mendaftarkan alamat email, maka kita akan mendapatkan bonus $5 apabila email yang kita daftarkan di setujui, dan mendapatkan $0.05 setiap pendaftaran atas referensi kita. Untuk pembayaran ada dua pilihan yaitu melalui Paypal (minimal USD $10) dan melaui Western Union Transfer (minimal USD $100).

Bagaimana kita mendapatkan penghasilan yang memuaskan...? jawabanya tentu dengan usaha yang kita lakukan yaitu dengan berpromosi, bisa dengan posting di blog, pasang iklan gratisan atau berbayar, mengajak teman, saudara dan lain sebagainya. Jangan harap bisnis online yang kita jalankan akan mendapatkan hasil yang maksimal apabila kita tidak melakukan usaha untuk mengenalkannya (berpromosi).

Adapun cara mendaftarnya sangatlah mudah yaitu kita hanya mendaftarkan email, dan nanti kita akan mendapatkan email konfirmasi yang berisi password untuk login ke member area. Setelah itu isi kelengkapan data yang di minta dan promosikan link URL Anda agar bisa mendapatkan penghasilan yang memuaskan.

Jadi bagi anda yang tertarik ingin mendapatkan penghasilan tambahan silahkan daftarkan alamat email anda disini atau klik Banner di bawah. Semoga Bermanfaat dan salam sukses untuk Anda Semua...


Read More → Daftar Email Dapat $5 dari Stoxem

Minggu, 02 Mei 2010

Kode HTML Tampil di Postingan

Para Blogger yang ingin menerangkan kepada pengunjung blog yang mengharuskan adanya kode HTML di dalam postingan pasti membutuhkan tips ini. Ada 2 cara membuat kode HTML muncul di dalam postingan blog kita.
Yang pertama dengan mengganti kode - kode HTML yang akan ditampilkan dengan notasi tertentu atau bisa dengan menggunakan cara text area.

Tapi saya tidak akan menggunakan 2 cara diatas, haha..capee dechhh
Kita akan menggunakan cara yang paling mudah, yaitu dengan menggunakan fasilitas "Parse HTML" online.

  1. Siapkan kode HTML yang ingin sobat tampilkan, kemudian klik disini
  2. Masukkan kode HTML yang tadi sobat copy ke dalam kotak yang tersedia dan klik Parse
Sobat akan melihat kode yang telah di parse dan siap ditampilkan ke dalam postingan, seperti ini hasilnya :

Tutorial Membuat Text Area

Untuk memperhalus hasil kode tersebut cara sangat mudah, sobat tinggal memasukkan kode tersebut diantara kode HTML ini : kode yang telah di parse

Seperti ini hasil yang sudah diperhalus :

Tutorial Membuat Text Area

Oke boss, Selamat Mencoba !


Read More → Kode HTML Tampil di Postingan

Mengubah Blog Nofollow Menjadi Dofollow

dofollow Sebenarnya apa sih nofollow dan dofollow itu ? dan kenapa banyak orang yang berkomentar di blog dofollow? sedikit pertanyaan yang cukup ribet dan membuat pusing kepala. Dari hasil survey, ternyata blog dofollow mendatangkan komentar yang lebih banyak ketimbang blog nofollow. Nah, sudah kebayang kan yang saya maksud, jadi blog dofollow artinya blog yang memberikan backlink oneway terhadap si pemberi komentar di blog kita.

Maksudnya backlink oneway adalah jika kita berkomentar pada blog yang dofollow, secara otomatis blog kita akan mendapat link balik dari empunya blog secara cuma-cuma dan juga akan membuat blog kita cepat terindeks oleh mesin pencari.

Dengan meninggalkan komentar di blog yang dofollow berarti sama saja kita mempromosikan blog kita. Lihat saja blog-blog yang sudah terkenal yang mempunyai page rank tinggi, disana terlihat puluhan komentar setiap postingannya. Memang ada juga yang enggan mengubah blognya menjadi dofollow dan tetap memakai nofollow mungkin semata - mata untuk menghindari link keluar lebih banyak.


Mau merubah menjadi dofollow? berikut langkah-langkahnya.
  1. Login ke Blogger dengan ID sobat.
  2. Klik Tata Letak.
  3. Klik Edit HTML, jangan lupa backup dahulu template sobat dengan mengklik Download Template Lengkap.
  4. Contreng Expand Template Widget
  5. Cari kode yang seperti ini :


  6. Kemudian ganti menjadi seperti berikut ini :


  7. Jika bingung, klik saja Ctrl+F dan ketik kata nofollow.
  8. Kemudian hapus tulisan rel="nofollow" yang ada di template sobat.
  9. Save Template.

Sipp sekarang blog sobat sudah menjadi dofollow, tinggal percantik blog dan perbanyak postingan agar banyak yang berkomentar di blog sobat.

Read More → Mengubah Blog Nofollow Menjadi Dofollow

Cara Pasang Search Engine

Sebenarnya blogger sudah menyediakan fasilitas widget untuk search engine, namun search engine dari blogger ini bentuknya sangat sederhana dan hanya bisa di letakkan di sidebar atau bagian gadget saja. Fungsinya sebernarnya sama saja, yaitu untuk melakukan pencarian keyword atau kata kunci pada blog. Namun dengan kode manual dibawah ini, sobat bisa berkreasi dengan memasang kode search engine langsung lewat html template dan meletakkannya sesuka hati sobat.

Berikut kode untuk search engine :


http://NamaBlogAnda.blogspot.com /search" name="searchform" method="get"> value="Search" type="submit">

Sobat bisa mengganti tulisan yang saya tandai dengan warna merah dengan alamat blog sobat sendiri tentunya, misalnya seperti ini : http://apayach.co.cc/search

Sedangkan untuk kode ( value="Search" ). Tulisan Search ini adalah tulisan yang akan muncul pada tombol search engine, jika ingin mengubahnya, sobat bisa mengubahnya menjadi :

Value=”Find” agar tulisan yang muncul di search engine sobat adalah “Find”.
Sobat bisa mengubahnya sesuai keinginan sobat. Berikut contoh hasil search engine dari script diatas :



atau seperti ini :



Selamat Mencoba !

Read More → Cara Pasang Search Engine

Membuat Efek Tulisan Dengan CSS Text Shadow

gambar 4 Kali ini saya akan coba membahas bagaimana cara membuat text shadow menggunakan CSS3. Dari namanya saja sudah bisa ditebak bahwa text yang dimaksud memiliki bayangan.

Sobat bisa membuat tulisan tampak timbul, tenggelam, 3D atau bersinar dengan mengatur besar kecilnya ukuran bayangannya. Semua browser support dengan text shadow ini, kecuali IE. Jadi sebaiknya cek dulu list browser yang support dibawah ini.

Safari 3.1 (Mac/Win) yes, but no multiple shadows
Safari 4 (Mac/Win) yes, full support
Opera 9.5 (Mac/Win/Lin) yes, full support
Firefox 2/3 (Mac/Win/Lin) no
Firefox 3.1/3.5 (Mac/Win/Lin) yes, full support
Google Chrome 1 (Win) no
Google Chrome 2 (Win) yes, full support
IE 7/8 (Win) no
Shiira (Mac) yes, but no multiple shadows
Safari on iPhone yes, but no multiple shadows
Opera Mini 4.1 yes, no blur radius

Jika sudah, mari kita lanjut ke tutorialnya. Perhatikan kode css dibawah ini :
color: #000;
background: #fff;
text-shadow: 1px 1px 1px #424242;

  • color : #000 adalah warna dasar tulisan
  • background: #fff adalah warna latar
  • 1px 1px 1px #424242 untuk warna bayangannya (shadow)
Dibawah ini ada beberapa contoh model text shadow beserta kode css-nya, silahkan sobat kreasikan.

gambar 1 color: #000;
background: #fff;
text-shadow: 2px 2px 3px #000;

gambar 2 color: #000;
background: #fff;
text-shadow: 2px 2px #000;

gambar 3 color: #000;
background: #fff;
text-shadow: 2px -2px 3px #000;

gambar 4 color: #000;
background: #666;
text-shadow: 0px 1px 1px #fff;

image color: #666;
background: #000;
text-shadow: 0px 1px 0px #ccc;

image color: #fff;
background: #666;
text-shadow: 0px 1px 1px #000;

image color: #fff;
background: #000;
text-shadow: 1px 1px 6px #fff;

image color:#FFE9C7; background:#FF6C17;  text-shadow: 2px 2px 2px #A6250C;
image color:#823210; background:#FF6C17; text-shadow:1px 1px 1px #FF9924;
image color: #fff;
background: #fff;
text-shadow: 1px 1px 4px #000;

image color: #000;
background: #000;
text-shadow: 0 0 4px #ccc, 0 -5px 4px #ff3, 2px -10px 6px #fd3, -2px -15px 11px #f80, 2px -18px 18px #f20;


Selamat berkreasi, semoga dengan adanya text shadow blog sobat jadi lebih hidup. Thumbs-up

Read More → Membuat Efek Tulisan Dengan CSS Text Shadow

Follow