Membuat dua tampilan berbeda blog wordpress pada dekstop dan mobile

Pengakses internet dewasa ini semakin banyak yang menggunakan perangkat mobile, jadi tidak hanya didominasi para pengakses yang menggunakan komputer.Untuk itu penting bagi para pengelola web/blog  untuk meningkatkan aksesbilitas blog yang baik pada perangkat bergerak ini.
Pada umumnya tampilan dekstop akan lebih berat dan views yang kurang bagus jika diakses menggunakan browser perangkat mobile yang notabene memiliki layar yang cukup sempit.Kesimpulannya,agar semakin fleksibel dan friendly blog harus bisa memenuhi untuk dua tampilan berbeda untuk dekstop dan perangkat bergerak.Dimana blog akan akan secara otomatis menyesuaikan tampilan situs yang simple untuk mobile, sehingga lebih ringan.Dan juga otomatis bisa menyesuaikan tampilan web yang kompleks untuk pengguna dengan PC dekstop.
Kalau kita membuat blog menggunakan blogger, tampilan mobile otomatis bisa kita setting melalui dashboard.Namun berbeda untuk blog wp self hosting, karena tampilan mobile yang diinginkan haruslah kita upayakan sendiri.

Jika kamu menganggap penting mode tampilan blog berbeda ini, maka silahkan untuk terus membaca.


Untuk blog wordpress kamu cukup hanya menginstal plugin dan melakukan beberapa setting, maka blog kamu sudah siap untuk menyajikan dua tampilan berbeda untuk dekstop dan mobile.
Cara kerja utama plugin ini adalah  sebagai switcher yang akan bekerja otomatis dengan deteksi browser pengguna, kemudian akan menampilkan theme blog yang sesuai dengan browser/device yang dipergunakan.Tergantung dari setting yang kita masukkan, bisa juga sekaligus pengunjung untuk memilih sendiri mode tampilan yang diinginkan.
Disini saya merekomendasikan plugin bernama Mobile Switcher, yang gratis bisa kamu install melalui dashboard blog wp kamu.Sebenarnya ada banyak plugin yang sejenis, namun plugin ini yang sudah saya pakai dan saya buktikan bekerja dengan baik.

Cara instalasi dan setting.

Pertama :
Install plugin Mobile Switcher terlebih dahulu melalui dashboard blog.Seacara default, plugin ini sudah membawa serta 4 thema blog yaitu blue, green, red dan base.Namun kamu bisa menambahkan sendiri thema blog wp mobile sesuai dengan keinginan kamu.

Kedua: Disini ada pilihan apakah kamu akan menggunakan subdomain untuk tampilan mobile , misalnya m.mysite.com atau tetap menggunakan domain utama untuk dua mode tampilan.Jika ingin menggunakan subdomain khusus m.mysite.com untuk tampilan mobile, maka kamu sebelumnya harus membuat subdomain tersebut atau membuat domain aliasnya.Menurut saya, jika ingin menggunakan m.mysite.com sebaiknya menggunakan domain alias saja karena lebih mudah.Jika menginstal wp tersendiri sendiri pada subdomain sebenarnya juga bisa dengan melakukan setting database yang sama, namun cara ini agak cukup ribet juga.Tergantung selera saja deh.

Setting

Setelah kamu menginstal, silahkan lihat pada Appearance maka disana ada 3 link yang menyatakan: mobile themes, mobile widgets dan mobil switcher.Untuk mobile themes, mobile widgets tidak perlu kita bahas, karena hanya bersifat opsional dan akan mudah kamu mengerti.Yang kita bahas yang paling penting saja, yaitu setting pada mobile swithcer.

Switcher mode


List dropdown, ada 4 pilihan disana:

Disabled: Jika menginginkan mobile switcher tidak diaktifkan
Browser detection: Jika kamu tidak menggunakan subdomain khusus e.g m.mysite.com, maka ini adalah pilihannya.Jadi, browser akan mendeteksi dan memberikan tampilan secara otomatis yng sesuai dengan device/useragent pengguna.

Domain mapping: Ini adalah pilihan jika kamu menggunakan subdomain khusus, jadi jika situs diakses menggunakan perangkat mobile maka akan menampilkan plihan bagi pengguna untuk mengakses pada subdomain m.mysite.com yang sebelumnya sudah dibuat/diset pada hosting.

BOTH:Browser detection and Domain mapping: Ini akan secara otomatis mendeteksi dan sekaligus menampilkan mode situs sesuai dengan perangkat pengguna.Dengan catatan kamu harus membuat domain khusus tampilan mobile pada hosting terlebih dahulu.

Jika kamu tidak mau ribet membuat subdomain khusus, sebaiknya pilih mode pilihan yang pertama yaitu Browser detection.

Mobile theme
Pilih tampilan/thema mobile yang kamu inginkan.Disana sudah ada 4 tampilan mobile bawaan dari plugin Mobile swithcer.Jika kamu menginstall thema khusus kesukaanmu, juga akan terdeteksi disana dan bisa kamu pilih/terapkan.

Browser detection
Hanya ada satu pilihan, jadi biarkan saja default.

Desktop domains
Ini adalah alamat situs kamu yang akan ditampilkan jika diakses menggunakan PC Dekstop, isi saja misalnya www.mysite.com.

Mobile domains
Pilihan ini hanya akan aktif jika kamu melakukan setting pada Browser detection atau Browser detection and Domain mapping.Isi saja dengan subdomain khusus mobile yang sudah kamu persiapkan.

Footer links
Chekbox, boleh dicentang jika menginginkan pengguna untuk bisa memilih mode tampilan blog yang diinginkan sendiri melalui link footer.Tidak usah dicentang jika tidak menginginkan link footer tersebut ada diblog kamu.

Mudah bukan?,,,,,
Sekarang blog kamu sudah siap diakses dengan baik dan sesuai dengan device dari pengguna.
Baik diakses menggunakan perangkat bergerak ataupun PC dekstop, blog kamu tetap bersahabat berkat bantuan plugin gratis tersebut.Selamat mencoba!!

Plugin Penting untuk Wordpress

