Blogodolar » Tips Wordpress

Cara Membuat Postingan Terkait di Konten Feed WordPress

Kang Yudiono — Sat, 02 Jul 2011 13:33:23 +0000

“Mas mau nanya, di bagian paling bawah email RSS-nya Blogodolar ada menu Postingan Terkait. Bagaimana cara membuatnya?”

Demikian pertanyaan saudara Ansar saat berkomentar di postingan Wawancara dengan Gus Adit.

Yang dimaksudkan Sdr Ansar tersebut bisa Anda lihat pada gambar di bawah ini.

Catatan: Yang saya tampilkan di atas adalah postingan terkait di RSS feed, namun tampilan ini sama juga dengan tampilan feed via email.

Jawaban pertanyaan Sdr. Ansar bergantung pada platform blog yang digunakan. Karena saya menggunakan wordpress, maka jawaban saya adalah dengan menggunakan plugin WordPress Related Posts.

Caranya dengan mencentang bagian Display Related Posts on Feed? pada plugin tersebut. Agar lebih jelas, silakan simak pada gambar di bawah ini.

Apa keuntungan menampilkan postingan terkait di konten feed? Menurut saya ada dua.

Pertama, mengingatkan pelanggan akan postingan relevan dengan postingan yang sedang dibacanya. Kedua, jika mereka tertarik membaca postingan terkait tersebut, maka page views harian blog Anda akan bertambah.

Postingan Terkait:

Cara Setting Plugin W3 Total Cache

Kang Yudiono — Tue, 17 May 2011 03:36:56 +0000

Sebulan lalu seorang pengunjung menghubungi saya via email mengenai cara setting plugin W3 Total Cache. Saya membalas emailnya seraya berjanji akan membahasnya dalam sebuah postingan dua minggu berikutnya. Karena beragam kesibukan, baru kali ini saya bisa menampilkannya.

Plugin W3 Total Cache sebelumnya tidak pernah saya gunakan. Namun, setelah blog hiburan saya dinonaktifkan Hostgator karena over CPU akibat memperoleh 15.000 pengunjung sehari, plugin ini menjadi plugin wajib bagi semua blog yang saya miliki.

Setidaknya ada 4 alasan kelebihan W3 Total Cache dibanding plugin cache lain:

Meningkatkan kecepatan dan kinerja blog secara dramatis sehingga tahan dikunjungi banyak pengunjung, misalnya lebih 10.000 pengunjung harian
Direkomendasikan oleh banyak penyedia web hosting, seperti MediaTemple, Host Gator, dan Page.ly
Digunakan oleh blog-blog ternama seperti mattcutts.com, mashable.com, smashingmagazine.com, makeuseof.com, yoast.com, pearsonified.com, johnchow.com, dan sebagainya.
Mudah digunakan tanpa harus menambahkan kode-kode tertentu.

Sesuai namanya, plugin ini meningkatkan kinerja blog melalui sistem cache (penyimpanan sementara pada file blog atau website yang telah dibuka). Karena disimpan sementara, maka file-file tadi akan mudah dibuka oleh pengunjung lain.

Cara instal W3 Total Cache

Berikut adalah cara instal W3 Total Cache

1. Pada fitur Plugins, klik Add New

2. Pada kolom pencarian, ketik W3 Total Cache lalu klik tombol Search Plugins

3. Klik Install Now lalu klik Activate Plugin untuk mengaktifkannya.

Cara Setting W3 Total Cache

Setelah diaktifkan, plugin ini bisa di-setting pada fitur Performance.

Pada bagian ini, hal pertama yang harus Anda lakukan adalah menonaktifkan Preview Mode agar semua hasil setting bisa disimpan. Caranya dengan mengklik tombol Deploy atau Disable.

Ada banyak fitur pada plugin ini seperti Page Cache, Minify, Database Cache, Object Cache, Varnish, content delivery network, browse cache, dan sebagainya. Namun, jangan khawatir, Anda tidak perlu men yeting semua fitur tersebut.

Dari email reaktivasi blog hiburan saya, Hostgator sendiri hanya meminta mengkatifkan Page Cache, Database Cache, dan Object Cache. Namun, menurut saya Minify juga penting.

