Cara Menghapus Element/Widget Di Blog Secara Permanen

Pernah berkeinginan untuk menghapus element yang ada di dalam blog? Seperti menghapus Popular Posts bawaan blogger template premium yang keren abisss? Atau... Menghapus "Section" yang muncul di Layout Blog?

Saya awali dengan ratifikasi langsung bergotong-royong saya nggak begitu paham dilema isi template ibarat jQuery, CSS dan lainnya. Hanya sedikit yang saya tahu, itu pun berguru secara otodidak.

Belajar menciptakan template blogger pun seringkali kacau balau, toh belajarnya belajar sendiri hehe... Tapi saya nggak pernah patah arang, sikat terus hingga mampus :)

Nah topik kali ini wacana menghapus element-element yang ada di dalam template blogger ibarat FeedLinks, FeedLinksBody, iFrame_Comments, Comment-Form, Section di Layout Blog dan lainnya.

Contoh penampakkannya? Nih ada dibawah:

<b:includable id='main' var='top'>...</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>...</b:includable>
<b:includable id='backlinks' var='post'>...</b:includable>
<b:includable id='breadcrumb' var='posts'>...</b:includable>
<b:includable id='comments' var='post'>...</b:includable>
<b:includable id='comment-form' var='post'>...</b:includable>
<b:includable id='comment_count_picker' var='post'>...</b:includable>
<b:includable id='feedLinks'>...</b:includable>
<b:includable id='feedLinksBody' var='links'>...</b:includable>

Beberapa isyarat yang saya sebutkan diatas, ada kaitannya dengan widget komentar default Blogger (Blogspot). Tapi bukan itu yang kita bahas, bukan cara menghapus widget komentar default dari Blogger.

Ok misalkan, kronologisnya kita ingin menghapus isyarat yang berkaitan dengan Comment. Contoh kodenya ini:

<b:includable id='comments' var='post'>...</b:includable>

Itu gres ciutannya (singkatan) saja. Baik mari kita klik 3 buah titik tersebut untuk memperbesar lagi isyarat yang disembunyikan. Dibawah ini tampilannya:

<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h3><b:if cond='data:post.numComments == 0'> 0 Response to &quot;<data:blog.pageName/>&quot;</b:if> <b:if cond='data:post.numComments == 1'> 1 Response to &quot;<data:blog.pageName/>&quot; </b:if> <b:if cond='data:post.numComments &gt; 1'> <data:post.numComments/> Responses to &quot;<data:blog.pageName/>&quot; </b:if></h3>

<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<b:if cond='data:post.hasOlderLinks'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
&#160;
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
&#160;
</b:if>

<data:post.commentRangeText/>
<b:if cond='data:post.hasNewerLinks'>
&#160;
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
&#160;
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</b:if>
</span>
</b:if>

<div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
</p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
</div>

<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
<data:post.oldestLinkText/>
</a>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
<data:post.olderLinkText/>
</a>
&#160;
<data:post.commentRangeText/>
&#160;
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
<data:post.newerLinkText/>
</a>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
<data:post.newestLinkText/>
</a>
</span>
</b:if>

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>

</p>
</b:if>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>

<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>

Panjang banget kan? Namun alasannya persoalannya kita mau menghapus salah satu element yang ada di dalam blogger template, mau tidak mau ya harus mengikuti tutorial dibawah ini.

Cara Menghapus Element/Widget di Blog secara Permanen (Blogger Blogspot)

Kita gambarkan dulu bagaimana kinerja dari sebuah blogger template. Yang saya tahu dan pahami selama ini, di dalam template ada 2 jenis isyarat yang berbeda tapi mengatur untuk satu element atau widget di blog.

Nah 2 jenis isyarat ini terdiri dari <header>, <b:section....., <div class='clear'/>, isyarat Navigasi Menu dan lainnya yang terletak di ruang lingkup <body> hingga penutupnya yakni </body>.

Kode yang berada di antara <body> hingga </body> bertugas untuk menjalankan perintah yang kita mau.