Salah satu kelebihan CMS blog wordpress adalah banyaknya plugin yang dikembangkan oleh ribuan sukarelawan yang bisa kita pakai secara gratis.Walaupun banyak plugin yang kita pakai, sebaiknya kita bijak dalam menggunakannya.Terlalu banyak penggunaan plugin jatuhnya tidak baik juga, terutama untuk blog yang menggunakan shared hosting.Plugin plugin tertentu ternyata bisa merugikan blog kita, akses menjadi berat dan banyak memakan resource server.Kalau bisa kita sisasati dengan tanpa plugin untuk fungsi tertentu, sebaiknya tidak menggunakan plugin.Untuk related post misalnya, related post penting untuk meningkatkan pageviews.Sementara plugin related post ini juga memberatkan server, solusinya bisa menggunakan related post tanpa plugin.
Sebaiknya kita hanya mempergunakan plugin yang sifatnya penting, dan memang sangat diperlukan saja.

Berikut beberapa plugin wordpress yang penting dan direkomendasikan ada pada blog wordpress kita:

Aksismet

Aksismet adalah plugin yang secara default sudah terinstal setelah kita menginstall wordpress menggunakan autoinstaller.Tugas kita hanya memperoleh code API akismet dan memasukkannya disaat kita mengaktifkan plugin ini.Ikuti petunjuk yang sudah diberikan saat kita mengaktifkan plugin ini, bagaimana dan dimana mendapatkan API codenya.
Akismet adalah plugin SPAM filter, yang akan melindungi komentar blog dari wordpress dari aktifitas Komentar SPAM oleh bot/software.

Growmap Anti Spambot Plugin

Plugin ini gratis, silahkan dicari melalui dashboard-> add new plugin.Growmap Anti Spambot Plugin juga membantu mengatasi masalah SPAM yang dilakukan oleh Bot/software, dengan menghadirkan konfirmasi berupa cheklist.Komentar SPAM oleh bot sangat merugikan, terutama jika tidak moderasi komentar.Dalam beberapa saat saja bisa ratusan komen SPAM bisa masuk jika tanpa plugin Growmap Anti Spambot Plugin atau sejenisnya.

Google XML Sitemap

Selain Google XML Sitemap mungkin masih banyak plugin yang sejenis.Namun saya menyarankan Google XML Sitemap karena saya juga menggunakan plugin ini, dan menurut saya plugin ini sangat mudah settingnya dan cukup powerfull.Google XML Sitemap sangat berguna untuk membuat sitemap.xml secara otomatis.Sitemap.xml diperlukan untuk add sitemap blog kita pada google webmaster tool.

Optimize Database after Deleting Revisions

Plugin ini sangat berguna untuk mengoptimalkan database blog.Jika kita menghapus kontent, biasanya database tidak akan bisa bersih sepenuhnya dari kontent yang didelete.Optimize Database after Deleting Revisions akan membantu kita untuk mebersihkan database secara tuntas.Plugin ini gratis, silahkan dicari melalui dashboard-> add new plugin.

BulletProof Security plugin

Plugin ini berguna untuk melindungi situs blog wp kita dari aktifitas peretas yang berusaha untuk menembus sistem blog kita.Plugin ini akan menciptakan file .htaccess secara otomatis untuk melindungi setiap directori penting dalam blog wp kita.Plugin ini gratis, silahkan diadd melalui dashboard blog.

All in One SEO Pack

All in One SEO Pack gratis, silahkan di add/install melalui dashboard blog.All in One SEO Pack sangat penting dalam kita mengoptimalkan hasil pencarian.Plugin ini membantu kita untuk menghindari duplicate konten yang biasanya sangat rentan terjadi pada blog wordpress.Dengan semakin banyaknya duplicate content pada webmaster tooll, maka blog kita akan semakin tidak bersahabat dimata mesin pencarian.All in One SEO Pack saya kira sangat penting dan membantu.

Broken link Checker

Plugin ini akan membantu kita untuk menemukan link link yang sudah tidak valid/rusak secara otomatis, untuk kemudian agar kita bisa memperbaikinya sesegera mungkin.Setiap ada link yang rusak baru diketemukan, plugin ini akan segera menampilkan tanda berupa jumlah linki rusak pada dashboard.Broken link Checker adalah plugin gratis, silahkan dicari melalui dashboard.

WP Facebook Open Graph protocol dan WP Open Graph

Kedua plugin diatas menurut saya juga penting untuk blog WP.Guna kedua plugin diatas adalah untuk menghubungkan situs blog kita dengan situs web lain seperti facebook.Misalnya, ada pengunjung yang menshare artikel melalui button sharing, maka desckripsi dan gambar akan tampil dengan baik pada facebook (WP Facebook Open Graph protocol).WP Facebook Open Graph protocol dan WP Open Graph adalah plugin Open Graph sendiri-sendiri, silahkan diinstal satu persatu dan gratis.

W3 Total Cache

Plugin ini berguna untuk menghemat bandwidth server dan membantu meringankan loading blog kita.W3 Total Cache menurut saya paling powerfull, walaupun plugin ini mungkin sangat membingungkan bagi pemula.Settingannya cukup ribet juga, karena kita harus utak-atik pada file permission dan .htaccess pada saat melakukan setting.Fitur yang sangat fenomenal pada W3 Total Cache adalah fitur CDN-nya.Plugin ini gratis, silahkan dicari melalui dashboard.

Agar Loading Blog Wordpress Cepat

Sepertinya para pengelola blog sudah seharusnya memberikan pengalaman maksimal kepada pembacanya.Salah satunya adalah mengupayakan bagaimana agar loading blog menjadi lebih cepat loadingnya.Dengan loading yang cepat, para pembaca blog menjadi nyaman berlama lama menjelajahi artikel yang ada.Tak diragukan lagi, speed blog adalah salah satu faktor penting yang dapat mempengaruhi SEO.Bagi yang masih dibatasi bandwidth, meringankan loading blog juga akan secara signifikan menghemat bandwidth.

Berikut beberapa tips agar loading blog Wordpress cepat atau ringan:

Server Hosting yang mumpuni

Untuk blog platform hosting sendiri seperti WP,  pertamakali harus memiliki hosting yang cukup handal.Karena ini faktor utama  yang sangat menentukan kecepatan loading blog.Untuk itu jangan salah pilih saat memilih hosting, pilih yang memang sudah banyak dibuktikan oleh rekan bloger lainnya.

Pergunakan Javascript yang wajar-wajar saja

Jika hosting sudah cukup handal, sebenarnya blog WP self hosting sudah lebih ringan.Dengan catatan tidak menggunakan javascript yang macam macam.Kurangi widget widget javascript yang tidak penting, sebab pembaca yang datang bukan untuk mengagumi penampakan theme blog kamu.

