Menambahkan Fitur Penghitung Karakter di Kotak Excerpt

Posting kali ini saya ingin menulis tutorial singkat saja. Bagi yang memakai theme yang auto excerpt yaitu tulisan pembuka pada halaman depan (kadang disebut auto read more) biasanya memberikan batas maksimal karakter yang ditampilkan (biasanya 250 karakter). Jika theme belum support fitur ini bisa menggunakan plugin Auto Excerpt atau coding sendiri. Nah, di wordpress sendiri ada fiturÉ‚Äö†Excerpt Box dimana excerpt otomatis akan tergantikan dengan teks yang kita masukkan di box tersebut.

Namun kendala saat kita memanfaatkan fitur ini adalah tidak adanya counter / penghitung jumlah karakter yang telah kita ketikkan. Hal ini akan membantu kita dalam menyusun kalimat excerpt sesuai jumlah yang diharapkan serta efektif bisa membuat pembaca untuk membukanya.

Menambahkan Fitur Penambah Karakter di Kotak Excerpt

Menambahkan Fitur Penambah Karakter di Kotak Excerpt

Menambahkan Fitur Penghitung / Counter Karakter di Kotak Excerpt

Untuk menampilkannya kita bisa menggunakan trik menambah beberapa kode di file functions.php. Tambahkan kode berikut di barisan paling bawah. Kode ini karya Kevin Chard diÉ‚Äö†wpsnipp.com.

function excerpt_count_js(){
      echo '<script>jQuery(document).ready(function(){
jQuery("#postexcerpt .handlediv").after("<div style=\"position:absolute;top:0px;right:5px;color:#666;\"><small>Excerpt length: </small><input type=\"text\" value=\"0\" maxlength=\"3\" size=\"3\" id=\"excerpt_counter\" readonly=\"\" style=\"background:#fff;\"> <small>character(s).</small></div>");
     jQuery("#excerpt_counter").val(jQuery("#excerpt").val().length);
     jQuery("#excerpt").keyup( function() {
     jQuery("#excerpt_counter").val(jQuery("#excerpt").val().length);
   });
});</script>';
}
add_action( 'admin_head-post.php', 'excerpt_count_js');
add_action( 'admin_head-post-new.php', 'excerpt_count_js');

Backup

Jangan lupa untuk backup dulu file functions.php sebelum Anda mengubahnya. Penting untuk menghindari jika terjadi crash.

Menampilkan Update Status Google+ di WordPress

Menampilkan Update Status Google+ di WordPress. Google+ memang sedang menjadi trend baru dalam bersocmed. Hal-hal baru yang disuguhkan dalam fitur Google+ ini diprediksi bakal menyingkirkan posisi teratas socmed saat ini yaitu Facebook maupun twitter. Menurut saya Google+ ini perpaduan dari kedua jejaring tersebut.

Baru seminggu launching saja, Google+ mampu menjaring jutaan member. Untuk menjadi member sama seperti mendaftar email di Gmail yaitu harus diundang (invite) terlebih oleh member lain. Saya sendiri mendaftar Google+ atas undangan dari pak Tony. Terima kasih pak Tony sudah mengenalkan Jejaring sosial baru ini.

Kabar baru buat kita-kita pengguna WordPress.org dan Google+, Anda dapat menampilkan update status terakhir di blog engine WordPress baik di sidebar atau dimanapun sesuai keinginan.

CaraÉ‚Äö†Menampilkan Update Status Google+ di WordPress

Untuk menampilkan update status google+ di wordpress kita cukup menginstal pluginÉ‚Äö†Google+ For WordPress. Jika sudah terinstal dan plugin sudah aktif, Anda bisa memasangnya di sidebar maupun di page/post.

1. Menampilkan Update Status Google+ di Sidebar

Jika ingin memasang di sidebar silahkan menuju ke pengaturan Widget dan anda akan menemukan penambahan menu baru yaitu Google+ID #. Tarik ke sidebar sesuai posisi yang diinginkan.

Pada Title, silahkan isi judul sidebar. Saya mengisinya dengan My Google+ Update

Pada Google+ User ID isi ID Google+ Anda. Jika belum tahu ID Anda, silahkan masuk halaman profil Google+. ID Google+ Anda seperti gambar dibawah ini.

Menampilkan Update Status Google+ di WordPress

Number of Links, silahkan diisi jumlah post terakhir yang ingin ditampilkan.

Linked, isi dengan link profil Google+ Anda.

2. Menampilkan Update Status Google+ di Single Post / Page

Jika menghendaki Update status Google+ di single post atau page, anda bisa menambahkan kode dibawah ini pada file single.php atau page.php.

< ? php googleplus_messages('userID Google+ Anda'); ?>

SelainÉ‚Äö†menampilkan update status juga menampilkan tombol +1. Demonya seperti pada sidebar blog ini.

Semoga tipsÉ‚Äö†menampilkan update status google+ di wordpress ini bermanfaat