Open Script Solution» logo http://www.openscriptsolution.com ... where solutions for script programming are found ... Tue, 31 Jan 2012 03:22:52 +0000 id hourly 1 http://wordpress.org/?v=3.3.1 Bagaimana Menampilkan Logo yang Lebih Lebar di Halaman Login WordPress Menggunakan Plugin Wp Customized Login http://www.openscriptsolution.com/id/2010/01/09/how-to-display-the-wider-logo-in-wordpress-login-page-using-wp-customized-login-plugin/ http://www.openscriptsolution.com/id/2010/01/09/how-to-display-the-wider-logo-in-wordpress-login-page-using-wp-customized-login-plugin/#comments Sat, 09 Jan 2010 05:10:24 +0000 Masino Sinaga http://www.openscriptsolution.com/?p=1086 Hari ini saya mengganti logo WordPress yang muncul di halaman wp-admin menjadi logo lain pada salah satu situs WordPress. Saya menggunakan plugin Wp Customized Login untuk hal ini. Setelah menginstall dan mengaktifkan plugin, segalanya sepertinya baik-baik saja sampai saya menemukan sesuatu yang cukup mengganggu penglihatan saya. Hal itu mengenai gambar logo yang saya miliki tidak kelihatan secara lengkap. Gambar logo tersebut sepertinya perlu agak ke kiri dan terpotong sedikit sebelum batas sisi kanan lebar area form login, karena ukuran logo tersebut adalah 500 pixels (lebar) x 100 pixels (tinggi). Sementara, lebar logo yang disarankan oleh WordPress adalah sekitar 300-an pixels. Setelah membaca komentar-komentar di situs pembuat plugin ini, akhirnya saya menemukan solusi bagaimana mengatasi permasalahan saya tersebut berdasarkan komentar tersebut.

Buka file /wp-content/plugins/wp-customized-login/custom-login.css Anda, dan cari kode ini:

2

#login h1 a{background:url(logo.png) no-repeat;}

lalu timpa dengan kode berikut ini:

2
3
4
5
6
7
8

#login h1 a{
  background:transparent url(logo.png) no-repeat scroll 0 0;
  display:block;
  height:100px; /* sesuaikan dengan tinggi logo Anda */
  width:500px; /* sesuaikan dengan lebar logo Anda */
  margin-left:-80px;  /* sesuaikan supaya logo Anda kelihatan di tengah-tengah */
}

Anda bisa melihat demo dari hasil modifikasi tersebut melalui halaman login di situs berikut: Visual Basic Indonesia.
Semoga dapat membantu Anda.

Share

]]> http://www.openscriptsolution.com/id/2010/01/09/how-to-display-the-wider-logo-in-wordpress-login-page-using-wp-customized-login-plugin/feed/ 0