Cara Gampang Mengedit Template Blog Di Blogger Untuk Pemula

Apa itu Template Blog?

Template blog yakni suatu susunan aktivitas yang berupa kerangka halaman yang tersimpan secara elektronik dan sanggup di susukan oleh siapa saja secara online melalui alamat situs atau url Blog/Website.  Template blog ini sanggup kita temukan dengan gampang baik itu secara gratis ataupun berbayar. Contohnya menyerupai template di Blogger, Wix, Weebly, Jimdo  dan lain sebagainya.

Dalam beberapa kasus, banyak orang lebih menentukan template blog yang gratis yang sudah tersedia dalam suatu platform dari pada yang berbayar. Apalagi mereka yang masih pemula dalam dunia blog. Tentu saja menentukan template blog gratis yakni hal bijak.  Namun, hal ini menciptakan sebagian orang kurang puas dengan tampilan template yang ada, sehingga menuntut mereka untuk melaksanakan pengeditan template secara manual. Dan ini sering terjadi pada platform blogspot (Blogger).

Mengedit template di Blogger sanggup di lakukan dengan aneka macam cara. Namun, cara  termudah bagi seorang pemula untuk mengedit template di Blogger yakni melalui  hidangan Layout/Tata Letak, Cuztomise/Menyesuaikan dan lewat HTML. Mungkin, cukup dengan ketiga hal tersebut maka tampilan blog sudah menarik untuk di lihat. Selain itu, ini juga sanggup berlaku kalau kita ingin mengedit template blog gratis hasil download.

Baca juga : Cara Membuat Blog Gratis Yang Sukses Menghasilkan Uang

Mengedit Template Bawaan Blog di Blogger

1. Loyaut

Dari hidangan loyaut atau tata letak kita sanggup melaksanakan pengeditan template blog di Blogger tanpa harus mengetahui bahasa pemograman tertentu. Kita sanggup melaksanakan pengaturan apapun terlebih khusus yang sering berlaku yakni pengaturan widget yang bertujuan untuk tampilan interface blog. Pengaturan widget biasanya sudah mencangkup tampilan hidangan bar, side bar, recent post, hingga hidangan footer blog. Walaupun cara ini sedikit terbatas, namun sangat lebih muda di lakukan. Untuk itu pribadi saja login ke akun Blogger masing-masing terlebih dahulu dan dari Dashboard Blogger langsung saja menuju hidangan Layout /Tata Letak untuk melihat tmpilan menyerupai di bawah ini.

Gambar 1 : Mengedit Tampilan Loyaut/Tata Letak Pada Blogger

Penjelasan Gambar

