Mengatur Tampilan dan Warna Text dengan Ponsel

Seperti yang sering saya ungkapkan bahwa ngeblog via ponsel memang harus sedikit "berkeringat"
tidak semudah seperti memposting artikel blog menggunakan browser komputer, untuk mengatur text postingan kita hanya tinggal memilih sesuai yang kita inginkan, misalnya memilih warna text, kita tidak harus repot-repot menambah kode HTML, tapi hanya tinggal memilih warna-warna yang disediakan, otomatis HTML-nya akan bertambah.
Tapi bila kita menggunakan browser HP, semua hal untuk mengatur text postingan harus kita lakukan dengan cara menambahkan kode-kode HTML. Dan saya berharap
dengan adanya tulisan ini dapat memberi manfaat untuk sobat semua yang menggunakan browser HP untuk melakukan aktifitas blogging.

Berikut ini kode-kode HTML yang dapat anda tambahkan di postingan blog:

Untuk menambahkan background text, tambahkan kode seperti ini:

<div style="background:#FFFF00">Menambah background text</div>

sehingga akan kelihatan seperti ini:

Menambah background text

Untuk mewarnai text, tambahkan kode seperti ini:

<font color="#157DEC">Merubah warna text</font>

sehingga akan kelihatan seperti ini:

Merubah warna text

Untuk menambahkan background dan mewarnai text, tambahkan kode seperti ini:

<div style="background:#FFFF00"><font color="#157DEC">Menambah background dan mewarnai text</font></div>

sehingga akan kelihatan seperti ini:

Menambah background dan mewarnai text

Untuk membuat text kelihatan tebal, tambahkan kode seperti ini:

<b>Membuat text kelihatan lebih tebal</b>

sehingga akan kelihatan seperti ini:

Membuat text kelihatan lebih tebal

Untuk menambahkan background, warna text, dan text kelihatan lebih tebal, tambahkan kode seperti ini:

<div style="background:#FFFF00"><font color="#157DEC"><b>Menambah background, warna text dan kelihatan lebih tebal</b></font></div>

sehingga akan kelihatan seperti ini:

Menambah background, warna text dan kelihatan lebih tebal

Agar text berada ditengah, tambahkan kode seperti ini:

<p align='center'>Mengatur text berada ditengah</p>

sehingga akan kelihatan seperti ini:

Mengatur text berada ditengah

Atau ingin buat
paragraf seperti ini:

1. mengatur
   tampilan text
   dipostingan


2. mengatur
   tampilan text
   dipostingan


3. mengatur
   tampilan text
   dipostingan

Maka kodenya seperti ini: <OL><LI>Mengatur tampilan text di postingan<LI>Mengatur tampilan text di postingan<LI>Mengatur tampilan text di postingan</LI></OL> Kode FFFF00 dan 157DEC yang ada diatas adalah kode warna, silahkan diganti dengan kode warna yang disukai. Untuk mengetahui kode-kode warna, silahkan anda lihat disini! dan jangan lupa menambah tanda # didepannya.
Kata
"mengatur tampilan text di
postingan" dan yang lainya diatas itu
hanya sebagai contoh,
silahkan di ganti dengan
text anda.

Paragraf seperti contoh
diatas akan diurut
secara otomatis, dan
contoh diatas hanya
sampai ke urutan yang
ketiga, tambahkan kode
<LI> untuk
menambah tulisan.

Read More

Ngeblog = Silaturrahim dan Tambah Ilmu

Dulu, tak pernah terbayangkan saya bisa mengenal dan mengelola sebuah blog. Awal mengenal Blog kira-kira 1'5 tahun yang lalu di pulau Batam melalui aplikasi ini. Alhamdulillah, banyak hal-hal yang saya dapatkan dari mulai tidak tahu manjadi sedikit lebih tahu. Dengan tanpa guru, yang ada hanya guru-guru online yang membuat saya dari tidak tahu menjadi sedikit lebih tahu. Tak ada kata malu atau merasa bodoh ketika saya bertanya kepada siapa saja dikala ada sesuatu yang ingin diketahui. Ngeblog saya lalui dengan berganti-ganti rumah dan layanan karena ingin mencari yang lebih nyaman walau pun ada saja rasa waswas kalau-kalau tergusur karena hanya menggunakan layanan gratisan. Semoga Blog ini dan pemiliknya diberi umur panjang yang barokah.

