Cara Membuat Post Info di Blog dengan Mudah

Cara Membuat Post Info di Blog dengan Mudah - Hai sahabat blogger, malem - malem begini enak nya bikin tutor nih buat sobat semua, tutor untuk membuat sebuah post info pada blog, buat sobat yang sudah lama ngeblog pasti tau post info itu apa tapi buat yang baru mungkin akan bertanya - tanya apa itu post info nih ane kasih penjelasannya.

Post info itu berguna untuk memberi tahu kepada pengujung blog itu dari siapa yang menulis itu artikel, kapan ditulis dan berapa comment yang ada di artikel tersebut dan juga artikel itu dalam kategori apa gitu gan. Nah buat sobat yang ingin melihat demo nya dan sekaligus membuat blog nya memiliki sebuah post info silahkan ikuti step by step nya di bawah ini :

Live Demo

1. Masuk ke dashboard blogger kalian

2. Kemudian pilih Template -> Edit html

3. Letakkan kode berikut diatas kode </head>

<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' rel='stylesheet'/>

4. Kemudian simpan kode dibawah tepat dibawah ini kode ]]></b:skin> atau bisa di </style>

.post-info {background:transparent;margin:0 0 12px;color:#666666;font-size:11px;margin-top:10px;}.post-info a {display:inline-block;color:#666666;}.author-info, .time-info, .comment-info, .review-info {margin-right:12px;display:inline;}

5. Kemudian cari kode seperti dibawah ini :

<b:if cond='data:post.title'>
......
..
</b:if>

6. Letakkan kode dibawah ini tepat dibawah kode di poin nomor 5

 <div class='post-info'>
                <b:if cond='data:top.showAuthor'>
                    <b:if cond='data:post.authorProfileUrl'>
                      <span class='author-info'>
                      <i class='fa fa-user'/>
                      <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>
                      </span>
                    <b:else/>
                      <span class='author-info'>
                      <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                        <span itemprop='name'><data:post.author/></span>
                      </span>
                      </span>
                    </b:if>
                </b:if>
                <b:if cond='data:top.showTimestamp'>
                <b:if cond='data:post.url'>
                  <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
                  <span class='time-info'>
                  <i class='fa fa-calendar'/> <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published updated' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
                  </span>
                </b:if>
                </b:if>
                <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'>
                      <span class='comment-info'>
                      <i class='fa fa-comments'/> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <b:if cond='data:post.numComments == 0'> Add Comment </b:if> <b:if cond='data:post.numComments == 1'> 1 Comment </b:if> <b:if cond='data:post.numComments &gt; 1'> <data:post.numComments/> Comments </b:if>
                      </a>
                      </span>
                    </b:if>
                  </b:if>
                </b:if>  
            </div>

7. Simpan Template

Nah cukup mudah bukan untuk membuat icon post info nya, membuat nya juga tidak membutuhkan waktu lama gan, tinggal copy paste aja kode diatas ke kode html blog kalian, Nah mungkin cukup sekian aja tutor kali ini sob, ane juga udah puyeng mau buat kata kata apalagi hehe,.  

Share this post