Posts from the ‘Tutorial’ Category

Cara membuat Blog

Cara membuat blog power point – Presentation Transcript

  1. Cara Membuat Blog
    Cara membuat blog yang kali iniakansayabahasadalahcaramembuat blog via blogger.com milikgoogle. Sebenarnyaanggapanmembuatsebuahsitusdan blog itusulitadalahsalah.Mudahatausulitsebenarnyatinggalcarapemahamandankerjakerasandadalammempelajarinya.
  2. 1. Apaitu blog?
    Blog adalahsituspribadi. Berbedadengan website yang setiapmempostingharussusahpayahmemakaikodeekstensi .html .php, .asp, dll, blog merupakanotomatisasidarisemuaekstensitersebut. Karenasudahdiotomatisasi, makakitasemuadapatmempostingapasaja yang kitainginkanpersissepertikitamemposting email. Dan karenamudahinilah, makasemuaorangdapatmembuat blog ataupunsituspribadi.
  3. 2. Bagaimanacaramembuat blog?
    Sepertihalnya email, buat account duludi free blog provider (pemberi hosting/domain blog gratis). Yang paling populeradalahhttp://www.blogger.com. BagiAndaygsudahagakmelek-hurufteknologibisajugabuat account dihttp://www.wordpress.comdanhttp://blogsome.com.
    Selain yang duainimasihbanyakpenyedia blog gratis yang bisaAndaketahui. KemudianIkutipentunjuk step-by-step ketikamendaftar.
  4. Setelahselesai register/sign-up dihttp://blogger.com, andadapatmulaimemposting/mempublishapapun yang Andainginkandi blog, mulaidaricurhat, puisi, cerpen, dan yang lainnya.
  5. Blogger Baru
    SejakJanuari 2007 prosespembuatan/ registrasi / sign-up blog diblogger.comlebihdipermudah, diantaranya :
    ApabilaAndapunya email digmail.com, makaAndabisalangsung log-in atau sign-in diblogger.com –> new blogger –> masukkan id/usernama plus password gmailAnda. Dan ikutiprosesselanjutnya.
  6. ApabilaAndabelumpunya email digmail.com, silahkanbuat (register/ sign-up) duludihttp://gmail.com –> sign-up. Setelahjadi email gmailnya, kunjungihttp://blogger.com –> new blogger –> masukkan id / gmailAnda plus password danikutiprosespembuatan blog selanjutnya.
  7. Cara Mempromosikan Blog
    Membuat blog sajabukanlanakhirdaripekerjaananda. Setelahselesaimembuat blog, hal yang takkalahpentingnyaadalahmempromosikan/memperkenalkan blog milikAndapadaduniaramai.
    Apagunanyamembuat blog kalauisicurhat, puisi, cerpen, refleksidanopiniAnda yang dipostingtidakdibacaorang, bukan?
  8. Langkah-LangkahPromosi Blog SebagaiBerikut:
    Daftarkandi blog directory
    Daftarkan blog Andakeberbagaidirektori blog (blog directory). Sedikitnya, daftarkanditiga blog directory terbesardanterpopuler, yaitu :
    (a) http://technorati.com
    (b) http://feeburner.com
    (c) http://blogdigger.com.
    Ikutiseluruhpetunjukpadaketiga blog directory tersebutketikamendaftar.
  9. Blog-blog directory ininantinyasecaraotomatisakanmengirim data blog dan posting-posting andakeberbagai search engine, termasuktiga search engine besaryaituhttp://google.com, http://msn.com, http://yahoo.com.
  10. Link-trade, Link Exchange atauTukar Link
    Ajaktemananda yang memiliki blog untuksalingtukar link. Link URL andadi blog dia, danjanganlupaandajugamemasukkan link blog temanandatersebut, di blog anda.
    Dalamdunia blog, inidisebutjugadenganistilah BLOGROLL. Dan blogrollinisalahsatupenyebabcepatnyapopularitas blog diseluruhdunia, mengalahkan website yang biasa.
  11. Berkunjungke blog lain
    Untukmenambahtemanuntukdiajakblogroll, sempatkanberkunjungke blog lain, danberkomentardibukutamuatautagboardmerekaatauberkomentarditulisanmerekadanjanganlupamemasangalamat blog Andadi blog mereka. Dalamwaktutidak lama, merekaakan “bertamubalik” ke “rumah” atau blog Anda.
  12. Aktivitas Posting
    Usahakansedikitnyasatu kali posting setiapharinya. Posting yang teraturdi blog, akanmembuattamudatangsecarateraturjuga.
  13. Alamat blog di signature email
    Tulisalamat blog Andadi signature email. Sehinggasetiapandamenulis email kepribadiataukemilis, alamat blog andaakanselalumuncul, danmemudahkanoranguntukberkunjung.
  14. Setelahmelakukansemuanya, ikutiperkembanganperingkat blog anda…
    Selamatmencoba

