Cara Membuat Icon User , Tanggal , Label ,dan Comment di bawah Judul Posting di Blog

Halo sobat blogger kembali lagi di blog saya ini dengan selaku saya Aldi Andreansyah yang Alhamdulilah di kesempatan kali ini saya dapat membagi kan artikel pengalaman saya yang bertentangan dengan dunia Blogging yang berjudul Cara Membuat Icon User,Tanggal,Label,dan Comment di bawah Judul Posting di Blog 

Kebanyakan saya Googling Cara tersebut hasil nya tidak memuaskan seperti :

-hanya icon saja

-tidak ada link jika di klik dan masih banyak kekurangan yang lain , dan Alhamdulilah kalian berada di blog yang tepat ini karena saya akan membagikan cara nya dengan hasil yang InsyaAllah Work 100% dengan mencantumkan ada nya user , tanggal , label , dan comment otomatis tanpa hanya gambar saja :D .

Sebelum kita membuat Cara nya terlebih ada kala nya kita membahas Kelebihan nya terlebih dahulu seperti biasa nya :D :

1 . Pembaca dapat mengetahui Admin dari Blog tersebut

2 . Pembaca mengetahui kapan postingan artikel itu di buat

3 . Pembaca dapat mengetahui Label/Kategori di postingan tersebut

4 . Pembaca pun dapat mengetahui Seberapa banyak Commentar di Postingan anda 

5 . Berisi icon Font Awesome yang membuat tampilan menjadi lebih menarik

Mungkin cukup sekian kelebihan nya yang dapat saya bagikan jika ada kesalahan saya mohon maaf. Oke langsung saja ke tujuan .

Silahkan Sobat Copy and Paste Script nya di bawah dan letak kan lah di <data:post.body>  atau cari kode seperti dengan sejenis nya <b:include data='post' name='postQuickEdit'/> :

<!-- Icon User , Tanggal , Label ,dan Comment --> <div class='post-info'> <div class='post-info' style='margin-bottom:15px;'> <b:if cond='data:top.showAuthor'> <b:if cond='data:post.authorProfileUrl'> <span class='author-info'> <i class='fa fa-user fa-spin'/> <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 fa-spin'/> <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:post.labels'> <b:loop values='data:post.labels' var='label'> <i class='fa fa-tags fa-spin'/> <a expr:href='data:label.url + "?max-results=8"' rel='tag'><data:label.name/></a> <b:if cond='data:label.isLast != "true"'>|</b:if> </b:loop> </b:if> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:blog.pageType != "static_page"'> <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 > 1'> <data:post.numComments/> Comments </b:if> </a> </span> </b:if> </b:if> </b:if> </div> </div> <!--Icon User , Tanggal , Label ,dan Comment END-->

mungkin cukup sekian Cara yang saya dapat saya sampaikan jika ada kesalahan kata saya mohon maaf , semoga bermanfaat dan Work 100% Amin

Share this post