Page Cache

Page cache mampu melakukan page caching untuk menurunkan waktu respon blog dan meningkatkan skala server hosting yang digunakan. Cara mengaktifkannya dengan mencentang kolom Page Cache dan memilih Disk (Enhanced) pada kolom Page Cache Method.

Minify

Minify berfungsi menurunkan load time dengan menurunkan ukuran dan jumlah file CSS dan Java Script (JS). Selain itu, fitur ini secara otomatis menghilangkan data-data CSS, JS, feed, dan HTML yang tak perlu.

Untuk mengaktifkan fitur ini, Anda cukup mencentang kolom Enable . Yang lain dibiarkan sesuai bawaannya (default).

Database Cache

Fitur ini mampu melakukan database caching untuk mengurangi waktu respon postingan, halaman, dan feed. Cara mengatifkannya seperti berikut.

Object Cache

Fitur ini melakukan object caching yang meningkatkan kinerja situs atau blog dinamis secara signifikan. Cara mengkatifkannya seperti berikut.

Browser Cache

Browser Cache mengurangi loading server dan menurunkan waktu respon dengan menggunakan cache yang tersedia pada browser pengunjung. Fitur ini sudah Enable, jadi tidak perlu diaktifkan lagi.

Content delivery network

Content delivery network (CDN) digunakan jika blog Anda ditargetkan ke pengunjung di seluruh dunia. Untuk menggunakan fitur ini, Anda juga harus membayar pada CDN provider, misalnya MaxCDN.

Berdasarkan pengalaman saya di blog hiburan dengan pengunjung 15 ribu sehari, cara setting W3 Total Cache di atas sudah cukup. Fitur-fitur yang lain dibiarkan sesuai bawaannya.

Semoga bermanfaat bagi Anda.

Postingan Terkait:

Cara Membuat Floating Banner di Footer WordPress

Kang Yudiono — Sat, 02 Apr 2011 14:50:43 +0000

Dua minggu lalu ada seorang pemasang iklan yang berniat memasang floating banner (banner melayang) 728 x 90 di Blogotainmen. Setelah sepakat mengenai harga, saya bingung bagaimana cara membuatnya. Dilihat dari ukuran, floating banner 728 x 90 cocoknya diletakkan di header atau footer. Untunglah, kebingungan saya itu menemukan jalan keluarnya.

Rekan saya, Franky Roni dari Blog Populer menginformasikan cara membuat floating banner di footer menggunakan plugin WP Footer Ad buatan Stefan Des. Contoh banner yang dihasilkan bisa Anda lihat di bawah ini.

Berikut adalah cara instal dan setting plugin tersebut.

Instal wp ad footer

1. Masuk ke dasbor blog wordpress Anda (bukan wordpress.com)

2. Pada fitur Plugins, klik Add New

3. Pada kolom Search, ketik WP Footer Ad lalu tekan tombol Search Plugins

4. Klik Install Now

5. Klik Active untuk mengaktifkan plugin WP Footer Ad

Setting WP Footer Ad

1. Pada fitur Plugins, klik WP Footer Ad

2. Akan tampil menu WP Footer Ad Settings

3. Pada bagian General Settings, centang kotak di sebelah Enable Plugin yang bertujuan menampilkan banner floating

4. Pada bagian Plain Text or Image Banner, pilih warna latar, ukuran huruf, warna huruf, dan link target (New tab/window atau The same tab/window)

5. Masukkan link tujuan (link pemasang iklan) pada Destination Url

6. Pada Image Url, masukkan link sumber gambar banner yang sudah Anda upload sebelumnya. Contohnya seperti di bawah ini.

7. Klik Save Settings untuk menyimpan setelan yang Anda buat.

Secara default, tinggi banner pada WP Footer Ad adalah 60 px. Agar banner yang tampil tidak terpotong, Anda perlu mengubah tinggi banner tersebut menjadi 90 px atau lebih.

Caranya sebagai berikut:

1. Pada fitur Plugins, klik Editor

