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 dan tang yang sangat tidak nyaman dipandang

Daftar isi

Baca Juga

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.

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

Tanpa CSS

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.