Memilih Template

Banyak sekali template blog gratis yang disediakan untuk wordpress hosting sendiri, pilih yang menurut kamu paling simpel, enak dilihat dan ringan loadingnya.

Mempergunakan plugin dengan bijak

Salah satu yang menarik dari wp adalah adanya plugin.Namun terlalu banyak menggunakan plugin yang tidak tepat bisa mengakibatkan lambatnya loading.
Batasi penggunaan plugin, terutama yang banyak memakan resource server seperti plugin related post.Karena related post ini penting untuk membantu meningkatkan pageviews, ini bisa diatasi dengan tidak menggunakan plugin alias menulis PHP sendiri pada template.Script PHP related post , bisa dilihat disini

Penggunaan CSS

Secara umum CSS sebenarnya tidak terlalu memberatkan, namun ada 1 catatan.Kurangi penggunaan CSS3, karena penulisan CSS3 biasanya lebih kompleks dan harus ditulis dobel agar disupport oleh beberapa jenis browser.Kalau masih dalam penggunaan yang biasa, mungkin tidak akan berpengaruh banyak.CSS3 biasanya sudah mendukung fungsi animasi, kalau fungsi animasi tidak penting kenapa dipasang?..

Penggunaan Background Gambar

Gambar memang cukup memberatkan, jika memang perlu untuk desain template sebaiknya pilih yang resolusinya rendah.Gambar (IMG) yang berektensi GIF dan PNG lebih berat dari pada yang berektensi JPG.Karena JPG bisa di atur resolusinya menjadi lebih rendah dengan photosop.Kalau tidak perlu, kenapa mesti menggunakan gambar header kalau itu hanya memberatkan loading.

Gambar didalam postingan

Tanpa gambar, biasanya postingan akan kurang menarik.Namun kalau bisa gunakanlah gambar dengan ukuran seminimal mungkin.Kalau perlu dikompress dulu ke .jpeg, dengan ukuran yang sesuai kebutuhan.Misalnya kamu hanya butuh gambar untuk postingan berukuran 300x 300 px, maka potonglah/resize gambar tersebut dengan ukuran yang sebenarnya.Maksudnya gambar jangan dikecilkan menggunakan CSS/HTML.

Berikan fasilitas tampilan versi mobile

Ada beberapa cara agar blog Wordpress bisa diakses untuk dua tampilan, yaitu tampilan mobile dan tampilan dekstop.Sistem kerjanya, jika blog diakses menggunakan browser mobile (hp) maka otomatis yang tampil adalah versi mobile.Pengakses internet menggunakan handphone cukup banyak lho?,,,jadi penting untuk memperhatikan ini.Sebab tampilan dekstop jika diakses menggunakan hp akan sangat berat sekali, tergantung juga sih kayak apa juga theme mobile yang kamu pakai.Paling tidak tampilan mobile akan lebih sesuai dan enak dibaca menggunakan hp.
Cara yang paling mudah adalah menggunakan plugin semacam Wordpress Mobile Pack atau wordpress mobile.Cara  penggunaannya cukup mudah, hanya tinggal menginstal plugin seperti biasa dan melakukan setting.Kedua plugin diatas akan membuat otomatis tampilan blog mobile, jika blog diakses dengan handphone.Atau ingin membuat halaman situs mobile khusus tersendiri dengan menggunakan subdomain m.situskamu dot com, kedua plugin diatas bisa diset demikian.

Menginstal Plugin Chace

Chache?,,sudah tahukah chache?...chache atau tembolok adalah fungsi browser yang dapat menyimpan halaman situs sementara.Seperti halnya merekam, gitu deh,,,,Jadi, dengan adanya chahce, maka browser tidak akan sepenuhnya mengambil file halaman situs dari server semuanya bagi pengunjung kembali.Untuk itu diperlukan plugin yang bisa menanamkan chace pada browser pengguna.
Plugin ini menurut saya sangat penting, apalagi bagi yang servernya masih shared hosting.Rekomendasi saya adalah W3 Total Chace, karena plugin ini juga mengcreate chace pada server.Selain itu ada pula fitur CDN(=Content Delivery Network) pada plugin ini yang bisqa diaktifkan.Dengan memanfaatkan fitur CDN, kecepatan loading blog akan semakin konsisten dan terbilang "Super Sekali".Selain itu, plugin W3 total chace juga dilengkapi dengan fitur user agen group, dimana fungsinya untuk menampilkan theme berbeda pada device/browser tertentu.Fitur  User agent Group ini fungsinya hampir mirip dengan plugin Wordpress Mobile Pack atau wordpress mobile, seperti yang sudah saya dijelaskan pada poin diatas.
Namun, penyetingan pada plugin W3 Total Chace ini tergolong rumit dan butuh kesabaran.Jika kamu malas ribet, ada plugin alternatif lain yang lebih simpel bisa kamu pergunakan , adalah WP Super Chace.Terutama untuk menghemat bandwidth, plugin chache ini sangat berguna.

Tujuan dan cara setting file permission pada hosting

Setting mode File permission adalah pemberian hak akses yang diberikan kepada file/direktori tertentu bagi pengguna pada web hosting dengan server UNIX/LINUX.
Setting Chmod adalah istilah yang mungkin lebih umum dikenal , jika ingin merubah mode permission pada file/direktori tertentu.
Sangat penting untuk mengerti ini jika kita sebagai blogger yang menggukanan platform self hosted misalnya wordpress.Sebab banyak kasus pengguna wordpress self hosted bingung, karena beberapa tidak bisa merubah file langsung dari editor pada dashboard.Atau bahkan tidak bisa mengupload gambar kedalam album gambar pada saat posting.
Hal ini karena mereka belum tahu , jika file permission pada direktori wp-content masih dalam mode tertentu.Terutama jika mereka menghosting blog pada webhosting dengan server linux, dimana file-file situs yang di upload/install tidak secara otomatis berada pada mode permission yang diperlukan.

Pada dasarnya yang dimasksud dengan permission ini adalah izin yang diberikan kepada pengguna tertentu atas file/direktori yang membangun sebuah situs.

Istilah istilah untuk menyetel chmod/ permission dibagi kepada 3 kelompok pengguna:

Owner (O):Yaitu hak akses yang akan diberikan kepada pemilik situs/webmaster.
Group (G): Yaitu hak akses yang akan diberikan kepada group pengguna/administrator situs.
World (W): Yaitu hak akses yang akan diberikan kepada semua pengguna diseluruh dunia :).