Seni Huruf Tipografi

“Typography can defined a art of selected right type printing in accordance with specific purpose ; of so arranging the letter, distributing the space and controlling the type as to aid maximum the readers.”

Dari pengertian menurut buku Manuale Typographicum tersebut memberikan penjelasan bahwa tipografi merupakan seni memilih dan menata huruf dengan pengaturan penyebarannya pada ruang-ruang yang tersedia untuk menciptakan kesan khusus sehingga akan menolong pembaca untuk mendapatkan kenyamanan membaca semaksimal mungkin.

Sebagai bagian dari kebudayaan manusia, huruf tak pernah lepas dari kehidupan keseharian. Hampir setiap bangsa di dunia menggunakannya sebagai sarana komunikasi. Sejarah perkembangan tipografi dimulai dari penggunaan pictograph. Bentuk bahasa ini antara lain dipergunakan oleh bangsa Viking Norwegia dan Indian Sioux. Di Mesir berkembang jenis huruf Hieratia, yang terkenal dengan nama Hieroglyphe pada sekitar abad 1300 SM. Bentuk tipografi ini merupakan akar dari bentuk Demotia, yang mulai ditulis dengan menggunakan pena khusus. Bentuk tipografi tersebut akhirnya berkembang sampai di Kreta, lalu menjalar ke seluruh kawasan Yunani dan akhirnya menyebar hingga penjuru benua Eropa.

Puncak perkembangan tipografi terjadi kurang lebih pada abad ke-8 SM di Roma saat orang-orang Romawi mulai membentuk kekuasaannya. Karena bangsa Romawi tidak memiliki sistem tulisan sendiri, mereka mempelajari sistem tulisan Etruska yang merupakan penduduk asli Italia serta menyempurnakannya sehingga terbentuklah huruf-huruf khas Romawi.

Perkembangan tipografi saat ini mengalami perkembangan dari fase penciptaan dengan tangan (hand drawn) hingga mengalami komputerisasi. Fase komputerisasi membuat penggunaan tipografi lebih mudah dan dalam waktu yang lebih cepat dengan beragam jenis pilihan huruf yang ratusan jumlahnya.

Berikut beberapa jenis huruf berdasarkan klasifikasi yang dilakukan oleh James Craig. :

1. Roman

Ciri dari huruf ini adalah memiliki sirip/kaki/derif yang berbetuk lancip pada ujungnya. Huruf tipe roman memiliki ketebalan dan ketipisan yang kontras pada garis-garis hurufnya. Kesan yang ditimbulkan adalah klasik, anggun, lemah gemulai dan feminin. Efek yang ditimbulkan adalah memudahkan proses pembacaan secara cepat dan langsung fokus ke inti artikel tulisan/bacaan, serta memberikan kesan formil.

