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 :
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,.  
Previous
Next Post »
4 Komentar untuk "Cara Membuat Post Info di Blog dengan Mudah"

(y) thanks udah mau komen :D

terima kasih gan. postingannya sangat sangat membantu :v kunjingi juga toko saya dulunyatokobagus..com

Silahkan Komentar Tentang Artikel Ini,. Yang Kami Harapkan Kalian Bisa Berkomentar Mengikuti Peraturan
Seperti di Bawah ini

1. Harap Berkomentar yang Sopan
2. Dilarang Komentar Link Aktif, Karna Akan Di Anggap Spam
3. Komentar Sesuai ISI Artikel

Komentar Anda Akan Dilihat Banyak Orang, Jadi Keluarkan Lah Komentar Terbaik Anda

Terima Kasih Sudah Berkomentar
 
Template By Kuncidunia - Redesign By Postingan Musa