Tampilan PageNavi default tersebut bisa dimodifikasi agar lebih atraktif dengan cara mengedit file pagenavi-css.css sesuai keinginan kita. Saya pun mencoba memodifikasinya, terinspirasi oleh navigasi paging yang ada di halaman eRepublik (game online berbasis web yang aktif saya mainkan 2 tahun terakhir).

Pertama-tama, Anda membutuhkan 4 file gambar untuk first, last, previous dan next link-nya.

Unggahlah keempat gambar tadi ke server hosting Anda.

Selanjutnya, ubahlah setting plugin PageNavi yang bisa diakses dari Settings > PageNavi. Ubahlah value yang ada pada Text For First Page, Text For Last Page, Text For Previous Page dan Text For Next Page dengan kode html untuk memanggil gambar. Misalnya, untuk mengganti value yang ada pada Text For First Page, gunakan tag berikut:

<img src="http://domainanda.com/images/first.png" />

Note: Sesuaikan url gambar dengan tempat directory kemana kita mengunggah gambar-gambar tadi.

Terakhir, Sesuaikan tampilan dengan sedikit memodifikasi file pagenavi-css.css dan jadilah tampilan navigasi paging yang kita inginkan.

Untuk membuat hasil pencarian hanya berlaku terhadap postingan saja, Anda bisa menambahkan sedikit code pada file functions.php Anda.

function SearchFilter($query) {
    if ($query->is_search) {
        $query->set('post_type', 'post');
    }
    return $query;
}

add_filter('pre_get_posts','SearchFilter');

Dengan tambahan code di atas, maka engine akan melakukan pencarian untuk postingan (post_type) saja. Jika Anda membutuhkan hal yang sebaliknya, Anda hanya perlu mengubah post_type menjadi page.

Sumber:
bavotasan

Tapi sebenarnya, saya bisa memenuhi permintaan mereka dengan memanfaatkan @font-face. Relatif bukan hal yang baru memang, karena @font-face sudah diajukan untuk standarisasi CSS2 dan bahkan sudah diimpelementasikan di Internet Explorer versi 5, meskipun implementasinya menggunakan format Embedded Open Type (.eot) yang notabene tidak semua browser menggunakan format tersebut.

OK, sekarang bagaimana cara kita memasang kaidah @font-face dalam blog/website kita?

Pertama, perlu diingat format font apa saja yang di-support oleh browser-browser yang ada.

• Internet Explorer (semua versi): EOT
• Safari (3.2+): TTF/OTF
• iPhone (3.1) SVG
• Chrome (semua versi): SVG (TTF/OTF supported sejak 25 Januari 2010)
• Firefox (3.5+): TTF/OTF (.WOFF sejak versi 3.6)
• Opera (10+) TTF/OTF

So, .eot + .ttf /.otf + svg + woff adalah format-format yang banyak di-support oleh browser. Artinya, ketika kita hendak menggunakan kaidah @font-face, sangat disarankan agar kita menyertakan format-format tersebut. Anda bisa memanfaatkan @font-face generator untuk meng-generate font pilihan dari komputer Anda (harap diperhatikan juga mengenai lisensi font yang akan Anda gunakan). Unggahlah file font yang akan Anda gunakan.

Kedua, syntax yang digunakan untuk implementasi @font-face:

@font-face {
  font-family: NamaFont; /* required */
  src: source;	/* required */
  font-weight: weight;	/* optional */
  font-style: style;  /* optional */
}

NamaFont
Nama font yang akan dipanggil untuk properti CSS kita.
source
URL tempat font tersebut kita simpan, bisa juga ditambahkan dengan local("NamaFontLokal"), dengan NamaFontLokal adalah nama yang terbaca oleh komputer lokal kita.
weight
Font weight value, misalnya bold atau normal.
style
Font style value, misalnya italic atau normal.

Note: Syntax CSS ini bisa digunakan berulang, jika kita menggunakan lebih dari 1 jenis font.

