Cara Mengedit HTML Template Dengan Cepat

Mengedit Kode Html Template - Template blog adalah sebuah desain tampilan halaman dari blog anda yang berisikan dokumen file atau model-model tambahan yang di kodekan dalam bahasa pemograman siap pakai. Nah, untuk mengubah tampilan dari template ini tentu susah bagi yang tidak mengerti bahasa pemograman. Oleh karena itu, cara ini mungkin bisa digunakan atau di pakai untuk belajar mengedit halaman template blog anda. Di coba saja, sebelum menyerah 😄. Sebelum proses pengeditan, saya akan memberikan trik terlebih dahulu, dimana anda akan mengenal atau belajar cara mencari kode Html template dengan cepat. Caranya sangat mudah sekali dan tidak akan membuat anda pusing atau bingung. Hanya dengan menekan tombol F3 atau Ctrl + F pada keyboard anda, pada kotak Html, sehingga muncul kotak Find. Kita contohkan misalnya anda mencari kode </head> pada kotak html, klik saja kotak htmlnya trus kemudian tekan f3 atau Ctrl+F, muncul kotak find, isikan kode yang anda cari </head> akan muncul tulisan dengan ditandai blok warna. Kode yang anda cari pun dengan mudah anda temukan. Gimana bisa, atau masih bingung ? Kalo masih bingung kita langsung saja praktekkan caranya !

Edit Html

Gambar di atas adalah contoh awal untuk memulai memasuki kawasan pengeditan html, langkah-langkahnya saya informasikan
di bawah ini :

1. Log In dulu ke blogger anda. 
2. Sudah masuk halaman dasbor di urutan menu dasbor ada tema atau template. Klik tema/template.
3. Tampil gambaran di samping dai halaman blog anda, silahkan Klik Edit HTML.
4. Anda kemudian memasuki kawasan bahasa pemogramanan. Ingat apa yang saya katakan sebelumnya di atas, kode atau kata apa yang anda cari. Kita samakan contohnya seperti yang di atas. Kita sedang mencari Kode </head>. Lalu apa yang selanjutnya di lakukan ? Lanjutkan!
5. Tekan Ctrl+F akan muncul kotan find atau search di samping atas kotak bahasa pemograman Html.
6. Tulis atau isikan kode yang kita cari </head>. Tekan Enter. Muncul kode </head> dengan blok warna, gambarnya seperti di  bawah ini.

Hasil Pencarian Kode </head> 

Gimana, mudah bukan ?! Mungkin anda berfikir, buat apa kita mengetahui langkah di atas seperti itu ?? Jangan salah, walaupun anda tidak mengerti atau tidak paham bagaimana itu bahasa pemograman, tapi cara di atas sedikitnya akan bermanfaat untuk anda. Misalnya seperti apa ?? " Misalnya seperti anda ingin mengedit menu pada template, mengedit sub menu, atau memberikan link pada sub menu dan masih banyak lagi yang lainnya". Saya akan coba berikan gambaran nyata nya, jadi simak lebih lanjut informasinya.

A. Cara Mengedit Menu Pada Template (Halaman Menu Blog Anda)

Dalam template blog anda, terdapat sejumlah template yang dapat anda gunakan secara gratis, misalnya seperti template sederhana yang saya pakai, atau ada juga template yang baru seperti contempo, soho, emporio, dan juga template lama seperti sederhana, dinamis, jendela gambar, dan lain sebagainya. Nah, pada beberapa template biasanya terdapat menu-menu yang pastinya tidak sesuai dengan topik atau judul informasi yang anda bahas. Untuk mengganti kata pada menu tersebut tentu anda harus mengeditnya pada Html, disinilah cara yang kita bahas sebelumnya bermanfaat. Anda jadi bisa mengedit atau menghapus menu tersebut sesuai dengan yang anda inginkan. Bermanfaat bukan ? Kita mulai coba mempraktikan sama-sama saja, biar paham! 👍

Mengedit Menu Informasi Blog Panduan Pintar Blogger

Perhatikan gambar di atas, contoh yang akan saya berikan adalah contoh pengeditan menu pada blog saya sendiri. Coba lihat halaman utama situs blog saya, saat ini hanya ada 1 menu yaitu Informasi Blog. Nah, kita coba ubah menu tersebut menjadi "Topik Blog". Silahkan anda simak langkah-langkah nya berikut ini :

