Menyembunyikan / Menghilangkan Posted by, Share Button (Tombol Berbagi) dan Labels di Home Page

Tutorial blog yang akan saya berikan kali ini adalah tentang bagaimana cara kita menyembunyikan Tulisan Posted By, Share Button (Tombol Berbagi) dan Labels di Home Page atau halaman awal blog. Tutorial ini saya rasa sangat penting untuk saya sampaikan karena kalau Tulisan Posted By, Share Button (Tombol Berbagi) dan Labels muncul di home page blog kita, maka loading blog kita akan berat dan tampilan home page kita terlihat tidak bagus. Ketiga fitur blog tersebut, memang sebaiknya di munculkan di bawah artikel saja. Untuk menyembunyikan atau menghilangkan ketiga fitur tersebut dari home page blog, kita harus menggunakan conditional tags. Untuk Blogger pemula, pasti istilah conditional tags sangat asing di telinga sobat, jadi untuk memudahkan sobat blogger dalam mengilangkan Tulisan Posted By, Share Button (Tombol Berbagi) dan Labels dari home page silahkan sobat ikuti langkah di bawah ini.

Cara Menyembunyikan atau mengilangkan Tulisan Posted By, Share Button (Tombol Berbagi) dan Labels dari home page :

• Log In di http://www.blogger.com/
• Pilih Layout kemudian klik Edit HTML
• Download Full template (Untuk Jaga-jaga)
• Kasih tanda Centang pada Expand Widget Template
• Cari kode yang seperti ini

<br /> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'><span class='post-author vcard'><br /> <b:if cond='data:top.showAuthor'><br /> <data:top.authorLabel/><br /> <b:if cond='data:post.authorProfileUrl'><br /> <span class='fn'><br /> <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'><br /> <data:post.author/><br /> </a><br /> </span><br /> <b:else/><br /> <span class='fn'><data:post.author/></span><br /> </b:if><br /> </b:if><br /> </span> <span class='post-comment-link'><br /> <b:if cond='data:blog.pageType != "item"'><br /> <b:if cond='data:blog.pageType != "static_page"'><br /> <b:if cond='data:post.allowComments'><br /> <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a><br /> </b:if><br /> </b:if><br /> </b:if><br /> </span> <span class='post-icons'><br /> <!-- email post links --><br /> <b:if cond='data:post.emailPostUrl'><br /> <span class='item-action'><br /> <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'><br /> <img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/><br /> </a><br /> </span><br /> </b:if><br /> <br /> <!-- quickedit pencil --><br /> <b:include data='post' name='postQuickEdit'/><br /> </span> <div class='post-share-buttons goog-inline-block'> <b:if cond='data:post.sharePostUrl'><br /> <b:include data='post' name='shareButtons'/><br /> </b:if><br /> </div></div><br /> <div class='post-footer-line post-footer-line-2'><span class='post-labels'><br /> <b:if cond='data:post.labels'><br /> <data:postLabelsLabel/><br /> <b:loop values='data:post.labels' var='label'><br /> <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if><br /> </b:loop><br /> </b:if><br /> </span> </div> <div class='post-footer-line post-footer-line-3'/>

• Kalau sudah ketemu, hapus kode di atas dan ganti dengan kode di bawah ini

<br /> <div class='post-footer'><b:if cond='data:blog.pageType == "item"'><br /> <div class='post-footer-line post-footer-line-1'><span class='post-author vcard'><br /> <b:if cond='data:top.showAuthor'><br /> <data:top.authorLabel/><br /> <b:if cond='data:post.authorProfileUrl'><br /> <span class='fn'><br /> <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'><br /> <data:post.author/><br /> </a><br /> </span><br /> <b:else/><br /> <span class='fn'><data:post.author/></span><br /> </b:if><br /> </b:if><br /> </span> <span class='post-comment-link'><br /> <b:if cond='data:blog.pageType != "item"'><br /> <b:if cond='data:blog.pageType != "static_page"'><br /> <b:if cond='data:post.allowComments'><br /> <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a><br /> </b:if><br /> </b:if><br /> </b:if><br /> </span> <span class='post-icons'><br /> <!-- email post links --><br /> <b:if cond='data:post.emailPostUrl'><br /> <span class='item-action'><br /> <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'><br /> <img alt3D'' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/><br /> </a><br /> </span><br /> </b:if><br /> <br /> <!-- quickedit pencil --><br /> <b:include data='post' name='postQuickEdit'/><br /> </span> <div class='post-share-buttons goog-inline-block'> <b:if cond='data:post.sharePostUrl'><br /> <b:include data='post' name='shareButtons'/><br /> </b:if><br /> </div></div><br /> <div class='post-footer-line post-footer-line-2'><span class='post-labels'><br /> <b:if cond='data:post.labels'><br /> <data:postLabelsLabel/><br /> <b:loop values='data:post.labels' var='label'><br /> <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if><br /> </b:loop><br /> </b:if><br /> </span> </div></b:if><br /> <div class='post-footer-line post-footer-line-3'/>

• Lakukan Preview sebelum menyimpan template sobat.

Teknik ini saya temukan setelah beberapa kali saya mengutak-atik template ini. Beda antara kode pertama dan kode kedua dari kode di atas adalah adanya penambahan kode <b:if cond='data:blog.pageType == "item"'> dan </b:if>
 
Masih belum berhasil? Maamfatkan kolom komentar di bawah ini untuk bertanya, dengan senang hati saya akan menjawab pertanyaan sobat blogger.