Nilai hak akses yang diberikan juga berada pada 3 tindakan terhadap file/ direktori yang diijinkan, yaitu:

r = Read, jika ini diberikan berarti pengguna tertentu memiliki izin untuk membaca file/direktori tersebut.

w = Write, jika ini diberikan berarti pengguna tertentu memiliki izin untuk merubah isi file/direktori tersebut.

x =executed, jika ini diberikan berarti pengguna tertentu memiliki izin untuk menjalankan file/ isi direktori tersebut.

Status permission

Status permission dari file/direktori dibaca dengan format, contohnya r-w-x  r-w-x  r-w-x , atau jika dibaca dengan nilai oktal berarti file permissionnya berstatus 777.

Contoh set mode permission:

r-w-x r-x r-x , dalam nilai oktal adalah 755 , artinya:
7 = Pemilik diberikan permission , dimana ia bisa membaca, merubah, dan mengeksekusi file yang ada.

5 = Pengguna tertentu/group diberikan permission, dimana ia hanya bisa membaca dan mengeksekusi file yang ada

5 = Pengguna umum/dunia hanya bisa membaca dan mengeksekusi file yang ada.

755 adalah nilai oktal dari file yang ada.

Maksud pemberian nilai permission yang lainnya:

0 = Tidak diijinkan untuk membaca,merubah dan mengeksekusi file yang ada.

1 = Hanya diperbolehkan untuk mengeksekusi saja file yang ada.

2 = Hanya diperbolehkan untuk merubah saja file yang ada.

6 =  Hanya diperbolehkan "read" dan "read" file yang ada.

Contoh kasus penyetelan file permission pada file/direktori blog wordpress

Tidak bisa menjalankan file Editor di dashboard.
Hal ini karena group tidak diijinkan untuk merubah(menambah/mengurangi) isi direktori dari wp-content, direktori themes dan nama theme.Kemungkinan set permissionnya berada pada oktal 755.Agar bisa melakukan edit melalui dashboard, silahkan dirubah permissionnya menjadi 775.

Tidak bisa mengupload gambar saat posting.
Hal ini karena group tidak diijinkan untuk merubah(menambah/mengurangi) isi direktori dari wp-content dan direktori file upload .Kemungkinan set permission pada kedua direktori berada pada oktal 755.

Blog error ada tulisan permission denied
Ini bisa dipastikan karena  ada file yang berada pada permission 600, atinya semua group dan pengguna tidak diizinkan untuk mengeksekusi file yang ada.

Tips:
File wp-content sebaiknya tetap pada 755, supaya lebih aman.Karena pada mode tersebut, siapapun tidak bisa melakukan edit file theme melalui dashboard.Barangkali saja blog Kamu nanti dimasukin orang secara il*gal.Jika ingin edit theme bisa dirubah lagi kedalam mode 775.
Jangan membiarkan set permission pada nilai oktal 777, artinya semua saja bisa membaca, merubah dan mengeksekusi file/direktori tersebut.Kecuali jika kami ada pada kebutuhan tertentu yang memang mengharuskan.

Dampak artikel blog yang Copy paste

Copy paste adalah cara instan untuk mengisi artikel blog yang hingga kini masih saja marak dilakukan.Untuk membuat artikel secara natural, minimal bisa dilakukan dalam waktu 1-2 jam.Dengan waktu sebanyak itu, kita sudah bisa memposting artikel sebanyak 50 halaman dengan cara copypaste.Sangat jauh ya bedanya?......Artikel hasil copy paste adalah artikel yang berbobot semua, karena merupakan hasil penyeleksian.Benarkah membuat blog bisa semudah demikian????,,,,teruskan membaca....

Definisi Copy paste blog

Copy dan paste adalah dua baris perintah yang berada pada menu klik kanan pada mouse komputer setelah diseleksi.Atau bisa juga dengan jalan menggunakan perintah shortcut pada keyboard komputer, CTRL+C dan CTRL+V setelah artikel diseleksi.Dengan menggunakan perintah perintah tersebut, kamu sudah bisa memiliki sebuah artikel yang sama persis dari aslinya.Sangat mudah, hanya perlu sekian menit saja.
Walaupun tanpa menggunakan perintah copy dan paste, kamu bisa juga menyadurnya dengan cara mengetik secara manual.Tapi mana mungkin seseorang menyalin dengan cara ketik manual untuk membuat artikel.Yang jelas bagaimanapun caranya, apabila seluruh atau sebagian artikel yang sama bisa disebut hasil copy paste.

Walaupun kelihatannya mudah, namun tindakan copas ternyata dampaknya sangat merugikan kita dan blog kita sendiri.Berikut dampak yang bisa terjadi jika bikin artikel dengan cara copypaste:

Menjadi pemalas
Dengan copas terus menerus, kita akan menjadi orang yang malas.Selalu cari yang instant tanpa mau belajar.Jika kamu berniat untuk berbisnis online sebagai blogers, tidak akan pernah berhasil jika malas.
Karena penyebab kegagalan terbesar dari bisnis online adalah kemalasan.Dan faktanya, tidak ada kesuksesan bisnis online yang bisa dihasilkan dengan cara instan.

Mematikan kreatifitas
Blog adalah dunia menulis, dan untuk bisa menulis itu butuh pembiasaan.Jika hanya copas melulu, kapan saatnya untuk mulai membiasakan diri agar bisa menulis?.Jangan takut tulisan sendiri dibilang jelek, karena siapapun blogers tidak serta merta bisa menulis begitu saja.Semuanya melalui proses, tidak ada bayi yang langsung bisa jalan tanpa merangkak terlebih dahulu.
PEdE aja lagi dengan tulisan sendiri, jangan malu atau takut diejek..Ini adalah blog milik kamu sendiri, kamu bebas menulis apapun dan bagaimanapun asal karya sendiri.Ingat!!!,,,blog adalah dunia menulis, dengan menekuni bloging berarti harus bisa menulis.
Buktinya, saya sendiri juga tidak malu jika tulisan saya ini jelek,,,

Tidak dihargai oleh sesama blogers
Blogers lain akan merasa enggan untuk menjalin hubungan dengan kamu, apalagi untuk bekerjasama.

Blog bernilai rendah
Walaupun trafik kamu tinggi, jika hasil copas akan sulit digunakan sebagai sumber pendapatan.Semua penyedia periklanan premium terbaik yang ada sekarang tidak menerima kerjasama dengan blog hasil copypaste.