Satunya lagi adalah jenis isyarat CSS Style untuk mengatur tinggi, lebar atau pun ukuran dari element widget tersebut. Seringkali letaknya di ruang lingkup <style> hingga penutupnya, maupun <b:skin><![CDATA[ hingga penutupnya.

Ok itu dia.

Sebenarnya ada 3 jenis kode, satunya lagi adalah isyarat yang mengatur Responsive dan Mobile Friendly dari sebuah template. Biasanya diawali dengan isyarat "@media screen", letaknya bisa jadi di serpihan <b:skin> hingga akhir, maupun <style> hingga akhir.

Ingat ya gan... disini saya membahas dan merampungkan artikel ini bermodalkan 2 jenis isyarat saja, artinya situasi kita ketika ini berada di template blogger yang belum Mobile Friendly dan Responsive. Masih template jadul, alias punya lama.

Nah jikalau misalkan isyarat templatenya sudah mendukung Responsive, bagaimana? Nanti saya bahas dibagian paling bawah.

Ok ini ia topiknya. Kita contohkan isyarat diatas!

Pada isyarat diatas kita bakal melihat beberapa isyarat utama seperti:

<div class='comments' id='comments'>

dan;

<a name='comments'/>

dan;

<span class='paging-control-container'>

dan;

<dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>

dan;

<span class='deleted-comment'><data:comment.body/></span>

dan;

<dd class='comment-footer'>

dan;

<span class='comment-timestamp'>

dan;

<a expr:href='data:comment.url' title='comment permalink'>

dan;

<span class='paging-control-container'>

dan;

<p class='comment-footer'>

dan;

<b:include data='post' name='comment-form'/>

dan;

<div id='comment-popup'>

Dan diakhiri dengan epilog kodenya yakni </b:includable>.

Ok sudah kita tandai.

Cara Menghapus Widget di Blog secara Permanen

Setelah kita tandai isyarat yang mana-mana saja, saatnya melaksanakan eksekusi.

Cari semua isyarat (atau nama) CSS yang sama isyarat (atau namanya) dengan isyarat (atau nama) dari isyarat perintah tersebut. Misalnya isyarat perintah yang ingin dihapus ialah:

<span class='comment-timestamp'>

Pada serpihan CSS Style, sudah niscaya ada isyarat comment-timestamp. Hapus semua isyarat tersebut. Ok! Begitulah caranya.

Antara percaya atau tidak, semua isyarat diatas yang diawali dengan nama-nama ibarat 'paging-control-container', 'comment-footer', 'comment-popup', 'comment-form' dan lainnya punya isyarat CSS nya masing-masing.

Letak isyarat CSS nya pun berada diantara <b:skin> hingga penutupnya, maupun berada di isyarat <style> hingga serpihan akhirnya. Berbeda-beda sesuai pembuatan dari desainer templatenya.

Note: Nggak semua isyarat perintah tersebut punya isyarat CSS nya. Tergantung dari desain template yang dikerjakan dan dibentuk oleh desainer blogger template.

Atas nama bertujuan untuk menghapus sebuah element berupa widget atau pun Section yang muncul di Layout Blog, kedua jenis isyarat tersebut harus dihapus. Arti lainnya, kita telah mencoba cara menghapus widget blogger secara permanen.

Ingat sekali lagi gan...

Menghapus widget blog berarti kita harus menghapus isyarat CSS nya juga. Kalau hanya menghapus widgetnya saja tapi isyarat CSSnya tidak dihapus, malah itu menyebabkan lambatnya loading blog.

Contoh masalah lainnya?

Agan sendiri niscaya melihat ada begitu banyak Styles atau bermacam gaya Popular Posts yang dibagikan secara gratis oleh Blogger luar negeri.

Biasanya pun Style dari widget Popular Posts tersebut memakai isyarat CSS aksesori biar tampilan Popular Posts sesuai dan terbentuk ibarat yang dimunculkan dimulai dari Background, Font, Tinggi, Lebar atau pun Ukurannya.

Nah suatu waktu agan mau menghapus widget Popular Posts tersebut. Ternyata, yang agan hapus hanya widgetnya saja. Namun isyarat pengatur CSS nya belum dihapus, itulah salah satu penyebab lambatnya loading blog!

Percaya atau tidak, boleh di cek di tool-tool gratis ibarat CSS Drive atau Compress CSS / JavaScript. Kalau kasusnya sudah demikian, otomatis bakal terdeteksi banyak CSS yang tidak terpakai, dan itulah mengapa blog agan begitu lambat.

Ok hingga disini sudah dipahami dan dimengerti. Jika ada yang kurang dimengerti, mohon ditanyakan.

Kode ini:

<b:includable id='comments' var='post'>...</b:includable>

...merupakan isyarat pengatur komentar default blogger. Usahakan jangan dihapus biar blog tidak error. Kode tersebut yang saya sertakan di posting ini, hanya citra peniadaan saja.

Oh ya... dengan cara diatas pun, kita bisa menghapus atau menghilangkan Section yang muncul di Layout Blogger, kawasan dimana kita memasangkan Gadget HTML atau Feed dan lainnya.

Satu lagi, saya juga mohon maaf apabila ada kekeliruan di dalam artikel kali ini. Ini semua hanya citra saja bagaimana cara menghapus widget atau element di blog secara permanen dan dilakukan dengan benar. Semoga berguna.*