2. Pada bagian Select plugin to edit, pilih WP Footer Ad lalu klik tombol Select

3. Klik wp-footer-ad/js/jquery.wp-theme.js

4. Cari kode link.height lalu ubah ukurannya dari 60 menjadi 90 atau lebih. Contohnya seperti di bawah ini:

5. Klik Update File untuk menyimpan setelan tersebut.

6. Cek floating banner di blog Anda.

Semoga bermanfaat bagi Anda yang hendak memasang floating banner di footer wordpress.

Info: Jika Anda hendak memasang iklan melayang di sidebar, silakan simak tulisan Purba Kuncara dari Ada Bisnis : Cara Mudah Membuat Iklan Floating untuk WordPress.

Postingan Terkait:

Optimasi Database Blog WordPress Anda dengan WP-Optimize

Kang Yudiono — Thu, 03 Feb 2011 09:57:36 +0000

WordPress menyimpan revisi postingan atau halaman secara otomatis. Hal ini ada untung dan ruginya. Keuntungannya adalah kita bisa me-restore revisi postingan bila postingan tersebut rusak atau bermasalah. Sementara itu, kerugiannya adalah revisi postingan tersimpan di database MySQL (dengan besar byte bergantung pada panjang dan besar tulisan) sehingga berpotensi memberatkan database blog.

Sebagai contoh, bila besar postingan 100KB, maka 6 revisi yang tersimpan bisa menjadi 600KB. Bila ada 100 postingan serupa, maka bisa jadi besar database menjadi 600MB. Bagaimana cara mengatasinya?

Caranya adalah dengan menghapus revisi postingan tersebut dari database (jika Anda merasa revisi postingan itu tidak diperlukan). Penghapusan ini menggunakan plugin WP-Optimize. Fitur, cara instal, dan cara menggunakannya bisa Anda lihat di tulisan Abbi Umar dari BloggerPemula.info yaitu Cara Optimasi Blog WordPress Bagi Pemula Dengan Plugin WP-Optimize.

Sekadar infromasi, Abbi Umar adalah teman sekantor saya yang berperan besar dalam memindahkan Blogodolar dari hosting BlueHost ke Doreo.

Postingan Terkait:

Cara Menampilkan Thumbnail Postingan di Homepage

Kang Yudiono — Thu, 27 Jan 2011 16:01:41 +0000

Thumbnail postingan di homepage bisa ditampilkan dengan plugin atau tanpa plugin (coding). Bagi Anda yang ingin menampilkannya namun belum familiar dengan coding, Anda bisa menggunakan plugin Thumbnail for Exerpts (TFE).

Contoh thumbnail yang dihasilkan plugin ini adalah sebagai berikut:

Di bawah ini adalah cara instal dan menggunakan plugin TFE.

Instal TFE

1. Login ke blog wordpress.org Anda

2. Klik fitur Plugins, klik Add New

3. Pada bagian Search, ketikkan Thumbnail For Excerpts

4. Klik tombol Search Plugin

5. Klik Install Now

6. Aktifkan plugin TFE dengan menekan link Active

Cara Menggunakannya

1. Pada fitur Settings, klik Thumbs Excerpts

2. Isi kolom Width dan Height sesuai selera Anda

3. Pilih posisi thumbnail

4. Pilih yes pada bagian Apply on home

5. Pilih yes pada bagian Apply on archives (jika thumbnail ingin ditampilkan di Arsip)

6. Pilih yes pada bagian Apply on search (jika thumbnail ingin ditampilkan di halaman pencarian)

7. Bagian lain bisa Anda biarkan sesuai bawaannya

8. Klik Save changes untuk menyimpan pengaturan tersebut

9. Lihat hasilnya di homepage blog Anda

Postingan Terkait:

Cara Menambahkan www Setelah Menginstal WordPress

Kang Yudiono — Sun, 23 Jan 2011 16:03:55 +0000

Uniform Resource Locator (URL) sebuah blog atau situs bisa mengandung www atau tanpa www. Secara pribadi, saya cenderung menyukai URL ber-www. Oleh karena itu, saya selalu menambahkan www pada blog-blog yang saya miliki.