Tidak disukai oleh pembaca
Jangan dianggap para pembaca yang awam ngeblog tidak akan bisa menilai. Mereka akan geram jika merasa seperti mengalami DEJAVU, setelah membaca artikel blog hasil copas.Dengan menemukan artikel yang sama persis dengan yang dibaca sebelumnya, mereka seolah telah menemukan sampah.

Disingkirkan oleh mesin pencari
Dari waktu kewaktu algoritma mesin pencari seperti google search terus mengalami update.Hal ini untuk terus memberikan peningkatan pengalaman terbaik bagi penggunanya.
Mungkin untuk beberapa waktu lalu blog copas masih aman, update terbaru algoritma search google (dynosaurus) sampai saat ini sudah berhasil menjaring ribuan blog yang dianggap spam [Baca di Forum-Forum sebelah].
Blog copypaste bisa terdeteksi sebagai blog SPAM, dan pada akhirnya akan disingkirkan dari result.Jadi masa depan blog yang copas akan terus memburuk kedepannya.

Blog bisa dihapus oleh penyedia layanan
Jika artikel hasil copypaste dilaporkan pelanggaran DMCA oleh penulis aslinya, maka artikel akan dihapus jika memakai layanan blogger.Jika blog menggunakan platform lain misalnya wordpress, artikel akan deindex oleh mesin pencari.Pada tingkatan pelanggaran hakcipta yang lebih parah,  hal ini bisa menimpa keseluruhan domain/isi blog.

Mengingat dampaknya yang cukup besar jika melakukan copas, sebisa mungkin untuk dihindari demi keberlangsungan jangka panjang blog yang dikelola.
Hanya sekedar mengingatkan akan pentingnya peningkatan kualitas blog, karena pada akhirnya kita sendiri yang akan menikmati keuntungannya.
Untuk bisa sukses ngeblog, suka atau tidak suka ya beginilah caranya.Yuk kita berbuat sesuatu yang lebih baik lagi bersama sama, mulai dari sekarang.Happy Bloging!!....

Template Wordpress Terbaik Gratis

Kalau kamu mencari sebuah template wordpress gratis sebenarnya ada banyak sekali,baik yang dibagikan melalui situs resmi wordpress maupun diluar.Semuanya menojolkan kelebihan masing masing,dari mulai desain perancangan,penambahan fitur khusus dan lain lainnya.
Kamu bebas memilih,mana yang kamu suka bedasarkan desain atau fitur tertentu yang jarang ditemui pada template wordpress lainnya.

Belum mempunyai blog wrodpress hosting sendiri?,ketahui caranya di: Cara membuat blog wordpress hosting sendiri

Akan ada baiknya kamu menggunakan template wordpress gratis hanya yang disediakan disitus resmi mereka.Terutama jika kamu tidak begitu kenal dengan bahasa pemrograman web yang digunakan membangun template wordpress,yaitu PHP.Sebab ada kalanya template yang dibagikan gratis tersebut menyimpan "sesuatu" yang tidak bagus buat blog kamu.Walaupun tidak semua template gratis seperti itu,namun jika kamu sudah mengenal PHP maka kamu bisa memastikan bahwa tepmlate tersebut memang "aman".
Sekedar untuk diketahui,template wordpress mudah disisipi apapun untuk kepentingan pembuatnya.Dan bahkan "sesuatu" tersebut sulit dideteksi, karena menggunakan code yang enscrypted.
Jika template disisipi semacam malmware,blog kamu akan disingkirkan oleh mesin pencari karena dianggap membahayakan bagi perangkat pengunjung. Memang secara kasat mata kamu tidak akan melihat adanya malmware,tapi algoritma mesin pencari akan dengan mudah untuk mengetahuinya.

Dengan menggunakan template yang disediakan disitus resmi wordpress,blog kamu akan terhindar dari hal hal yang bisa berakibat buruk seperti itu.Karena sebelum template tersebut bisa diunduh disitus,template tersebut sudah melalui seleksi tim editorial mereka.

Namun desain yang ditawarkan kebanyakan memiliki desain yang sangat sederhana.Namun jangan salah,walaupun sederhana template template tersebut sangat powerfull dari segi SEO.Masalah desain,kamu bisa kok merubah sesuai dengan warna atau desain yang kamu sukai.
Pilihan terbaik kedua adalah template premium,karena mana mungkin template yang dijual disisipin yang macam macam.Dan Template premium biasanya dibuat semenarik mungkin,hal ini karena persaingan diantara pengembang untuk memikat hati calon pembelinya.
Dan yang paling penting adalah faktor keamanannya.

Mau tahu mana template wordpress terbaik dan gratis?..
Template tersebut sudah saya buktikan sendiri kehebatannya dan saya pakai hingga saat ini.Saya nggak mungkin lagi akan berpindah template yang lain,selain karena memang sudah saya modifikasi habis habisan.Capek kalau harus ngelakuin hal itu lagi :D.

Ternyata banyak  bloger yang sudah berhasil menggunakan template tersebut ,ini saya ketahui dari blogwalking sana sini.Walaupun kebanyakan mereka telah memodifikasinya,namun karakteristik template tersebut masih bisa saya kenali.Tentu saja saya sudah sangat hafal,karena memang terlalu sering mengutak atiknya.

Buktinya template Twentyteen sudah mendapat rating fivestars, dan telah diunduh sebanyak 1.017.179 kali.

IMG Capture from wordpress

Twentyten,itulah template wordpress yang saya maksud.Saya kira mungkin kamu sudah sering menemuinya, jika menggunakan blog wordpress.

Seperti pada template resmi wordpress lainnya, Twentyten bisa langsung kamu install melalui admin area -> templates pada blog wordpress.

Kelebihan:

• Navigasi sudah dropdown.
• Loading sangat cepat.
• Sangat Mudah dimodifikasi/dicustomisasi.
• Typografi sangat baik,sehingga enak untuk dibaca.
• Free

Sebenrnya tidak terlalu sulit untuk mendapatkan template wordpress terbaik gratis,karena sebenarnya template tersebut sudah ada didepan kita.Setidaknya itu menurut saya,bagaimana dengan kamu?..

Cara membuat FB Like Box melayang dengan tombol close

