Membuat “Read More” di WordPress

Blog sebagai diary online, setting awalnya menampilkan semua tulisan lengkap. Itu artinya jika ada 10 postingan masing-masing sepanjang A4 maka halaman depannya saja akan sepanjang 10 kali A4. Tentu hal ini membuat pembaca kurang nyaman.

Selain membuat panjang, tampilannya juga menjadi tidak menarik karena sangat mirip koran yang berlembar-lembar. Berbeda halnya jika di beranda hanya ada penggalan paragraf, kesannya lebih elegan. Atau bisa juga dibuat daftar isi.

Cara jitu mengatasi hal itu adalah dengan membuat penggalan tulisan di tempat tertentu. Dan jika pengunjung ingin membaca selengkapnya maka harus mengeklik read more atau baca selengkapnya. Fasilitas “Read More atau Continue Reading” sudah tersedia di wordpress gratisan dotcom.

Continue reading

Kode HTML Badge “Follow Me” on Twitter di WordPress

Mau coba  berbagi kode HTML sederhana untuk menampilkan gambar ‘Follow Me on Twitter‘ di WordPress (WP).

Ikuti langkah-langkah berikut ini beserta kodenya ‘Follow Me on Twitter’ :

1. Login ke WP, trus ke Dashboard, cari dan klik Appearance/Tampilan, trus pilih widgets;

2. Drag/tarik widgets Text ke Sidebar/Footer, akan muncul kotak untuk mengisi;

3. Langsung copy  kode ini ke dalam kotak kedua (kotak pertama untuk judul):

<a href=”http://www.twitter.com/AjiraMiazawa” target=”blank”><img src=”http://c.dryicons.com/images/icon_sets/artistica_part_2_icons_set/png/128×128/twitter_follow_me.png“></a>

4. Ganti AjiraMiazawa dengan Username kamu yang terdaftar di twitter;

5. URL yang warna merah diatas boleh diganti dengan gambar yang disukai, utk pilihan coba saja langsung ke TKP URL diatas, disana ada banyak pilihan gambar, atau kilik disini.

Selamat mencoba! 🙂

Inspirasi dari: http://viezme.wordpress.com/

Memasang Google Translate di WordPress

Inginkah anda di blog WordPress.com anda terdapat fasilitas penerjemah bahasa? Yang tidak hanya menerjemahkan satu bahasa melainkan multi bahasa? Yang menerjemahkan isi blog anda tanpa meninggalkan theme blog anda? Bila ya! Anda wajib membaca artikel ini!

Google Translate! Bukan terdengar asing lagi. Bahkan hampir semua orang membicarakannya di posting blog mereka. Saya tidak akan membicarakan Google Translate, melainkan cara memasangnya di blog WordPress.com yang terkenal anti java scriptnya.

Bila anda hendak mengambil script langsung di Google Translate, maka anda akan mendapati kode Java Script. Dan kita tahu bahwa script tersebut tidak berlaku terhadap blog kita yang Free. Namun bagi anda yang sudah memakai WordPress dengan hosting sendiri, sudah pasti anda tidak akan mengalami kesulitan memasangnya.

Untuk lebih jelasnya coba anda pilih/klik salah satu gambar bendera terjemahan bahasa di sidebar saya.

Tapi untungnya ada kode Google Translate yang dapat dipasang di WordPress.com ini, langsung saja anda copy kode dibawah ini pada sidebar anda tanpa perlu merubah kodenya, kecuali yang dicetak merah diganti dengan alamat blog Anda. Kemudian paste-kan kode yang Anda copy pada widget text.

1. Google Translate dengan bendera persegi :

Bahasa Indonesia Ke Inggris :

<a href=”http://translate.google.com/translate?hl=id&amp;langpair=id|en&amp;u=https://ajiramiazawa.wordpress.com/“> <img src=”http://bootingskoblog.files.wordpress.com/2009/01/inggris.jpg&#8221; title=”English”>

Bahasa Indonesia Ke Cina :

<a href=”http://translate.google.com/translate?hl=id&amp;langpair=id|zh-CN&amp;u=https://ajiramiazawa.wordpress.com/“> <img src=”http://bootingskoblog.files.wordpress.com/2009/01/cina1.jpg&#8221; title=”Chinese”>

