Bukan Tutorial blog | Utak-atik Blogger Template

Assalamu'alaikum warrahmatullahi wabarrokatuh sodaraku,
Kali ini saya mencoba belajar menulis tentang utak-atik template sebagai kelanjutan postingan sebelumnya tentang Pulang Kampung | Blog Sehat. Sebenarnya langkah-langkahnya sederhana, semua blogger saya yakin pasti bisa.  Ini semua semata agar saya tidak lupa bagaimana mengubah Djangan Pakies dari template yang beraneka bentuk, menjadi template yang simpel. Sekali lagi, semua kembali pada selera masing-masing .  Ada yang ingin tampil ramai dan keren, ada yang menyiapkan untuk adsense dan seterusnya.
Saya sebut ini bukan tutorial, karena gampang melakukannya, tinggal klik sana sini.

Mengembalikan widget default
1. Dasbor blogger
2. Rancangan
3. Edit HTML, lalu centang Expand Template Widget
4. Klik Kembalikan template widget ke default (Revert widget templates to default)

 

5. Centhang Expand Template Widget kemudian save. Langkah berikutnya:

Utak-atik Template Designer
1. Setelah langkah ke 5 di atas, langsung klik  perancang template (template designer)

akan segera muncul

 

Template:
awalnya pilih template yang mudah (simple) dahulu, nanti setelah di Apply bisa memilih sesuai selera
Background,
tinggal memilih sesuai selera, kalo saya ndak pake biar loading lebih cepat
Layout:
tinggal mengkombinasi antara sidebar, body posting dan footer
Adjust widths
entire blog pake 1000 px,  ini nanti digunakan juga untuk membuat ukuran gambar header menggunakan soto sop
Advanced
inilah yang bisa mengubah warna dan font tamplilan blog, silahkan dicoba satu persatu dan hasilnya langsung bisa dilihat dibagian bawah. Jika ingin mengembalikan dengan yang semula tinggal klik clear advanced change laman
Terakhir silahkan klik APPLY TO BLOG

Menambahkan  Page (Halaman)

1. Dasbor blogger
2. Rancangan
3. Posting ---> edit laman ---> Laman Baru

 4. Masukan judul page sebagai navigasi, misalnya About Me sebagai ganti profil, isi postingan sesuai dengan selera, tentang siapa dan penjelasan blog masing-masing.

 

Jika sudah selesai klik Tayangkan Laman, sehingga akan muncul:

 

Klik Tab blog, kemudian simpan dan terbitkan, dan hasilnya adalah:

Menambah gambar Header

terlebih dahulu persiapkan gambar yang akan dijadikan latar header. Agar penempatannya sesuai dan proporsional, gunakan edit gambar dengan menggunakan Photoshop. Atur ukuran gambar sesuai dengan ukuran header, misalnya 1000 x 125 px

dasbor blogger ==> Rancangan ==> Elemen Laman ==> Edit Header

 

 Penempatan gambar centhang selain judul dan keterangan

terakhir simpan

 
Verifikasi Google (GWT)

Silahkan menuju Google Webmaster Tools.
1. Login dengan akun Gmail
2. Klik Add Site
3. Masukkan url blog anda, Contoh: http://blogsampean.blogspot.com
4. Klik Continue

5. selanjutnya  muncul halaman Verify Ownership
6. Copy metatag dari google ke blog Anda.

 7.  login dasbor blogger ==> Rancangan ==> Elemen Laman==> Edit HTML ==> centhang

8. Letakkan kode meta tag yang Anda dapatkan dari google di bawah kode

<b:include data='blog' name='all-head-content'/>

(Untuk Memudahkan Menemukannya Tekan Ctrl+F Di Keyboard anda dan masukkan Kode Tersebut)
9. simpan template

10. Jika Sudah, Kembali lagi ke halaman webmaster tools Verify Ownership Dan Klik Verify

11. Proses Submit Dan Verifikasi Blog selesai . 

Memasang Metatag

login dasbor blogger ==> Rancangan ==> Elemen Laman==> Edit HTML ==>
cari kode di bawah ini:

<title><data:blog.pageTitle/></title>

ganti dengan:

<b:if cond='data:blog.url == &quot;http://siswandoyo-muhammad.blogspot.com/&quot;'>
          <title><data:blog.pageTitle/></title>
<meta content='Djangan Pakies, siswandoyo muhammad ' name='KEYWORDS'/>
          <meta content='Djangan Pakies adalah siswandoyo muhammad personal blog yang berisikan renungan dan peristiwa sehari hari yang berusaha menjalin silaturrahim persabatan dan menambah wawasan untuk mendapatkan ridha Allah' name='DESCRIPTION'/>
           </b:if>
          <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <title><data:blog.pageName/> - <data:blog.title/></title>
          <meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Description'/>
          <meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Keywords'/>
          </b:if>

simpan dan selesai

Sekali lagi, inilah proses yang dilakukan Djangan Pakies dan Crew (saya sendiri) dalam mengembalikan template ke template blogger. Semua tinggal klak klik tanpa edit HTML (kecuali pasang metatag). Berhubung saya tidak pandai dalam membuat tutorial, tolong masukannya kalo ada yang perlu dibenahi.

"Semoga kita selalu dimudahkan dalam segala urusan dunia maupun akherat 

semoga bermanfaat

wassalamu `alaikum warahmatullahi wabarakatuh.