Blogger

Cara Mengganti Theme Blogspot

SevenJon.com – Cara Mengganti Theme Blogspot : Theme atau biasa juga disebut dengan Template merupakan salah satu bagian penting untuk sebuah website termasuk Blogspot, selain isi konten yang menarik, Theme juga harus di perhatikan dengan baik, mulai dari struktur data, widged, tata letak dan tampilan yang tidak mencolok bagi pengunjung, terlebih theme yang difasilitasi fitur mobile friendly dan AMP akan lebih cepat terindex di mesin pencarian google. Bagi seorang yang memiliki dasar dalam pemograman web html hal ini tidak akan terlalu sulit untuk dilakukan, namun tidak luput juga kepada teman teman kita yang masih dalam tahap belajar akan kesulitan menerapkannya. Oleh karena itu pada kesempatan ini Admin Seven Jon akan membahas Cara Ganti Theme Blogspot

Apa itu Theme Blogspot

Theme Blogspot ialah tampilan halaman blog dengan susunan dan penataan yang terdiri dari berbagai macam elemen seperti gambar, stylesheet, script, file statis dan dinamis, yang disusun sedemikian rupa sehingga menjadi sebuah desain dan corak pada halaman template blog tersebut.

Cara Mengganti Theme Blogspot

Pada tutorial ini saya akan mencoba mengajarkan bagaimana cara mengganti theme pada sebuah blogspot, theme yang akan kita gunakan dalam tutorial ini adalah Kerensive Responsive Blogger Template, theme ini merupakan versi gratis yang dapat kamu gunakan sebagai theme di blogspot kamu, selain itu jika kamu sudah memiliki theme pilihan kamu sendiri silahkan gunakan tutorial dengan cara yang sama.

1. Download Theme yang saya sediakan di halaman berikut ini [ Download Kerensive Responsive Blogger Template ]

2. Setelah di download silahkan Extract file tersebut dan buka folder Template di dalamnya

3. Buka software Notepad bawaan windows kemudian tarik atau drag and drop file KerenSive Free Blogger Template.xml ke dalam notepad
Cara Mengganti Theme Blogspot

4. Salin text di dalam notepad tersebut

5. Langkah selanjutnya silahkan login ke blogger kamu

6. Setelah login pilih menu Theme kemudian pilih EDIT HTML
Cara Mengganti Theme Blogspot

7. Kamu akan menumukan HTML dari theme yang sedang kamu gunakan, karena tujuan kita adalah mengganti theme maka kita akan mengganti semua HTML yang berada didalamnya.
Cara Mengganti Theme Blogspot

8. Hapus semua HTML yang ada di themes blogger. kamu dapat menggunakan bantuan keyboard CTRL + A untuk memilih semua text di dalamnya, kemudian tekan Del atau atau Back [ di atas tombol Enter pada keyboard ] untuk menghapus text yang sudah di pilih, hapus semua hingga tidak menyisakan text apapun.

9. Setelah semua text html di dalam blog terhapus, silahkan paste text html yang sudah di salin pada langkah ke 4 tadi
Cara Mengganti Theme Blogspot

10. langkah terakhir klik Save Theme.

11. Untuk melihat perubahannya silahkan kunjungi blogger kamu atau dengan mengklik View Blog di bawah Nama Blog kamu yang berada di bagian kiri atas dash board. Maka akan terlihat seperti di bawah ini.
Cara Mengganti Theme Blogspot

Setelah berhasil mengganti theme kamu hanya perlu menyesuaikan menu dan letak widged sesuai kebutuhan masing masing, namun untuk pembahasan Widged akan saya pisahkan di artikel yang bebeda karena memang memiliki fungsi dan tujuan yang berbeda beda.
Sementara untuk mengatur menu kamu membutuhkan program tambahan untuk mengedit HTML, saya sendiri sering menggunakan Adobe Dreamweaver CS5, namun jika kamu tidak memilikinya kamu bisa menggunakan Notepad++ sebagai alterlatif HTML Editing, kamu bisa mendapatkan salah satu program tersebut dengan bantuan mesin pencarian google atau google search engine.

Cara Mengganti Menu Blogspot

Setiap kamu mengganti theme blogspot secara otomatis semua menu dan tata letak akan berubah mengikuti theme tersebut, maka dari itu kamu harus mengganti setiap menu yang ada dengan menggunakan menu dari blogspot kamu sendiri. Perhatikan gambar dibawah ini.

Cara Mengganti Theme Blogspot

Gambar diatas merupakan menu bawaan dari theme yang kita gunakan tadi, terdapat menu Home, Menu 1, Menu 2, Menu 3, DropDown Menu, Sub Menu dan Error page. menu tersebut hanyalah sebuah contoh gambaran pada theme yang masih default, alamat atau link dari setiap menu diatas memang tidaklah aktif, yang harus kamu lakukan adalah mengganti menu yang ada bukan mengukti menu yang sudah ada. Gantilah menu menu tersebut dengan menu kamu sendiri, gunakan alamay atau link Lebel untuk mengisi menu menu tersebut.