Bahasa Indonesia Ke Korea :

<a href="http://translate.google.com/translate?hl=id&amp;langpair=id|ko&amp;u=https://ajiramiazawa.wordpress.com/"> <img src="http://bootingskoblog.files.wordpress.com/2009/01/korea1.jpg" title="Korean">

Bahasa Indonesia Ke Jerman :

<a href="http://translate.google.com/translate?hl=id&amp;langpair=id|de&amp;u=https://ajiramiazawa.wordpress.com/"> <img src="http://bootingskoblog.files.wordpress.com/2009/01/jerman.jpg" title="Germany">

Bahasa Indonesia Ke Perancis :

<a href="http://translate.google.com/translate?hl=id&amp;langpair=id|fr&amp;u=https://ajiramiazawa.wordpress.com/"> <img src="http://bootingskoblog.files.wordpress.com/2009/01/prancis.jpg" title="France">

Bahasa Indonesia Ke Jepang :

<a href="http://translate.google.com/translate?hl=id&amp;langpair=id|ja&amp;u=https://ajiramiazawa.wordpress.com/"> <img src="http://bootingskoblog.files.wordpress.com/2009/01/jepang.jpg" title="Japanese">

2. Google Translate dengan bendera bundar :

Bahasa Inggris Ke Indonesia :

<a href="http://translate.google.com/translate?hl=id&langpair=en|id&u=https://ajiramiazawa.wordpress.com/"> <img src="http://bootingskoblog.files.wordpress.com/2009/01/indonesian.png" title="Indonesian">

Bahasa Indonesia Ke Inggris :

<a href="http://translate.google.com/translate?hl=id&amp;langpair=id|en&amp;u=https://ajiramiazawa.wordpress.com/"> <img src="http://i876.photobucket.com/albums/ab327/bootingskoblog/googletranslate/english.png" title="English">

Bahasa Indonesia Ke Cina :

<a href="http://translate.google.com/translate?hl=id&amp;langpair=id|zh-CN&amp;u=https://ajiramiazawa.wordpress.com/"> <img src="http://i876.photobucket.com/albums/ab327/bootingskoblog/googletranslate/chinese.png" title="Chinese">

Bahasa Indonesia Ke Korea :

<a href="http://translate.google.com/translate?hl=id&amp;langpair=id|ko&amp;u=https://ajiramiazawa.wordpress.com/"> <img src="http://i876.photobucket.com/albums/ab327/bootingskoblog/googletranslate/korean.png" title="Korean">

Bahasa Indonesia Ke Jerman :

<a href="http://translate.google.com/translate?hl=id&amp;langpair=id|de&amp;u=https://ajiramiazawa.wordpress.com/"> <img src="http://i876.photobucket.com/albums/ab327/bootingskoblog/googletranslate/germany.png" title="Germany">

Bahasa Indonesia Ke Perancis :

<a href="http://translate.google.com/translate?hl=id&amp;langpair=id|fr&amp;u=https://ajiramiazawa.wordpress.com/"> <img src="http://i876.photobucket.com/albums/ab327/bootingskoblog/googletranslate/france.png" title="France">

Bahasa Indonesia Ke Jepang :

<a href="http://translate.google.com/translate?hl=id&amp;langpair=id|ja&amp;u=https://ajiramiazawa.wordpress.com/"> <img src="http://i876.photobucket.com/albums/ab327/bootingskoblog/googletranslate/japanese.png" title="Japanese">

Bahasa Indonesia Ke Arab :

<a href="http://translate.google.com/translate?hl=id&amp;langpair=id|ar&amp;u=https://ajiramiazawa.wordpress.com/"> <img src="http://i876.photobucket.com/albums/ab327/bootingskoblog/googletranslate/arabian.png" title="Arabian">

3. Bahasa Lain :

<a href="http://translate.google.com/translate?hl=id&amp;langpair=id|ar&amp;u=https://ajiramiazawa.wordpress.com/"> Arabian</a>

<a href="http://translate.google.com/translate?hl=id&amp;langpair=id|bg&amp;u=https://ajiramiazawa.wordpress.com/"> Bulgarian</a>