Ketiga, panggillah nama font tadi sesuai kebutuhan, misalnya:

h1{
   font-family: 'NamaFont', arial, serif;
}

Note: Tetap disarankan untuk menyertakan jenis font standar lain sebagai alternatif.

Untuk lebih jelasnya, Anda bisa membaca juga artikel-artikel berikut ini:

• @Font-face Mozilla Developer Center
• W3C – CSS Fonts Module
• @Font-face Tutorial and Guide by Milton Bayer
• @Font-face Browser Support and Tutorial

Ada satu trik agar kita bisa dengan tenang “mengobrak-abrik” blog kita sementara halaman depan tetap manteng di halaman maintenance, yaitu dengan memanfaatkan konfigurasi halaman .httaccess.

1. Buatlah satu halaman maintenance, dan namai, let’s say, dengan maintenance.html
2. Cari file .htaccess, biasanya terletak di halaman root. Buat file backup-nya.
3. Buka file .htaccess untuk diedit.
4. Gantilah dengan code seperti di bawah ini:

   RewriteEngine on
   RewriteCond %{REQUEST_URI} !/maintenance.html$
   RewriteCond %{REMOTE_ADDR} !^123\.123\.123\.123
   RewriteRule $ /maintenance.html [R=302,L]

5. Gantilah 123\.123\.123\.123 di line 3 dengan IP address anda (Masa gak tau? :P). Pastikanlah anda memakai syntax yang sama lalu Save
6. Sekarang, pengunjung blog anda akan di-redirect ke halaman maintenance anda.
7. Ketika “pekerjaan” anda kelar, anda bisa mengembalikan file .httaccess seperti semula.

File .httaccess adalah file yang berisi perintah-perintah untuk webserver Apache. Dalam kasus ini, .httaccess mengontrol agar pengunjung yang berasal dari IP address yang berbeda dengan 123.123.123.123 akan di-redirect ke file maintenance.html.

Dengan mengganti 123.123.123.123 dengan IP address anda membuat anda bisa tetap mem-browse halaman blog anda secara normal ketika yang lain di-redirect ke halaman maintenance.html.

Namun, dengan pilihan gambar yang itu-itu saja, tentu akan membosankan. Seringkali kita menginginkan adanya gambar unik untuk gravatar default tersebut. Well, berikut saya paparkan hack untuk menambah gravatar default pada wordpress.

Yang harus anda lakukan adalah menambah function pada function.php dan unggahlah file gambar yang akan dijadikan gravatar default (sebaiknya dimensi gambarnya tidak lebih dari 60 x 60 pixel).

/**
 * add a default-gravatar to options
 */
if ( !function_exists('fb_addgravatar') ) {
	function fb_addgravatar( $avatar_defaults ) {
		$myavatar = get_bloginfo('template_directory') . '/images/glassess.gif';
		$avatar_defaults[$myavatar] = 'Kacamata';

		return $avatar_defaults;
	}

	add_filter( 'avatar_defaults', 'fb_addgravatar' );
}

Ketika theme anda aktif, maka anda akan melihat gravatar default bertambah.

Ketika saya membaca berita ini, saya tidak lantas berusaha menghakimi ataupun menyalahkan siapa pun. Tapi 204 juta rupiah untuk seorang Prita Mulyasari, terdakwa dugaan pencemaran nama baik RS Omni Internasional Alam Sutera, Tangerang, rasanya pasti teramat sangat berat. Untuk itu, saya mendukung sepenuhnya gerakan Koin Untuk Prita.

Namanya juga gerakan spontan, tanpa hierarki, dan tanpa banyak rapat, maka wajar saja jika Koin Keadilan ini masih bolong. Misalnya?