Contoh: huruf-huruf yang biasa dipakai koran Kompas ataupun tabloid Bola. keduanya punya rubrik yang isinya panjang-panjang, agar pembaca tidak jenuh maka dipakailah jenis Times New Roman.

Karakter huruf Roman / OldStyle:

keterangan:

-1- Kontras antara ketebalan STROKE nya sedikit
-2- Memiliki BRACKETED SERIF yang berat.
-3- Memiliki STRESS diagonal atau miring

● STROKE
Adalah elemen linier pada sebuah huruf

● SERIF
Adalah kait atau elemen tambahan pada bagian awal dan akhir Stroke

● BRACKETED
Adalah elemen penghubung antara Serif dengan Stroke

● STRESS
Adalah sumbu atau garis yang membagi Stroke secara simetris

2. Sans Serif

Pengertian Sans Serif adalah tanpa sirip/serif, jadi huruf jenis ini tidak memiliki sirip pada ujung hurufnya dan memiliki ketebalan yang sama atau hampir sama. Kesan yang ditimbulkan dari huruf jenis ini adalah modern, kontemporer dan efisien. Efek yang ditimbulkannnya adalah membantu pemahaman informasi yang terdefinisi sangat detail karena daya pembacaan lebih cenderung lambat.

Contoh: huruf yang biasa terdapat di komik-komik. (type: Comic Sans)

Karakter huruf Sans Serif:
keterangan:
-1- STROKE sama besar
-2- Tidak memiliki Serif
-3- Memiliki STRESS vertikal

3. Script

Huruf script menyerupai goresan tangan yang dikerjakan dengan pena, kuas atau pensil tajam dan biasanya miring ke kanan.Kesan yang ditimbulkannya adalah sifat pribadi dan akrab. Efek yang ditimbulkan adalah sulit untuk dibaca.

Contoh: tulisan tulisan yang terdapat pada logo kosmetik atau aksesoris perempuan

keterangan:
– bentuknya tak terikat, cenderung miring kekanan dan ketebalannya tipis.

4. Egyptian

Adalah jenis huruf yang memiliki ciri kaki/sirip/serif yang berbentuk persegi seperti papan dengan ketebalan yang sama atau hampir sama. Kesan yang ditimbulkan adalah kokoh, kuat, kekar dan stabil.

Karakter huruf Egyptian:
keterangan:
-1- Kontras antara ketebalan STROKE nya sedikit
-2- Memiliki Slab Serif ( serif persegi panjang )
-3- Memiliki STRESS cenderung vertikal

5. Miscellaneous

Huruf jenis ini merupakan pengembangan dari bentuk-bentuk yang sudah ada. Ditambah hiasan dan ornamen, atau garis-garis dekoratif. Kesan yang dimiliki adalah dekoratif dan ornamental. Lebih condong digunakan sebagai judul teks dan bukan sebagai teks artikel/bacaan. Efek yang ditimbulkan adalah mempercantik desain artikel/bacaan sehingga terlihat sangat menarik dan tidak monoton.

——————————————-

15 Panduan Tipografi:

1. – Untuk Readibility atau keterbacaan yang optimal, pergunakan jenis huruf yang secara fisik sederhana dan umum sehingga tingkat Legibility nya tinggi dan mudah dikenali.

2. – Jangan terlalu banyak mempergunakan jenis huruf dalam sebuah kesempatan pergunakan maksimal 3 jenis huruf.

3. – Jangan takut mempergunakan satu jenis huruf saja. Karena satu jenis huruf tidak akan monoton bila digali potensi Type family nya.

4. – Untuk membedakan dan memberi penekanan pada informasi pergunakan point size yang berbeda sesuai dengan hirarki dan prioritas informasinya.

5. – Jangan membuat kolom untuk Body text terlalu panjang karena akan melelahkan mata. Panjang kolom ideal maksimal 10 cm.

6. – Point size untuk Body text jangan terlalu kecil karena sulit dibaca ataupun terlalu besar karena makan ruang. Idealnya adalah 9 sampai 12 point, walaupun bisa dibuat dari 8 sampai 15 point tergantung kebutuhan.