Ngeblog dan menjelajahi dunia maya berbekal hanya sebuah perangkat kecil mungil sebesar genggaman tangan tetapi alhamdulillah memberi manfaat yang sangat berarti. Memang moblogger masih sebuah komunitas kecil dibanding blogger-blogger kompi tetapi tidak menyurutkan semangat untuk ingin tahu hal-hal yang bermanfaat. Merupakan sebuah pemberi semangat baru dikala saya mengenal moblogger lain. Beberapa hari yang lalu tanpa sengaja, berjumpa dengan Mas Udin Hamd dengan Blogger 2 Inchi-nya. Walaupun baru kenal beberapa hari, dari membaca tulisannya saya bisa mengatakan tulisan beliau cukup menarik.

Ponsel kesayangan
Sumber gambar: www.interweb.in

Hanya ponsel ini yang selama ini saya gunakan dan satu-satunya "Laptop" andalan saya. Sebuah ponsel produksi Mei 2006 yang spesifikasinya ada disini. Salah satu kunci untuk membuat kinerja ponsel lebih optimal adalah dengan berbagai aplikasi
atau software dan untuk dukungan moblogging saya menggunakan software-software pendukung mobile blogging. Ucapan terimakasih kepada sahabat-sahabat yang telah berbagi ilmu dengan saya dan terimakasih pula saya ucapkan kepada sahabat-sahabat yang sudah memberikan award dan inilah award terbaru yang saya terima.


Award dari Mbak Meliana Aryuni


Award dari Kang Ian Abuhanzhalah

Dan dalam kesempatan ini juga saya ingin memberikan award khusus dari saya pribadi kepada sahabat-sahabat saya. Inilah pertama kali saya memberikan sebuah award. Niat di hati buka apa-apa, hanya ingin memberikan apresiasi kepada teman-teman yang selama ini mengunjungi Blog ini dan selalu menyempatkan berkomentar dengan santun dan bertukar ilmu.

Award diatas saya berikan kepada:

• Mbak sunflo


• Mbak Meliana Aryuni


• Kang Ian Abuhanzhalah


• Mbak Lia


• Mas Beny Kadir


• Mas Elistadyon


• Bu Bidan smart


• Mas Jumal


• Mas Udin Hamd


• Mas Nanang Arsumba


• Mas Udienroy


• Kang Dedekusn


• Kang Dangstars


• Mamah Aline


• Bunda dontworry


• Mas Wawan Sri S

Dan untuk dua sahabat saya yang telah beberapa tahun tidak bertemu dan kemarin minta dibuatkan Blog yaitu Mas Firman dan Mas Misno Kapan Mas Blognya mau di update? he...he...Semoga ngeblognya cepat lancar.
Harapan saya, semoga Blog ini bisa memberi manfaat walaupun tulisannya seadanya dan tidak ada yang istimewa.

Update: Ada penambahan penerima award. Mohon ma'af kemarin ada yang terlupa.

Read More

Cara Memasang Widget Alexa di Blog Wordpress.com

Seperti kita ketahui, blog di Wordpress.com tidak suppor javascript dan tidak bisa mengutak-atik CCS template makanya buat para blogger yang menjadikan blognya untuk ajang bisnis online tidak memakai Wordpress.com. Adapun agar Wordpress bisa support javascript dan mengubah-ubah kode template, kita harus punya domain dan hosting sendiri melalui Wordpress.org. Yang belum tahu perbedaan Wordpress.com dan Wordpress.org bisa dibaca disini!

Nah...sekarang bagaimana kalau kita ingin memasang widget Alexa? Hampir semua blogger memasang widget ini karena ini adalah tolak ukur trafic atau banyaknya pengunjung ke blog kita tetapi sayang, blog pada Wordpress.com akan menolak mentah-mentah widget ini karena kodenya berformat javascript. Lalu bagaimana? Padahal kita ingin sekali memasangnya. Tidak perlu khawatir karena ada trik supaya kita bisa memasangnya. Caranya adalah dengan memodifikasi kodenya dan sebetulnya buat para blogger yang sudah lama dan mumpuni, trik ini sudah tidak asing lagi.
Mari kita paparkan caranya-cara!