1. Configure Favicon = Untuk mengedit icon pada search kafe browser. Silahkan pilih Choose File kalau punya icon logo atau gambar logo dengan ukuran di bawah 100KB dari komputer anda. Jika suda simpulan jangan lupa selalu klik Save/Simpan setiap kali melaksanakan setingan.
2. Configure  Header = Untuk mengedit header blog atau bab atas pada blog. Visible : Biarkan tercentang Show Page Header. Blog Title : Isikan dengan nama blog masing-masing. Blog Description : Ini biasanya kosong, namun isikan saja dengan deskripsi blog anda. Contoh kalau blog anda perihal Smartphone maka isikan dengan Android, iOS, OPPO, dan lain sebagainya. Image : Upload logo blog anda, kalau punya logo sendiri dari komputer maka pribadi saja pilih Choose File. Namun kalau dari Google drive atau daerah lainnya maka silahkan pilih From The web.  Sedangkan untuk  Placement silahkan lakukan percobaan sendiri. Jangan lupa centang Shrink To Fit kemudian simpan.
3. Configure Follow By Email = Untuk menampilkan pengikut kita melalui email. Artinya mereka akan mendapatkan emaik dikala kita melaksanakan post artikel baru. Visible : Centang Show Follow by Email, Title : Biarkan saja atau sanggup anda edit sesuai keinginan. FeedBurner URL : Isikan URL FeedBurner anda kalau belum punya silahkan daftar dulu. Kalau semuanya suda di lakukan pribadi saja klik simpan.
4. Configure Page List = Untuk menampilkan hidangan kafe pada blog. Visible : Centang show Pages, Title : Isikan  nama hidangan kafe menyerupai misalkan Home., Pages to show => Add external link : Masukan URL yang sesuai dengan hidangan kafe yang di maksud untuk dituju oleh link tersebut contohnya nama hidangan kafe Home, maka yang akan di tuju link hidangan kafe ke tampilan Home blog. Select all : Centang nama hidangan yang ingin di tampilkan pada hidangan kafe blog. Lalu klik simpan.
5. Configure Featured Post = Untuk menampilkan artikel pilihan. Visible : Centang Show Featured Post. Gadget Title : Isikan nama titel yang sesuai. Post Snippet : Silahkan lakukan percobaan mengenai tampilan Featured Post, sebaiknya centang semua. Select a Featured Post : Centang untuk melihat semua daftar artikel yang sanggup dipilih Sebaiknya pilih yang paling menarik berdasarkan anda. Kemudian klik simpan.
6. Add Gadget = Untuk menambahakan gadget pada sidebar blog. Jika ingin menambahkan gadget, silahkan tinggal klik pada tanda + Add Gadget kemudian akan muncul banyak pilihan gadget. Silahkan pilih sesuai keinginan. Namun kalau anda berencana mengedit blog untuk di daftarkan ke Google Adsense, maka dengan menambahkan gadget sidebar menyerupai popular posts, label/kategori dan blog archive itu suda cukup. Jangan lupa klik simpan.
7. Configure Blog Posts = Bagian ini yakni untuk mengatur segala sesuatu yang bekerjasama dengan tampilan di artikel postingan blog. Main Page Options => Number Of Posts On Main Page : isikan 5 saja cukup. Post Page Options : Silahkan edit susuai harapan alasannya yakni disini biasanya sudah tercentang semua. Centang sesuai keperluan saja misalkan tanggal, komentar, dan tombol share. Selain itu, pada bab Configure Inline Ads, kita sanggup mengatur tampilan iklan Google Adsense. Untuk lebih lengkap baca Jenis Iklan Google Adsense dan Cara Memasangnya di Blog.
8. Pembahasannya sama dengan no 7. Namun untuk tampilan layout template yang di pilih di atas penempatan gadgetnya saja yang di pisah. Terkadang kita akan menemukan template yang suda di satukan untuk add gadget -nya.
9. Configure AdSense = Ini untuk mengatur tampilan iklan Google Adsense. Silahkan lihat pembahasan no 7 saja.
10. Configure Attribution = Untuk mengatur autor template, dalam hal ini yakni Blogger sendiri  tidak perlu di edit.

Ingat setiap kali simpulan melaksanakan pengeditan, jangan lupa klik Save Template pada tombol bab kanan atas.

2.Customize

Customize template blog adalah  pembiasaan dalam mendesain template semoga benar - benar sesuai dengan keinginan. Melalui cuztomize (Blogger Theme Designer) kita bisa mengatur font, warna, lebar blog, lebar postingan, lebar sidebar blog, gadget, warna buton  dan banyak lagi.  Mungkin dengan melaksanakan pengeditan melalui customize ini, kita akan lebih gampang mendesain blog dari pada melalui layout dan HTML. Untuk itu, silahkan saja pribadi menuju Theme kemudian pilih Customize dan akan muncul tampilan menyerupai berikut.

Gambar 2 : Cara Cuztomise Template Blogger

Penjelasan Gambar

1. Themes : Untuk mengganti tipe template blog kalau ingin di ganti lagi. Dari sini kita sanggup melaksanakan pengeditan lanjut pada bab advanced.
2. Background : Untuk mengganti tampilan belakang blog. Klik saja pada Background Image maka akan muncul pilihan gambar background yang sanggup di pilih. Jangan lupa klik Done atau Save/Simpan kalau simpulan mengedit.
3. Advanced : Dari sini kita sanggup mengedit Body, Blog title, Tabs, Posts, Sharing, Blockquotes, Pictures, Sidebar, Search bar, Attribution dan menambahkan aba-aba pada Add CSS. Untuk melaksanakan pengeditannya sangat mudah. Silahkan pilih contohnya ingin mengedit Body pada blog maka akan muncul di sebelah kanan daerah pengeditan baik untuk mengganti background blog, huruf, link dan lain sebagainya. Silahkan lakukan exsperimen sesuai harapan masing - masing.
4. Gadget : Tempat untuk mengedit setiap gadget pada blog yang sama halnya dengan pembahasan pada mengedit template lewat layout tadi. 
5. Ingat jangan lupa selalu klik Applay to Blog pada tombol sebelah kanan atas lalu View Blog untuk melihat hasil editan tadi.