Penambahan ini dilakukan sebelum instalasi wordpress dengan menggunakan autoinstaller Simple Script di BlueHost. Saya berasumsi bahwa hal yang sama bisa saya lakukan ketika menginstal wordpress menggunakan Fantastico De Luxe di Hostgator. Ternyata, asumsi saya itu keliru karena autoinstaller ini tidak menyediakan pilihan penambahan www.

Jadinya, setiap blog yang saya hosting di Hostgator tidak memiliki www di URL-nya. Untuk mengatasi hal ini, saya mencari beberapa informasi terkait penambahan www via Fantastico De Luxe. Namun, tidak mendapatinya.

Secara tidak sengaja saya menemukan solusinya minggu lalu saat menginstal wordpress di Media Temple. Saat memilih domain yang hendak diinstal wordpress, ada keterangan untuk tidak menambahkan www di nama domain tersebut. Lebih lanjut, keterangan itu menyebutkan bahwa penambahan www bisa dilakukan di bagian General Setting dasbor blog (setelah instalasi wordpress).

Terpacu keterangan tersebut, saya login ke blog yang baru saja diinstalkan wordpress tersebut. Pada bagian General Setting terdapat WordPress address (URL) dan Site address (URL). Contoh setting URL tanpa www seperti di bawah ini.

Saya lalu menambahkan www pada kedua URL tersebut lalu menyimpannya dengan menekan Save Change. Tampilannya menjadi seperti di bawah ini.

Setelah perubahan itu disimpan, muncul peringatan error. Namun, itu tidak menjadi masalah. Saya mengecek alamat URL baru untuk memastikan bisa tidaknya diakses. Ternyata, bisa diakses. Dengan kata lain, penambahan www pada URL blog saya berhasil.

URL blog lama

Apakah terjadi broken link bila URL blog lama ditambahi www? Mungkin pertanyaan itu ada di pikiran Anda. Menurut pengalaman saya, tidak terjadi broken link.

Namun, sebelum Anda menambahkan www pada URL blog lama Anda, sebaiknya Anda cek dulu PageRank blog Anda. Biasanya suka ada perbedaan antara URL domain dengan www dan tanpa www. Bila tidak ada perbedaan PageRank, Anda akan leluasa menambahkan www pada URL blog lama Anda.

Selamat mencoba!

Catatan: cara ini hanya bisa dilakukan pada blog wordpress dengan self-hosting.

Postingan Terkait:

Cara Menampilkan Gambar Kecil di Postingan Terkait

Kang Yudiono — Fri, 27 Aug 2010 15:38:28 +0000

Beberapa waktu lalu saya menulis Blogotainmen Mencapai 600 Ribu Page Views Sebulan. Salah satu triknya adalah saya menampilkan gambar kecil (thumbnail) di postingan terkait dengan menggunakan plugin thumblated related post.

Beberapa sahabat bertanya mengenai cara merapikan tampilan gambar kecil tersebut karena secara default tidak sama ukuran lebarnya (ada yang kecil, ada juga yang besar). Dalam postingan ini saya berbagi caranya.

Namun, sebelumnya saya mengingatkan terlebih dahulu bahwa plugin buatan Shekhar Saxena ini cocok digunakan untuk blog yang postingannya didominasi gambar atau di setiap postingannya minimal mengandung sebuah gambar.

Jadi, jika postingan Anda tidak berjenis itu, plugin ini tidak tepat karena akan muncul gambar kosong di postingan terkait.

Terlepas dari itu, berikut adalah tampilan gambar kecil yang dihasilkan plugin thumblated related post.

Cara membuatnya seperti di bawah ini:

1. Masuk ke blog wordpress.org Anda.

2. Pada fitur Plugins, klik Add New.

3. Ketikkan thumblated related post pada kolom yang ada lalu tekan Search Plugins.

4. Klik Install Now lalu tekan tombol Active untuk mengaktifkan plugin tersebut.

5. Pada fitur Settings, klik link Thumblated Related Posts.

6.Akan muncul template untuk mengatur tampilan postingan terkait. Template ini terdiri dari Header, Body, dan Footer.

