twitterfacebookgoogle pluslinkedinrss feedemail

Senin, 02 September 2013

Menghilangkan Post Footer Dari Halaman Home

Menghilangkan Post Footer Dari Halaman Home - Beberapa template blogspot yang menggunakan read more masih ada yang menampilkan elemen post footer sehingga tampilan blog pada halaman depan terasa kurang enak dipandang, dan kalau template sudah terpasang read more maka semua elemen sudah harus 'terbungkus' oleh read more tersebut.

Contoh elemen post footer di bawah read more yang masih tampil di halaman depan blog dan belum 'terbungkus' oleh read more




Lalu bagaimana sembunyikan post footer di bawah read more seperti yang ada di gambar atas?

Cara sembunyikan post footer di bawah read more

  1. Sebelumnya teman-teman blogger harus login ke akun blogger terlebih dahulu
  2. Lakukan cara berikut secara berurutan :
  3. Pada edit HTML cari kode <div class='post-footer'> , ini biasanya ada 2 pada template
  4. Tambahkan kode <b:if cond='data:blog.pageType == &quot;item&quot;'> diatas <div class='post-footer'> yang ke-2
  5. Tambahkan kode penutup </b:if> dibawah kode penutup <div class='post-footer'>. Hati-hati jangan salah meletakkan kode penutupnya karena kebanyakan teman-teman blogger mengalami kesalahan disini
  6. Hasil kode lengkapnya seperti berikut
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <div class='post-footer'>
        <div class='post-footer-line post-footer-line-1'><span class='post-author vcard'>
            <b:if cond='data:top.showAuthor'>
              <data:top.authorLabel/>
                <b:if cond='data:post.authorProfileUrl'>
                  <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                    <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
                    <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                      <span itemprop='name'><data:post.author/></span>
                    </a>
                  </span>
                <b:else/>
                  <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                    <span itemprop='name'><data:post.author/></span>
                  </span>
                </b:if>
            </b:if>
          </span> <span class='post-timestamp'>
            <b:if cond='data:top.showTimestamp'>
              <data:top.timestampLabel/>
            <b:if cond='data:post.url'>
              <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
              <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
            </b:if>
            </b:if>
          </span> <span class='post-backlinks post-comment-link'>
             <b:if cond='data:blog.pageType != &quot;item&quot;'>
               <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                 <b:if cond='data:post.showBacklinks'>
                   <a class='comment-link' expr:href='data:post.url + &quot;#links&quot;'><data:top.backlinkLabel/></a>
                 </b:if>
               </b:if>
             </b:if>
           </span> <div class='post-share-buttons goog-inline-block'>
            <b:if cond='data:post.sharePostUrl'>
              <b:include data='post' name='shareButtons'/>
            </b:if>
          </div> </div>

          <div class='post-footer-line post-footer-line-2'><span class='post-labels'>
            <b:if cond='data:post.labels'>
              <data:postLabelsLabel/>
              <b:loop values='data:post.labels' var='label'>
                <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
              </b:loop>
            </b:if>
          </span> <span class='post-comment-link'>
            <b:if cond='data:blog.pageType != &quot;item&quot;'>
              <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                <b:if cond='data:post.allowComments'>
                  <b:include data='post' name='comment_count_picker'/>
                </b:if>
              </b:if>
            </b:if>
          </span> <span class='post-icons'>
            <!-- email post links -->
            <b:if cond='data:post.emailPostUrl'>
              <span class='item-action'>
              <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
                  <img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
              </a>
              </span>
            </b:if>

            <!-- quickedit pencil -->
            <b:include data='post' name='postQuickEdit'/>
          </span> </div>

          <div class='post-footer-line post-footer-line-3'><span class='reaction-buttons'>
            <b:if cond='data:top.showReactions'>
              <table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>
                <td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
                  <span class='reactions-label'>
                  <data:top.reactionsLabel/></span>&#160;</td>
                <td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
               </tr></table>
            </b:if>
          </span> <span class='post-location'>
            <b:if cond='data:top.showLocation'>
              <b:if cond='data:post.location'>
                <data:postLocationLabel/>
                <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
              </b:if>
            </b:if>
          </span> </div>
          <b:if cond='data:post.authorAboutMe'>
            <div class='author-profile' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
              <b:if cond='data:post.authorPhoto.url'>
                <img expr:src='data:post.authorPhoto.url' itemprop='image' width='50px'/>
              </b:if>
              <div>
                <a class='g-profile' expr:href='data:post.authorProfileUrl' itemprop='url' rel='author' title='author profile'>
                  <span itemprop='name'><data:post.author/></span>
                </a>
              </div>
              <span itemprop='description'><data:post.authorAboutMe/></span>
            </div>
          </b:if>
        </div></b:if>
      </div>
    </b:includable>
  7. Jika teman-teman blogger ragu dalam menambahkan/meletakkan kode penutupnya, silahkan pratinjau template terlebih dahulu. Jika tidak ada error, silahkan simpan.
Saya kira mudah kok untuk menghilangkan atau Menghilangkan Post Footer Dari Halaman Home dan memasukkannya ke dalam read more.

2 komentar: