Tips Memodifikasi Halaman Muka Blog

 

Cara Menghilangkan Tanda Obeng

Saat pertama Blog dibuat ada tanda obeng di belakang judul-judul Widget. Tanda ini berguna untuk bypass editing pada widget tersebut. Sehingga tidak harus membuka Dashboard, kemudian  klik “Rancangan”   lalu klik “edit” pada widget yang akan diedit.

 Widget adalah elemen penyusun halaman blog. Widget tertentu berisi setting yang mempengaruhi tampilan widget tersebut di halaman blog. Seperti Widget demo akuarium (seperti setting jumlah ikan, warna ikan dan lain-lain). Widget ini juga bisa berupa widget informasi realtime.

Namun sebagian besar widget berisi kode HTML. Untuk memodifikasi harus mempunyai pengetahuan dasar penulisan kode HTML. Kesalahan satu karakter mempengaruhi tampilan widget jenis ini atau bahkan sama sekali tidak bekerja. Blogger pun akan memberi peringatan adanya kesalahan kode.   

Bagi blogger pemula simbol obeng memudahkan karena bisa langsung mengedit widget. Tetapi lama-lama ia sadar hal itu mengganggu pandangan. Lalu bagaimana menghapusnya ?

Bukalah halaman Dashboard, klik Rancangan, kemudian pilih EDIT HTML maka pada Edit template akan muncul kode HTML.

Ingat ! Sebelum memulai jangan lupa SELALU membackup seluruh kode HTML ini SEBELUM melakukan modifikasi isi kode HTML dengan mengklik DOWNLOAD TEMPLATE LENGKAP lalu ikuti prosedurnya.

Atau dengan cara kursor di area kode HTML lalu klik kanan dan pilih SELECT ALL lalu COPY. Klik menu START, pilih program NOTEPAD, buka file baru notepad dan akhirnya PASTE.  Maka anda telah melakukan langkah aman dengan menyimpan kode HTML ini pada file notepad.

Jika anda ingin ke posisi sebelum perubahan, maka buka EDIT HTML, arahkan kursor pada area  kode HTML, klik kanan, SELECT ALL dan DELETE. Lalu buka file notepad yang berisi back up kode HTML ini. Select All dan Copy lalu kembali masuk ke EDIT HTML. Arahkan kursor ke bagian paling atas area kode HTML yang KOSONG. Lalu klik kanan, pilih PASTE.

Ingat ! Sebelum melakukan perubahan apapun pada area kode HTML, anda harus memberi Centang pada kotak “Expand Template Widget” yang ada di kanan atas kotak area kode HTML. Jika lupa melakukannya maka perubahan kode HTML tidak akan berpengaruh.

Trik 1 :                                                                                                                                         Carilah struktur kode di bawah ini :

body#layout #content-wrapper {margin: 0px;}
#navbar-iframe {height:0px;   visibility:hidden;   display:none}

]]></b:skin>

Pencarian lebih mudah jika lebih dahulu ditekan kombinasi CTRL-F, kemudian ketik karakter yang dicari pada kotak isian  di bagian paling bawah dekat menu START. Masukan karakter #navbar atau #body#. 

Maka kursor akan mengarah ke karakter yang dimasukkan dan karakter tersebut biasanya akan di-blok.

body#layout #content-wrapper {   margin: 0px; }
#navbar-iframe {height:0px;   visibility:hidden;   display:none}

]]></b:skin>

Kemudian disisipi dibawah # navbar diberi 1 baris kosong dan disisipi :

.quickedit {
display:none;}

Maka struktur HTML-nya menjadi seperti ini :

body#layout #content-wrapper {margin: 0px; }
#navbar-iframe {height:0px;   visibility:hidden;   display:none}

.quickedit {
display:none;}

]]></b:skin>

Sesudah disisipkan _____ tanda obeng HILANG

Trik  2      
Memisahkan 2 kode tag dengan :     <br/>  

klik SIMPAN TEMPLATE muncul “Perubahan anda telah disimpan:Lihat Blog” Silahkan klik kata “Lihat Blog” 

                                       Wallaahu a’lam bi shawwab