7. Header adalah bagian di mana Anda bisa membuat judul, misalnya Postingan Terkait, Artikel Terkait, atau yang lainnya sesuai selera Anda. Semantara Footer, adalah tampilan bawah postingan terkait dan biarkan kode-kode yang ada sesuai bawaannya.

8. Yang perlu Anda edit adalah bagian Body. Untuk menampilkan gambar kecil seperti gambar di atas, copy dan paste kode berikut pada bagian Body.

{title}

9. Pada bagian Configuration, pilih Max posts to show (misalnya 4) dan Excerpt length (misalnya 100).

10. Klik Save untuk menyimpannya.

11. Selanjutnya copy kode dan paste di bagian Single Post dengan mengedit single.php. Penempatan kode ini sesuai selera Anda. Sebagai contoh, lihat gambar di bawah ini.

12. Setelah selesai, klik Update File.

13. Lihat tampilan postingan terkait Anda. Bila sukses, gambar kecil akan muncul di bagian tersebut.

Semoga bermanfaat bagi Anda.

Postingan Terkait:

Cara Membuat Logo Blog dengan Photoshop

Kang Yudiono — Thu, 22 Jul 2010 16:05:47 +0000

Catatan Kang Yudiono – Logo merupakan salah satu hal yang membuat suatu blog unik. Gus Adit,Â salah satu pembaca setia Blogodolar, memiliki beberapa blog dengan logo yang keren. Oleh karena itu, saya memintanya untuk membuat tulisan mengenai cara membuat logo. Berikut adalah tulisannya.

Banyak cara membuat logo blog, salah satunya dengan menggunakan Photoshop. Mungkin banyak di antara Anda yang sudah mengetahuinya, namun mungkin banyak pula yang sebaliknya. Jika Anda pada kondisi kedua, di bawah ini adalah langkah-langkah yang bisa membantu Anda membuat logo untuk blog Anda.

Sekadar informasi, saya menggunakan Adobe Photoshop 8.0. Jangan khawatir jika Anda memiliki versi Photoshop yang berbeda karena tool-tool yang digunakan tersedia pada Photoshop versi berapa pun.

Buka Photoshop dan buat sebuah file baru dengan mengklik menu File Â» New (Ctrl+N).
Pada jendela New, atur lebar (width) dan tinggi (height) sekitar 400 dan 100 pixels.Â Pilih Resolusi 72 pixels/cm dan Color mode RGB 8 bit. Ukuran tersebut cukup bagus digunakan sebagai sebuah logo blog agar ukuran file yang dihasilkan tidak terlalu besar. Untuk background contents pilih White. Selanjutnya klik OK.