1. Bagaimanakah cara melaporkan perolehan koin secara periodik, baik per titik pengumpulan maupun keseluruhan?
2. Jika ada pendukung yang berhalangan datang ke tempat pengumpulan koin, lalu ingin mentransfer, harus ke rekening siapa?
3. Hal sama berlaku untuk pendukung yang berada di luar negeri, apakah dimungkinkan untuk menyampaikan sumbangan melalui PayPal?

Sejauh ini belum ada solusi untuk ketiga pertanyaan tersebut. Justru Andalah yang kami harapkan memberikan saran dan solusi.

<p>copyright &copy; 2006 - <?php echo date('Y'); ?> SitusAnda.Com</p>

Dengan menggunakan date(’Y'), Anda tidak perlu susah-susah meng-update tahun copyright setiap pergantian tahun (kecuali Anda mengganti theme yang digunakan tentunya)

Tapi jangan kuatir, sekarang ini sudah banyak beberapa trik/hack yang dapat digunakan untuk mensiasati hal tersebut. Salah satunya adalah dengan menggunakan jquery.pngFix.js. Berikut contoh penggunaan jquery.pngFix.js untuk mengatasi masalah transparansi file .PNG di IE 5.5 dan 6 (saya menggunakan jQuery versi 1.3.2 untuk blog ini):

PNG Transparan

<img src="contohpng.png" alt="Contoh PNG" width="128" height="128">

PNG Transparan Dengan Style

<img style="border:1.0em dashed #090;padding:10px;margin:10px;" src="contohpng.png" width="128" height="128" alt="Contoh PNG" />

DIV dengan Background PNG

<div><div style="float:left;width:128px;height:128px;
background: url(contohpng.png);">Ini adalah div-container dengan menggunakan background PNG...</div><div style="float:right;width:346px;height:150px;
background: white url(contohpng.png);">Ini adalah div-container dengan menggunakan background PNG...</div><div style="clear:both;"></div></div>

Khusus untuk implementasi pada DIV, width dan height image akan mengikuti width dan height yang di-state di style yang kita gunakan. Jadi, sebaiknya gunakan width dan height yang sesuai dengan dimensi image-nya.

Bagaimana Menggunakannya?

1. Download jQuery
   Download pngFix.zip atau lihat source.
2. Tambahkan tag untuk memanggil jQuery and pngFix pada bagian HEAD di dokumen HTML anda…

   <head>
   ...
   <script type="text/javascript" src="jquery-latest.pack.js"></script>
   <script type="text/javascript" src="jquery.pngFix.js"></script>
   ...
   </head>
   

   Sesuaikan path tempat file .js tadi diunggah.

3. Aktifkan pngFix dengan menambahkan tag berikut:

   <head>
   ...
   
   ...
   </head>
   

Selamat mencoba…

Kembali ke soal logo tadi, beberapa yang saya ubah antara lain:

/wp-admin/images/logo-login.gif
/wp-admin/images/logo-ghost.png
/wp-admin/css/login.css

logo-login.gif
Ganti image ini dengan logo baru (biasanya berupa logo instansi klien). Image ini normalnya berukuran 310×70 pixel. Jadi kalo logo baru ukuran dimensinya sama, kita tidak perlu menyunting file login.css.

login.css
Ubahlah atribut h1 a sesuai dengan logo baru (jika ukuran dimensinya berbeda dengan file aslinya).

h1 a {
	background: url(../images/logo-login.gif) no-repeat top center;
	width: 326px;
	height: 67px;
	text-indent: -9999px;
	overflow: hidden;
	padding-bottom: 15px;
	display: block;
}

logo-ghost.png
Seperti halnya logo-login.gif tadi, gantilah image ini dengan logo baru. Untuk yang satu ini, sebaiknya dimensinya disamakan dengan file aslinya (25x25). Jika ada masalah dengan image tranparency, kita bisa memberi warna background dengan #464646.

Pengennya sih postingan-postingan saya rada-rada berbobot nantinya tapi ya…liat aja nanti lah hehehehe…. Yang penting saya gak merasa risi lagi gabung dengan milis BBV sonder blog hahahaha….