Skip to main content
➜ Cooming Soon.. Hosting Murah Berkualitas!

Cara Menghilangkan & Menyembunyikan Icon Obeng atau Quick Edit di Blogger

Cara Menghilangkan & Menyembunyikan Icon Obeng atau Quick Edit di Blogger
Cara Menghilangkan & Menyembunyikan Icon Obeng atau Quick Edit di Blogger - Setiap memasang widget atau kolom didalam blog yang biasanya dipasang dibagian Sidebar, akan muncul icon obeng yang sangat tidak nyaman dipandang. Jika memasang banyak kolom atau widget kedalam blog, yang pemasangannya ada di menu Tata Letak (Layout), maka ada jumlah icon obeng yang sama dengan jumlah widget yang di pasang. Dan khusus di Blogspot, icon ini selalu punya muncul dan pasti ada.

Cara Menghilangkan & Menyembunyikan Icon Obeng atau Quick Edit di Blogger
Mengapa icon obeng selalu ada dan muncul saat memasang widget? Apakah icon ini bisa dihilangkan atau tidak bisa ditampilkan secara otomatis?
Icon obeng ini berasal dari kode script yang sudah dibuat oleh Blogger dan setiap memasang widget, icon ini pasti muncul dengan sendirinya. Kode script yang berasal dari Blogger itu sendiri (Script bawaan) tentu tidak bisa dihilangkan atau disembunyikan dengan cara apapun. Sekalipun menggunakan kode CSS. Penggunaan kode CSS hanya menyembunyikan tampilan icon obeng saja tidak menghilangkan kode script pada icon obeng tersebut.

Kode CSS yang digunakan untuk menyembunyikan sesuatu didalam blog adalah display:none

Tampilan Icon Obeng
Pada gambar dibawah ini, ada perbedaan yang terlihat yaitu adanya icon obeng dan tidak yang terpasang pada widget (kolom) Arsip Blog (BlogArchive). Pada gambar dengan icon obeng, tidak menggunakan kode CSS untuk menyembunyikannya. Sedangkan pada gambar satunya, icon obeng tidak terlihat karena icon disembunyikan dengan menggunakan kode CSS display:none

Cara Membuat Desain Grafis dan Video Animasi

Tanpa CSS

Cara Membuat Desain Grafis dan Video Animasi

Dengan CSS

Meskipun pada tampilan gambar dari widget (kolom) Arsip Blog (BlogArchive) diatas memiliki sedikit tampilan yang berbeda yaitu adanya icon Obeng, namun kenyataannya, dua-duanya masih memiliki kode script dari icon Obeng yang otomatis ditampilkan didalam kode template dengan kode seperti berikut ini:

<b:include name='quickedit'/>

Atau jika kita melihat secara utuh dari kode <b:include name='quickedit'/> ini akan tampil kode HTML & Script seperti berikut ini:

<a class="quickedit" href="//www.blogger.com/rearrange?blogID=64921362537XXXXXX&amp;widgetType=BlogArchive&amp;widgetId=BlogArchive1&amp;action=editWidget&amp;sectionId=sidebar" onclick="return _WidgetManager._PopupConfig(document.getElementById(&quot;BlogArchive1&quot;));" rel="nofollow" target="configBlogArchive1" title="Edit">
<img alt="" height="18" src="http://.blogblog.com/img/icon18_wrench_allbkg.png" width="18">
</a>

Jadi menggunakan kode CSS display:none pada property .quickedit sebenarnya tidak perlu karena seperti yang telah kami sebutkan diatas, kode Script HTML dari property .quickedit tetap ditampilkan. Jadi untuk menghilangkan icon Obeng yang sebenarnya hanya dilakukan dengan satu cara yaitu menghapus kode <b:include name='quickedit'/> secara langsung atau manual dengan mencarinya didalam kode Template blog di menu Tema > Edit HTML.

Namun kalau hanya sekedar menyembunyikan icon obeng, bisa dilakukan dengan 2 cara berikut ini yaitu:
1. Menambah Kode CSS:
Tambahkan kode CSS berikut kedalam kode template blog

.quickedit {
       display: none;
}

Baca Juga: Cara Mengganti Kode Template Blog, Menambah, Menghapus dan Mencari

2. Mengatur Konfigurasi Setingan Blog
Icon Obeng blog juga bisa disembunyikan dengan menggunakan cara berikut:
Bukan menu Tata Letak >> Klik Edit pada kolom Postingan Blog (Main/Gadget Postingan Blog) dan hilangkan tanda Centang pada Tunjukkan Pengeditan Cepat dan scroll kebawah klik Simpan. Selesai

Manfaat Icon Obeng
Sebenarnya adanya icon Obeng atau Pencil pada masing-masing widget yang baru ditambahkan memiliki manfaat khusus yaitu sebagai jalan pintas dalam melakukan pengeditan secara langsung tanpa perlu harus membuka halaman pengeditan widget tersebut. Bahkan dalam mode baca pun atau dalam halaman artikel yang sudah jadi, widget-widget ini bisa di edit secara langsung selama Anda masih dalam keadaan login dalam akun yang sama. Begitu juga dengan blog yang menggunakan platform Wordpress, juga memiliki icon editing.

Dampak Memasang Icon Obeng
Membiarkan icon Obeng tampil di halaman blog atau postingan memiliki dampak terhadap blog yaitu:
  • Struktur kode blog HTML tidak valid.
  • Loading blog berambah lambat.
  • Tampilan blog kurang nyaman dilihat karena adanya icon Engkol tersebut.
Icon Obeng Tidak Bisa Di Edit Orang Lain
Meskipun icon Obeng ini terkadang ada yang tampil saat orang lain membuka blog, namun selama orang tersebut tidak menjadi admin blog tersebut dan meskipun icon bisa di klik namun orang lain tidak akan bisa melakukan pengeditan. Karena saat mengklik icon Obeng atau Pencil tersebut akan tampil halaman seperti berikut ini:

Akun Anda saat ini (XXXXXXXXXXXX@gmail.com) tidak memiliki akses untuk melihat halaman ini. 
Klik di sini untuk keluar dan berganti akun.

Cara Menghilangkan & Menyembunyikan Icon Obeng atau Quick Edit di Blogger

Untuk menghilangkan icon Obeng ini hanya bisa dilakukan secara langsung. Untuk menghilangkan icon Obeng yang sebenarnya hanya dilakukan dengan satu cara yaitu menghapus kode <b:include name='quickedit'/> secara langsung atau manual dengan mencarinya didalam kode Template blog di menu Tema > Edit HTML. Cari semua kode <b:include name='quickedit'/> dan hapus semuanya.

Semoga bermnafaat, selamat mencoba
Buka Komentar
Tutup Komentar
Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.