Sebagai Contoh
Jika Blog kamu membahas makanan, kamu akan membagi makanan tersebut menjadi beberapa bagian yang di sebut ketegori atau lebel seperi 1. kue Basah, 2. Kue Kering, 3, Kuliner Tradisional.
Maka lebel tersebutlah yang harus kamu gunakan untuk di bagian menu

Dalam tutorial Cara Mengganti Menu Blogspot ini saya hanya membuat 2 lebel yaitu Cats dan Blogging, maka menu yang akan saya gunakan yaitu Cats dan Blogging.
Jika sudah paham silahkan ikuti langkah langkah berikut

1. Masuk ke Dash Board blogger dan pilih Theme kemudian pilih EDIT HTML

2. Salin semua Text Html yang ada di dalam Box Html Edit Blogger
Cara Mengganti Theme Blogspot

3. Buka Software Adobe Dreamweaver CS5 dan buat dokument HTML baru ( Create New HTML )

4. pada menu Adobe Dreamweaver Pilih Tab Code atau split untuk mengedit dengan mode Code HTML agar dapat melihat pnegkodean HTML

5. Hapus semua text html yang ada di dalam dokument baru tersebut
Cara Mengganti Theme Blogspot

6. Paste text html yang di dapat dari themes blogspot tadi ( theme yang akan kita edit )

7. Setelah html dari theme blogspot di paste di Adobe Dreamweaver kita akan mulai mengedit mengganti menu

8. Pertama kita akan mencari letak MENU 1 MENU 2 dan menu lainnya yang berada pada menu utama

9. Gunakan fitur mencarian untuk memudahkan pencarian text dengan menekan tombol Alt + F pada Adobe Dreamweaver

10. Tuliskan MENU 1 pada kolom pencarian karena kita akan mencari letak MENU 1
Cara Mengganti Theme Blogspot

11. Setelah Menemukan letak MENU 1 silahkan Ganti
<li class=’ripplelink’><a href=’#‘ itemprop=’url’><span itemprop=’name’>Menu 1</span></a></li>
MENU 1 (Warna Merah)= Menjadi Nama Menu kamu, saya sendiri akan menggunakan Lebel Blogging untuk di jadikan menu 1
# ganti tanda pagar menjadi alamat menu ke 1 tersebut menjadi /search/label/Blogging
maka hasilnya akan seperti ini
<li class=’ripplelink’><a href=’/search/label/Blogging‘ itemprop=’url’><span itemprop=’name’>Blogging</span></a></li>

12. Ganti juga MENU 2 dan Menu 3 sesuai Lebel blog kamu sendiri

13. Setelah Mengganti Menu 1 sampai 3 salin semua html ke menu Theme di Blogger kemudian simpan dan lihat hasilnya di halaman utama blogspot kamu
Cara Mengganti Theme Blogspot

Sementara untuk mengganti Dropdown Menu, SUB MENU, dan ERROR PAGE, kamu cukup melakukan perubahan seperti biasa namun saya Tidak menyarankan penggunaan menu berjenis Drop Down dengan menu berisi sub menu, karena kurang efektif apabila blogspot di akses melalui phonsel. Saya sarankan menggunakan menu utama saja tidak perlu menggunakan Drop Down.
Jika kamu ingin menghapus menu drop down silahkan hapus kode yang saya beri tanda di dalamnya. kode ini akan menghapus menu drop down berseta sub menu di dalamnya.
Cara Mengganti Theme Blogspot

Tips Setelah Mengganti Theme Blogspot

Setelah kamu bisa Mengganti Theme Pada Blogspot usahakan jangan sampai ada menu yang tidak aktif seperti Eror 404 dan jangan biarkan ada link yang mengarah ke luar dari Blog kamu, hal ini tentu saja seperti membawa pengunjung pergi dari blog kamu setiap kali ia mengklik link tersebut, selain tidak SEO Friendly blog yang mengandung menu seperti ini jelas akan di tolak jika kamu mendaftar Google Adsesns karena halaman tidak rampung atau belum selesai.
Kemudian Jangan hapus Link statis yang berada di bagian paling atas theme seperti About, Contact, Sitemap, Disclaimer, Privacy Policy dan Terms of Service karena kita akan membutuhkannya untuk melamar Google Adsens. mengenai Halaman Statis ini saya akan membahasnya setelah Widged. Jangan kemana mana teteap di SevenJon.com

Tags

SevenJon

Semoga kajian materi dari website sevenjon.com ini dapat membantu teman teman menambah pengetahuan dan pengalaman yang bermanfaat hingga anak cucu kelak.

Related Articles

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Back to top button
Close
Close