Kreasi FB Like Box melayang ini dapat anda coba untuk semakin mempercantik blog kamu.Selain itu pengunjung blog kamu akan selalu melihat Likebox ,sehingga mereka tidak akan lupa memberikan like sebelum meninggalkan halaman blog kamu.Dan Kamu pasti senang kan jika likes fanpage kamu semakin cepat bertambah.


Keistimewaan dari like box melayng ini adalah muncul disebelah kiri dari kontent(untuk wide screen),sehingga tidak akan menghalangi artikel dan navigasi.Selain itu juga  adanya tombol Close,sehingga bisa di sembunyikan oleh pengunjung jika mereka anggap mengganggu.

Cara bekerjanya: jika pengunjung melakukan scrooling kebawah atau keatas,FB like box tersebut tetap berada pada posisinya (mengambang) dengan halus.

Kamu bisa memasangnya di blogspot ataupun blog wordpress hosting sendiri.

Code dan cara pemasangan FB Like Box melayang dengan tombol Close.
Kreasi ini hanya menambahkan sedikit code Javascript ,ikuti langkah langkah berikut.

1.Persiapkan dulu code dari plugin likeboxnya terlebih dahulu dengan memakai ukuran : width 140px dan height 270 px.Kamu bisa menyesuaikan ukurannya dengan template blog kamu nanti.Ukuran yang dipakai memang tidak terlalu lebar agar tidak menghalangi kontent.

2.Buat New widget HTML/Javascript (blogspot), kemudian copypaste code berikut:

<style type="text/css">
#fixed{
position:absolute;
margin-top:140px;
background-color: #fff;
width: 140px;
visibility: hidden;
z-index: 100;
}
</style>
<script type="text/javascript">
var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 40 //set x offset of bar in pixels
var startY = 5 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.dobumentElement : document.body
}
function get_cookie(Name) {
var$20search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("fixed").style.visibility="hidden"
}
function staticbar(){
barheight=document.getElementById("fixed").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var20pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("fixed");
stayTopLeft();
}
if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>
<br />
<div class="clear">
</div>
<div id="fixed">
<div style="text-align: right;">
<a href="" onclick="closebar(); return false"><img src="http://demandware.edgesuite.net/aaca_prd/on/demandware.static/Sites-ninewest-Site/-/default/v1340878667943/images/productDetail/b_close_wText.gif" /></a></div>

Masukkan disini Code dari LikeBox FB Kamu

</div>

Kamu bisa melakukan penyetelan atau penyesuaian dengan merubah nilai pada code yang diberi warna merah.

3.Ganti tulisan yang berwarna biru pada script diatas, dengan Code dari plugin FB LikeBox yang sudah kamu buat dan sediakan tadi.

4.Simpan Widget

5.Selesai dan coba.

Nah kan,lebih keren karena munculannya tidak mengganggu kontent blog kamu,dan bisa di close lagi...Enjoy...

Cara agar template blog menjadi SEO friendly

Ini adalah tips yang mungkin dibutuhkan oleh blogger yang ingin kunjungan organik dari mesin pencari.Tips membuat template menjadi SEO friendly ini setidaknya sudah saya terapkan sendiri untuk template blog blog milik saya.Jika Kamu tidak sependapat dengan tips yang saya sampaikan ini,silahkan diskip saja tutorial ini.Namun jika Kamu merasa perlu dan setuju,maka silahkan mengikuti dengan apa yang akan saya uraikan berikut.

Berikut Tips agar template blog menjadi SEO friendly

Mengurangi beban loading halaman blog.

Hal seperti ini memang banyak disarankan oleh para master SEO,bahkan Google sendiri menyediakan tool untuk menganalisa kecepatan loading,di https://developers.google.com/speed/pagespeed/.
Banyak cara yang bisa kamu lakukan untuk membuat template menjadi ringan,diantaranya:
Pergunakan ID dan Class HTML dengan efektif,artinya tidak menambah elemen elemen yang sebetulnya tidak perlu.Semakin banyak karakter yang membangun suatu code,otomatis akan bertambah ukuran file template.Disamping itu,browser akan merender satu persatu ID dan Class HTML yang ada sampai tuntas.
Hapus CSS ,baik keseluruhan maupun deklarasi yang tidak dipergunakan .Kalau perlu kompress CSS menggunakan tool CSS compressor,jika malas mengkompress secara manual.
Jika menginginkan model efeks efeks untuk fitur tertentu,kalau masih bisa dibuat dengan CSS maka jangan menggunakan javascript.Contohnya, menu dropdown yang saya pakai ini saya pilih yang menggunakan CSS.Saya tidak tertarik walau jika  menggunakan Javascript hasilnya akan lebih bagus.
Buang widget widget yang tidak terlalu penting,apalagi menyumbang untuk  menambah beban loading.Cukup mempergunakan navigasi standar saja,seperti recent post,navbar dan label widget.Terutama yang monetize,karena belum lagi membaginya dengan script PPC atau banner misalnya.
Pengunjung hanya perlu untuk membaca artikel blog,bukan untuk melihat salju berguguran yang ada diblog kamu.Nggak perlu lebay kalau hanya merugikan loading blog.Jadi efeks efeks javascript yang tidak dibutuhkan oleh visitor,baiknya diremove saja.
Mempergunakan background image yang proporsional(sesuai kebutuhan),jangan lebay dengan memakai background gambar donal bebek satu halaman body penuh.Apalagi background gambar tersebut mengganggu tulisan menjadi tidak jelas.Hal ini bukannya visitor akan kerasan membaca dan menjelajah,bahkan bisa kabur bahkan belum kelar membaca.

Desain dan Tampilan

Dengan mengurangi ID/CLASS Html,atau CSS bukan berarti template boleh terlihat asal asalan.Ini sebenarnya pilihan,jika blog ingin terkesan dikelola dengan baik maka tampilan harus diperhatikan.Walaupun domain gratisan,kalau desain template punya kesan profesional kan lebih mantap.
Dengan tetap memperhatikan aspek typhografi yang bagus,paling tidak sudah cukup.
Pada intinya bagaimana agar visitor merasa nyaman melihat blog,dan membaca artikel sampai habis tanpa merasa matanya lelah.Karena merasa nyaman baik loading dan saat membaca,maka kemungkinan besar visitor  untuk  menjelajahi artikel yang lain semakin tinggi.
Memang tidak gampang mendesain template yang sederhana,namun memiliki desain yang berkarakter.Cobalah untuk mencari model yang bisa dicontoh jika merasa kesulitan untuk membuatnya.