Tahap pendaftaran untuk mendapatkan kode:

• pertama-tama masuk ke situsnya www.alexa.com


• daftarkan blog Anda dengan cara mengklik "For Site Owners" yang terletak pada navbar menu.


• pilih atau klik "Get Traffic Widgets dan setelah memasuki halaman berikutnya akan ada pilihan style tampilan widget dengan gambar seperti dibawah ini:
  1
  2
  Silahkan tentukan pilihan! Sesuai keinginan.


• Masukan URL alamat Blog anda pada kotak dibawah gambar widget yang anda pilih lalu klik button "Build Widget" dan pada halaman berikutnya akan muncul gambar widget dengan tiga pilihan beserta kode javascript didalam kotak text area. Kalau yang anda pilih tadi adalah yang nomor 2 maka pilihan tampilan berikutnya seperti ini:
  1
  2
  3
  Tentukan pilihan! Ambil URL gambar widget yang kita pilih. Tahu kan cara mengambil URL gambar? Kalau via Opera Mini, arahkan kursor ke gambar> tekan tombol 1> pilih "Open Image"> pili menu> tools> add bookmark> copy URL. Ambil atau copy juga kodenya javascript yang ada di kotak textarea dan simpan keduanya di notepad baik itu pada komputer atau untuk Moblogger menyimpannya di ponsel.

Tahap perubahan atau modifikasi kode:

• Umpamaya anda mendapatkan kode seperti ini:
  <a href="http://www.alexa.com/siteinfo/http://nanang07.wordpress.com"><SCRIPT type='text/javascript' language='JavaScript' src='http://xslt.alexa.com/site_stats/js/t/b?url=http://nanang07.wordpress.com'></SCRIPT></a>


• Rubah yang berwarna merah menjadi seperti ini:
  <a href="http://www.alexa.com/siteinfo/http://nanang07.wordpress.com"><img src="URL GAMBAR"></a>


• Ganti "URL GAMBAR" dengan dengan URL gambar yang tadi kita dapatkan menjadi seperti ini:
  <a href="http://www.alexa.com/siteinfo/http://nanang07.wordpress.com"><img src="http://xsltcache.alexa.com/site_stats/gif/t/b/aHR0cDovL25hbmFuZzA3LndvcmRwcmVzcy5jb20=/s.gif"></a>Maka kode widgetpun siap dipasang.

Seperti yang bisa anda lihat, blog ini bisa dipasang Alexa widget, tetapi nilainya masih "No Data" karena blog ini baru berumur empat hari dan isi postingnya adalah posting dari blog Nanang11.co.cc yang saya backup disini karena blognya mengalami error. Dan sebetulnya cara diatas sama seperti kita akan membuat banner. Semoga bermanfaat.

Read More

Kode-Kode Dasar HTML

Melengkapi tulisan "Mengatur Tampilan dan Warna Text dengan Ponsel" pada posting yang telah lalu. Maka kini saya mencoba memposting kode-kode dasar HTML yang saya dapatkan dan saya pelajari dari para guru blogger. Kode-kode dasar ini perlu kita ketahui apalagi untuk para blogger mobile karena ponsel tidak dapat menambah kode-kode HTML secara otomatis seperti komputer. Beberapa kode tidak dapat tampil pada browser Opera Mini. Misalnya untuk kode tulisan miring/italic, ini hanya akan tampil bila kita browsing via ponsel dengan menggunakan BOLT browser.

Linebreak (paragraf)
Kode :
</br>

Strong Text
Huruf tebal & besar
Kode :
<strong>Text anda</
strong>

Big Text
Huruf besar
Kode :
<big>Text anda</big>

Small text
huruf kecil
Kode :
<small>Text anda</
small>

Italic text
Huruf miring
Kode :
<i>Text anda</i> atau <em>Text anda</em>

Underline text
garis bawah
Kode :
<u>Text anda</u>

Bold text
Huruf tebal
Kode :
<bold>Text anda</bold>

Text link
Huruf link koneksi
Kode :
<a href="http://. . . URL
anda">Text anda</a>

Posisi tengah

Kode :
<p align="center" >Text
anda</p>

Posisi kiri

Kode :
<p align="left">Text
anda</p>

Posisi kanan

Kode :
<p align="right">Text
anda</p>

