Kliktab File pilih Open pilih Computer untuk mencari lokasi file PDF disimpan klik File PDF yang dipilih klik Open untuk membuka file PDF. Aplikasi cara menggabungkan file pdf selanjutnya adalah dengan menggunakan Foxit Reader atau yang sekarang bernama Foxit Phantom PDF. Klik tab Edit pilih jenis editing yang diinginkan.
Langsungsaja, simak cara menebalkan tulisan di WA web: Buka WhatsApp web di laptop atau PC yang kamu gunakan. Lalu, pilih kontak teman yang ingin kamu kirim pesan dengan tulisan tebal. Untuk menebalkan tulisan di pesan WhatsApp web, kamu hanya perlu menambahkan simbol bintang (*) di sisi kiri dan kanan pada kata, kalimat, atau paragraf.
Caramengedit foto dengan tulisan di laptop. Klik fitur Penghapus Latar belakang sekali maka secara otomatis latar belakang foto akan menghilang dengan sendirinya. Mulai dari fitur yang lebih beragam serta penggunaan RAM yang lebih kecil Filmora jadi idaman karena sangat ringan untuk diinstal di laptop murah berkualitas. Dengan ini maka Anda
CaraMengganti Warna Teks di HTML. Meskipun Anda bisa mengubah warna teks menggunakan penanda pada HTML, metode ini tidak lagi didukung pada HTML5. Sebagai gantinya, Anda bisa menggunakan CSS dasar untuk menentukan tampilan warna teks pada
Mengecekdukungan Font pada Browser. Pastikan terlebih dahulu font yang akan digunakan itu didukung oleh browser kamu, caranya: - Pada firefox klik Tools → Options → Content → Pada bagian Default font klik dan scroll, nah itulah jenis-jenis font yang didukung oleh browser. - Kodenya:
adabeberapa cara mengubah atau menggunakan font dengan css. ada cara menggunakan font yang terletak di server lain. seperti misalnya menggunakan font yang di sediakan oleh google. dengan haya mencantumkan link font yang ingin di gunakan. ada juga cara menggunakan font standart yang tersedia secara default. dan ada juga cara mendownload font yang di inginkan, kemudian meletakkannya pada directory project, dann menghubungkan atau memanggilnya dengan css.
a. Buka website yang akan di ubah isinya, disini saya meggunakan Mozila Firefox. b). Klik kanan pada halaman yang akan di ubah tulisannya, lalu klik "Inspect Element" c). Cari tulisan yang akan di ubah. Gunakan tombol Ctrl+F lalu cari kata yang akan di ubah. d). Double klik di tulisan yang akan di ubah, lalu tekan "Enter" e).
LangkahDetail Cara Mengedit Tulisan di Blog. Oleh: Erianto Anas : Rabu, April 27, 2016. Setelah anda pahami Cara Menulis Postingan di Blog, selanjutnya anda juga harus tahu cara mengeditnya. Karena membuat tulisan baru dengan mengeditnya adalah pasangan yang tak bisa dipisahkan. Bagaimana pun nanti anda akan tetap berurusan dengan edit
mengedittulisan dengan css /* ini css untuk mengedit */ h1 { font-family : 'comic sans ms'; /* ini untuk mengganti font */ color : #dedede; /* ini untuk mengganti warna tulisan */ font-size: 20pt; /* ini untuk mengatur besar kecilnya tulisan */ text-align: center; /* ini untuk mengatur letak tulisan (left , center , right) */ } /*
Bukahalaman website atau blog yang akan di copy. Klik ikon gembok yang berada tepat di sebelah kolom url. Selanjutnya, klik Site Settings. Ubah opsi Javascript menjadi Block. Refresh blog yang sedang kamu, buka, lalu cobalah untuk copy. Namun sayangnya, tidak semua website atau blog yang dikunci dapat di copy paste menggunakan cara ini.
YzHfn7. Mar 01, 2023 Nadia A. 4menit Dibaca WordPress adalah platform yang mudah digunakan karena Anda dapat menggunakannya tanpa harus berurusan dengan kode. Namun, tidak ada salahnya jika Anda ingin mengetahui cara edit HTML di WordPress. Dengan pengetahuan tentang pengeditan kode, Anda dapat memecahkan masalah atau melakukan kustomisasi tingkat lanjut untuk meningkatkan situs WordPress Anda. Untuk itu, artikel ini akan membahas mengapa mengedit HTML di WordPress diperlukan dan bagaimana melakukannya dengan benar. Download HTML Cheat Sheet Apakah Perlu untuk Edit HTML WordPress?Hal-hal yang Perlu DipertimbangkanCara Edit Source Code WordPressCara Edit HTML WordPressCara mengedit PHP dan CSS di WordPress1. Editor Kode WordPress2. Klien FTP Apakah Perlu untuk Edit HTML WordPress? WordPress begitu luar biasa. Dengan WordPress, Anda dapat memiliki situs web yang cantik dan fungsional tanpa harus menggunakan kode apa pun. Bahkan, WordPress memiliki banyak koleksi tema dan plugin untuk mengubah tampilan website Anda. Jadi dengan adanya koleksi tema dan plugin yang tersedia, Anda sebetulnya tidak perlu tahu cara edit HTML WordPress. Namun, jika Anda ingin mengubah tampilan situs web yang dimiliki, Anda dapat menggunakan dan menyesuaikan tema yang sudah diinstal sebelumnya atau menginstal tema baru dari direktori WordPress. Selain itu, Anda dapat memasang plugin sebagai solusi terbaik untuk meningkatkan fungsionalitas website Anda. Singkatnya, membiarkan source code WordPress seperti aslinya tidak akan jadi masalah pada situasi tertentu. Namun, ada saatnya Anda perlu melakukan edit HTML WordPress karena mungkin mengedit kode HTML menjadi satu-satunya cara untuk menyelesaikan suatu isu. Misalnya, ketika Anda ingin melakukan kustomisasi tema tingkat lanjut atau menambahkan efek HTML pada posting Anda seperti menghilight teks yang menarik. Perlu diingat bahwa untuk edit kode di WordPress halus dilakukan dengan benar. Jika tidak, Anda akan mengalami kerugian besar. Jadi, Anda patut melakukannya dengan hati-hati. Hal-hal yang Perlu Dipertimbangkan Mengedit source code WordPress adalah tugas yang serius. Anda harus sebisa mungkin untuk meminimalisir risiko yang mungkin terjadi saat Anda mencoba untuk mengedit HTML. Untuk melakukan itu, Anda harus mempertimbangkan apa tujuan Anda, alat apa yang digunakan, dan berapa banyak waktu yang Anda miliki. Tanyakan pada diri Anda apa tujuan Anda melakukan edit HTML WordPress ini? Apakah Anda ingin membuat perubahan untuk pengujian, pembelajaran atau kustomisasi tingkat lanjut? Jika Anda ingin menguji berbagai hal, kami merekomendasikan Anda untuk membuat child theme WordPress, sehingga nantinya jika terjadi suatu kesalahan, website Anda tidak akan terpengaruh. Selain itu, bermain-main dengan child theme memungkinkan Anda untuk melihat apakah modifikasinya sesuai dengan apa yang Anda harapkan. Anda juga dapat mencoba fungsi WordPress tertentu untuk belajar. Ingat, Anda harus mempersempit ruang lingkup Anda, sentuhlah bagian yang ingin dipelajari. Tidak hanya menghemat waktu, tetapi juga mencegah Anda tersandung masalah yang tidak perlu. Mengedit source code WordPress mengharuskan Anda untuk memiliki editor teks HTML seperti Notepad++ untuk Windows atau Text Wrangler untuk perangkat Mac. Anda juga perlu menyiapkan klien FTP seperti FileZilla dan browser modern seperti Google Chrome. Hal terpenting lainnya adalah memutuskan berapa banyak waktu yang ingin Anda habiskan untuk task tersebut. Biasanya, mengedit source code WordPress itu sendiri cukup memakan waktu. Jadi, jika Anda merasa tidak punya waktu untuk melakukannya, mempekerjakan seorang profesional bisa menjadi pilihan yang bijaksana. Cara Edit Source Code WordPress Seperti yang Anda ketahui, WordPress menggunakan empat bahasa pemrograman yang berbeda, yaitu HTML, CSS, PHP, dan JavaScript. Setiap bahasa memiliki kode sendiri dan memiliki fungsi yang berbeda. Misalnya, HTML menangani struktur konten dan CSS mengelola tampilan. Karena itu, Anda mungkin perlu melakukan operasi tertentu dengan menggunakan serangkaian kode tertentu. Sekarang, mari kita selidiki lebih lanjut tentang cara edit source code WordPress. Cara Edit HTML WordPress Seperti yang dinyatakan sebelumnya, HTML adalah singkatan dari HyperText Markup Language. HTML berperan untuk mengontrol struktur konten. Anda dapat menambahkan semua jenis konten seperti teks, gambar, video ke dalam unggahan WordPress Anda. Biasanya, Anda melakukan ini dari editor WordPress. WordPress memiliki dua jenis editor, yaitu editor visual dan teks HTML. Di editor klasik, Anda dapat beralih dari editor visual ke editor HTML dengan mudah karena tab tersebut berdampingan. Tapi, Anda tidak akan menemukannya pada editor Gutenberg. Ada dua cara untuk beralih ke editor HTML Mengklik tombol menu tiga titik di setiap blok Mengklik pada menu tiga titik di sisi kiri atas untuk mengedit seluruh unggahan Berikut ini adalah contoh cara mengedit HTML di WordPress menggunakan editor Gutenberg Hasilnya adalah sebagai berikut —————————– Jadi, Anda dapat mengedit HTML di WordPress menggunakan dua cara di atas. Tapi, bagaimana cara mengedit HTML di beranda Anda? Pada dasarnya, Anda dapat menambahkan HTML khusus dari area widget. Klik Appearance -> Widget. Dari area widget, Anda dapat mengedit HTML melalui widget yang tersedia atau menambahkan lebih banyak widget dari menu Custom HTM. Untuk mengedit HTML, Anda harus memilih widget yang ditargetkan terlebih dahulu, membuat perubahan, dan menyimpannya. Di sisi lain, Anda dapat menambahkan widget baru dari menu HTML Khusus. Tergantung pada tema yang Anda aktifkan, opsi dapat bervariasi. Misalnya, menggunakan tema Twenty Seventeen, Anda memiliki opsi Blog Sidebar, Footer 1, dan Footer 2. Simpan setelah Anda menambahkan detailnya. Cara mengedit PHP dan CSS di WordPress CSS Cascading Style Sheets menerapkan style ke HTML. Bertanggung jawab untuk menentukan bagaimana halaman web disajikan. Ketika Anda menerapkan tema WordPress, situs web Anda akan memiliki tata letak, warna, dan font tertentu. Jika Anda tidak menyukai tema tertentu, Anda dapat menggunakan yang lain. Tapi, bagaimana jika Anda ingin mempertahankan tata letak tema tetapi ingin mengubah font? Kemudian, Anda mungkin perlu mengedit PHP dan CSS di WordPress. Hati-hati, metode ini mungkin tidak cocok untuk pemula WordPress. Ada dua cara untuk mengedit PHP dan CSS di WordPress menggunakan editor kode WordPress atau klien FTP. 1. Editor Kode WordPress Metode pertama mengakses editor kode WordPress. Harap perhatikan bahwa Anda hanya dapat menggunakan metode ini jika situs web Anda berjalan dengan baik – artinya situs web Anda tidak macet karena serangan malware atau pembaruan yang gagal. Setelah Anda membuat tema anak, aktifkan. Kemudian, Anda dapat pergi ke Appearance -> Editor. Pastikan Anda memilih tema anak yang ditargetkan yang ingin Anda edit. Misalnya, jika Anda ingin mengedit footer, Anda dapat memilih di sisi kanan. Kemudian, Anda dapat menambah atau mengedit kode di Editor Kode. Setelah mengedit kode, klik tombol Update File. 2. Klien FTP Metode selanjutnya menggunakan Klien FTP. Meskipun ini mungkin metode yang ampuh, kami tidak menyarankan untuk menggunakannya. Itu tidak aman dan mungkin membahayakan situs web Anda jika salah penanganan. Tapi, inilah caranya jika Anda merasa memenuhi syarat, dan percayakan keahlian Anda. Pertama, Anda harus membuat login kredensial FTP. Kemudian, Anda dapat membuka klien FTP Anda dan memasukkan rincian host FTP Anda, nama pengguna, dan password. Setelah Anda berhasil terhubung, Anda akan memiliki akses ke kode sumber WordPress. Pilih file yang ingin Anda edit, klik kanan dan pilih edit. Setelah selesai mengedit, Anda dapat menyimpan perubahan. Kesimpulan Anda memang perlu alasan kuat untuk mengedit HTML di WordPress. Sebagian besar waktu, cukup menggunakan tema dan plugin. Jika Anda perlu memperbaiki masalah atau ingin melakukan kustomisasi tingkat lanjut, Anda dapat mengedit source code WordPress. Namun, ada beberapa hal yang perlu dipertimbangkan sebelum melakukannya tujuan Anda, tool yang digunakan, dan waktu Anda. Ada beberapa operasi yang berbeda saat mengedit kode sumber WordPress Edit HTML WordPress dari Editor Edit PHP dan CSS WordPress menggunakan editor kode WordPress atau klien FTP Ingatlah untuk selalu utamakan keamanan. Nadia merupakan penerjemah lepas sejak 2016, kini ia menjadi penerjemah untuk Hostinger. Ia gemar membaca dan melakukan penelitian seputar penerjemahan dan sosiolinguistik. Disamping itu, ia juga suka bermain dengan kucingnya dan bercengkrama bersama teman-temannya di waktu senggang.
Jadi Anda baru saja membeli suatu templat HTML dan sekarang Anda harus mengubahsuainya sebelum bisa ditampilkan online, tetapi Anda tidak berpengalaman dengan menulis kode, jadi Anda tidak yakin tentang cara melakukannya. Kalau begitu, santai saja, karena di tutorial ini kami mengajak Anda mempelajari tiap langkah di keseluruhan prosesnya. Kita akan melangkah dengan asumsi Anda belum pernah melihat sebaris pun HTML, apalagi yang sudah disunting, jadi tak masalah seberapa baru Anda dalam hal menulis kode, Anda akan diperlihatkan apa yang tepatnya harus dilakukan di tiap langkahnya. Mari memulai dari yang paling awal. Apa itu HTML? Secara teknis jawaban terhadap pertanyaan terebut adalah "Hyper Text Markup Language". Meskipun demikian, untuk tujuan pengubahsuaian suatu templat, Anda bisa menganggap HTML sebagai serangkaian tag pembuka dan penutup seperti ini Tag diindikasikan dengan tanda , dan tag penutup selalu memiliki tanda /. Pasangan tag memiliki konten di dalamnya, seperti ini 1 John Smith, Front End Developer Kendatipun demikian terkadang ada juga tag yang berdiri sendiri tanpa ada penutupnya, seperti ini Beragam tag HTML menghasilkan jenis konten yang berbeda-beda yang tampil di suatu halaman web. Contoh di atas, tag , akan menghasilkan pembacaan kepala teks heading yang besar bertuliskan "John Smith, Front End Developer", dan contoh tag akan membuat file gambar " tampil di halaman web. Untuk menyunting suatu templat HTML yang harus Anda ketahui adalah tag mana yang mewakili bagian halaman yang Anda ingin mengubahnya, bagaimana menemukannya di dalam kode, dan bagaimana menyuntingnya agar tampilannya sesuai yang Anda inginkan. Dapatkan Suatu Editor Kode untuk Diri Anda Sendiri Memang benar bahwa sangat dimungkinkan untuk menyunting HTML di Notepad atau program yang serupa, tetapi prosesnya akan jauh lebih mudah jika Anda menggunakan aplikasi penyunting kode yang tepat. Salah satu alasan utama adalah untuk mendapatkan penyorotan yang berwarna di kode-kode Anda, yang sebentar lagi Anda lihat, yang akan sangat memudahkan untuk dibaca dan diedit. Saya merekomendasikan Sublime Text, yang bisa diunduh di sini Mengunduh dan Menampilkan Templat HTML Anda Unduh templat yang telah Anda beli - untuk tutorial ini kita akan menggunakan templat "Clean CV" ini sebagai contoh. Kebanyakan templat HTML memiliki file ZIP - jadi lanjutkan dengan mengekstrak file Anda sekarang. Lalu lihatlah ke dalam folder templat sampai Anda menemukan file " atau " . Di contoh templat CV kita, namanya " file ini ditemukan dalam direktori " Sekarang, buka file itu di Chrome. Jika Chrome bukan peramban default atau kesukaan Anda, saya saranakn untuk tetap menggunakannya, karena kita akan mengerjakan proyek ini dengan sejumlah alat yang tersedia di internal built-in Chrome untuk membantu Anda dalam proses penyuntingannya Identifikasi Bagian-Bagian yang Anda Ingin Mengubahnya Jika ini adalah kali pertama Anda mengedit suatu templat, cobalah untuk tidak tergoda untuk mengubah warna dan tata letaknya terlebih dahulu. Untuk melakukannya, Anda harus memahami tentang CSS, bahasa yang bertanggung jawab untuk mengatur gaya styling halaman. Ide yang bagus adalah dengan berfokus pada satu hal saja dalam satu waktu apabila Anda masih baru dalam pengubahsuaian templat, dan HTML adalah tempat yang baik untuk memulai. Untuk memulai prosesnya, lihat templat Anda di Chrome dan temukan elemen tertulis dan gambar di halaman tersebut yang Anda ingin ubah. Jika diinginkan, Anda bisa menyiapkan suatu daftar supaya Anda bisa menjelajahi dan mengecek tiap itemnya seiring Anda melakukan penyuntingan. Dalam hal templat CV ini kita ingin mengubah Nama Profesi Gambar pribadi Tautan media sosial Informasi kontak Bagian CV "Professional Profile"; "Work Experience", "Technical Skills" dan "Education" Pesan hak cipta Sekarang kita punya daftar semua item yang akan diubah, kita bisa mulai mengeset lokasinya di tag HTML yang sesuai di dalam kodenya. Mari memulai dengan nama. Temukan Tagnya di Inspector. Klik kanan namanya, yang secara default adalah "John Smith", lalu pilih Inspect Akan terbuka panel seperti ini di peramban Anda Panel InspeksiPanel ini memberi Anda cara yang interaktif untuk melihat kodenya. Layangkan mouse Anda pada baris yang menunjukkan ... tag kepala teks level 1 dan seharusnya Anda melihat nama bagian templat disoroti seperti di screenshot di atas. Dengan melayangkan mouse Anda pada beberapa baris kode dan melihat area di halaman yang disorot panel ini membantu Anda menemukan kode ini berhubungan dengan elemen mana. Jadi terus layangkan mousenya ke baris-baris kode yang berbeda sampai bagian yang Anda cari disorot. Sekarang bentangkan tag h1 dengan mengklik segitiga kecil di sebelah kiri dan Anda akan melihat konten yang ada di dalamnya. Dalam hal ini kontennya adalah John Smith Front End Developer. Kata-kata tersebut sesuai dengan yang Anda lihat di layar, jadi Anda tahu bahwa bagian yang benar dalam kode itu sudah ditemukan. Mengedit Tag di HTML Saatnya membuka file HTML Anda untuk melakukan penyuntingan. Buka file " di Sublime Text dan semestinya Anda melihat sesuatu seperti ini Anda ingin menemukan kodenya di sini yang sesuai dengan yang Anda lihat di inspektor Chrome. Gulung layarnya sampai Anda menemukannya di baris 61-64. Sekarang Anda bisa mengedit konten yang ada di antara tag untuk mengubah nama dan profesi sesuai keinginan Anda. Pertama, sunting "John Smith" ke nama Anda sendiri Lalu, di antara tag , ubah "Front End Developer" ke profesi Anda sendiri. Simpan file Anda lalu muat ulang templatnya di Chrome. Perubahan yang Anda buat akan tampil seperti ini Mengulangi untuk Mengedit Konten Lainnya Sekarang Anda menguasai proses-proses dasar berikut Menginspeksi konten yang Anda ingin ubah Mengidentifikasi tag yang sesuai Menemukan lokasi tag tersebut di file HTML Anda Mengedit kodenya agar sesuai Mari mengulangi prosesnya untuk mengedit semua bagian konten lainnya yang kita ingin ubahsuai. Masukkan Gambar Anda Sendiri Berikutnya kita akan menambahkan gambar kita sendiri di sebelah kiri isian nama dan profesi. Klik kanan gambar dan inspeksi, catat tag yang berkesesuaian 1 Anda bisa melihat jendela inspektor baris ini tepat di atas baris yang baru saja diubah Buka file HTML Anda dan temukan tag tadi di baris 59 Untuk tag ini, Anda harus mengubah nilai atribut src yang Anda lihat di dalam tag img. Itu dilakukan dengan mengedit yang ada di antara tanda petik. Anda akan mengubah namanya ke nama file dan lokasi gambar Anda sendiri. Ambil gambar Anda sendiri yang berukuran 150 x 150 piksel, abaikan bahw nama filenya ukuran sebenarnya adalah 150x150. Masukkan gambar Anda ke dalam subfolder "_content"; yakno folder yang sama dengan file " Anda . Sekarang, di file HTML Anda, ganti nilai atribut src, menggantikan " dengan file yang baru saja Anda masukkan ke subfolder "_content". Pastikan untuk memeriksa bahwa ekstensi file yang Anda ketikkan sama dengan file Anda, misalnya "png" / "jpg" Simpan file Anda, muat ulang Chrome, dan Anda akan melihat gambar Anda tampil Mengedit Tautan Media Sosial Sekarang mari mengedit tautan di ikon media sosial di pojok kanan atas templat. Seperti sebelumnya, klik kanan salah satu ikon dan inspeksilah. Di jendela tersebut, lihat baris di atas yang disoroti dan Anda akan melihat yang mengandung teks "facebook-icon". Kita akan menggunakan ini untuk menemukan kodenya di file HTML kita. Kembali ke Sublime Text, tekan CTRL + F dan masukkan kata "facebook-icon". Anda akan menemukannya di baris 75. Tag a di baris 75 adalah yang menciptakan tautan di ikon, dan atribut href yang Anda lihat di dalamnya adalah penentu ke mana tujuan tautan itu, Anda harus mengubah nilai atribut href ke URL Facebook Anda misalnya Gantikan yang ada di situ secara default dengan URL Anda. Lalu lakukan hal yang sama untuk Twitter di baris 79, Google+ di baris 83, dan LinkedIn di baris 87. Jika ada ikon yang Anda ingin menghapusnya secara keseluruhan, sorot tautan yang dimulai dengan tag pembuka a dan ditutup dengan tag , lalu hapus kodenya. Sekarang simpan dan muat ulang situsnya, selanjutnya kalau Anda mengklik tautan-tautan tersebut maka Anda akan menuju ke alamat yang telah Anda masukkan Mengedit Informasi Kontak Berikutnya mari kita ubah informasi kontak yang terletak tepat di bawah ikon-ikon sosial. Mulailah dengan menginspeksi kata "Email" supaya bisa menemukan di mana bagian informasi kontak yang ini dimulai di dalam kodenya. Catat baris kode yang Anda sorot, dan baris di bawah di bawah ini supaya Anda bisa mencocokkannya di file HTML Anda. Di Sublime Text, tekan CTRL + F sekali lagi, dan untuk kali ini cari "Email". Anda harus menemukan lokasi kata "Email" yang dikelilingi oleh kode yang cocok dengan yang Anda lihat di jendela inspektor. Anda akan menemukannya di baris 94. Sorot alamat email default "john di dua lokasi di baris tersebut Lalu ganti dengan alamat email Anda sendiri. Di baris berikutnya Anda juga bisa mengganti nomor telepon dengan nomor Anda sendiri, dan untuk baris di bawahnya yang Anda bisa mengganti alamat webnya dengan alamat Anda sendiri Menyunting Bagian CV Sekarang mari lanjut dan mulai mengedit bagian utama CV di templat tersebut. Ada sejumlah bagian di sini, jadi kita akan mulai dengan menginspeksi masing-masingnya supaya Anda bisa tahu apa yang harus dicari di kode Anda. Di sini Anda juga akan berkesempatan untuk belajar sedikit tentang berpindah di jendela inspektir untuk menemukan bagian-bagian yang berbeda di situs Anda. Gulung ke bawah ke bagian "Professional Profile", klik kanan di paragraf teksnya dan inspeksi. Di inspektor tersebut Anda akan melihat adanya tag p yang disorot - tag ini bertanggung jawab untuk menciptakan paragraf dalam teks Anda. Berikutnya, kita ingin mengetahui bagaimana seluruh bagian teks di bagian CV terlihat di kode, bukan hanya paragraf tertentu. Di jendela inspektor, klik baris kode di atas paragraf yang baru saja Anda inspeksi dan Anda akan melihat semua teksnya disorot Langkah ini memberitahu Anda tiap bagian kode yang dilingkupi dengan tag .... Tag div adalah singkatan dari division dan tag-tag ini digunakan untuk mengontrol layout dan gaya. Sekarang inspeksi judul "Professional Profile" di bagian yang lain CVnya. Mula-mula, yang akan dilihat adalah seperangkat tag div lainnya. Ini karena kepala teks yang sebenarnya terletak antara tag-tag tersebut. Tekan segitiga kecil di bagian akhir baris untuk membukanya dan lihat kontennya, lalu lakukan hal yang sama untuk baris berikutnya sampai Anda melihat teks "Professional Profile" yang Anda cari. Anda akan menemukanya dilingkupi dengan tag ..., yang membuat suatu kepala teks level 2. Sekarang kita tahu seperti apa tampaknya kode untuk tiap bagian CV ini, kita bisa kembali ke Sublime Text dan mulai mengeditnya. Posisikan kursor Anda tepat di bagian paling atas dokumen HTML Anda sehingga Anda bisa mulai mencari dari atas. Tekan CTRL + F dan cari "cv-item". Teruslah mencari sampai Anda mendapatkan kode yakni tepat setelah kode Professional Profile yang baru saja Anda identifikasi. Sekarang Anda bisa mengganti teks di bagian Professional Profile dengan milik Anda sendiri. Lingkupi tiap paragraf di teks Anda dengan tag .... Apabila sudah selesai, pastikan tag pembuka paragraf di paragraf akhir bagian itu mencakup atribut class dengan nilai last, seperti ini ...... Ini berlaku bagi kelas untuk menata tata letak dari templat CSS yang akan memastikan bahwa spasi di bawah bagian teks ditangani dengan benar. Jika Anda menyimpan dokumen HTML Anda dan memuat ulang situsnya, Anda akan melihat semua hal di dua bagian paling atas telah diubahsuai. Sekarang kita bisa melanjutkan dengan menyunting bagian item CV yang tersisa dengan cara yang sama seperti yang kita lakukan untuk "Professional Profile". Inspeksi tiap bagiannya untuk mengakrabkan diri Anda dengan kode yang harus Anda cari untuk mengeditnya. Inspeksi nama pekerjaan Inspeksi periode kerja Inspeksi daftar butir Gunakan pendekatan yang sama seperti yang dilakukan pada bagian "Professional Profile" untuk mengedit konten bagian CV yang lainnya. Untuk mengedit nama pekerjaan, periode kerja atau daftar butir temukan kode yang cocok dengan yang Anda lihat di jendela inspektor, seperti yang Anda lakukan di tiap pengeditan sampai sejauh ini. Gunakan tag p untuk membuat paragraf, dan untuk bagian "Professional Profile" jika Anda menutup suatu bagian dengan sebuah paragraf, pastikan tagnya nya berisi class=last, yakni .... Catatan jika Anda ingin menambahkan bagian baru di CV, atau menghapus yang sudah ada, Anda akan membutuhkan inspektor untuk menemukan kode tag yang melingkupi keseluruhan bagian. Di contoh ini Anda akan melihat seluruh bagian dilingkupi dengan tag .... Dalam kode Anda sekarang bisa ditemukan satu blok kode dan lakukan salin tempel untuk membuat item baru, atau hapus secara keseluruhan jika Anda ingin menghapusnya. Sunting Pesan Hak Cipta Dengan bagian CV Anda uang sudah diedit, kita menuju ke item terakhir di daftar perubahan; pesan hak cipta di catatan kaki. Sekali lagi kita akan menggunakan proses yang sama. Klik kanan pesan hak cipta dan inspeksi Lalu temukan kode yang cocok di HTML Anda dan sunting dengan memasukkan angka tahun saat ini dan nama Anda Dan Selesai! Kerja yang bagus! Anda baru saja mengubahsuai sepenuhnya templat HTML ini untuk menunjukkan konten Anda sendiri. Saya harap sekarang Anda merasa percaya diri untuk melakukan pengubahsuaian lebih banyak kode di masa depan. Templat yang kita kerjakan mungkin relatif sederhana, tetapi ingatlah bahwa proses menyuntingnya selalu sama, sekompleks apapun kelihatannya templat tersebut. Inspeksi saja templatnya, lalu identifikasi kode untuk bagian yang Anda ingin ubah, lalu temukan kode itu di file HTML Anda dan lakukan penyuntingan. Apabila Anda sudah selesai menyunting, kapan saja Anda melihat suatu tag HTML yang tidak dikenal, jangan biarkan itu menghambat Anda. Ada sangat banyak informasi online yang bisa membantu Anda mempelajari fungsi masing-masing tag. Untuk lebih banyak bantuan di sepanjang proses belajar, periksa panduan-panduang pembelajaran berikut Dokumen HTML Pertama Anda Dalam 60 Detik 30 Hari Belajar HTML & CSS Cara Terbaik Belajar HTML Perkenalan dengan HTML
Gabung KomunitasYuk gabung komunitas {{forum_name}} dulu supaya bisa kasih cendol, komentar dan hal seru lainnya. Saya mau share gan tentang Add on di Firefox yang bisa digunakan buat ngedit teks di halaman website. Nama add on-nya adalah source editor Saya coba add on ini untuk mengubah tampilan facebook, dan ternyata hasilnya cukup menarik. Ini bukanlah rekayasa photoshop. Spoiler for ini imagenya gan Cara menggunakannya gan Download dan pasang SourceEditor di firefox Agan. Bisa di download di itu, aktifkan terlebih dahulu add on bar pada firefox Agan. Cara cepatnya dengan menekan tombol Ctrl + /. Pada sudut kanan bawah akan ada ikon seperti gambar kertas yang bila sedang off akan tampak kabur. Untuk mengaktifkannya klik ikon dan ikon tersebut akan tampak jelas. Setelah aktif, bila pointer mouse diarahkan ke halaman website, maka akan ada kotak merah yang mengurung setiap elemen apapun di halaman tersebut. Untuk edit teksnya, Agan tinggal klik 2 kali pada bagian yang ingin diedit. Untuk menon-aktifkan add on klik kembali ikon SourceEditor pada bagian kanan bawah firefox. Tidak hanya halaman FB, tapi semua halaman website bisa diubah teksnya sesuai keinginan. Akan tetapi yang perlu diketahui adalah, tampilannya tidaklah permanen. Kalau halaman website tersebut di reload, maka halaman website yang sudah kita edit akan kembali ke tampilan aslinya. Tapi biarpun begitu, sebelum kita mereload kembali halaman websitenya, kita bisa melakukan print screen tampilan yang sudah diubah. Tampilannya juga bisa dicetak. Mungkin saja Agan ingin mengubah nilai pada transkrip nilai kuliah menjadi nilai A semua, yang kemudian Agan tunjukkan kepada kawan. Maka gunakan saja SourceEditor. Ayo coba Gan! 20-04-2013 2032 Kaskus Addict Posts 2,259 kayanya udah ada bawaan ff gan klik kanan -> inspect element 20-04-2013 2038 Kaskus Addict Posts 1,193 iseng-iseng nyoba gan 20-04-2013 2043 QuoteOriginal Posted By Metacityâ–ºkayanya udah ada bawaan ff gan klik kanan -> inspect element beda gan 21-04-2013 0028 Kaskus Addict Posts 2,259 QuoteOriginal Posted By ismiaprialâ–º beda gan Masa sih gan Spoiler for 22-04-2013 1145 QuoteOriginal Posted By Metacityâ–º Masa sih gan Spoiler for haha, repot kali nengok kode2nya Gan 22-04-2013 1148 Kaskus Addict Posts 2,018 kaga usah pake adsonn juga bisa kali gan silakan buktikan sendiri 22-04-2013 1232 Kaskus Addict Posts 2,034 efeknya cuma bisa buat kompi pribadi .... 22-04-2013 1238 Kaskus Addict Posts 2,483 memang pake bawaan firefox repot karena yg kita utak-atik itu code html-nya. tapi kan tetap BISA merubah tampilannya. add-on ente cuma mempermudah aja. 22-04-2013 1238
