Posts from the ‘Wordpress’ Category

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….

Advertisements

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