Line Tag (Garis-Biasa)

---

Kode :
<hr>

1/2 Garis Warna

---

Kode :
<hr
color="red"size="2"
width="50%">

Garis penuh

---

Kode :
<hr
color="magenta"size="3"
width="100%">

ukuran size=2
ukuran size=5
ukuran size=7
"size"=ukuran
pixel.

Read More

Membuat Blog dengan Domain dan Hosting Gratis

Berikut adalah langkah-langkah untuk mendapatkan sebuah blog dengan domain dan hosting gratis seperti saya.
Dalam membuat blog dengan domain dan hosting gratis ada tiga langkah utama:

• Mendapatkan domain co.cc


• Mendaftarkan domain co.cc. ke webhost


• Instal WordPress ke domain co.cc.

Sekarang mari kita uraikan satu per satu


MENDAPATKAN DOMAIN.CO. CC.

1. Untuk daftar domain.co.cc silahkan disini gratis. Setelah masuk ketik nama domain yang sahabat inginkan kemudian klik tombol Chek availability untuk memeriksa apakah domain.co.cc tersedia.


2. Jika beruntung dan domain tersebut tersedia maka akan muncul tulisan domain is available. Lalu klik Continue to registration.


3. Jika Anda belum memiliki account di co.cc maka klik Create an account now dan isi form yang tersedia.


4. Setetelah proses registrasi account berhasil maka selanjutnya klik setup untuk menyetting DNS dan mengarahkannya pada hosting gratis webhost yang Akan Sahabat buat nanti.


5. Selanjutnya klik Manage DNS lalu isi Name server1 dengan ns01.000webhost.com dan Name Server 2 dengan ns02.000webhost.com atau lihat server webhost yang akan Sahabat dapatkan nanti saat mendaftarkan domain.co.cc pada webhost.

MENDAFTARKAN DOMAIN CO.CC KE WEBHOST.

1. Untuk mendaftarkan domain.co.cc Anda di webhost silahkan klik disini! Lalu klik tombol Sign Up! Isi "I want to host my own domain" dengan nama domain.co.cc yang tadi sahabat dapatkan lalu isi semua form tersedia. Setelah semua terisi klik Create Account lalu tunggu sebentar sampai domain Anda benar-benar sudah terdaftar pada webhost. Jika sudah masuk Anda akan melihat Account Details Overview pada sebelah kiri dan Account Information sebelah kanan.


2. Pada Account Details Overview akan tampak informasi mengenai email dan password (untuk password akan di hidden) untuk login ke webhost, Nameserver details, Website Details, File Upload Details, Website Builder Details dan yang lainnya.


3. Pada Account Information terdapat data nama domain.co.c Anda, Username, password, Disk Usage, Bandwidth dan lainnya.

Untuk setup domain ke hosting biasanya memerlukan waktu 48 jam, namun untuk domain baru yang belum memiliki content biasanya hanya memerlukan waktu 10 hingga 60 menit saja. Pada Account Details Over klik [Enter Control Panel] dan selanjutnya Anda akan masuk ke Cpanel

INSTAL WORDPRESS KE DOMAIN CO.CC.

Setelah masuk ke Cpanel Klik Fantastico Auto Installer yang terdapat pada » Software/Services

• Pada Wordpress klik New Installation.


• Untuk kotak Instal on domain dibiarkan saja default dan pada Instal in directory kosongkan agar homepage blog Anda adalah nama domain tersebut.


• Pada Admin access data di Administrator username dan password isi dengan username dan password untuk login pada blog wordpress Anda nanti.


• Selanjutnya Klik tombol Instal Wordpress.


• Tunggu beberapa menit untuk memastikan cms wordpress terinstal dengan baik pada domain.co.cc Anda.

Maka setelah itu sahabat telah berhasil memiliki blog berplatform wordpress dengan domain.co.cc.

Rujukan:Hakimtea.com

Read More

Membuat Konsep Posting di Ponsel

