Cara Menghilangkan Icon Tang-Obeng

Dapat ilmu lagi neh..Bagi para blogger, tentunya sudah gak asing lagi dengan tampilan icon yang berbentuk tang dan obeng yang saling bertindihan. Yang tampilannya seperti dibawah ini :

Sudah pada tau dong apa sih fungsinya icon tersebut? :D yep...buat mengedit langsung dari tampilan blog kita, katanya seh, seandainya kita (blogger) malas ketampilan editnya. Tinggal klik aja di icon tang dan obeng itu, jadi kita bisa langsung mengedit blog kita secara cepat..

Sebenarnya icon tersebut hanya muncul apabila kita login ke blog kita melalui blogger, jadi orang yang melihat blog kita sebenarnya tidak melihat icon-icon tang dan obeng tersebut.

Nah..mungkin juga neh, tampilan icon tang dan obeng tersebut, agak dan mungkin mengganggu bagi beberapa blogger..ada ga ya? :r

Kalo ada berikut trik untuk menghilangkan icon tang dan obeng tersebut :

• Login ke Blogger, Klik Layout -> Edit HTML

• Sudah? Biar lebih aman, back up dulu deh templatenya. 

• Langkah berikutnya, beri tanda centang pada Expand Widgets Templates

• Kalau sudah, cari kode <b:include name='quickedit'/> atau cara lebih gampang buat nyari kode ini, tekan Ctrl+F untuk membuka kotak Find, lalu ketikkan kode tersebut diatas lalu klik next.

• Kalau sudah ketemu kodenya, hapus kode tersebut. Setiap kode <b:include name='quickedit'/>mewakili satu icon tang dan obeng tersebut. Jadi kisah kelanjutannya, jika template sobat memiliki lebih dari pada satu icon tang dan obeng tersebut, gunakanlah CTRL+F untuk mencarinya.

• Kalau sudah menghapus semuanya. Klik Save Template lalu klik View Blog untuk melihat hasilnya. Sekarang semua icon quick edit yang berbentuk tang dan obeng sudah tudak ada lagi. Jika masih ada, mungkin masih ada kode <b:include name='quickedit'/> yang belum hapus. cari lagi dengan cara yang diatas.

Cara tersebut diatas akan menghapus icon tang dan obeng dengan permanen. Jika ingin menampilkannya lagi upload lagi deh template yang sudah di back up sebelumnya..

Selamat mencoba, semoga bermanfaat....SALAM BLOGGER !!!

Read more »

Cara Merubah Warna Scroll Bar

Tidak hanya tampilan blog yang kita bisa modifikasi melalui kode HTML template kita, namun warna scroll bar dari media browser yang kita gunakan pun bisa kita modifikasi warnanya, dari warna standar ke warna yang kita sukai. Kode untuk merubah warna Scroll Bar adalah kode CSS (Cascading Style Sheets).

Sebelum Anda menerapkan tutorial ini, sebaiknya Anda menggunakan media browser (Firefox, Chrome, internet Explorer) yang terupdate karena tutorial ini tidak bekerja dengan baik pada media browser yang lawas.

Cara Memodifikasi Warna Scroll Bar

    Kunjungi laman Dashboard blogger
    Klik Template dan Edit HTML

• Cari kode ]]></b:skin>
• Setelah menemukan kode ]]></b:skin> letakkan kode berikut diatasnya :

/* tutorialblogspot.com scrollbar effect */
::-webkit-scrollbar {
width:14px; height:8px;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
background:#eee;
}
::-webkit-scrollbar-thumb {
background: rgba(28,119,229,0.7);
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
background: rgba(116,188,99,0.5);

• Simpan template Anda.

Catatan penting :

1. Ganti #eee dengan kode warna yang Anda inginkan.
2.  untuk mengganti lebar Scroll Bar, rubah angka berikut 14px dan 8px

Read more »