3. HTML

HTML yakni kependekan dari HyperText Markup Language yang merupakan sebuah bahasa markup yang sanggup menampilkan aneka macam info dari penjelajahan web di Internet dengan formating hypertext yang ditulis kedalam berkas berupa format ASCII  normal kemudian menjadi halaman web berdasarkan perintah-perintah bahasa HTML itu sendiri.

Mengenai cara mengedit template blog melalui aba-aba HTML, ada beberapa hal yang perlu di ketahui bahwa melalui pengkodean tersebut kita sanggup melaksanakan apa saja alasannya yakni berdasarkan klarifikasi di atas sanggup di simpulkan bahwa HTML ini merupakan bahasa pemograman yang menampilkan interface web secara keseluruhan atau dengan kata lain menampilkan  template itu sendiri. Karena template yakni salah satu unsur dari web dan blog.

Untuk mengedit template melalui HTML silahkan terlebih dahulu login ke akun Blogger masing-masing. Dari Dashboard pilih Theme/Tema kemudian Edit HTML. Maka akan muncul tampilan menyerupai pada gambar dibawah ini.

Gambar 3 : Mengedit Template Blogger lewat HTML

Penjelasan Gambar

1. Tekan ctrl+F untuk memudahkan pencarian kode.
2. Letak aba-aba HTML.
3. Selalu tekan Save Template/Simpan setiap simpulan melaksanakan pengeditan.

Contoh : Ketika kita ingin menghapus icon obeng dan tang atau icon QuickEdit pada template bawaan Blogger. Maka cukup masukan aba-aba <b:include name='quickedit'/> pada kotak pencarian ( lihat no 1) kemudian tekan enter. Ketika menemukan aba-aba yang sama, silahkan hapus. Biasanya aba-aba serupa  lebih dari satu, untuk itu hapus saja semua. Untuk mngedit hal lainnya, kita sanggup terapkan langka menyerupai tadi.

#1. Struktur Dasar HTML

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>Heading 1</h1>
<p>Paragraph</p>
</body>
</html>

Penjelasan kode

Apapun model website atau blog anda, semua proses coding atau pengkodean yang di lakukan bahwasanya hanya berawal dan berada dari dalam aba-aba <html> serta </html>. Coba perhatikan aba-aba <head> dan  </head> serta aba-aba <body> dan </body>. Semuanya berada di dalam aba-aba <html> dan </html>  tadikan. Kaprikornus semua proses pengeditan aba-aba HTML template tersebut hanya berada di dalamnya. Ini di maksudkan untuk menciptakan kita berpikir sederhana dulu mengenai HTML.

Sekarang perhatikan kode  <head> dan  </head> serta aba-aba <body> dan </body>. Tentu anda suda tahu apa arti dari head dan body. Head berarti kepala dan body berarti body.  kedua hal tersebut merupakan presentasi dari setiap kerangka blog.

Jika kita perhatikan lagi pada aba-aba di atas terdapat lagi aba-aba <title> dan </title> di dalam aba-aba head <head> dan  </head>. Titel yakni titel dari blog itu sendiri. Karena titel blog biasanya berada di bab atas blog, maka suda niscaya pengeditan titel blog berada di seputaran aba-aba <head> dan  </head>.

Sama halnya dengan aba-aba <h1> dan </h1> serta <p> dan </p>. H1 maksudnya yakni Heading 1  yang biasanya ini ada dalam postingan artikel blog, serta P yakni Paragraf yang juga sanggup kita temukan pada postingan artikel blog. Kedua aba-aba ini semuanya berada di bab dalam bodi blog. Maka dari itu pengeditannya akan berada di antara <body> dan </body>. 

Walaupun demikian, tidak selamanya pengeditan di HTML menyerupai itu alasannya yakni masih banyak penambahan aba-aba lainnya menyerupai CSS misalnya. CSS lebih mengarah pada proses desain template blog dan aba-aba inilah yang sering di edit untuk merubah tampilan template blog. Di sini tidak akan di bahas secara mendalam mengenai CSS akan tetapi klarifikasi aba-aba tadi sudah cukup sebagai bayangan mengenai dasar ruang lingkup pengeditan template melalui HTML itu sendiri.

Related Posts