1. Masuk ke halaman dasbor blog anda.
2. Pilih Tema (template).
3. Klik tombol Edit Html seperti yang sudah saya contohkan pada informasi dan gambar di atas.
4. Gunakan cara cepat dalam mencari script template yang sudah kita bahas di atas. Tekan Ctrl+F untuk membuka kotak search, kemudian isi atau ketikan kata atau script yang anda cari " informasi blog" kata tersebut yang sedang kita cari. Tekan Enter.
5. Setelah muncul kata tersebut seperti pada gambar di atas, tinggal kita edit sesuai dengan yang kita inginkan. Di ubah menjadi "Topik Blog".
6. Saat mengedit tulisan, perlu di ingat jangan sampai menghapus bagian script lainnya, misalya seperti titik, koma dan sebangsanya. Karena kalo sampai ke hapus di jamin bakal pusing. 😄. Untuk antisipasinya sebelum mengedit copas terlebih dahulu scripnya, amankan, jadi kalo nanti terjadi kesalahan bisa di kembalikan seperti semula. OK, Paham !
7. Ketika kita sudah mengedit tulisannya, > Simpan Template, coba lihat hasilnya pada gambar di bawah ini, yang sudah saya screenshoot untuk anda. Coba bandingkan dengan halaman awal dan yang sudah di edit.

Hasil Mengedit Menu Informasi Blog Menjadi Topik Blog

Itulah hasil dari cara mengedit menu template pada Edit Html yang dapat anda lakukan. Selain dari mengedit menu, anda juga dapat mengedit sub menu pada template anda. Caranya sama seperti yang telah saya sampaikan di atas. Kita lanjutkan saja pembahasannya yang berkaitan dengan informasi ini.

B. Cara Memberikan Link Pada Menu Dan Submenu

Apa hubungannya dengan editan menu dan sub menu ?? Coba anda perhatikan pada gambar mengedit menu informasi blog panduan pintar blogger. Sebelum kata Informasi Blog terdapat link yang di tuju oleh menu tersebut. Oleh karena itu semua menu dan sub menu yang telah anda buat tentu link tujuannya juga masih belum sesuai atau mungkin belum ada link tujuannya. Oleh karena itu kita aka coba bahas bagaimana cara memberikan link pada menu dan submenu.

1. Pertama copy terlebih dahulu Url yang akan menjadi link tujuan dari menu atau submenu pada blog anda.
2. Masuk dasbor > Template
3. Seperti biasa Ctrl+F cari script menu yang akan anda edit. Jika anda masih bingung coba lihat gambar mengedit menu informasi blog panduan pintar blogger, seblum kata informasi blog terdapat link tujuan dari menu informasi blog, anda dapat jadikan gambar etrsebut contoh dan meng copy pastekan Url yang telah anda simpan sebelumnya sebagai tujuan dari link menu blog anda. 
4. Jika sudah di pastekan, simpan template dan lihatlah hasilnya. 
5. Jika menu "," di tekan, maka akan terbuka artikel dari tujuan link tersebut.

Pada kasus ini, tak perlu saya lampirkan contoh gambar, anda pasti sudah punya gambaran sendiri setelah mempelajari cara mengedit menu pada template.

C. Cara Mengedit Foto Slide Di Halaman Depan Situs Blog Anda

Jika template blog yang anda miliki berisi gambar slide, biasanya gambar tersebut tidak sesuai dengan gambaran innformasi gambar blog anda. Maka dari itu anda harus menggandtinya dan menyesuaikan gambarnya sesuai dengan gambar informasi blog anda. Bagaimana caranya ? Mari kita bahas sama-sama caranya berikut ini :

1. Tahukah anda, bahwa syarat yang di butuhkan untuk mengedit gambar slide adalah harus tau nama file dari gambar tersebut. Jika anda tidak tau, maka gunakan cara di atas " cara mengedit html template dengan cepat". Ada hanya perlu mencari file gambar menggunkan teks yang ada pada gambar tersebut. Misalnya terdapat tulisan " hanya 3 slide gambar".
2. Masuk halaman dasbor blog anda, seperti biasa masuk > Template atau Tema. > Edit Html.
3. Ctrl+F cari kata "hanya 3 slide gambar".
4. Ketika script sudah anda temukan, coba anda perhatikan bagian scriptnya. Contohnya misal sript seperti ini:
   " src= 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVGqPHUuoLrVjiKjBgj370mnXF9_8NANibMt8-TNCOCooACp8Mg7xxqWkgKLOxq_GOgbQ6WNCum4pCCSKSs5tvDITevzd8n7vwXUj_JwpugmNmCcHveCDHAoTxCqOhX4VL951-1vcvIew/s640/edit+post.png' "
