Cara Mengganti Header Pada Wordpress

<div dir="ltr" style="text-align: left;" trbidi="on"> <div style="text-align: justify;"> Bagi yang baru menggunakan wordpress mungkin merasa sedikit kebingungan. Apalagi yang pernah menggunakan blogspot akan merasakan perbedaan yang ada. Mungkin bisa dibilang wordpress lebih rumit dibandingkan blogspot seperti yang saya alami. Kali ini kita akan membahas tutorial mengganti header (judul blog) pada wordpress. Blog pada platform wordpress biasanya menggunakan tampilan bawaan theme yang digunakan. Akan tetapi ada beberapa theme yang mendukung untuk mengedit bahkan mengganti tampilan header/judul blog sesuai kreasi kita. Nah langsung saja, simak tutorial berikut ini.<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQnEUDCCjOT5p-C3OgIZ5Z2xBQnH2fUhSJJQDbDM4i7sq8jyXOvoAV8GUjf0M4xCRrs4q-QrOOXrQYh18Pzubr38V2h55sI_pzsO6XHve0WYp5qKgfwQeRDB28EYDRr9m-eKxOO-OwcXum/s1600/Untitled.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="314" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQnEUDCCjOT5p-C3OgIZ5Z2xBQnH2fUhSJJQDbDM4i7sq8jyXOvoAV8GUjf0M4xCRrs4q-QrOOXrQYh18Pzubr38V2h55sI_pzsO6XHve0WYp5qKgfwQeRDB28EYDRr9m-eKxOO-OwcXum/s1600/Untitled.jpg" width="640" /></a></div> <br /></div> <div> <ol style="text-align: left;"> <li style="text-align: justify;">Login ke blog wordpress milik anda terlebih dahulu</li> <li style="text-align: justify;">Setelah masuk ke dashboard pada bagian sebelah kiri ada beberapa bilah menu, pilih menu appearance kemudian klik "Theme" dan pilih "Header"<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmK5x2sqNGcAJZPtt9wgEjlWkuF9WNMFpkDgSbWHE8C56EdYSP2xIV1FgFf892XhvqDf9sCf5OcI8kUqT2uMJFC6yaVovE12k1rsppJ13DCv5024dkpM21iqsp07RQrbmiVoQ3mh9XkpJk/s1600/theme.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="158" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmK5x2sqNGcAJZPtt9wgEjlWkuF9WNMFpkDgSbWHE8C56EdYSP2xIV1FgFf892XhvqDf9sCf5OcI8kUqT2uMJFC6yaVovE12k1rsppJ13DCv5024dkpM21iqsp07RQrbmiVoQ3mh9XkpJk/s320/theme.png" width="320" /></a></div> <div class="separator" style="clear: both; text-align: center;"> </div> </li> <li style="text-align: justify;">Atau anda juga bisa langsung pilih menu appearance lalu klik "Header"<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLm7iWHgzJ36iAYPDE0R_5HyfrDgA-bMZuZ8Cp3G6RGvJZLS5f2LcnU4qUeMG7ZBmK4H_5OI8dfZuFdTTEW-Tmou_IIFi8QylIingbv040K_Td5rauDLJTo38pRhRpCSOkP4FIH5xktJYl/s1600/1appearance.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="197" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLm7iWHgzJ36iAYPDE0R_5HyfrDgA-bMZuZ8Cp3G6RGvJZLS5f2LcnU4qUeMG7ZBmK4H_5OI8dfZuFdTTEW-Tmou_IIFi8QylIingbv040K_Td5rauDLJTo38pRhRpCSOkP4FIH5xktJYl/s320/1appearance.png" width="320" /></a></div> </li> <li style="text-align: justify;">Pada Custom Header klik "Pilih File", kemudian pilih gambar yang akan anda gunakan dan open<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIy-XDjorQDyEZDzMX8BJKfL68a1SI3cZHJfnjK9tzjM8gb7SEIGEMgY8n9Zzc9KBssMc3UqMTIv3QsMJ4Rkc6ou2huvlMFJAVXzL5g3UZLLxH_etzEzvdTgz4RNnTo86WN8fJPEVaEKiD/s1600/2pilih-file.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIy-XDjorQDyEZDzMX8BJKfL68a1SI3cZHJfnjK9tzjM8gb7SEIGEMgY8n9Zzc9KBssMc3UqMTIv3QsMJ4Rkc6ou2huvlMFJAVXzL5g3UZLLxH_etzEzvdTgz4RNnTo86WN8fJPEVaEKiD/s320/2pilih-file.png" width="320" /></a></div> </li> <li style="text-align: justify;">Setelah judul gambar anda tampil, lalu klik "Upload"<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnSUa1EQXvce4y7r0Z2uXKAP-v7fGpNmLlZnXpURM1FlpOFB6sa50MWDUs9nQWycakjC2qCrctNpyl1CBOuYM6vjV0IEV1xnC3Xe80Mt97k39usBQD0365wJEXVYVQEA4n-NPlwOrn1Sbk/s1600/3Upload.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnSUa1EQXvce4y7r0Z2uXKAP-v7fGpNmLlZnXpURM1FlpOFB6sa50MWDUs9nQWycakjC2qCrctNpyl1CBOuYM6vjV0IEV1xnC3Xe80Mt97k39usBQD0365wJEXVYVQEA4n-NPlwOrn1Sbk/s320/3Upload.png" width="320" /></a></div> </li> <li style="text-align: justify;">Kemudian akan tampil "Crop Header Image", pada bagian ini anda dapat mengedit bagian mana dari gambar yang dipilih untuk dijadikan header, setelah itu klik "Crop and Publish" atau juga bisa langsung klik "Skip Cropping, Publish Image as Is" bila tanpa proses crop terlebih dahulu<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC4btARmuVMkONXCUREeZaHqVuNPnqAWxeUQkDR9nexp2zfLvjuK6TEWGyRUO7SreLGDJ8O967CKODWJ120oSsg5aBcAkjP4_KfAwmFmLeI7ZabheVfWsoL7uavpTUJoiXbEtb6Xa-1L25/s1600/Crop.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC4btARmuVMkONXCUREeZaHqVuNPnqAWxeUQkDR9nexp2zfLvjuK6TEWGyRUO7SreLGDJ8O967CKODWJ120oSsg5aBcAkjP4_KfAwmFmLeI7ZabheVfWsoL7uavpTUJoiXbEtb6Xa-1L25/s320/Crop.png" width="320" /></a></div> </li> <li style="text-align: justify;">dan Header anda pun sudah berubah sesuai keinginan<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0qguPqAgLi7FINamwvs22_-UjVaJHT_oj3j5W_ThWmBZXjrQIrbwrI9JXsvwJ3ZE5_Mt-Ze7UvENacYRbvp-XF2i51uNNU7rv2cY09IbNGvlTVPGIh7wH9IIiA3OICvXkjoN8hHTCXCFR/s1600/sukses.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="204" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0qguPqAgLi7FINamwvs22_-UjVaJHT_oj3j5W_ThWmBZXjrQIrbwrI9JXsvwJ3ZE5_Mt-Ze7UvENacYRbvp-XF2i51uNNU7rv2cY09IbNGvlTVPGIh7wH9IIiA3OICvXkjoN8hHTCXCFR/s320/sukses.png" width="320" /></a></div> </li> </ol> <div style="text-align: justify;"> Nah, Selamat mencoba untuk mengganti header pada wordpress anda. Bila masih merasa kesulitan dapat langsung meninggalkan komentar di bawah tutorial ini. Untuk gambar lebih jelas, klik saja pada gambar yang ingin dilihat.</div> </div> </div>

Cara Mengganti Header Pada Wordpress

Bagi yang baru menggunakan wordpress mungkin merasa sedikit kebingungan. Apalagi yang pernah menggunakan blogspot akan merasakan perbedaan...

Selengkapnya »