Angkrong Corner
Diberdayakan oleh Blogger.

Tips Mempermudah Edit Tampilan Blog

Hai sobat kali ini ane mau share tentang mempermudah edit tampilan blog, mungkin bagi sobat banyak yang ingin memperindah / mempercantik tampilan blog atau hanya sekedar mengatur bagian-bagian yang kurang rapih dan sobat tidak tau bagaimana cara praktis melakukan hal itu, nah untuk itu ane mau ngasih tau caranya.
Pertama-tama sobat harus menggunakan browser firefox / chrome , namun ane sarankan sobat menggunakan firefox sebab lebih mudah , dalam contoh ini ane akan menggunakan blog tercinta Angkrong Corner ini sebagai percobaan  , lihatlah gambar di bawah ini :

Ini adalah potongan screenshoot dari bagian header blog ane, mungkin ada yang mengganjal yah ? yap bagian title blog dan deskripsi blog bertabrakan atau tertumpuk.


Nah untuk memperbaikinya buka blog dengan menggunakan browser firefox login dulu ke blogger dan masuk ke edit template, kemudian kita menuju ke halaman yang akan di perbaiki, kemudian klik kanan pada halaman blog » Inspect Element, akan muncul tools inspect element pada bagian bawah firefox » kemudian Klik Icon seperti panah seperti gambar di bawah, yang diberi tanda merah :



Kemudian sobat klik pada bagian yang akan di benahi , ane disini memilih pada bagian header , seperti di bawah ini :



Kemudian menuju ke tools inspect element , kali ini sobat menuju ke bagian kanan bawah, sobat akan menemukan properti seperti color, width, heigth, dll. Seperti gambar di bawah ini :




Yang perlu diperhatikan adalah bagian element , disini ane di element #header-wrapper, kemudian sobat cari kesalahannya , kalau disini ane punya masalah pada lebar #header-wrapper sehingga title dan deskripsi bertabrakan nah ane rubah nilai width menjadi 52%, dan wala sekarang header menjadi normal



Namun masih belum beres , nah sekarang ane menuju ke halaman edit template di blogger, kemudian Ctrl+f dan ane ketik pada bagian find : #header-wrapper , setelah ketemu ane cari properti width dan mengganti dari width:47% ke width:52%, setelah itu simpan template dan sekarang perubahan sudah tersimpan.

Inspect element juga berguna untuk mempercantik, memperbaiki blog dan banyak lagi , misal mengganti warna font, background, dll. Sekian tutorial kali ini dari Angkrong Corner semoga bermanfaat , dan berkomentarlah bila ada yang kurang jelas.

2 komentar

Restu Nugroho 28 Februari 2014 00.23

kayak dreamweaver ya modelnya mas ?

Hasan Hasbuloh 28 Februari 2014 18.01

iyah mas bro, namun lebih simple dan fiturnya terbatas tidak seperti dreamweaver :D

Posting Komentar

*Komentar yang bener (baik,sopan, dan bener)
*Ora sangenahmu komentna
*Ora porno-pornoan
*Teu meunang ngahina
*Teu meunang masang link aktif

 
Kang Tahu