Membuat Button Like Dengan Icon Hati

Membuat Button Like WordPress

Button like ini seperti yang ada di idnetter.com, untuk membuat button like dengan icon hati ini saya memakai plugin ZillaLikes. Plugin Like WordPress Heart Icon dari ThemeZilla ini gratis bisa anda download melalui situs resmi ThemeZilla.com

Berikut tutorial untuk menampilkan button like heart icon dengan plugin ZillaLikes:

Install ZillaLikes

Download Plugin ZillaLikes, kemudian upload plugin melalui menu Plugins > Add New di dashboard Admi WP.

Konfigurasi Button Like

Setelah plugin terinstall, aktifkan plugin ZillaLikes, kemudian pada bagian Automatically show likes on:

Centang : Post
Jika Anda menampilkan pada template single post.
Centang : Pages
Jika Anda ingin menampilkan pada halaman type Pages
Centang : Blog Index Page, Archive Pages, and Search Results
Jika anda ingin menampilkan pada halaman FrontPage, Archive & Search Result.

Atau menggunakan shortcode : [[zilla_likes]] pada postingan anda.

Hasilnya: [zilla_likes]

Anda juga bisa menambahkan kode PHP seperti berikut pada theme WordPress yang anda gunakan

<?php if( function_exists('zilla_likes') ) { ?>
            <?php zilla_likes(); ?>
 <?php } ?>

Selamat Mencoba.

 

Plugin SEO WordPress Paling Kuat Yang Pernah Ada

Plugin Seo Ultimate

SEO Ultimate, plugin SEO WordPress paling kuat yang pernah ada, dengan lebih dari 20 module serta kaya fitur untuk mengoptimalkan website anda dan semuanya itu Gratis!.

Ini Plugin SEO all-in-one memberi Anda kontrol atas meta judul & deskripsi, open graph, auto-linking, rich-snippets,  404 monitoring dan Siloing &am.

Fitur SEO Ultimate

Download SEO Ultimate

SEO Ultimate adalah plugin SEO all-in-one dengan fitur canggih:

Judul Tag Rewriter

  • Out-of-the-box fungsionalitas menempatkan judul posting Anda di awal <title> tag untuk meningkatkan kata kuunci SEO.
  • Mudah merewrite seluruh isi tag <title> untuk setiap posting individu, halaman, lampiran, kategori, posting tag, atau posting format arsip di blog Anda. Juga mendukung jenis posting kustom dan taksonomi kustom.
  • Menyesuaikan homepage <title> tag Anda.
  • Memformat <title> tag posting, halaman, kategori, tag, arsip, hasil pencarian, dan banyak lagi!
  • Memilih antara dua metode penulisan ulang: “output buffering” atau “penyaringan”

Meta Description Editor

  • Edit <meta> tag deskripsi untuk posting, halaman, lampiran, kategori, tag, pasca format arsip, dan homepage.
  • Meningkatkan tingkat SERP klik per tayang dengan mempengaruhi potongan hasil mesin pencari.
  • Mass-editor untuk edit dan menambahkan deskripsi untuk posting lama secara masal.
  • Gunakan {kutipan :: autogen} variabel untuk otomatis menghasilkan deskripsi meta jika diinginkan.

Deeplink Juggernaut

  • Gunakan kekuatan Anchor teks untuk meningkatkan paradigma SEO peringkat internal Anda.
  • Mencari konten situs Anda untuk anchor teks yang Anda tentukan dan secara otomatis menghubungkan mereka ke tujuan yang Anda pilih. Memungkinkan Anda dengan mudah membangun link internal ke URL, posting, halaman, lampiran, jenis posting kustom item, kategori, istilah, pasca format arsip, dan taksonomi kustom arsip.
  • Menyesuaikan link footer untuk seluruh situs Anda dan / atau pada halaman-demi-halaman.
  • Mudah pilih tujuan Link Otomatis menggunakan boks teks autocomplete yang menjelajahi konten dan taksonomi istilah situs Anda untuk menemukan tujuan link yang Anda cari.
  • Link Otomatis diarahkan ke obyek itu sendiri, bukan untuk URL mereka, jadi jika Anda mengubah URL dari posting atau kategori di situs Anda, Link Otomatis secara otomatis menyesuaikan.
  • Hindari over-optimasi hukuman dengan mengendalikan jumlah maksimum Link Otomatis ditambahkan ke setiap posting / halaman, jumlah maksimal kali anchor terkait per post / halaman, dan / atau jumlah maksimum kali posting / halaman dapat link ke yang sama tujuan.
  • Mengurangi frekuensi Link Otomatis dengan persentase tertentu (global atau per-link) dengan fitur dampener frekuensi. (Berguna untuk situs besar.)
  • Pilih apakah posting dapat link untuk diri mereka sendiri dan / atau untuk URL saat dengan kotak centang sederhana.
  • Menerapkan atribut nofollow pada basis per-link. (Sempurna untuk link afiliasi otomatis.)
  • Mengecualikan posting tertentu / halaman dari link yang ditambahkan, jika diinginkan (misalnya halaman kontak, homepage, dll).
  • Impor / ekspor link Anda sebagai file CSV.
  • Buat link yang menunjuk untuk menyusun tulisan yang akan otomatis mengaktifkan ketika posting diterbitkan!
  • Membangun link internal untuk posting Anda dari dalam editor posting WordPress! Gunakan “Instant Posting
  • Propulsion” teknologi untuk secara otomatis nge-link posting lama ke yang baru.
  • Memungkinkan Anda mengaktifkan “Silo Linking” mode sehingga posting hanya nge-link ke posting lain di kategori yang sama.

Open Graph Integrator

  • Out-of-the-box autogenerates fungsi Data Open Graph untuk situs Anda, posting, halaman, lampiran, jenis posting kustom benda, dan halaman profil pengguna.
  • Kontrol fine-grained memungkinkan Anda untuk menyesuaikan Open Graph judul, gambar, dan jenis konten untuk setiap posting, halaman, lampiran, dan jenis posting kustom objek di situs Anda.
  • Mass-editor bisa anda gunakan untuk menentukan data Grafik Terbuka (open Graph) untuk beberapa posting dan halaman pada suatu waktu.
  • Termasuk dukungan untuk ringkasan-gaya dan foto-gaya Twitter Cards.
  • Memungkinkan Anda memperbaiki HTML Facebook / Twitter Official, sehingga memvalidasi sebagai XHTML atau HTML5.

