Mengganti Logo di Halaman Login dan Admin

Mengganti Logo di Halaman Login dan Admin

Blog anda merupakan sebuah blog yang memiliki banyak penulis atau Guest Blogger? Pada tips kali ini saya Graha Nurdian akan berbagi tips cara mengganti logo WordPress yang ada pada halaman Admin dan juga halaman Login :)

Tips disini bakalan membuat anda merubah file functions.php sehingga bisa bekerja tanpa plugin. Harap diingat, hati – hati JANGAN SAMPAI ADA BARIS YANG KOSONG

Logo Login

Gambar bersumber dari http://drivelocity.com/images/misc/wordpress_login2.gif

Buka file functions.php lalu tambahkan kode berikut ini

function login_logo() {
echo '
<!-- h1 a {background:url("'.get_bloginfo('template_directory').'/img/loginlogo.gif") !important; } -->
';}
add_action('login_head', 'login_logo');

Ukuran untuk logo login page adalah 326×75 piksel. Harap save pada jenis ekstensi file .gif oh iya sesuai script diatas  letakkan file anda di namatheme/img/loginlogo.gif sesuai koding diatas anda juga bisa merubah letaknya sesuai hati anda

("'.get_bloginfo('template_directory').'/img/loginlogo.gif")

Logo Admin

Gambar diambil dari http://cdn.wpbeginner.com/blogposts/customwpdashboardlogo.gif

Buka file functions.php lalu tambahkan

function admin_logo() {
echo '
<!-- #header-logo {background:url("'.get_bloginfo('template_directory').'/imagefolder/adminlogo.png") !important; } -->
';}
add_action('admin_head', 'admin_logo');

Lalu anda tambahkan gambar pada theme/imagefolder/adminlogo.png upload dengan gambar ukuran 32×32 transparan. Disarankan anda juga memakai file berekstensi .png. anda bisa mengubah letak folder yang digunakan dengan mengedit

"'.get_bloginfo('template_directory').'/imagefolder/adminlogo.png")

Menghilangkan Logo halaman login

Buka file functions.php lalu tambahkan kode berikut

function login_logo() {
echo '
<!-- h1 a {display:none;} -->
';}
add_action('login_head', 'login_logo');

Menghilangkan Logo Halaman Admin

Buka functions.php dan tambahkan kode berikut ini

function admin_logo() {
echo '
<!-- #header-logo {display:none;} -->
';}
add_action('admin_head', 'admin_logo');

Kesimpulan

Ini adalah cara mudah mensetting wordpress anda tanpa bantuin plugin. Semoga saja membantu anda. Regard Graha Nurdian

Penulis: Graha Nurdian -

16 Years old kiddo who have great interest on Web Design, Blogging, Designing, also an enthusiast gamer. Now I am working on my biggest project which gonna be focused not like my other one. Enjoy my post !

Berlangganan Artikel Gratis !

  • Guusn

    pertamax aman:D
    mkasih tutorny mas nurdin, g usah pk plugin jd g beratkan loadingnya deh

    • Graha Nurdian

      Iya sama – sama mas :) hehehe triknya sebenernya udah populer kok. cuman mungkin untuk di blog lokal belum ada :)

  • http://www.kamarkecil.com Arif R.

    nice tutorial….

    • Graha Nurdian

      Semoga bisa membantu :)

  • andank

    saya bookmark dulu ah

    • Graha Nurdian

      Jangan lupa Ctrl + D biar kalo butuh tinggal buka :p

  • http://www.margasatrya.com/ satrya

    Hahai, kalo saya masih menggunakan plugin. Belum sempat utak atik blog lagi :(

    • http://danisetiyawan.com dHaNy

      Simple namun menarik dan bisa langsung dipraktekkan, terima kasih mas Nurdian…

      Buat mas Satrya, request donk caranya bikin related post yang gambar itu.. hehe.. (ngarep.com)

    • http://www.eserzone.com eserzone

      Sama bro, saya juga masih menggunakan plugin soalnya belum ada waktu utak-atik template… Mungkin nanti kalo ada waktu luang bisa dicoba triknya..

    • Graha Nurdian

      Kalo emang hostingnya mapan buat Plugin yang banyak gpp kok. Soalnya ini alternative doang biar ga makan CPU banyak :)

  • Pingback: Tweets that mention Mengganti Logo di Halaman Login dan Admin -- Topsy.com

  • http://www.satublog.us Om Adi | Satu Blog

    Hem….perlu dicoba nih.
    Makasih tutorialnya mas.

    • Graha Nurdian

      Sama – sama mas, semoga bisa membantu

  • http://alhijradwitiya.com ALHIJR ADWITIYA

    Sibbe mas kreasi menarik ..logone

  • http://andreasandre.net andre

    wah keren mas tutoialnya, langsung ke masalah codingnya ni.

    • Graha Nurdian

      Iya mas, alternative penggunaan plugini ini :)

  • rauff risharasakti

    Hahaha keren kreatip :D

    • Graha Nurdian

      Makasih :)

  • embagus

    thank you, tutorialnya keren gan

  • Information

    maaf mas saya masih lom faham tu ini bagaimana cara gantinya ya setelah code yg mana .? biasa newbie..mohon di jelaskan

  • http://irwanblog.com Irwansyah

    Penjabarannya Sederhana dan Mudah dimengerti, initnya simple namun menarik dan bisa langsung dipraktekkan, terima kasih mas Nurdian…

    Request cara buat HEADER dgn fungsi Flash donk… hehehe

    Makasih mas

  • http://aspirasiku.com/ AspirasiKu

    Wah, makasih banget buat panduannya… sangat membantu dan mencerahkan. saya jadi nggak sabar langsung mempraktekkannya. langsung tkp gan.. ;D