Setelah lembar kerja Anda terbuat, kini saatnya membuat tulisan untuk logo. Untuk itu klik Horizontal Type Tool (berupa huruf T) pada toolbox di sebelah kiri jendela Photoshop.Â Ubah warna foreground menjadi hijau (#008000).

Klik pada lembar kerja dan ketik nama blog Anda. Pada contoh ini saya menamai blog saya dengan nama GLOSSY GREEN. Sesuai dengan warna tulisan logo dan efek glossy yang akan diberikan nantinya.

Selanjutnya, masih pada layer tulisan, klik menu Layer Â» Layer Style Â» Blending Option untuk menambah style pada layer tulisan.
Pada jendela Layer Style, pilih dan tandai opsi Drop Shadow untuk menambah efek bayangan. Kemudian atur setting sebagai berikut:

Blend Mode: Multiply; Opacity: 75; Angle: 120, Distance: 3; Size: 4, selengkapnya lihat gambar.

Selanjutnya, pilih dan tandai juga opsi Bevel and Emboss. Atur setting seperti berikut:

Style: Inner Bevel; Â Technique: Smooth, Depth: 100%; Direction: Up; Size: 2; Soften: 0; Angle: 120; Attitude: 30. Lihat gambar untuk setting selengkapnya.

Jika pengaturan sudah selesai, klik OK untuk menyimpan Layer Style.
Selanjutnya, kita akan menambahkan sebuah gambar di sebelah nama blog dengan menggunakan Custom Shape Tool. Karena temanya kebetulan berwarna hijau, maka saya akan menambahkan sebuah gambar rumput menggunakan cutom shape tadi.
Untuk itu, pilih Cutom Shape Tool Kemudian pada toolbar, klik tanda panah kecil pada shape dan pilih Grass 2.
Buat sebuah layer baru dengan mengklik menu Layer Â» New Â» Layer (Shift+Ctrl+N) dan beri nama Rumput agar mudah mengenalinya. Kemudian gambar Shape grass tadi pada layer baru tersebut di sebelah kiri nama blog.

Selanjutnya, berikan style pada layer Rumput dengan style yang sama pada layer nama blog. Seperti pada langkah 4 sampai 7.
Setelah selesai mengatur Layer Style, kini seleksi layer shape Rumput dengan cara melakukan Ctrl+Klik layer tulisan pada layerbox.

Lakukan seleksi pula pada layer nama blog dengan cara melakukan Ctrl+Shift+Klik. Hingga kedua layer tersebut terseleksi seperti gambar berikut:

Selanjutnya, buat sebuah layer baru dengan mengklik menu Layer Â» New Â» Layer (Shift+Ctrl+N) dan beri nama layer tersebut dengan nama Glossy Â untuk lebih memudahkan kita mengingat fungsi layer tersebut, yaitu memberi efek Glossy.
Setelah itu, pilih Paint Bucket pada toolbox dan pastikan warna foreground adalah putih (#FFFFFF).
Jika sudah, masih menggunakan Paint Bucket, klik pada lembar kerja Anda. Maka warna nama blog dan gambar rumput akan berubah menjadi putih.
Kemudian, pilih Eliptical Marquee Tool pada toolbox dan buat seleksi pada area tulisan seperti gambar di bawah.

Jika sudah, klik kanan pilih pada hasil seleksi dan pilih Select Inverse atau Anda bisa menekan tombol Ctrl+Shift+i pada keyboard. Selanjutnya tekan tombol Delete pada keyboard. Terkahir tekan tombol Ctrl+D untuk menghilangkan seleksi. Hasil dari langkah tadi seperti gambar di bawah.

Setelah itu, masih di layer Glossy, ubah layer Opacity menjadi 15% dengan cara mengklik tanda panah kecil pada Opacity yang terletak di Layer Box.

Langkah ini bertujuan untuk memberikan effek glossy pada tulisan.

Selanjutnya, Anda bisa juga menambahkan tag line di bawah nama blog tadi dengan menggunakan Horizontal Type Tool.

Setelah Anda selesai menambahkan tag line atau gambar, selanjutnya simpan gambar tersebut ke format PNG agar bisa digunakan pada blog. Sebelum minyimpan hilangkan dulu layer background agar warna latar dari logo Anda transparan agar bisa dipasang pada header dengan warna latar apapun. Cara menghapusnya atau menyembunyikannya dengan mengklik gambar mata di sebelah layer background pada layer box.

Jika warna latar sudah transparan, klik menu File Â» Save for Web (Alt+Shift+Ctrl+S). Pada jendela Save for Web, ubah preset di sebelah kanan atas jendela menjadi PNG-24 dengan mengaktifkan Transparency, seperti gambar di bawah.

Terakhir klik tombol Save dan berikan nama yang Anda inginkan. Hasil dari logo diatas kira-kira akan seperti gambar dibawah ini

Kini Anda sudah mempunyai logo yang cukup cantik untuk blog Anda. Anda bisa menambahkan kreasi Anda sendiri atau memakai warna lain pada logo tersebut agar sesuai dengan warna dominan blog Anda.

Sekian tutorial cara membuat logo sederhana dengan menggunakan Photoshop. Semoga bermanfaat dan selamat mencoba!

Tentang Penulis:

Gus Adit adalah blogger asal Bali pengelola blog Dunia Komputer. Blog alumnus Bahasa dan Sastra Inggris Universitas Udayana ini berisi tips dan berita seputar komputer dan internet. Simak salah satu artikel terpopulernya Download Google Chrome 5.0 Terbaru.

Postingan Terkait:

Cara Menampilkan Hanya Judul Postingan di Halaman Kategori

Mon, 17 May 2010 12:51:53 +0000

Pada tulisan sebelumnya saya menginformasikan cara menampilkan seluruh postingan suatu kategori. Kekurangan dari cara ini adalah halaman kategori bisa memanjang karena seluruh postingan yang tampil secara default berupa ringkasan. Solusinya adalah dengan mengedit archive.php sehingga yang tampil hanya judul postingan saja.

Tampilan kategori seperti itu bisa Anda lihat di kategori blog ini (contohnya Tips Menulis). Langkah-langkah untuk membuatnya sebagai berikut:

1. Setelah login ke wordpress.org Anda, pada fitur Appearance klik Editor.

2. Lalu klik archive.php yang ada dibagian kanan atas Anda.

3. Lihat bagian ringkasan yang kodenya seperti ini:

4. Hapus kode tersebut.

5. Lihat bagian meta data (author, date atau comments information). Contoh kodenya seperti ini:

By |

/images/i_com.gif” align=”top” alt=”" />

6. Hapus kode meta data tersebut.

7. Cari kode berikut:

8. Tambahkan kodeÂ

9. Cari kode berikut:

10. Tambahkan kodeÂ

11. Cari bagian permalink, lalu tambahkan kode

di depan dan

” rel=”bookmark”>

12. Klik Update File. Lalu lihat hasilnya di salah satu kategori yang Anda miliki.

Sebagai gambaran hasil langkah-langkah di atas, silakan simak screenshoot archive.php Blogodolar di bawah ini.

P.S:Â Mohon copy terlebih dahulu kode-kode asli archive.php blog Anda, sehingga bila setelah melakukan editing terjadi error, Anda tinggal mem-paste-nya kembali.

Postingan Terkait:

Cara Menampilkan Seluruh Postingan Suatu Kategori Dalam Satu Halaman

Sat, 15 May 2010 15:36:24 +0000

Seperti halnya halaman arsip dan hasil pencarian, halaman kategori biasanya digunakan juga oleh pengunjung untuk mencari informasi yang dibutuhkannya. Secara default, halaman kategori blog wordpress menampilkan ringkasan postingan yang jumlahnya sama dengan jumlah postingan di homepage. Dengan kata lain, jika homepage diatur untuk menampilkan 5 postingan, maka halaman kategori pun menampilkan 5 ringkasan postingan.

Bagi pengunjung yang waktunya terbatas, kondisi ini cukup merepotkan karena ia harus mengklik beberapa halaman berikutnya. Dengan kata lain, pengunjung tersebut butuh waktu relatif lama untuk menemukan sesuatu yang dicarinya. Bagaimana cara mengatasi kondisi ini?

Cara mengatasinya adalah dengan menampilan seluruh postingan suatu kategori dalam satu halaman. Sebagai contoh, saat ini kategori Tips Dasar Ngeblog Blogodolar memiliki 65 postingan. Ketika Anda mengklik kategori tersebut, makaÂ 65 postingan tersebut muncul pada satu halaman, padahal homepage-nya diatur hanya menampilkan 8 postingan. Dengan demikian, Anda akan mudah menemukan informasi seputar tips dasar ngeblog tanpa mengklik beberapa halaman selanjutnya.

Langkah-langkah untuk menampilkan seluruh postingan suatu kategori adalah sebagai berikut:

1. Download plugin Custom Query String (link download).

2. Upload, instal, dan aktifkan plugin tersebut di blog Anda (lihat caranya pada Cara Menginstal Plugin WordPress).

3. Pada fitur Settings, klik CQS sehingga muncul halaman CQS Options.

4. Pada Add New Condition, pilih is_archive pada Query, -1 pada Display (untuk menampilkan seluruh postingan), dan date – DESC pada Order by (diurut berdasarkan tanggal terbaru).

5. Lalu klik Add.

6. Hasil pengaturan kondisi di atas akan seperti di bawah ini.

7. Lihat hasilnya dengan mengklik salah satu kategori blog Anda.