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 pengakuan pribadi bahwasanya saya nggak begitu paham persoalan isi template seperti jQuery, CSS dan lainnya. Hanya sedikit yang saya tahu, itu pun belajar secara otodidak.
Belajar membuat template blogger pun seringkali kacau balau, toh belajarnya otodidak hehe… Tapi saya nggak pernah patah arang, sikat terus sampai mampus 🙂
Nah topik kali ini tentang menghapus element-element yang ada di dalam template blogger seperti FeedLinks, FeedLinksBody, iFrame_Comments, Comment-Form, Section di Layout Blog dan lainnya.
Contoh penampakkannya? Nih ada dibawah:
<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 kode 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 kode yang berkaitan dengan Comment. Contoh kodenya ini:
Itu baru ciutannya (singkatan) saja. Baik mari kita klik 3 buah titik tersebut untuk memperbesar lagi kode yang disembunyikan. Dibawah ini tampilannya:
<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 "<data:blog.pageName/>"</b:if> <b:if cond=’data:post.numComments == 1′> 1 Response to "<data:blog.pageName/>" </b:if> <b:if cond=’data:post.numComments > 1′> <data:post.numComments/> Responses to "<data:blog.pageName/>" </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>
 
<a expr:class=’data:post.oldLinkClass’ expr:href=’data:post.olderLinkUrl’><data:post.olderLinkText/></a>
 
</b:if>
<data:post.commentRangeText/>
<b:if cond=’data:post.hasNewerLinks’>
 
<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>
</b:if>
</span>
</b:if>
<div expr:id=’data:widget.instanceId + "_comments-block-wrapper"’>
<dl expr:class=’data:post.avatarIndentClass’ id=’comments-block’>
<b:loop values=’data:post.comments’ var=’comment’>
<dt expr:class=’"comment-author " + 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>
 
<data:post.commentRangeText/>
 
<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 + "_backlinks-container"’>
<b:if cond=’data:post.showBacklinks’>
<b:include data=’post’ name=’backlinks’/>
</b:if>
</div>
</div>
</div>
</b:includable>
Panjang banget kan? Namun karena 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 kode yang berbeda tapi mengatur untuk satu element atau widget di blog.
Nah 2 jenis kode ini terdiri dari <header>, <b:section….., <div class=’clear’/>, kode Navigasi Menu dan lainnya yang terletak di ruang lingkup <body> sampai penutupnya yakni </body>.
Kode yang berada di antara <body> hingga </body> bertugas untuk menjalankan perintah yang kita mau.
Satunya lagi ialah jenis kode CSS Style untuk mengatur tinggi, lebar atau pun ukuran dari element widget tersebut. Seringkali letaknya di ruang lingkup <style> sampai penutupnya, maupun <b:skin><
Terimakasih telah membaca di Aopok.com, semoga bermanfaat dan lihat juga di situs berkualitas dan paling populer Piool.com, peluang bisnis online Topbisnisonline.com dan join di komunitas Topoin.com.