7. – Hindari pemakaian jenis huruf yang hampir sama, karena masyarakat umum belum tentu dapat menangkap perbedaannya.

8. – Teks yang ditulis dengan huruf kapital atau Upper case semua akan lebih sulit dibaca daripada pemakaian kombinasi Upper case dan Lower case.

9. – Kerning atau jarak antar huruf yang terlalu dekat atau terlalu jauh akan mengganggu kenyamanan membaca. Temukan jarak ideal sesuai dengan kenyamanan dan kebutuhan.

10. – Leading atau jarak antar baris yang terlalu dekat atau terlalu jauh akan mengganggu kenyamanan membaca. Temukan jarak ideal sesuai dengan kenyamanan dan kebutuhan.

11. – Untuk pembacaan optimal pergunakan komposisi baris teks atau Alignment yang umum seperti rata kiri, rata kanan,rata kiri-kanan dan rata tengah.

12. – Huruf yang terlalu ramping atau Condensed dan terlalu lebar atau Expanded akan mengganggu kenyamanan membaca. Jadi pergunakan untuk kebutuhan yang khusus.

13. – Jaga integritas ketikan dengan mengatur huruf dan kata pada Base Line atau garis dasar.

14. – Untuk kemudahan baca atau Readibility, apabila bekerja dengan warna, pastikan ada kontras warna yang cukup antara teks dengan background.

15. – Teks dengan warna tua dan background warna muda akan lebih mudah dibaca daripada teks dengan warna muda dengan background warna tua

——————————————-

Merubah warna Tulisan

Saya yakin sebagian besar dari para blogger sudah tahu tentang cara merubah warna tulisan di wordpress.com. Namun saya juga yakin, bahwa ada juga yang belum tahu tentang cara merubahnya. Bagi yang belum tahu, berikut saya berikan cara merubah warna tulisan.

Gunakan kode di bawah ini jika kita ingin merubah warna tulisan postingan di blog wordpress.com

<font color=”#006600″>Isi tulisan artikel kita</font>

Untuk merubah warna kita tinggal mengganti “#006600″. Kita bisa menggunakan bantuan tabel kode warna di bawah ini atau menggunakan software desain grafis seperti corel, adobe atau lainnya untuk mendapatkan warna tulisan yang diinginkan.

Ini saya kasih contohnya.

Yang jelas terus mencoba untuk mendapatkan hasil yang diinginkan… :mrgreen:

Berikut ini sedikit code warna yang mungkin bisa mencadi contoh.

FFFFFF CCCCCC 999999 666666 333333 000000 FFCC00 FF9900 FF6600
FF3300 99CC00 CC9900 FFCC33 FFCC66 FF9966 FF6633 CC3300 CC0033
CCFF00 CCFF33 333300 666600 999900 CCCC00 FFFF00 CC9933 CC6633
330000 660000 990000 CC0000 FF0000 FF3366 FF0033 99FF00 CCFF66
99CC33 666633 999933 CCCC33 FFFF33 996600 993300 663333 993333
CC3333 FF3333 CC3366 FF6699 FF0066 66FF00 99FF66 66CC33 669900
999966 CCCC66 FFFF66 996633 663300 996666 CC6666 FF6666 990033
CC3399 FF66CC FF0099 33FF00 66FF33 339900 66CC00 99FF33 CCCC99
FFFF99 CC9966 CC6600 CC9999 FF9999 FF3399 CC0066 990066 FF33CC
FF00CC 00CC00 33CC00 336600 669933 99CC66 CCFF99 FFFFCC FFCC99
FF9933 FFCCCC FF99CC CC6699 993366 660033 CC0099 330033 33CC33
66CC66 00FF00 33FF33 66FF66 99FF99 CCFFCC CC99CC 996699 993399
990099 663366 660066 006600 336633 009900 339933 669966 99CC99
FFCCFF FF99FF FF66FF FF33FF FF00FF CC66CC CC33CC 003300 00CC33
006633 339966 66CC99 99FFCC CCFFFF 3399FF 99CCFF CCCCFF CC99FF
9966CC 663399 330066 9900CC CC00CC 00FF33 33FF66 009933 00CC66
33FF99 99FFFF 99CCCC 0066CC 6699CC 9999FF 9999CC 9933FF 6600CC
660099 CC33FF CC00FF 00FF66 66FF99 33CC66 009966 66FFFF 66CCCC
669999 003366 336699 6666FF 6666CC 666699 330099 9933CC CC66FF
9900FF 00FF99 66FFCC 33CC99 33FFFF 33CCCC 339999 336666 006699
003399 3333FF 3333CC 333399 333366 6633CC 9966FF 6600FF 00FFCC
33FFCC 00FFFF 00CCCC 009999 006666 003333 3399CC 3366CC 0000FF
0000CC 000099 000066 000033 6633FF 3300FF 00CC99 0099CC 33CCFF
66CCFF 6699FF 3366FF 0033CC 3300CC 00CCFF 0099FF 0066FF 0033FF