Rich Snippet Creator

  • Mudah menambahkan rich snippet yang kaya untuk ulasan sebelum anda publish.
  • Menarik lebih banyak lalu lintas pencarian dengan data SERP tambahan eye-catching.
  • Mendukung format Schema.org baru yang digunakan oleh Google, Bing, Yahoo, dan Yandex.

Author Highlighter

  • Menghasilkan kode sehingga ketika salah satu posting situs Anda muncul di hasil pencarian Google, gambar profil Google+ dari penulis tulisan akan muncul di samping itu.
  • Termasuk dukungan untuk kedua single-penulis dan multi-penulis setup situs.
  • Mendukung penulis menyoroti untuk posting, halaman, lampiran, jenis posting kustom, homepage, halaman arsip, dan halaman penulis.
  • Menyisipkan “Profil Google+ URL” pada editor pengguna profile WordPress, sehingga pengguna dapat memasukkan URL Google+ mereka dan memungkinkan penulis menyoroti pada postingan mereka.

Link Mask Generator

  • Menghasilkan robots.txt-blocked “link masks” (misalnya http://www.example.com/go/google/) yang pass-through ke URL eksternal.
  • Link masker pada, per-post basis per-link sehingga Anda dapat mengerahkan fine-tuned kontrol atas posting Anda ‘linkflow.
  • Membuat mask Link global yang berlaku di seluruh situs Anda.
  • Perubahan /go/ ke direktori yang Anda pilih.
  • Link masker dengan teknik nofollow-based “PageRank Sculpting” .
  • Sempurna untuk pemasar afiliasi dan blogger SEO-savvy.

Canonicalizer

  • Mengarahkan mesin pencari ke jalur akses konten yang disukai dengan <link rel = "canonical" /> tag head dan / atau Link: <url>; rel = "canonical" header HTTP.
  • Melampaui WordPress dasar kanonik tag fungsi dengan dukungan SEO Ultimate untuk kategori /tag/tanggal/ penulis arsip.
  • Mengarahkan permintaan untuk pagination tidak ada dengan kotak centang sederhana.

404 Monitoring

  • Meningkatkan pengalaman pengguna yang mengunjungi web dan spiders search engine dengan menjaga tab pada kesalahan “halaman tidak ditemukan”. (Gunakan plugin redirection ke titik URL buntu untuk konten Anda.)
  • Cari tahu apa URL yang mengacu pengunjung ke 404 kesalahan.
  • Pengaturan default mengasah pada kesalahan yang paling penting dengan hanya logging 404s yang baik memiliki URL merujuk atau dihasilkan oleh laba-laba mesin pencari.
  • Jika diinginkan, mengabaikan 404s yang dihasilkan dari URL tertentu atau pola URL wildcard.

Permalink Tweaker

  • Memungkinkan Anda menghapus basis permalink untuk taksonomi kategori, tag, dan / atau kebiasaan.
    Misalnya, memungkinkan penghapusan basis kategori untuk mengkonversi http://example.com/category/example ke http://example.com/example, dan kemudian memasangkan yang dengan kategori /%%/% postname%/ permalink untuk mengaktifkan beberapa tindakan SEO siloing serius.
  • Pengaturan “URL Conflict Resolution” memungkinkan Anda menengahi antara halaman / istilah ketika penghapusan dasar taksonomi menyebabkan konflik URL.

Meta Robot Tag Editor

  • Tambahkan <meta name = "robots" content = "noindex, follow" /> tag untuk arsip, komentar feed, halaman login, dan banyak lagi.
  • Mengatur meta tag robot (index/noindex dan followi/nofollow) untuk setiap posting individu, halaman, kategori, tag, dan jenis posting arsip di blog Anda. Juga mendukung jenis posting kustom dan taksonomi kustom.
  • Menghindari masalah SEO konten duplikat dengan pengaturan noindex direkomendasikan (lihat built-in dokumentasi modul untuk rincian).
  • Memberikan instruksi kepada spider mesin pencari jika diinginkan (noodp, noydir, dan noarchive).

SEO Ultimate Widget

  • Memungkinkan Anda output Link Deeplink Juggernaut Footer di widget.
  • Kategori widget Siloed membuat drag-and-drop mudah untuk membangun navigasi siled di situs Anda.
  • Plugin Settings Manager (terletak di bawah Pengaturan> SEO Ultimate)
  • Mengekspor pengaturan SEO Ultimate Anda ke file dan re-impor nanti jika diinginkan.
  • Gunakan fungsi ekspor / impor untuk memindahkan pengaturan SEO Ultimate antara situs WordPress.
  • Mengatur ulang semua pengaturan kembali ke “default pabrik” jika terjadi kesalahan.

Fitur Lainya

  • Kode Inserter: Mudah memasukkan SEO / SEM-enhancing HTML kustom ke <head> tag, footer, atau konten barang situs Anda. Kode tetap bahkan ketika berpindah tema.
  • Berkas Editor: Menerapkan strategi SEO canggih dengan editor htaccess, dan memberikan instruksi ke mesin pencari melalui robots.txt Editor.
  • Linkbox Inserter: Mendorong aktivitas linkbuilding alami dengan menambahkan boks teks ke akhir posting Anda / halaman yang berisi dihasilkan secara otomatis link di HTML.
  • Meta Keywords Editor: Auto-generate dan mengedit <meta> kata kunci untuk posting, halaman, kategori, tag, istilah, dan homepage.
  • Customizer pada More link : Optimalkan posting Anda ‘”read more” link dengan memasukkan tulisan’ judul kata kunci-kaya anchor teks.
  • Nofollow Manager: Memungkinkan Anda menjaga rel="nofollow" pengaturan ketika melakukan migrasi dari plugin SEO lainnya
  • Pengaturan Memantau: Jauhkan tab pada SEO-friendliness dari pengaturan situs Anda dengan dashboard indikator hijau/kuning /merah.
  • Share Facilitator: Menambahkan tombol yang membuatnya mudah bagi pengunjung untuk berbagi konten Anda di situs jejaring sosial (dengan demikian membangun link ke situs Anda).
  • Slug Optimizer: Meningkatkan potensi kata kunci di-URL dengan menghapus customizeable “kata filler” (seperti “,” “dengan,” “dan,” dll) dari URL post / halaman.
  • Webmaster Verification Assistant: Masukkan kode verifikasi di kolom yang disediakan untuk alat mesin webmaster akses pencari.

Fitur tambahan

  • Fitur antarmuka, bersih estetis-menyenangkan, tanpa kata-kata donasi.
  • Bersih terintegrasi ke antarmuka admin dengan merek minimal.
  • Termasuk dokumentasi mulus terintegrasi, dapat diakses melalui “Bantuan” dropdown di sudut-kanan layar admin.  In-depth info, penjelasan, dan FAQ hanya dengan sekali klik.
  • Memungkinkan Anda mengimpor posting meta dari All in One SEO Pack.
  • Memungkinkan Anda downgrade ke versi sebelumnya dari plugin dalam kasus upgrade apabila banyak terjadi kesalahan.
  • Menampilkan pemberitahuan admin jika pengaturan WordPress dikonfigurasi untuk mencegah mesin pencari.
  • Mendukung WordPress translation plugin. File POT termasuk dalam file zip.
  • Termasuk uninstaller yang dapat menghapus file plugin dan entri database jika diinginkan.

Kesimpulan

Banyak fitur bukan berarti menjadikan plugin SEO paling kuat menjadi pilihan terbaik, terlebih mungkin ada beberapa fitur yang kurang dibutuhkan yang bisa jadi malah memberatkan kinerja website atau server. Untuk saya pribadi memilih Plugin All in One SEO Pack atau Yoast SEO Plugin WordPress.

Plugin Newsletter Terbaik – MailPoet, WordPress

Plugin Newsletter Terbaik – MailPoet

Artikel ini merupakan panduan cara setting plugin newsletter terbaik MailPoet, WordPress. MailPoet merupakan plugin terbaik Newsletter WordPress dan mungkin sudah tidak ada lagi yang lain, saya sudah mencoba yang lain tapi ini MailPoet memang sempurna. Simple, Cepat, Konfigurasi yang mudah dan Gratis.

Install MailPoet

– Cara install Plugin MailPoet melalui Dashboard admin:

Plugins > Add New > Search Newsletter > Pilih MailPoet > Install Now

– Cara install melalui FTP:

Download > Extrak > Upload vi FTP di direktori > wp-content/plugins/

Setting MailPoet

Pada jejeran menu di dashboard admin: MailPoet > Settings

Basics

Pada baian tab Basics, yang terpenting adalah mengisi form Your company’s address atau alamat perusahaan untuk membantu menghindari filter spam, jika bukan perusahaan cukup isi alamat sesuka anda. Alamat akan tampil pada bagian footer diemail yang akan dikirimkan untuk para pelanggan yang terdaftar disitus anda.

Forms

Halaman untuk membuat formulir untuk calon pelanggan, pada saat install MailPoet sudah ada form untuk subscribe, Jika anda ingin membuat kustom form subscribe pilih Create a new form.

Signup Confirmation

Banyak orang tak ingin ingin ribet dengan konfirmasi, untuk itu pada bagian ini, Enable signup confirmation :

No

Send With

Untuk penguna Linux VPS sebaiknya ikuti panduan : Cara Install Postfix dan Cyrus di CentOS

Pilih

Your own website
Delivery method : PHP Mail

Banyak website pada akun shared hosting fitur PHP Mail didisable oleh pihak provider, solusinya pilih:

Third Party

Contoh setting:

SMTP Hostname :  mail.domainanda.com
Login : emailanda@domainanda.com
Password : password email anda
SMTP Port : 465
Secure connection : SSL
Authentication : Yes

Simpan dan coba send a test mail

Advanced

Biarkan default, atau lihat dan sesuaikan dengan kebutuhan anda

 

Jika telah selesai, selanjutnya MailPoet newsletter siap di tambahkan ke Widget anda.

Selemat mencoba.

 

Membuat Table of Contents Dengan Plugin TOC+ WordPress

Membuat Table of Contents

Table of Contents Plus (TOC+) adalah plugin terbaik WordPress untuk membuat table of contents atau daftar isi dari artikel yang anda buat secara otomatis. TOC+ akan menggenerate link untuk daftar isi yang mempunyai tag Heading h1, h2, h3, h4, h5 pada artikel/post. Link yang dihasilkan merupakan link untuk melompat menuju tag Heading tersebut. Minimal Heading adalah 4 tapi bisa dikonfigurasikan sesuai kebutuhan melalui Opsi di panel TOC+ pada dashboard WP-Admin

Table of Contents sangat powerful dan memudahkan user untuk membaca dan mengikuti artikel di website anda secara step by step.

User juga bisa mem-bookmark link tersebut ketika mereka ingin istirahat membaca dan ingin melanjutkannya nanti.

Demo: Lihat Disini.

Plugin Table of Contents Plus (TOC+)

Author dari Plugin ini adalah: Michael Tran
Website Resmi : DuBlue.com & Halaman di WordPress

Untuk menginstall Plugin Table of Contens Plus versi dari WordPress paling tidak adalah versi 3.2 – ke atas. Plugin ini telah diinstall lebih dari 40,000 kali.

Cara Install TOC+

1. Install melalui Dashboard Admin WordPress dengan cara: Pada menu Plugins > Pilih Add New > kemudian cari Table of Contents Plus > pilih Install Now.

2. Upload manual, tapi sebelumnya download dulu plugin TOC+ di situs resmi WordPress.org Plugins :  Download Disini. Kemudian Upload secara manual di Dashboard admin atau melalui FTP.

Ketika anda selesai install plugin TOC+, jangan lupa untuk mengaktifkanya.

Cara Setting TOC+

Berikut ini adalah cara setting Table of Contents Plus, yang saya pakai agar bisa tampil di postingan anda.

or more headings are present
Auto insert for the following content types





Sederhana, bagian yang lain saya biarkan default saja. Jika anda ingin menampilkan angka pada daftar isi Centang > Number list items.

Selamat mencoba gan.

Konfigurasi WordPress, W3 Total Cache, PHP-APC di Nginx

Konfigurasi WordPress, W3 Total Cache, PHP-APC di Nginx

Berikut ini adalah panduan lengkap cara install dan konfigurasi WordPress, W3 Total Cache, PHP-APC di Nginx server untuk performa maksimal web server anda.

Pada tutorial ini, di VPS menggunakan distribusi Linux CentOS 6, dengan contoh konfigurasi untuk satu website saja, tapi jika anda telah menguasai bagaimana cara konfigurasi Server Block atau vhost di Nginx, konfigurasi W3 Total Cache bisa diterapkan dengan cara yang sama.

Install Komponen

Install komponen yang diperlukan untuk membangun website WordPress beserta plugin W3 Total Cache, yaitu: Nginx, MySQL dan PHP seperti langkah-langkah yang telah diurutkan sebagai berikut.

Install Nginx

service httpd stop
yum remove httpd
yum install nginx -y
chkconfig --levels 235 nginx on
service nginx start

Install MySQL

yum -y install mysql mysql-server
mysql_secure_installation

Ikuti proses installasi sampai selesai.

chkconfig --levels 235 mysqld on
service mysqld start

Install PHP

yum -y install php-fpm php-mysql

Install PHP-APC module dan PHP module lainya

yum -y install php-apc php-gd php-imap php-ldap php-odbc php-pear php-xml php-xmlrpc php-mbstring php-mcrypt php-mssql php-snmp php-soap php-tidy curl curl-devel

Aktifkan saat boot.

chkconfig --levels 235 php-fpm on
service php-fpm start

Konfigurasi

Langkah selanjutnya adalah konfigurasi-konfigurasi, pada sesi ini telah saya urutkan, jadi anda tinggal mengikuti langkah demi langkah kemudian menyesuaikan file konfig dengan seperti yang dibawah ini.

Konfigurasi php.ini

Buka file /etc/php.d/php.ini

vi /etc/php.d/php.ini

Temukan baris berikut ini dan sesuaikan:

cgi.fix_pathinfo = 0
date.timezone = Asia/Jakarta
expose_php = Off

Konfigurasi php-apc

Buka file konfigurasi php-apc.ini

vi /etc/php.d/apc.ini

Isi dengan baris kode berikut:

extension = apc.so
apc.enabled=1
apc.shm_segments=1
apc.shm_size=128M
apc.num_files_hint=1024
apc.user_entries_hint=4096
apc.ttl=7200
apc.use_request_time=1
apc.user_ttl=7200
apc.gc_ttl=3600
apc.cache_by_default=1
apc.filters
apc.mmap_file_mask=/tmp/apc.XXXXXX
apc.file_update_protection=2
apc.enable_cli=0
apc.max_file_size=1M
apc.stat=1
apc.stat_ctime=0
apc.canonicalize=0
apc.write_lock=1
apc.report_autofilter=0
apc.rfc1867=0
apc.rfc1867_prefix =upload_
apc.rfc1867_name=APC_UPLOAD_PROGRESS
apc.rfc1867_freq=0
apc.rfc1867_ttl=3600
apc.include_once_override=0
apc.lazy_classes=0
apc.lazy_functions=0
apc.coredump_unmap=0
apc.file_md5=0
apc.preload_path

File konfigurasi yang akan kita edit selanjutnya adalah konfig Nginx dan PHP-FPM, sampai disini alangkah baiknya kita bakcup dulu file-file tersebut dengan cara menggunakan command mv atau move file:

mv /etc/nginx/nginx.conf/etc/nginx/nginx.conf.bak
mv /etc/nginx/conf.d/default.conf mv /etc/nginx/conf.d/default.conf.bak
mv /etc/nginx/php-fpm.d/www.conf /etc/nginx/php-fpm.d/www.conf.bak

Konfigurasi Nginx

Buat file baru: /etc/nginx/nginx.conf

vi /etc/nginx/nginx.conf

Copy-paste kode berikut:

# For more information on configuration, see:
#   * Official English Documentation: http://nginx.org/en/docs/
#   * Official Russian Documentation: http://nginx.org/ru/docs/

user              nginx;
worker_processes  4;

error_log  /var/log/nginx/error.log;

pid        /var/run/nginx.pid;

events {
    worker_connections  1024;
}

http {
    include       /etc/nginx/mime.types;
    default_type  application/octet-stream;

    log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
                      '$status $body_bytes_sent "$http_referer" '
                      '"$http_user_agent" "$http_x_forwarded_for"';

    access_log  /var/log/nginx/access.log  main;

    sendfile        on;
    #tcp_nopush     on;

    #keepalive_timeout  0;
    keepalive_timeout  30;

    # Untuk maksimalkan performa nginx
    gzip on;
    gzip_disable "MSIE [1-6]\.(?!.*SV1)";
    gzip_http_version 1.1;
    gzip_vary on;
    gzip_proxied any;
    gzip_comp_level 6;
    gzip_buffers 16 8k;
    gzip_types text/plain text/css application/json application/x-javascript text/xml application/xml application/xml+rss text/javascript application/javascript text/x-js;

    # Me-Load file config dari folder /etc/nginx/conf.d directory
    # pada kasus ini setting default server adalah di /etc/nginx/conf.d/default.conf
    include /etc/nginx/conf.d/*.conf;

}

Konfigurasi Default Server Nginx

Buat file baru

vi /etc/nginx/conf.d/default.conf

Paste kode berikut, cocokkan dengan domain agan

server {
        listen 80;
        server_name www.idnetter.com;
        rewrite ^(.*) http://idnetter.com$1 permanent;
}

server {
        listen 80;
        server_name idnetter.com;

        client_max_body_size 5m;
        client_body_timeout 60;

        access_log /var/log/nginx/idnetter-access.log;
        error_log /var/log/nginx/idnetter-error.log crit;
        
        ### Direktori untuk data website
        root /var/www/html/;
        index  index.html index.php;

        ### root directory ###
        location / {
                try_files $uri $uri/ /index.php?$args;
        }

        ### security ###
        error_page 403 =404;
        location ~ /\. { access_log off; log_not_found off; deny all; }
        location ~ ~$ { access_log off; log_not_found off; deny all; }
        location ~* wp-admin/includes { deny all; }
        location ~* wp-includes/theme-compat/ { deny all; }
        location ~* wp-includes/js/tinymce/langs/.*\.php { deny all; }
        location /wp-includes/ { internal; }
        ### Ini untuk me-load config W3 Total Cache
        include /var/www/html/w3.conf;
        ### END w3 Total Cache
        location ~* wp-config.php { deny all; }
        location ~* ^/wp-content/uploads/.*.(html|htm|shtml|php)$ {
                types { }
                default_type text/plain;
        }

        ### disable logging ###
        location = /robots.txt { access_log off; log_not_found off; }
        location = /favicon.ico { access_log off; log_not_found off; }

        ### caches ###
        location ~* \.(jpg|jpeg|gif|css|png|js|ico|html)$ { access_log off; expires max; }
        location ~* \.(woff|svg)$ { access_log off; log_not_found off; expires 30d; }
        location ~* \.(js)$ { access_log off; log_not_found off; expires 7d; }

        ### php block ###
        location ~ \.php?$ {
                try_files $uri =404;
                include fastcgi_params;
                fastcgi_pass unix:/var/run/php-fpm.socket;
                fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
                fastcgi_intercept_errors on;
                fastcgi_split_path_info ^(.+\.php)(.*)$;
                #Prevent version info leakage
                fastcgi_hide_header X-Powered-By;
        }
}

Konfigurasi PHP-FPM

Buat file baru

vi /etc/php-fpm.d/www.conf

Paste code berikut:

[php-fpm]
listen = /var/run/php-fpm.socket
listen.owner = nginx
listen.group = nginx
listen.mode = 0660
user = nginx
group = nginx
request_slowlog_timeout = 5s
slowlog = /var/log/php-fpm/php-fpm.log
listen.allowed_clients = 127.0.0.1
pm = dynamic
pm.max_children = 10
pm.start_servers = 3
pm.min_spare_servers = 2
pm.max_spare_servers = 4
pm.max_requests = 400
listen.backlog = -1
pm.status_path = /status
request_terminate_timeout = 120s
rlimit_files = 131072
rlimit_core = unlimited
catch_workers_output = yes
php_value[session.save_handler] = files
php_value[session.save_path] = /var/lib/php/session
php_admin_value[error_log] = /var/log/php-fpm/php-fpm-error.log
php_admin_flag[log_errors] = on

Buka file /etc/php-fpm.conf

vi /etc/php-fpm.conf

Uncomment pada baris berikut ini:

emergency_restart_threshold = 10
emergency_restart_interval = 1m
process_control_timeout = 10

Konfigurasi WordPress

Buat Database

mysql -u root -p
create database namaDatabaseAnda;
CREATE USER 'UserDatabaseAnda'@'localhost' IDENTIFIED BY '123456';
GRANT ALL ON NamaDatabaseAnda.* TO 'UserDatabaseAnda'@'localhost';
FLUSH PRIVILEGES;
exit

Masuk ke direktori web root

cd /var/www/html

Download script WordPress

wget http://wordpress.org/latest.tar.gz

Extract Script WordPress

tar -xvf latest.tar.gz

Pindah script WordPress ke direktori utama website, yaitu di /var/www/html

cp -r wordpress/* /var/www/html

Hapus folder wordpress

rm -rf wordpress

CHMOD

Mengubah chmod atau perizinan file/folder

chown nginx:nginx -R *

Ubah chmod semua folder menjadi 755

find . -type d -exec chmod 755 {} \;

Ubah chmod semua file menjadi 644

find . -type f -exec chmod 644 {} \;

Install WordPress online melalui browser favorite anda dan ikuti instruksi sampai berhasil seperti biasa.

Setelah berhasil menginstall WordPress, buka file konfigurasi WordPress

vi /var/www/html/wp-config.php

Tambahkan line berikut (sesuaikan dengan domain agan) pada wp-config.php agar WordPress tidak mengambil query dari database.

define('WP_HOME', 'http://idnetter.com');
define('WP_SITEURL', 'http://idnetter.com');

Simpan dan keluar dari vi editor.

Install Plugin W3 Total Cache

Install Plugin W3 Total Cache WordPress dari menu admin seperti biasa

Kemudian setting W3 Total Cache seperti berikut:

Page cache: enabled
Page cache method: Disk: Enhaced

Minify: enable
Minify cache method: Opcode: Alternative PHP Cache (APC)

Database Cache: enabled
Database Cache Method: Opcode: Alternative PHP Cache (APC)

Object Cache: enbabled
Object Cache Method: Opcode: Alternative PHP Cache (APC)

Browser Cache: disabled

Selebihnya anda bisa lihat postingan saya khusus untuk settingan W3 Total Cache di -> Link Ini. Semua settingan sama, hanya saja metode cachenya menggunakan Opcode: Alternative PHP Cache (APC) atau seperti settingan diatas.

Konfigurasi W3 Total Cache Nginx

Buat file baru untuk konfig W3 Total Cache Nginx

vi /var/www/html/w3.conf

Copy-Paste code berikut

# BEGIN W3TC Page Cache cache
location ~ /wp-content/cache/page_enhanced.*html$ {
    add_header Vary Cookie;
}
# END W3TC Page Cache cache
# BEGIN W3TC Page Cache core
set $w3tc_rewrite 1;
if ($request_method = POST) {
    set $w3tc_rewrite 0;
}
if ($query_string != "") {
    set $w3tc_rewrite 0;
}
if ($request_uri !~ \/$) {
    set $w3tc_rewrite 0;
}
if ($http_cookie ~* "(comment_author|wp\-postpass|w3tc_logged_out|wordpress_logged_in|wptouch_switch_toggle)") {
    set $w3tc_rewrite 0;
}
if (!-f "$document_root/wp-content/cache/page_enhanced/$http_host/$request_uri/_index.html") {
  set $w3tc_rewrite 0;
}
if ($w3tc_rewrite = 1) {
    rewrite .* "/wp-content/cache/page_enhanced/$http_host/$request_uri/_index.html" last;
}
# END W3TC Page Cache core

Simpan dan keluar dari vi editor

Check

Restart Nginx dan PHP-FPM

service nginx restart
service php-fpm restart

Check PHP-APC

php -m | grep -w apc

Buka Browser: Login Dashboard WP > Performance > Empty All Caches.
Coba buka website anda dan refresh.

Alhamddulillah Tutorial Konfigurasi WordPress, W3 Total Cache, PHP-APC di Nginx kelar juga, Kini anda bisa membangun website WordPress dengan plugin W3 Total Cache serta konfigurasi untuk performa web server yang maksimal. Met mencoba gan, CMIIW.

Referensi : WordPress, W3-Edge, PHP APC, RoseHosting, Nginx, MySQL, CentOS

 

Cara Setting W3 Total Cache, Plugin WordPress

cara setting w3 total cache

W3 Total Cache adalah satu-satunya Framework Optimasi Kinerja WordPress (WPO), dirancang untuk meningkatkan pengalaman pengguna dan kecepatan halaman. Plugin ini diauthori oleh Frederick Townes.

Cara Setting W3 Total Cache

Pada kesempatan ini cara setting W3 Total Cache plugin WordPress hanya pada bagian yang penting-penting saja dan karena saya pakai yang gratis (bukan yang premium) jadi beberapa pengaturan saya lewati seperti pengaturan pada kolom CDN, Monitoring dll yang saya rasa ini belum terlalu mendesak untuk kebutuhan blog ini.

1. General Settings

Pada menu W3 Total Cache, klik Performance > General Settings

Page Cache

Page Cache : Enable - Centang
Page cache method: Disk Enhanced

Minify

Minify : Enable - Centang
Minify mode: Auto
Minify cache method: Disk
HTML minifier: Default
JS minifier: JSMin (Default)
CSS minifier: Default

Database Cache

Database Cache: Enable - Centang
Database Cache Method: Disk

Object Cache

Object Cache: Enable - Centang
Object Cache Method: Disk

Browser Cache

Browser Cache: Enable - Centang

Reserve Proxy

Enable varnish cache purging - Centang

Miscellaneous

Enable Google Page Speed dashboard widget - Centang
 Page Speed API Key: Untuk mendapatkan API key daftar di : https://code.google.com/apis/console
 Verify rewrite rules - Centang
 Enable file locking - Jangan diCentang
 Optimize disk enhanced page and minify disk caching for NFS - Centang

Save all settings

 

2. Minify

Klik Minify pada jejeran menu W3 Total Cache (Performance > Minify)

General

Rewrite URL structure - Centang

HTML & XML

Centang Semua, kecuali
Inline JS minification - Jangan Centang

Jika ingin mengaktifkan JS minification sebaiknya disortir mana  javascript yang tidak berfungsi jika fitur ini diaktifkan melalui kolom Advanced pada menu ini juga.

JS

Biarkan jangan dicentang, kebanyakan error, js tidak berfungsi dengan baik, jika ingin mengaktifkan JS minify sebaiknya diexclude melalui kolom Advanced pada menu ini juga.

CSS

Centang semua
@import handling: prosess

Save all settings

Alhamdulillah, setelah selesai setting W3 Total Cache agan bisa check website agan di : Google Pagespeed Insights.

Cara Setting SEO WordPress by Yoast – Updated Terbaru

Cara Setting SEO WordPress

Cara setting SEO WordPress, salah satu plugin SEO terbaik, tutorial ini diupdate menggunakan gambar, secara step by step agar mudah dipahami. Dan ini cara yang terbaru dan lengkap.

Pengenalan

Plugin WordPress SEO by Yoast ini membantu anda untuk membuat website anda lebih mudah diindek oleh mesin pencari. Fungsi daripada plugin untuk memaksimalkan kinerja website WordPress. Anda tentu sudah familiar dengan Dashboard admin pada WP dan juga menu untuk pengaturan SEO.

Jika anda sudah berhasil menginstall plugin Yoast SEO, saat pertama kali tampilannya yang terbaru akan seperti berikut:

Yoast SEO

 

Pada tahap selanjutnya kita akan memulai membuat Yoast benar-benar bekerja.

Step by step cara setting SEO Yoast

Semua orang mengidamkan situs mereka berada di halaman pertama Google, bahkan jika perlu terselip diantara Adsense yang berada paling atas dari halaman hasil pencarian. Ini sudah gila. Sangat. Tapi saya juga menginginkannya dan saya akan menemani anda. Untuk itu, di sini mari kita mulai bersama.

Dashboard

Di dalam menu Yoast SEO Dashboard ini anda akan menjumpai report berupa Problems situs serta Notifications (jika ada). Pada kasus website baru, tidak ada problems dan notifications. Anda bisa skip bagian ini.

General

Ada 4 menu pada kolom ini :

Configuration wizard

Seperti mengisi survey ada 12 step yang bisa menghabiskan satu gelas kopi, yakin melakukan konfigurasi dengan cara ini dan menjawab mesin?. Skip.

Text link counter

Link internal situs kadang perlu dihitung, supaya kita bisa mempelajari cara menghubungkan link internal. Aktifkan fitur ini, pencet button Text link counter.

Credits

Skip. Jika tergoda untuk klik button credit ini, maka anda akan melihat siapa saja dalang di balik Yoast SEO. Karikatur.

Restore default setting

Sampai tahap ini kita belum melakukan apa-apa, jadi ini tombol boleh diskip. Tapi jika anda sudah membuat konfigurasi dini setting Yoast SEO dan berasumsi setting Yoast SEO idnetter lebih baik,  terima kasih, saya senang sejauh ini kita masih bersama.

 

Features

Tidak seperti plugin SEO yang lain, Yoast bermurah hati memberikan banyak fitur gratis, ini mungkin yang membuat kenapa Yoast semakin populer.

Pada kolom ini kita hanya perlu mengaktifkan Advanced settings pages yang merupakan setelan lanjutan mencakup setelan di seluruh situs untuk judul dan meta deskripsi, metadata sosial, peta situs, dan banyak lagi.

Kemudian ada Readability analysis, Keyword analysis, Ryte, Admin menu bar, Cornerstone content dan Text link count biarkan Enable. Fitur ini juga akan tampil ketika membuat post.

 

Advanced settings pages Yoast SEO

 

Setelah mengaktifkan Advance settings page, akan ada menu baru di sidebar:

  • Titles & meta
  • Social
  • XML sitemaps
  • Advanced
  • Tools

Kita akan membahas menu-menu tersebut nanti, tapi sebelum itu kita akan fokus menyelesaikan panduan pada tab utama konfigurasi Yoast ini.

 

Company Info

Tab selanjutnya adalah Company info. Hanya ada dua pilihan : Company atau person.

  • Misalnya website organisasi, pilih Company > kemudian upload logo website / organisasi.
  • Jika website personal / blog pilih Person ? lalu upload logo website.
  • Klik Saves changes

 

Webmaster Tools

Tab untuk settingan SEO yang sangat berguna, dimana pada sesi ini akan memasukkan sebuah kode meta untuk melakukan verifikasi website kepada mesin pencari, dengan asumsi website sudah daftarkan pada layanan Webmaster Tools ditiap-tiap search engine terkait. Jika belum berikut link untuk mendaftarkan website agar mendapatkan kode meta:

Atau dengan cara klik pada form link di bagian tab Webmaster Tools. Lihat gambar.

 

Security

Hampir selesai tahap sesi menu utama untuk setting seo yoast. Pada bagian tab security, hanya ada satu opsi

Disable the Advanced part of the Yoast SEO meta box

Fitur ini memungkinkan user selain administrator, dalam hal ini penulis dan editor untuk mengarahkan posting, noindex mereka dan melakukan hal-hal lain yang mungkin tidak diinginkan.  Saya disabled bagian ini.

 

Berikutnya menu lanjutan dari step yang ketiga tadi.

Titles & Metas

Kita akan mempersingkat waktu dalam tutorial tahap ini. Biarkan semua default kecuali pada tab Other.

  • Subpages of archives : noindex
  • Keywords tag : disabled (Yoast menyarankan didisable, tapi opsi ini tetap dipertahankan. Wah.)

 

Social

Memungkinkan search engine mengetahui profil di media sosial yang terkait dengan website kita. Skip.

Jika memutuskan untuk melengkapi, tinggal copy-paste link halaman/profil sosial media pada form yang disediakan. Gampang.

 

XML Sitemaps

Pada versi Yoast terbaru fitur  XML sitemaps ini otomatis aktif, ketika mengaktifkan Advanced settings pages (langkah ke-tiga tadi).  Coba periksa https://domainanda.tld/sitemap_index.xml, jika sudah ada submit XML tersebut ke Webmaster tool. Untuk tab yang lain, biarkan default saja.

 

Advanced

Pada langkah ini ada 3 tab yakni Breadcrumbs, Permalink, dan RSS.

Breadcrumbs

Salah satu fitur gratis dari Yoast yang ciamik, yaitu Breadcrumbs. Breadcrumbs adalah navigasi situs agar user mengetahui dimana dia sedang browsing pada saat itu juga diwebsite. Breadcrumbs juga sangat pengaruh untuk SEO di Search Engine.

Enable Breadcrumbs, kemudian klik Saves Changes.

Setting Breadcrumbs - Yoast SEO

 

Kemudian: add kode berikut di file single.php, archive.php, category.php, page.php, tag,php, search.php pada themes.

if ( function_exists( 'yoast_breadcrumb' ) ) {
	yoast_breadcrumb();
}

Cara add kode breadcrumb Yoast

– Login sebagai admin pada menu: Appereance > Pilih Editor

– Kemudian pada bagian sidebar kanan (menu templates), pilih file Single Post ( single.php )

– Add kode seperti di gambar berikut (klik untuk memperbesar):

Cara Setting SEO WordPress
Cara Setting SEO WordPress

 

Jika selesai klik Update file.

 

Permalinks

Biarkan default.

 

RSS

Biarkan default.

 

Tools

Dalam menu ini, ada pilihan yakni

  • Bulk Editor: untuk mengubah title dan Description SEO secara masal
  • File Editor: untuk mengedit file .htaccess
  • Import dan Export: Untuk eksport dan Import pengaturan Yoast SEO. mantap banget ni gan jadi kalau agan udah punya satu settingan yang maka bisa dieksport dan di import untuk settingan website lainnya.

 

Search Console

Di desain khusus untuk pelanggan Google, sebuah layanan yang akan memonitor website dan memberitahu apa sedang terjadi pada link-link yang dijaring oleh robot mesin pencari Google.

Misalnya: ada link error: Not Found atau server down dan lain-lain, dengan adanya fitur ini maka kita bisa mengelola website lebih baik dan melakukan langkah preventif sebagai strategi pencegahan agar website tidak mendapatkan rating yang buruk.

Untuk mengaktifkan fitur ini klik button Get Google Authorization Code pada tab Settings, paste kode autentikasi dari Google, kemudian klik Authenticate.

 

Premium

Menjadi member premium ($89 *sewaktu-waktu bisa berubah) Yoast mungkin akan lebih baik, mengingat versi Free dari Yoast saja sudah amat baik.

 

Selesai, sekarang ganti plugin Yoast SEO yang akan bekerja. Untuk mendukung agar plugin ini berfungsi maksimal, hendaknya dibarengi dengan mengisi konten website yang berkualitas dan unik. Pilih hosting yang bagus. Anda bisa mencari provider hosting VPS yang murah di kolom Promo Hosting murah.

Sekian.

Plugin Table WordPress Terbaik

idnetter.com mencoba untuk memberi informasi seputar plugin-plugin WordPress terbaik yang pernah diinstall di website idnetter agar para pengunjung setia website ini menghemat waktu dalam mencari plugin yang dibutuhkan untuk membuat sebuah website agar semakin bagus dan mampu bekerja optimal di mesin pencari Google, Yahoo dan lainya.

Kali ini ada dua Plugin Table WordPress Terbaik untuk membuat table pada website yang menggunakan CMS WordPress yaitu TablePress By Tobias Bäthge dan MCE Table Button By Paweł Rabinek. Intinya dari kedua plugin ini fungsinya untuk membuat table didalam post. Mana yang perlu diinstall? Keduanya saya install karena masing-masing plugin table WordPress ini mempunyai fitur yang berbeda. Apa saja fiturnya? mari disimak.

TablePress

TablePress memungkinkan Anda untuk dengan mudah membuat dan mengelola tabel yang indah. Anda dapat menanamkan tabel ke dalam posting, halaman, atau widget teks dengan Shortcode. Tabel data dapat diedit dalam antarmuka speadsheet-like sehingga tidak ada coding diperlukan. Tabel dapat berisi jenis data, bahkan formula yang akan dievaluasi. Sebuah perpustakaan JavaScript tambahan untuk menambahkan fitur seperti penyortiran, pagination, penyaringan, dan lebih bagi pengunjung situs. Tabel dapat diimpor dan diekspor dari / ke Excel, CSV, HTML, dan file JSON.

 

Membuat Table Dengan TablePress

Untuk membuat Table, misalnya table pricelist / Daftar Harga, Plugin ini mampu untuk import/eksport file dari / ke .CVS yang sebelumnya agan buat di Microsoft Excel atau program lain seperti OpenOffice.org. Namun jika agan ingin membuat table secara online melalui Dashboard Admin, plugin TablePress juga menyediakan form untuk membuat table secara online melalui Menu Admin Dashboard TablePress > Add New Table. Berikut Screenshotnya:

plugin table wordpress screenshot all table
“All Tables” screen – by TablePress WordPress Plugin
"Add New Table" screen - by TablePress WordPress Plugin
“Add New Table” screen – by TablePress WordPress Plugin
"Import Table" screen - by TablePress WordPress Plugin
“Import Table” screen – by TablePress WordPress Plugin
"Export Table" screen - by TablePress WordPress Plugin
“Export Table” screen – by TablePress WordPress Plugin

Plugin ini sangat cocok untuk website yang membutuhkan sebuah table yang mampu import dan eksport data baik dari file .CSV, HTML, dan JSON, misalnya untuk membuat/insert table daftar harga dalam post, table untuk data-data pelajar (website Sekolah, Universitas dll). Demo : Daftar Harga VPS Murah Indonesia

Cara Insert Table

Untuk insert Table kedalam post agan cukup memasukkan shortcode dengan ID Table yang sesuai dengan table yang agan ingin tampilkan contoh shortcode:

[table “ltIDgt” not found /]

Keterangan: ganti =<ID> dengan ID Table / angka misalnya =1. Atau agan juga bisa insert table melalui button/icon TablePress di pojok kanan pada form saat membuat Post.

 

MCE Table Buttons

Sebuah plug-in yang ringan untuk menambah kontrol editing Table dengan versi lengkap dari TinyMCE, dioptimalkan untuk WordPress. Plugin ini lebih sederhana, mirip seperti saat agan insert table di Microsoft Office.

MCE Table Buttons
The editor with the new table editing controls in WordPress 3.9 or newer – MCE Table Buttons

 

Membuat Table dengan MCE Table Buttons

Cukup dengan klik Button Table pada saat membuat post maka opsi insert table akan tampil, kemudian agan bisa langsung pilih berapa banyak row table dan column yang agan butuhkan, Simple dan sangat berguna!.

Modif CSS Style Table

Defaultnya plugin ini tanpa style, jadi saat agan membuat / insert table kode yang dihasilkan berupa kode HTML tanpa class seperti contoh dibawah ini:

<table>
  <tr>
    <td>No</td>
    <td>Nama</td>
    <td>Alamat</td>
  </tr>
  <tr>
    <td>1</td>
    <td>Ahmad</td>
    <td>Desa Babulang Kec. Kalianda</td>
  </tr>
  <tr>
    <td>2</td>
    <td>Somad</td>
    <td>Desa Kekiling Kec. Kalianda</td>
  </tr>
  <tr>
    <td>3</td>
    <td>Syahid</td>
    <td>Desa Penengahan Kec. Kalianda</td>
  </tr>
</table>

 

Contoh CSS style untuk single post:

.single table {margin: 10px 0;}
.single table tr td {padding: 3px 5px; border: 1px solid #eee;}
.single table tr td:first-child {}
.single table tr td:last-child {}

 

Hasilnya:

No Nama Alamat
1 Ahmad Desa Babulang Kec. Kalianda
2 Somad Desa Kekiling Kec. Kalianda
3 Syahid Desa Penengahan Kec. Kalianda

Selesai. Selamat mencoba gan.

Cara Membuat Popular Post Dengan Thumbnail

Cara membuat popular post dengan thumbnail idnetter.com, Setelah sukses membuat theme WordPress dengan modal HTML5Blank dan juga perpaduan style Bootstrap dari StartBootstrap.

Wordpress Popular Posts Plugin - Logo WordPress

Selain visitor, ane merasa ada yang kurang yakni sebuah widget popular posts yang ane inginkan dengan thumbnail disamping title post. Ingin niat oprek kode sendiri tapi ternyata ada sebuah plugin yang siap untuk menampilkan popular post serta thumbnail dan beberapa opsi lain yang ingin ditampilkan pada widget. Cara Membuat Popular Post Dengan Thumbnail di WordPress gampang banget gan berikut ane share secara singkat langkah-langkahnya.

 

Cara Membuat Popular Post Dengan WordPress Popular Posts Plugin

Fitur Utama:

  • Multi-widget capable. That is, you can have several widgets of WordPress Popular Posts on your blog – each with its own settings!
  • Time Range – list those posts of your blog that have been the most popular ones within a specific time range (eg. last 24 hours, last 7 days, last 30 days, etc.)!
  • Custom Post-type support. Wanna show other stuff than just posts and pages?
  • Display a thumbnail of your posts! (see the FAQ section for technical requirements).
  • Use your own layout! Control how your most popular posts are shown on your theme.
  • WPML support!
  • WordPress Multisite support!

Dan masih ada beberapa fitur lainnya yang bisa agan check di: https://wordpress.org/plugins/wordpress-popular-posts/

 

Download WordPress Popular Posts Plugin

 

Cara Install dan Settingnya Mudah

Cara setting WordPress Popular Posts tidaklah ribet dan mudah agan juga bisa custom style sesuai selera melalui css pada theme wordpress yang digunakan pada website agan. Berikut cara singkat dan hasil screenshoot plugin WordPress Popular Posts di website ane.

1. Login ke Dashboard Admin

2. Arahkan mouse ke menu Plugins > klik Add New

3. Cari WordPress Popular Posts kemudian pilih install dan aktifkan

4. Pada menu Appereance pilih Widgets, tambahkan WordPress Popular Posts ke sidebar dengan cara drag and drop seperti biasa

5. Centang pada bagian Display post thumbnail sesuaikan ukuran seperti keinginan agan berikut screenshootnya:

cara membuat popular post
cara membuat popular post idnetter.com

6. Klik Save

 

Custom Style CSS

Jika ada tampilan dirasa kurang pas semisal margin/padding atau ingin membuat rounded corner pada bagian thumbnail agan bisa menambahkan class pada css theme WordPress yang agan pakai. Contoh:

.sidebar-widget .wpp-thumbnail {
margin-right: 10px;
}
.sidebar-widget ul.wpp-list li {
margin-bottom: 10px;
}

Met mencoba gan.