23 September, 2010

Tutorial Campur sari, rame di aduk-aduk!

Beberapa waktu yang lalu, pada tutorial saya sebelumya yaitu Tutorial blog blogger blogspot gado-gado, panjaannggg dan lamaaa!!!. Saya membuat simple triks yang berisi bermacam-macam tips dan trik pada blogger. Sekarang saya akan membuatnya lagi pada tutorial kali ini, tips dan trik campuran, campus sari, di aduk-aduk (he he he). Okey let's go...!!!

Menghilangkan menampilkan entri pada label

Apa itu entri pada label? (lihat gambar) adalah sebuah kotak penjelasan tentang label dalam blogger, ketika kita mencari atau mengklik salah satu label maka kotak ini akan muncul. Cuma terkadang label ini ingin di hilangkan atau di hapus karena menggangu design dari blog sobat, oke buat yang ingin menghilangkan kotak ini caranya :

*(idem)Login ke dasbor blogger
Rancangan --- Edit Html --- Beri tanda centang pada Expand Template Widget

Cari Kode :

gunakan F3 atau Ctrl+F, untuk mempermudah pencarian, karena kodenya panjang copas saja kode <b:includable id='status-message'> pada kotak pencarian. *(idem2)

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>

Ganti semua kode script di atas dengan kode :

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>

Simpan dan Lihat Blog, klik salah satu label. Maka kotak tersebut akan hilang.

Menghilangkan gambar obeng

Gambar obeng, adalah editing cepat pada blogger, biasanya gambar obeng hanya dapat di lihat pada saat kita login. Ke dasbor dan melihat blog pada saat, keadaan blog sedang login.

Tanda obeng ini hanya bisa di lihat oleh si empu blog. Sama seperti dia atas terkadang gambar ini sangat mengganggu, untuk sebagian blogger. Cara menghilangkannya adalah :


*(idem)
Cari Kode :

]]></b:skin>

Kemudian copy-pastekan kode dibawah, tepat sebelum/diatas kode ]]></b:skin> *(idem2)

.quickedit{
display:none;
}

Simpan dan Lihat Blog.

Membuat background warna Pada postingan

Biasanya ini warna di background, banyak di gunakan pada tutoria blog. Gunanya untuk memberi warna background pada kode html, seperti yang kita tahu blog tenteng tutorial tidak lengkap tanpa kode Script. Nah  fungsi dari warna ini adalah menadai agar mempermudah kode tersebut di sortir. Cara membuatnya.

Pada Postingan Blogger --- Klik Edit Html

Kemudian letakkan kode berikut ini :

<div style="background: #dcdcdc;">

isi konten
</div>

Hapus kata isi konten dan masukan konten arau kode script milik sobat, contoh :

Pekerjaan yang paling menyenangkan adalah menonton film, Kegiatan yang menggembirakan adalah belajar buat Blog dan semangat cinta yang paling membahagiakan adalah berBagi. ke-3 Kegemaran ini telah menjadi kebiasaan yang mengagumkan. Nonton Yuk, Ngeblog yuk, Berbagi Cinta Yuk!!!

#dcdcdc; adalah kode warna. Bisa di ganti sesuai kebutuhan, untuk memilih kode warna yang lain lihat berikut ini


Oke, selamat mencoba tuturial campur sari, di aduk-aduk nya. Well senangnya bisa berbagi semoga bermanfaat GUYS.. salam.. piss-blogger....

Gambar kartun campur sari : my.opera.com

1 comment

  1. keliatannya sepele..tapi memang ada bberp yg menggangu pemandangan seperti gambar obeng.thanks infonya yah

    ReplyDelete


Copyright © 2016 Photoshop blog dan Blogger