Semoga bisa membantu untuk mempercantik blog anda….

Merubah Tampilan Huruf

Merubah tampilan jenis huruf di WordPress.com pernah saya bahas dalam artikel sebelumnya dengan menggunakan pihak ke tiga (TypeKit Fonts). Dan Saya yakin setelah Anda mencobanya dengan cara mulai dari mendaftar hingga sampai memasukan Typekit ID pasti banyak yang mengalami kegagalan. Dimana tampilan huruf setelah Anda setting tetap tidak mau berubah. Wajar saja hal itu sering gagal karena mengingat Typekit Fonts masih dalam versi beta alias uji coba.bootingskoBlog

Sekarang ada cara praktis dan mudah untuk merubah tampilan huruf di blog anda menjadi gaul dan keren habis. Cara merubah style font ini hanya berlaku pada area posting dan sidebar (widgets text).

Caranya sebagai berikut:

1. Login ke admin WordPress.com Anda.
2. Silahkan buat tulisan baru atau halaman baru.
3. Kemudian pada area penulisan klik mode [HTML].
4. Masukkan atau copy kode dibawah ini dan pastekan pada mode [HTML].

Tulisan Anda…

5. Silahkan pilih kode huruf pada tabel dibawah sesuai berdasarkan style fonts pilihan Anda.
contoh:

Jjika Anda suka jenis huruf Algerian, maka kodenya akan seperti dibawah.
Tulisan Anda…

6. Setelah selesai, klik tombol [Save Draft] bila anda ingin menyimpannya dulu atau klik tombol [Publish] bila anda ingin menampilkannya pada halaman blog anda.

Sebagai catatan, menggunakan trik ini efek huruf akan terlihat jika di komputer Anda juga telah tersedia atau terinstall jenis huruf seperti yang tertera diatas. Atau setidaknya di komputer Anda telah terinstall Microsoft Office 2007 keatas.

Jika belum, maka tampilan huruf akan tetap seperti bawaan tema.

Selamat mencoba…!!!

Membuat Bingkai Pada Halaman Posting

Untuk mempercantik halaman posting bisa juga kita gunakan bingkai yang mengelilingi halaman posting itu sendiri.bootingskoBlog

Berikut cara membuat bingkai di halaman posting:

1. Login ke admin WordPress.
2. Pada sisi kiri halaman klik menu [Post] > [Add New].
3. Setelah tampil halaman ‘Add New Post’, silahkan tulis pada mode [HTML].
4. Copy kode berikut dan Paste-kan pada mode HTML :

<div style="border: 2px solid #0033CC; padding: 5px;">
Tulis disini…
</div>

5. Setelah selesai, kembali ke mode [Visual] untuk melakukan penulisan.
6. Dan klik tombol [Save Draft] bila anda ingin menyimpan dan mengeditnya kembali atau klik tombol [Publish] bila anda ingin mempublikasikan atau menampilkan pada halaman blog anda.

Keterangan :

* border : tebal tipisnya bingkai.
* solid : warna bingkai.
* padding : jarak antara tulisan dengan bingkai.

Membuat Efek Tulisan Stabilo

Pada posting kali ini membahas cara memberi efek stabilo pada tulisan, yaitu memblok tulisan tertentu dengan warna. Seperti halnya dengan cetak tebal, cetak miring dan garis bawah pada tulisan yang menunjukan tulisan tersebut penting. Efek stabilo memberi block dengan warna tertentu pada kalimat yang anda anggap penting dan anda juga bisa mengkombinasikan dengan cetak tebal, miring dan garis bawah.bootingskoBlog

Silahkan masuk ke admin WordPress anda dan buat posting baru [Post] > [Add New]. Silahkan tulis dahulu posting anda sampai selesai. Untuk memulai membuat efek stabilo, masukan kode dibawah diantara kalimat yang akan anda beri efek:

<span style="background-color:#FFC1E0;">kalimat anda...</span>

pada area penulisan dalam mode HTML.

Keterangan :

  • Ganti yang dicetak merah dengan kode warna sesuai keinginan anda.
  • merah : #FFC1E0
  • kuning : #FFFFB3
  • hijau : #84FFA3
  • biru : #8CE8FF

Cara Memperindah WordPress

Sekarang widget-widget banyak beredar di internet, dan itu bisa dimanfaatkan untuk memperindah blog kita tentunya…Untuk itu ny ada 10 widget yang paling sering digunakan para user untuk mempindah blognya..

1. Feedjit.com
Widget feedjit adalah widget untuk menampilkan feed pengunjung blog kita.

2. Popuri.us
widget ini untuk menampilkan google pagerank, alexa rank, yahoo links di blog anda dalam satu widget saja.

3. 99counters.com
Widget ini digunakan untuk menghitung jumlah pengunjung harian, pengunjung online dan total pengunjung blog kita. Widget status pengunjung ini cukup menarik karena berformat flash, namun tetap friendly.

4. Bravenet.com
Di bravenet, kita bisa membuat widget polling di sidebar blog, sehingga kita bisa mengetahui apa yang diinginkan atau apa pendapat pengunjung blog kita.

5. Shoutbox
Shoutbox bermanfaat sebagai sarana komentar pengunjung. Untuk membuat shoutbox, banyak situs yang tersedia untuk membuatnya. bisa di www.shoutmix.com

6. Facebook widget
Bagi blogger pengguna facebook, tidak perlu susah-susah untuk menampilkan profil kita. tinggal memasang facebook widget aja. untuk memasang facebook widget di blog, bisa dilakukan melalui profil facebook kita dengan mengklik create profil badge, dan kodenya bisa di copy paste ke sidebar blog.

7. Widget Alexa Rank
Widget Alexa rank sangat bermanfaat. Selain untuk meningkatkan posisi alexa kita, juga ampuh untuk mempercantik tampilan blog. Kita bisa mendapatkan widget alexa rank melalui situs www.alexa.com

8. Bitty Browser (widgetbox.com/tryout/bitty)
Bagi yang mau menampilkan browser mini/ kecil di sidebar blognya, bisa mencoba menggunakan widget ini.

9. Whos.amung.us
Widget ini merupakan widget online users. walau kecil, namun banyak blogger yang menggunakannya karena bermanfaat untuk mengetahui informasi pengunjung blog.

10. MyBlogLog.com
Widget ini cukup populer untuk menampilkan anggota komunitas di blog kita..

Sekian dari saya semoga bermanfaat………jgn lupa kasi komen dan masukan buat akku ya…ahiiihihiihihi