<a href="http://translate.google.com/translate?hl=id&amp;langpair=id|hr&amp;u=https://ajiramiazawa.wordpress.com/"> Croatian</a>

<a href="http://translate.google.com/translate?hl=id&amp;langpair=id|cs&amp;u=https://ajiramiazawa.wordpress.com/"> Czech</a>

<a href="http://translate.google.com/translate?hl=id&amp;langpair=id|da&amp;u=https://ajiramiazawa.wordpress.com/"> Denmark</a>

<a href="http://translate.google.com/translate?hl=id&amp;langpair=id|nl&amp;u=https://ajiramiazawa.wordpress.com/"> Dutch</a>

<a href="http://translate.google.com/translate?hl=id&amp;langpair=id|fi&amp;u=https://ajiramiazawa.wordpress.com/"> Finnish</a>

<a href="http://translate.google.com/translate?hl=id&amp;langpair=id|el&amp;u=https://ajiramiazawa.wordpress.com/"> Greek</a>

<a href="http://translate.google.com/translate?hl=id&amp;langpair=id|hi&amp;u=https://ajiramiazawa.wordpress.com/"> Hindi</a>

<a href="http://translate.google.com/translate?hl=id&amp;langpair=id|it&amp;u=https://ajiramiazawa.wordpress.com/"> Italy</a>

<a href="http://translate.google.com/translate?hl=id&amp;langpair=id|pt&amp;u=https://ajiramiazawa.wordpress.com/"> Portuguese</a>

<a href="http://translate.google.com/translate?hl=id&amp;langpair=id|ro&amp;u=https://ajiramiazawa.wordpress.com/"> Romanian</a>

<a href="http://translate.google.com/translate?hl=id&amp;langpair=id|ru&amp;u=https://ajiramiazawa.wordpress.com/"> Rusian</a>

<a href="http://translate.google.com/translate?hl=id&amp;langpair=id|es&amp;u=https://ajiramiazawa.wordpress.com/"> Spanish</a>

<a href="http://translate.google.com/translate?hl=id&amp;langpair=id|sv&amp;u=https://ajiramiazawa.wordpress.com/"> Swedish</a>

Cara menambah Chatting room di blog WordPress

Nah, sekarang saya akan bahas tentang cara menambah Chatting room ke dalam blog WordPress. Seperti yang sudah saya miliki di halaman Chatting yuks. Pasti seru kalau kita punya halaman buat komunikasi dengan pengunjung blog anda.

Mungkin anda sudah pernah coba di Meebo atau yang lainnya. Tapi ngga’ bisa. Kalau anda coba di Meboo sebenarnya bisa aja. Di WordPress ada widgetnya. Caranya klik Dasborku, lalu cari kolom Tampilan di sebelah kiri layar dan klik Widget. Terus cari widget Meebo. Nah, saat itu klik dapatkan kode HTML. Setelah itu kita desain chat room sesuai dengan keinginan anda. Lalu copy dan paste kode HTML-nya dan simpan deh.

Namun widget Meboo-nya hanya ada di bilah sisi kanan atau kiri blog kita. Kan kodenya ngga’ bisa kita masukkan ke dalam tulisan blog anda. Juga pengunjung blog anda ngga’ bisa chattingan dengan pengunjung blog lainnya. Sayang juga kan?!

Nah, saya punya solusi supaya anda mendapatkan chatting room seperti yang saya miliki. Caranya :

1. Kunjungi : http://www.chatroll.com
2. Klik kata Sign Up
3. Isi kolom-kolom yang ada seperti usurname, email, password dan kode sertifikasi.
4. Lalu klik kata ‘I accept.Create my account’.
5. Setelah itu anda mulai mendesain chatting room anda.
6. Nah, copy dan paste kode HTML dan terserah mau anda taruh dimana dalam blog.

Nah, mudah kan caranya…. Anda coba saja sendiri. Ajak teman-teman anda mengunjungi blog anda. Suruh daftar atau Sign Up (tapi kalau ngga’ mau jangan dipaksa lho ya :lol: ). Nah, setelah Sign Up bisa online atau Sign In bisa chattingan dengan anda atau dengan pengunjung lainnya.
Selamat mencoba…… :smile: [via bacaanmenarikku]