Browsing Tag

wordpress

Wordpress

Membuat Formulir Kontak dengan Contact Form 7

17 May 2012
Hubungi Kami

Membuat formulir kontak sangat dianjurkan, hal ini akan memudahkan bagi pengunjung atau pengiklan yang ingin menghubungi Anda melalui halaman website langsung tanpa harus membuka akun email. Keberadaan formulir kontak juga akan membuat website lebih interaktif karena pengunjung akan mudah mengirim pertanyaan, saran atau bahkan kerjasama iklan. WordPress menyediakan beberapa plugin yang secara khusus untuk aplikasi formulir kontak. Satu plugin yang samapai saat ini banyak digunakan yaitu Contact Form7.

Untuk menginstalnya Anda dapat secara langsung mengetikan di menu search install plugin ataupun dengan cara mendownload plugin Contact Form7 terlebih dahulu di website resmi plugin wordpress lalu menginstalnya dengan cara mengupload plugin contact form7.

Pemasangan Contact Form 7 dapat dilakukan di page atau post. Cara pemasanganya lebih sederhana dibanding plugin-plugin sejenisnya. Selain itu satu plugin ini bisa dipakai untuk halaman-halaman formulir yang berbeda, misalnya jika Anda memiliki beberapa halaman formulir yang berbeda yaitu kontak saran dan formulir pendaftaran.

Langkan-langangkah pembuatan kotak pesan dan pemasanganya sebagai berikut.

1. Membuat formulir dengan Contact Form 7

Setelah proses instalasi plugin Contact Form7 selesai, pilih menu “CONTACT” selanjutnya klik edit. Secara default akan tersedia 5 deret skrip (tag) yaitu your name, your email, subject, message dan submit. Kelima deret skrip tersebut  dapat ditambah dentan kotak pesan lain kelengkapanya seperti captcha. Cara menambahkanya yaitu dengan cara mengklik generate tag lalu plih tag yang mana yang akan dimunculkan

Contact Form 7

2. Copy-paste kode yang sudah digenerate di kotak kosong FORM selanjutnya tekan tombol save.

Memasangkan kode Contact Form di page atau post.

1. Copy kode contact form seperti ini : [ contact-form-7 id=”2174″ title=”Contact form 1″]

2. Buat page atau post baru lalu pastekan kode tersebut pada page atau post tersebut.

3. Klik publish untuk mempulikikasikanya.

Page atau post yang dipasangi kode tersebut dapat ditulisi tulisan ataupun gambar seperti page atau postingan blog biasa.

Untuk melihat contoh hasilnya dapat melihat formulir kontak website YohanSalman.com. Semoga tulisan tentang cara Membuat Formulir Kontak dengan Contact Form 7 bermanfaat untuk pembaca setia YohanSalman.com.

Wordpress

Memunculkan Gambar Thumbnail Postingan Blog WP di Facebook

11 May 2012
Wordpress Facebook Icon

Gambar thumbnail di share link facebook memiliki nilai lebih dalam memikat teman atau fans untuk mengklik link yang dibagikan. Umumnya gambar thumbnail dimunculkan facebook merupakan gambar yang paling penting dalam elemen sebuah halaman blog atau website kadang secara random. Penampilan gambar-gambar thumbnail ini sering tidak relevan dengan konten tautan yang dibagikan di dinding facebook. Oleh karena itu pengembang facebook merekomendasikan kepada pengembang website untuk memasang kode skrip dibawah ini untuk memunculkan gambar thumbnail postingan blog WP di Facebook:

[code language=”php”]

[/code]

Namun solusi tersebut tidak memecahkan masalah bagi blog atau web dinamis seperti blog yang menggunakan mesin wordpress. Solusinya lainya yaitu mempergunakan featured image atau gambar pilihan pada blog wordpress versi 3 keatas. Hal ini cukup membantu, karena thumbnail yang dimunculkan sesuai dengan gambar yang dipilih di featured image. Gambar yang diupload atau ditautkan di featured image menjadi gambar thumbnail di dinding facebook.

Tampilan Thumnail Facebook

Penggunaan wordpress 3 dengan fitur featured image sangat membantu. Namun terkadang karena satu sebab seperti templates yang tidak mendukung featured image atau karena crash dengan plugin, featured image tidak muncul hingga berakibat tidak munculnya thumbnail pada dinding facebook. Solusi untuk memunculkan gambar thumbnail didinding facebook lainya yaitu dengan menambahkan skrip dibawah ini pada functions.php di templates yang digunakan. Ini skrip yang harus ditambahkan :

[code language=”php”]
function insert_image_src_rel_in_head() {
global $post;
if ( !is_singular()) //if it is not a post or a page
return;
if(!has_post_thumbnail( $post->ID )) { //the post does not have featured image, use a default image
$default_image=”http://example.com/image.jpg”; //replace this with a default image on your server or an image in your media library
echo ‘‘;
}
else{
$thumbnail_src = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), ‘medium’ );
echo ‘‘;
}
echo “\n”;
}
add_action( ‘wp_head’, ‘insert_image_src_rel_in_head’, 5 );
[/code]

