Cara membuat readmore pada artikel blog

Saya yakin tips semacam ini sudah banyak di posting oleh blog tutorial yang sudah karatan di WordPress.com. Kalau anda kebetulan masih belum tahu trik ini dan agar anda tidak bolak-balik lagi nanya ke mbah google, silahkan ikuti langkah-langkah di bawah.

1.   Pada halaman ”New Post” mode visual, silahkan anda ketik seluruh isi artikel yang akan anda terbitkan.

2.   Periksa kembali isi artikel, jarak spasi, maupun letak dan ukuran media yang anda selipkan pada artikel.

3.   Setelah artikel sudah siap di terbitkan, kemudian anda cermati dan tandai batas pharagraf yang akan anda kasih readmore.

4.   Selanjutnya klik mode HTML di sebelah kanan Mode visual seperti pada gambar di bawah.

Klik di akhir tanda >

Maka muncul kode yang digaris merah, setelah diklik "more" diatas

Di antara kode html yang muncul, cermati kalimat terakhir pada pharagraf yang akan anda kasih readmore, kemudian arahkan cursor muse dan klik pada akhir kode html pharagraf tersebut, selanjutnya klik more pada menu di atas halaman tersebut hingga muncul kode seperti ini <!–more–> selanjutnya anda tinggal meng-klik tombol ”publish/terbitkan”.

Read More

Cara merubah jenis fonts dan warna pada huruf berkedip (efek blink) pada blog WordPress.com

Cara merubah jenis fonts dan warna pada 

huruf berkedip (efek blink) pada blog 

WordPress.com

Setelah melakukan blog walking ke beberapa blog, ternyata masih jarang sekali blog pemula yang menggunakan huruf berkedip (blink efek) sebagai hiasan blog, baik pada halaman posting maupun pada sidebarnya, seperti INI

Apakah mereka tidak suka atau memang belum tahu cara memasangnya. Kelihatannya memang hal yang sangat sepele, tapi yang namanya pemula atau baru belajar seperti saya, pastinya sulit juga.

Kalau sekedar membuat tulisan berkedip, mungkin hal yang sangat mudah, karena kita hanya perlu kode HTML biasa. Tapi kalau mau merubah fontsmaupun warna hurufnya, tentu memerlukan kekreatifan kita sendiri, agar bisa sesuai dengan selera kita.

Untuk itu pada posting kali ini, saya akan berbagi tips kepada teman-teman blogger pemula, tentang hal tersebut di atas.

Membuat huruf berkedip (blink efek).

Untuk membuat huruf berkedip, anda tinggal copy kode dibawah kemudianpaste pada halaman posting atau pada widget teks biasa/HTML blog anda.

<a style=”font-family:Harrington;color:#FF8C00;font-size:30px;text-decoration:blink;”>TEKS ANDA</a>

Merubah fonts huruf berkedip 

Sebenarnya hal ini sangat mudah, anda tinggal membuka Microsoft office word pada komputer/netbook anda, kemudian anda ketik tulisan yang akan ditampilkan pada huruf berkedip.

Selanjutnya anda block dan pilih fonts yang tersedia pada computer/netbook anda, setelah menemukan fonts sesuai selera anda, copy nama fonts tersebut dan paste pada rangkaian kode yang saya beri stabiilo hijau di atas.

Merubah warna huruf berkedip

Untuk merubah warna huruf berkedip, silahkan anda login dulu kesini . Setelah anda login, maka akan muncul halaman seperti gambar di bawah.

Pilih warna kesukaan anda, copy HEX code RGB-nya seperti pada lingkaranmerah seperti pada gambar di atas, kemudian ganti/paste pada huruf yang berwarna merah.pada rangkaian kode HTML di atas. 

Ganti angka yang berwarna biru untuk merubah besar/kecilnya fonts, selanjutnya klik tombol simpan.

Read More

Cara mudah membuat animasi flash teks berjalan(marquee) pada Flashvortex.com

Cara mudah membuat animasi flash teks 

berjalan(marquee) pada Flashvortex.com

Sebenarnya cara membuat animasi yang satu ini sangat sederhana dibandingkan dengan cara membuat flash banner di 123-banner.com, seperti yang telah saya bahas pada artikel sebelumnya. Tapi yang namanya blogger pemula, tentunya hal ini masih terasa cukup rumit dan mungkin hampir tidak terpikirkan, kalau ternyata animasi flash ini bisa di buat sendiri. (saya yakin sebagian besar bloggers pasti merasakan hal yang sama).

Anda lihat kan..animasi teks berjalan pada bagian bawah halaman blog saya ini?? Kalau anda juga berminat untuk memasangnya pada halaman blog anda, atau hanya sekedar ingin tahu caranya, silahkan ikuti langkah-langkahnya di bawah ini :

1.   Silahkan login ke www.flashvortex.com, atau kalau anda ingin langsung ke halaman utama pembuatan teksnya, klik disini

2.   Selanjutnya anda akan di arahkan pada halaman utama flashvortex.comseperti pada gambar di bawah.

Klik tombol teks dan anda akan di arahkan pada halaman seperti pada gambar di bawah.

3.   Pada halaman ini, ada beberapa macam pilihan teks animasi, anda klik saja pada ”Scrolling text marquee”, dan halaman selanjutnya yang akan muncul adalah seperti pada gambar di bawah.

4.  Selanjutnya anda harus mengisi beberapa kolom, antara lain :

• Text   : Tulislah teks/kalimat yang ingin anda tampilkan. Penggunaan spasi di akhir tulisan pada kolom ini sangat penting, karena akan berpengaruh pada waktu jeda tampilnya tulisan anda. Kalau anda tidak memakai spasi maka tulisan anda akan muncul secara beruntun.
• Txts color  :  Warna teks, anda cukup meng-klik kotak kecil yang ada, selanjutnya anda atur warna teks sesuai dengan keinginan anda.
• Show border  :  kalau anda hilangin tanda centangnya, maka teks/kalimat yang akan tampil tanpa kotak kolom/garis tepi, dan akan kelihatan lebih transparan seperti animasi saya di bawah.

• Left and right padding  :  lebar tepi kolom teks.

• Movie background color  : Warna dasar animasi tulisan

Setelah anda selesai mengisi kolom-kolom tersebut, kemudian anda klik tombol ”Generate Animation” dan akan muncul halaman seperti gambar di bawah.

5.   Bagi blogger yang menggunakan blogspot/wordpress.org, copy kode sebelah kiri, dan bagi anda yang menggunakan wordpress.com silahkan download animasi flash tersebut, dan simpan di computer/netbook anda yang nantinya akan di install dulu agar bisa di pasang pada halaman blog anda.

Read More