Modifikasi Template Dengan Google Chrome

Modifikasi Template Dengan Google Chrome

Sekarang akan saya bagikan beberapa trik dan tips bagi Anda yang gemar mengotak-atik tampilan template blog dengan menggunakan bantuan Google Chrome. Cara ini terbilang cukup rumit namun jika sudah menguasainya saya yakin Anda akan selalu gonta-ganti penampilan tanpa bongkar pasang template. Adapun beberapa item yang dapat Anda atur dan sesuaikan dengan selera Anda diantaranya adalah lebar body, sidebar, header , footer , warna, jenis font dan masih banyak lagi sampai tidak sabar saya ingin memulai membagi tips ini.

Persiapan pertama yang harus Anda lakukan adalah dengan mengatur posisi duduk dan sediakan makanan ringan jika ada. Setelah itu kalau belum punya browser Google Chrome silahkan download terlebih dahulu. Jika sudah silahkan ikuti langkah pokok dibawah ini :

#Login blogger.com menggunakan browser google chrome
#Klik menu Rancangan-->Edit HTML-->Ceklist kotak Expand Template Widget
#Klik Tulisan Download Template Lengkap mana tahu Anda menginginkan tampilan template seperti semula. Saya yakin Anda sudah mahir dalam hal ini.

Setelah itu buka blog Anda pada New Tab, biarkan proses loading sampai selesai.
Sekarang saya beri contoh bagaimana merubah warna tulisan pada sidebar

Perhatikan warna teks pada gambar disamping adalah warna sebelum saya modif.









Masih pada browser google chrome, klik kanan teks yang ingin dirubah warnanya,kemudian klik Inspect element, saya contohkan tampilannya seperti ini

Setelah itu akan muncul menu pop up Developer Tools, dan perhatikan dengan seksama bagian yang ada dalam kotak merah.

Pada kolom sebelah kiri Anda adalah bagian dari beberapa elemen yang menyusun template Anda. Sedangkan pada bagian dalam kotak merah sebelah kanan adalah elemen yang Anda klik kanan tadi, lihat gambar kedua dari atas.

Sekarang kebagian intinya.
Perhatikan Kotak merah sebelah kanan saja!

Jika Anda menginginkan warna teks sidebar tersebut diganti menjadi warna putih, silahkan cari tulisan (lihat dalam kotak sebelah kanan)  #sidebar-wrapper a { pada menu Edit html dan ganti kode #00f menjadi #fff, namun sebagai percobaan sementara bisa juga hilangkan ceklist tersebut dan lihat perubahan sementara pada blog. Jika sesuai dengan petunjuk maka hasilnya akan seperti ini :

Sebenarnya terlalu rumit bila dijelaskan dengan tulisan namun jika Anda sudah paham, akan sangat menyenangkan sekali dapat memodifikasi template blog sendiri. Sebab selain contoh diatas, cara meringankan beban blog sampai mencuri kode script blog lain juga bisa dengan cara ini dan akan saya bahas pada postingan berikutnya.

Semoga menambah wawasan kita, Salam.. Description: Modifikasi Template Dengan Google ChromeRating: 3.5Reviewer: Mas BugieItemReviewed: Modifikasi Template Dengan Google Chrome

Read more: Modifikasi Template Dengan Google Chrome | Mas Bugie [dot] com http://www.masbugie.com/2010/10/modifikasi-template-dengan-google.html#ixzz2hKnjIj2x