Heading yang baik
Heading adalah penggunaan  tag HTML seperti <h1><h2><h3>.Katanya banyak orang sih,heading yang baik itu disukai oleh mesin pencari.
Jadi template blog harus bisa membedakan ini,misalnya h1 adalah judul blog yang akan mewakili topik yang dibahas.Dan h2 adalah sub dari h1 yang merupakan bagian dari topik yang dibahas.h1 mutlak harus terdapat dalam struktur template blog dan hanya boleh ada 1 saja dalam setiap halaman.Dan h2 boleh lebih dari 1,atau berapapun selama masih mungkin.h3 sepertinya boleh ada ataupun tidak.

Dalam penerapan heading untuk blog,bisa menggunakan trik tag dinamis h1 h2,Tag didamis h1 h2 artinya bisa menyesuaikan sendiri struktur (h1,h2) secara otomatis untuk setiap halaman blog seperti page,item dan index.Ini penting jika blog mengandalkan katakunci untuk setiap artikel yang ada.Hal ini bisa dikerjakan baik untuk blog Wordpress (self hosting) maupun blogger,yang membedakan hanya cara yang digunakan saja.

Contoh kerja dinamic h1: Pertama,h1 adalah judul blog jika halaman index ataupun page,sedangkan h2 adalah subtitle dari setiap judul postingan yang ada didalam index blog/page.Yang kedua,h1 adalah judul postingan ketika didalam item,sedangkan h2 bisa dibuat sendiri dengan menambahkan heading untuk setiap subtitle saat posting.
Untuk merubah template menjadi seperti itu,perlu untuk menambah code tetentu pada template.Artinya hal ini tidak dilakukan oleh semua template yang ada terutama yang standard.Pada template standard biasanya h1 adalah title blog walaupun dihalaman,index ataupun item.Dan judul postingan dihalaman item biasanya diberi h2 atau h3.

Untuk merubah template menjadi dinamic h1, nantinya akan saya buat tutorial dalam artikel tersendiri,biar tidak campur campur.

Saya tidak bisa menjamin jika trik dinamic h1 bisa lebih unggul dari yang standar,akan tetapi  saya sendiri sudah menerapkan cara ini.

Saya kira hanya itu saja yang biasa saya lakukan,semoga berguna.....

Cara membuat robots.txt untuk mengatasi duplicate content pada wordpress

Berdasarkan pengalaman saya sendiri,blog wordpress sangat rentan sekali untuk  timbul duplicat content.Duplicate content yang saya maksud adalah seperti duplicat metatag atau duplicate titletag.Hal ini hanya bisa diketahui jika kita mengecek  di www.google.com/webmaster > Optimization >HTML Improvements.
Jika memang ada terjadi duplicat content,maka akan dilaporkan secara mendetail disana.Dan jika tidak ada masalah dengan duplicate content,akan ada pesan seperti ini:

Last updated May 28, 2012
We didn't detect any content issues with your site. As we crawl your site, we check it to detect any potential issues with content on your pages, including duplicate, missing, or problematic title tags or meta descriptions. These issues won't prevent your site from appearing in Google search results, but paying attention to them can provide Google with more information and even help drive traffic to your site. For example, title and meta description text can appear in search results, and useful, descriptive text is more likely to be clicked on by users.

Duplicate content terjadi karena ada satu halaman blog dengan dua alamat URL yang berbeda.Atau banyak halaman yang berbeda,tetapi memilkiki title yang sama.
Saran saya supaya Selalu rajin memantau kesehatan  blog kamu diwebmaster tool agar segera bisa tertangani dan tidak sampai menumpuk hingga puluhan bahkan ratusan.
Banyaknya duplicate content pada blog akan menjadi kurang baik blog dimata mesin pencari google ,karena kontent blog akan dianggap tidak berkualitas dan bahkan menyesatkan pembaca.
Tentu hal Ini tidak baik bagi pemeringkatan blog di result mesing pencari google,karena algoritma mesin pencari google lebih menyukai kontent yang unik untuk menempati urutan result atas.
Kesimpulan saya, hindari terjadinya duplikat content ini seminimal mungkin.Seperti yang saya katakan diawal paragraf ini bahwa wordpress(self hosting) lebih rentan terjadi duplicate content,namun jangan khawatir,karena ada masalah pasti ada jalan keluar.
Untuk mengatasi agar tidak terjadi duplicate content diblog  WP,kamu bisa memasang plugin gratis yang bernama All in One SEO Pack , atau sekaligus juga memasang file robots.txt.
Dalam postingan ini ,saya akan share pengalaman saya yaitu bagaimana cara membuat  robot.txt.

Cara mengatasi duplicate content dengan membatasi halaman dengan robots.txt pada blog wordpress.

Pada intinya ,file robots.txt ini berisi perintah khusus untuk membatasi crawl mesin pencari agar mengindex ataupun tidak kepada dokumen html tertentu .
Pada saat crawl mengunjungi sebuah situs/blog,maka yang dicari pertamakali adalah file robots.txt sebelum mengcrawl dokumen index/halaman index blog.

Contoh penulisan perintah robots.txt
Perintah Disallow adalah perintah untuk tidak mengindex page tersebut

Disallow: /author/admin/page/*/

Perintah Allow adalah untuk memerintahkan mengindex page tersebut

Allow: /*

Cara pemasangan file robots.txt dan isi perintahnya secara umum jika untuk blog wordpress.
(berikut ini bukan sekedar contoh,namun ini juga yang saat ini saya pakai di blog WP saya)

User-agent: Googlebot
Disallow: /wp-content/
Disallow: /wp-admin/
Disallow: /info/
Disallow: /author/admin/page/*/
Disallow: /*/page/
Disallow: /page/*/
Disallow: /*/*/page/*/
Disallow: /wp-includes/
Disallow: /wp-
Disallow: /*/feed/
Disallow: /trackback/
Disallow: /plugins/
Disallow: /cgi-bin/
Disallow: /?random/
Disallow: /author/
Disallow: /tv/
Disallow: /css/
Disallow: /img/
Disallow: /*/comment-page-*
Allow: /wp-content/uploads/

User-agent: *
Disallow: /wp-content/
Disallow: /wp-admin/
Disallow: /wp-includes/
Disallow: /wp-
Disallow: /*/feed/
Disallow: /trackback/
Disallow: /plugins/
Disallow: /adlogger/
Disallow: /cgi-bin/
Disallow: /?random/
Disallow: /author/
Disallow: /author/admin/page/*/
Disallow: /*/page/
Disallow: /page/*/
Disallow: /*/*/page/*/
Disallow: /tv/
Disallow: /css/
Disallow: /img/
Disallow: /*/comment-page-*