5. Blok scrip tersebut, kemudian copy dan pastekan url tersebut dari mulai https - png ke > Jendela Baru atau New Tab. Maka file gambar aslinya akan di tampilkan dan terlihat ukuran gambar aslinya (pixel).
6. Langkah selanjutnya yang harus anda buat adalah desain gambar dengan ukuran yang sama pada gambar asli di atas. Jangan lupa juga menggunakan format gambar yang sama (jpg, png, dll). Atau jika anda malas untuk mengedit anda bisa menggunakan gambar dari postingan artikel anda. Anda hanya perlu menyamakan ukuran dan format gambarnya saja. Cara mengambil linknya bagaimana ? " caranya mudah > klik kanan pada gambar artikel anda > copy image address atau open link in new tab >  kemudian kembali ke halaman script yang tadi dan hapus alamat gambar aslinya dan ganti dengan alamat gambar postingan anda yang memiliki format gambar yang sama. Kalo beda ya, ya bikin !
7. Kalo udah bikin gambarnya, posting ke artikel anda, lakukan cara di atas dengan mengcopy pastekan alamat gambar tersebut. Jangan lupa juga untuk mengisi link tujuan dari gambar tersebut. Maksud saya, anda dapat memberikan link pada slide gambar yang telah anda pasang dengan link postingan anda, supaya nanti kalo gambar slide tersebut di klik , akan terbuka ke link tujuan yang sudah anda tentukan. Caranya > masukan link tujuan pada bagian script Slide-3Url-here. Script Slide-3Url-here nya di ganti dengan link tujuan anda.
8. Jika sudah > Simpan Template. Silahkan lihat hasilnya pada halaman situs blog anda.

Srlain dari mengganti gambar slide, anda juga dapat mengedit tulisannya pada gambar. Tulisan pada gambar tadi kan " hanya 3 slide gambar", nah, anda dapat mengganti tulisannya dengan kata yang ingin anda sampaikan. Caranya sama seperti sebelum-sebelumnya di atas. Cara pada infromasi ini dapat anda gunakan juga untuk Mengedit Footer (Powered by Blogger) yaitu dengan cara mencari kata > powered by > terdapat alamat blogger > edit teks alamat bloggernya menjadi alamat utama blog anda. Kemudian anda juga dapat Memusnahkan Design By dengan cara > cari kata desgn by > hapus script mulai dari design by hingga dengan </a>. Jangan sampai lupa untuk menyimpan > Simpan Template.

Peringatan

Membackup Template Blog - Pada infromasi di atas telah saya infromasikan bahwa sebelum anda mengedit HTML template, pastikan terlebih dahulu script nya ke dalam notpad. Hal ini berguna untuk berjaga-jaga supaya blog anda tidak berantakan pada saat salah memasukan script atau tidak sengaja menghapus script. Caranya ketika anda berada pada halamat Edit Html > Seleksi semua script yang ada di sana (Ctrl+A) > Copy (Ctrl+C) > Buka Notepad > Paste (Ctrl+V) > Save. Jika hal buruk terjadi seperti blog anda Error, anda dapat mengembalikan script seperti semula dengan mencopykan script yang ada di notepad kedalam kotak Edit Html blog anda.

Demikian itulah uraian infromasi mengenai cara mengedit Html template dengan cepat. Semoga informasi yang di berikan dapat di pahami sehingga bermanfaat untuk anda belajar mengedit html template blog. Jangan lupa juga untuk mempelajari informasi lainnya pada blog Panduan Pintar Blogger ini, sehingga dapat menambah wawasan anda yang baru memasuki dunia blogger. Kritik dan sarannya saya harapkan guna untuk meningkatkan trafik situs blog Panduan Pintar Blogger. Terimakasih atas waktunya, sampai jumpa kembali di informasi menarik lainnya. baybay.. 💋