Selamat mencoba tips wordpress untuk Memunculkan Gambar Thumbnail Postingan Blog WP di Facebook.

Wordpress

Membuat Halaman WordPress Menampilkan Random Post

29 March 2012
Logo Wordpress

Menampilkan random post di halaman khusus dapat meningkatkan pageviews dari kunjungan blog. Pada halaman (page) WordPress akan tampil beberapa tautan post yang sudah pernah diposting. Setiap kali halaman di refresh atau dimuat ulang maka judul-judul yang tampil pada halaman akan berubah secara otomatis.

Cara menampilkan random post di halaman WordPress. Langkahnya yaitu membuat buat page baru wordpress,lalu pasang kode php dibawah ini, namun pastikan format editor halaman (page) wordpress diubah dari format visual ke versi HTML. Pastekan kode dibawah ini pada page WordPress :

[code language=”php”]
< ?php query_posts(array('orderby' => ‘rand’, ‘showposts’ => 10));
if (have_posts()) :
while (have_posts()) : the_post(); ?>

Wordpress

Mengubah Dofollow menjadi Nofollow Blogroll WordPress

20 March 2012
No Follow Do Follow

Blogroll merupakan daftar link luar yang umumnya daftar link teman, link pilihan atau link pesanan berbayar. Blogroll juga dapat berfungsi sebagai bookmark untuk tautan-tautan terhadap halaman-halaman website diluar halaman website kita. Namun di mata mesin pencari seperti Google hal ini kurang bagus, karena bot Google dapat menganggap hal ini sebagai link farm atau tautan spam. Apalagi jika link ke luar website nya mencapai puluhan bahkan ratusan.

Pengertian sederhana tentang Dofollow yaitu link atau tautan yang akan hitung oleh mesin pencari Google sebagai tautan balik atau backlink. Sedangkan istilah nofollow dalam pengertian sederhana yaitu link atau tautan yang tidak akan dihitung sebagai backlink atau tautan balik oleh Google. Ini artinya semakin banyak situs kita di link dofollow oleh situs web lain maka akan meningkatkan popularitas (pagerank) Google. Sebaliknya jika semakin banyak link keluar dofollow maka akan mengurangi popularitas pagerank Google.

Oleh karena itu me-nofollowkan bloggroll merupakan salahsatu upaya yang bagus untuk meningkatkan pagerank di mata mesin pencari Google. Untuk me-nofollowkan blogroll wordpress secara otomatis atau semua link pada blogroll dengan cara mengubah beberapa baris kode yang ada di /wp-includes/bookmark-template.php , kodenya awal seperti ini :

[code language=”php”]
$output .= ‘‘;
[/code]

ubah kode php diatas menjadi :

[code language=”php”]
$output .= ‘
‘;
[/code]

Untuk mengedit file tersebut sebaiknya menggunakan notepad++ untuk mempermudah pencarian kode dan replace kodenya.

Wordpress

Wp-Insert : Mempermudah Pemasangan Iklan Pada Blog WordPress

28 February 2012

Pada tutorial sebelumnya yaitu cara memasang iklan Google Adsense pada postingan blog wordpress. Mungkin bagi sebagian orang yang baru berhadapan dengan kode HTML dirasa akan sangat membingungkan dan bahkan bisa membuat templates halaman menjadi berantakan atau tidak muncul. Namun tidak usah berputus asa untuk memonitize blog Anda dengan iklan, karena iklan merupakan merupakan salahsatu sumber perangsang disaat ngeblog menjadi suatu yang membosankan. Saya katakan tidak perlu putus asa karena kini ada sebuah plugins wordpress yang memiliki kemampuan untuk meletakkan posisi iklan pada postingan tanpa harus ribet dengan kode. Nama plugin ini yaitu WP Instert.

Wp-Insert memiliki kemampuan untuk memasang banyak jenis kode iklan berbasis script seperti Google Adsense, Kumpulblogger, Chitika dan lain-lain. Posisi iklanya juga dapat dipasang di tengah, di bagian atas, dibawah, kiri dan kanan postingan. Selain itu dapat juga dipasang di widget sesuai dengan pemasangan widget yang diinginkan. Hebat bukan 😀

Cara Menggunakan Plugin WP Insert :

1. Install Plugin Wp-Insert dan Aktivasi pluginnya.

2. Setelah diinstal dan diaktivasi maka dibagian sidebar dashboard admin akan ada menu Wp-Instert. Klik Manage Ads.

3. Pada halaman Manage Ads tentukan pada bagian mana iklan akan ditampilkan, pastekan kode dan klik activate lalu klik Save Changes pada bagian kanan pengaturan Wp-Insert.

Selamat mencoba, jika ada yang masih ditanyakan silahkan isi form komentar dibawah ya. Semoga bermanfaat dan dapat mengais rejeki melalui internet dan menjadi devisa bagi bangsa.