# Google Image
User-agent: Googlebot-Image
Allow: /*

# Google AdSense
User-agent: Mediapartners-Google*
Disallow:
Allow: /*

# digg mirror
User-agent: duggmirror
Disallow: /

Sitemap: http://www.namablogmu.com/sitemap.xml
Copy dan paste code robots.txt diatas kedalam notepad dengan nama robots.txt lalu upload kedalam direktori hosting dimana CMS wordpress kamu terinstall.Sehingga nantinya file robots.txt itu berada sama sama didalam folder www bersama dengan file file wordpress lainnya.
Cara lain untuk membuat file robots.txt bisa juga langsung melalui c-Panel hosting, direktori > created new file > kasih nama dengan robots.txt > edit > masukkan code diatas > Save.
Untuk memastikan apakah robots.txt sudah terpasang dengan baik atau tidak,cobalah dipastikan dengan cara mengakses alamat  URLnya yaitu http://www.namablogmu.com/robots.txt.Jika memang sudah benar maka code robots.txt diatas akan tampil di browser kamu.

Hanya Untuk melengkapi biar afdol (jika belum),install lah plugin google sitemap xml ,cari saja melalui add new plugin di admin area wp kamu.Plugin ini berguna untuk membuat file sitemap.xml secara otomatis.Jangan lupa jika sudah selesai menginstal plugin ini untuk meng add sitemap blog kedalam www.google.com/webmaster.

Cara memasang related post wordpress tanpa plugin

Memasang related posts pada blog WordPress akan sangat mudah dilakukan jika pakai plugin,istilahnya tinggal colok saja maka sudah selesai.Namun tahukah kamu bahwa semakin banyak plugin maka resource yang dibutuhkan blog kamu ketika diakses akan semakin besar.Terutama plugin related post ini,banyak jasa shared hosting  menghimbau untuk menggunakan cara selain plugin.Mungkin tidak begitu terasa jika lalulintas blog kamu masih rendah,akan tetapi tujuan kebanyakan blogger seperti kita adalah target lalulintas yang tinggi.
Namanya saja shared hosting atau hosting berbagi (kalau tidak salah) :D yaitu satu server yang dipecah pecah untuk banyak domain.Jadi wajar saja jika sang pengusaha teriak terik jika blog kamu terlalu banyak memakan resource dan mengalahkan yang lain.Lainlagi jika blog kamu menggunakan dedicated sserver atau VPS pribadi khusus untuk sendirian.

Baiklah,jika blog wordpress kamu masih nitip server kepada shared hosting ada baiknya mengganti plugin related post ini dengan yang bukan plugin.Caranya sebenarnya juga sama mudahnya,hanya tinggal copas codenya selesai.
Diharapkan akses blog menjadi lebih ringan lagi dengan memasang related post tanpa plugin.

Caranya ,login kedalam admin area blog kamu > Appearance > Editor

Setelah kamu sudah berada didalam halaman  Editor ,kamu akan melihat barisan code didalam sebuah text area,code tersebut adalah style.css.Pada bagian bawah sendiri didalam barisan code css tersebut,pastekan code berikut;

#relatedpost a{font-size: normal;}
#related_posts ul li:hover{background : #f1f1f1 url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMzwh9rTOxa84tZIom9C2heWL5NCcCX3j95aSjLkaakUwN7OKeMTEk37D2NWqeXjSw2JeokmXs4BVurID9oHR0nucsJsXReLxUqbXoQdpj3Rnnpe2R6S0bFRAHYHPKzmzhIBf7ye1PfD8/") no-repeat center left;}
#related_posts h4{font-size: 15px;font-weight: bold;color: darkred;border-top: 1px solid #aaa;}
#relatedcontent { overflow:auto; margin:0px 0px;}
#relatedthumb img{ width:60px;height: 60px;}
#related_posts ul li{list-style: none;background : url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMzwh9rTOxa84tZIom9C2heWL5NCcCX3j95aSjLkaakUwN7OKeMTEk37D2NWqeXjSw2JeokmXs4BVurID9oHR0nucsJsXReLxUqbXoQdpj3Rnnpe2R6S0bFRAHYHPKzmzhIBf7ye1PfD8/") no-repeat center left;margin:0;padding:5px 20px;border-bottom: 1px dotted #ccc;}
#related_posts ul li a{text-decoration:none;display:block;}

Simpan dengan klik button update file!

Jika sudah berhasil diupdate,sekarang perhatikan pada navigasi disamping kanan.Temukan tautan Single Post /single.php.Single.php adalah barisan code yang berfungsi untuk menampilan konten blog pada halaman postingan.Tepatnya buka single.php dengan tujuan untuk meletakkan code related post wordpress tanpa plugin ini tepat dibawah artikel.

Setelah berada di halaman editor single.php,cari code berikut atau semacamnya

<?php the_content('Read more...'); ?>

Kemudian pastekan code PHP berikut tepat dibawah/setelah nya.

<!-- start related post -->
    <?php $orig_post = $post;
    global $post;
    $categories = get_the_category($post->ID);
    if ($categories) {
    $category_ids = array();
    foreach($categories as $individual_category) $category_ids[] = $individual_category->term_id;
    $args=array(
    'category__in' => $category_ids,
    'post__not_in' => array($post->ID),
    'posts_per_page'=> 15, // Number of related posts that will be shown.
    'caller_get_posts'=>1
    );
    $my_query = new wp_query( $args );
    if( $my_query->have_posts() ) {
    echo '<div id="related_posts"><h4>Baca juga artikel yang terkait:</h4><ul>';
    while( $my_query->have_posts() ) {
    $my_query->the_post();?>
    <div id="relatedpost">
    <li>
<a href="<? the_permalink()?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a>
    </li>
    </div>
    <?
    }
    echo '</ul></div>';
    }
    }
    $post = $orig_post;
    wp_reset_query(); ?>
<!-- end related post -->

Update file single.php!
Keterangan: Lihat pada sourcecode related post diatas,perhatikan angka 15 yang berwarna merah,itu adalah jumlah artikel terkait yang ditampilkan.Ubahlah jika kamu menginginkan lebih banyak atau sedikit.
Selesai!