Memang ada kelebihan tersendiri bagi kita yang blogging via ponsel. Apa sih kelebihannya? Ya...karena ponsel atau orang banyak mengenal dengan sebutan HP, adalah piranti yang sangat kecil jadi bisa kita masukan ke kantong pakaian dan dibawa ke mana-mana. Anggap saja ponsel sama dengan laptop walaupun dari segi kecanggihannya jauh berbeda tapi kesamaannya adalah bisa mobile (bergerak ke mana-mana). Salah satu kelebihan moblogs (mobile blogging) adalah bisa membuka atau ngeblog di setiap tempat asalkan ada signal GPRS, WIFI atau 3G maka blogging pun bisa berjalan. Sambil tiduran di rumah, di sela-sela istirahat dari kerja, di tempat umum bahkan di kendaraan, ngeblog bisa kita lakukan.

Pada posting yang telah lalu saya pernah menulis cara posting panjang dengan ponsel. Maka pada posting kali ini insyaAllah saya ingin berbagi cara membuat konsep di ponsel sebelum di terbitkan di blog. Bagi sahabat para blogger mobile tentu hal ini bukan sesuatu yang asing tapi tidak ada salahnya kalau saya menulisnya.

Yang saya biasa lakukan, sebelum mengunggah ke blog maka saya menyimpanya dulu tulisan itu di ponsel. Ini cara yang saya ketahui:

• Petama, buat tulisan di ponsel. Sama seperti kita mau menulis SMS cuma kita pilih pesan MMS. Kalau pada ponsel Sony Ericsson apabila mau menulis pesan maka akan ada pilihan pesan teks, pesan gambar dan pesan suara. Kita pilih pesan gambar karena disana bisa memuat karakter huruf lebih banyak dan bisa tambah halaman. Apabila halaman pertama jatah karakter telah habis maka bisa kita lanjutkan dengan menambah halaman berikutnya, dan seterusnya. Dengan cara ini juga kita bisa menyisipkan banyak gambar di tengah postingan.

• Apabila posting telah selesai, langkah selanjutnya adalah menyimpannya di draft atau di pola pesan. Dengan menyimpan tulisan kita bisa mengeditnya kembali kalau-kalau ada kekurangan pada tulisan kita. Kalau sekiranya tulisan telah siap maka kita tinggal menerbitkannya dengan cara mencopy dan mempaste ke tempat posting di dasbor blog anda.

Catatan: tips ini saya lakukan pada ponsel Sony Ericsson. Pada dasarnya semua merk ponsel sama tapi mungkin ada sedikit perbedaan istilah dan fitur.

Read More

Perbedaan WordPress.Com dan WordPress.Org

Baru beberapa hari saya membuat blog ini dan berbagai pertanyaanpun muncul di benak saya. Banyak yang tidak saya ketahui tentang WordPress. Diantara keingintahuan yang muncul adalah "apa sih perbedaan WordPress.Com dan WordPress.Org? Lalu saya mencari tahu kemana-mana dan akhirnya menemukan jawaban di sebuah blog.

Inilah informasi Perbedaan WordPress.Com dan WordPress.Org  yang saya dapatkan! Walalupun sama-sama menggunakan mesin WordPress, WordPress.com lebih identik dengan blog WordPress yang gratis sama seperti blog pada Blogger. Namun…blog pada WordPress.com memiliki banyak kelemahan. Salah satu diantaranya yang memang paling berpengaruh bagi orang-orang yang memaksimalkan blog untuk meraih penghasilan adalah WordPress.com tidak menerima script, tidak bisa dipakai paid review apalagi paid link. Selanjutnya, bagaimana dengan blog wordpress. org …?! untuk blog yang menggunakan mesin WordPress dari WordPress.org , biasanya harus mengeluarkan sedikit biaya untuk sewa domain dan hosting. Walaupun pada kenyataannya, kita bisa menggunakan blog dari WordPress.org dengan memanfaatkan fasilitas domain dan hosting gratis seperti saya dari beberapa situs yang ada di internet. Salah satunya kita bisa menggunakan domain gratisnya www.co.cc dan memanfaatkan hosting gratis di www.000webhost.com. Sedangkan untuk masalah script dan hal lainnya yang ada kaitannya dengan monetize blog, WordPress.org bisa diandalkan. Nah…itulah mungkin beberapa perbedaan menonjol antara WordPress.com dan WordPress.org yang saya dapatkan, Jika masih kurang puas, silahkan cari saja di Google. Banyak para master yang membahas masalah ini. Atau mungkin ada diantara sahabat yang ingin menambahka? Silahkan tulis di kotak komentar!

Read More