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.

Baca tutorial menarik lainnya di bawah ini :

Tips Trik Blog

• Membuat Teks Link Berkedap Kedip
• Cara Buat Tombol Hide and Show (Spoiler)
• Cara Membuat Salam Pembuka Blog
• Membuat Gambar di setiap Artikel Secara Otomatis SEO
• Membuat Judul Blog Berada di Tengah
• Cara Buat Tulisan Berjalan / Effect Marquee di Blog
• Cara Memasang Facebook Like Badge
• Cara Menyembunyikan Navbar Blog
• Cara Menampilkan Judul Artikel Saja di Home Page Blog
• Cara Menambahkan Syntax Highlighter pada Blog
• Cara Menghias Cursor Blog
• Blog dan Google Chrome
• Contact Us
• Cara Pasang Alexa Traffic Widget
• All About Anchor Text
• Cara Buat Navbar Auto Hide
• Cara Pasang Yahoo Emoticon di Blog
• Ayo Tukar Link!!!
• Cara Backup atau Download Template Blog Sendiri
• Cara Menambahkan Link Blog kita pada Widget Attribution
• Menghilangkan Bayang atau Border Pada Gambar Blog
• Cara Membuat Widget Berjalan atau Bergerak
• Cara Menyembunyikan Widget Attribution Power By Blogger
• Cara Buat Related Post atau Artikel Terkait