Cara membuat Authort tanggal post

 Pernahkan anda melihat di setiap halaman kami di bawah judul terdapat nama author tanggal post dan jumlah dan apakah anda ingin juga memasangnya seperti kami dan jika kalian mau kami bisa memberikan tutorialnya sebagai berikut :

Langkah ke I : Pemasangan kode CSS

NB:

Sebelum memulai pekerjaan edit template alangakah baiknya berdo'a dan BackUp terlebih dahulu templatenya.

• Cari kode ]]></b:skin> tekan CTRL + F untuk mempermudahkan pencarian.
• Copy kode CSS dibawah ini lalu pastekan sebelum kode ]]></b:skin>

------------------------------------------------------------------------ */
h2.date-header {
  font: 9px Arial;
  text-transform: uppercase;
  font-weight: 400;
  color: #191970;
  line-
height: 1.3em;
  margin: .1em 0;
}

.postmeta {
  font: 9px Arial;
  text-transform: uppercase;
  font-weight: 400;
  padding: 5px 20px;
  line-height: 1.3em;
  border-bottom: 1px solid #bbb;
}

.author {
  color: #191970;
  background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh20LOIDzVd-csexm4auLL1hKkqendgncd6waRwJP7M2_BOo-nOYf6ffQEOF_Xhh82P2IB_RIcXvHe4HS_qpRA5-6C1pHcOYd_gLL_yVwuU_SwSMiEHnJNeyHCmZt-FC4JhlKsIWC5NV9cr/s1600/user.png) left center no-repeat;
  padding: 2px 5px 2px 17px;
}

.author a,.clock a,.comment a {
  color: #191970;
}

.author a:hover,.clock a:hover,.comment a:hover {
  color: #20c1ea;
}

.clock {
  color: #999;
  background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjc9dv3qZ6DHghCFptJudCB6218RTZcTGCIHFo-6NjKeKQP9FlMalOKzUXcTmINqgvwQwBcOcQDa9n8Yej3GnOhimkl8EZ0DenJwcvuoYLDLsiflQTm-O-VZHOknyApF3OGOWWj6WW_LBLR/s1600/time.png) left center no-repeat;
  padding: 2px 5px 2px 17px;
}

.updated {
  border-bottom: none;
}

Langkah ke II : Pemasangan kode JavaScript

• Copy kode ini post-header
• Cari kode yang mirip dengan kode dibawah ini, biasanya terdapat 2 kode yang mirip dengan kode dibawah lalu sobat pilih kode yang kedua (Terakhir)

<div class='post-header'>
<div class='post-header-line-1'/>
</div>

• Copy kode JavaScript dibawah ini dan pastekan tepat dibawah kode diatas

<b:if cond='data:post.dateHeader'>
<script>var ultimaFecha = &#39;<data:post.dateHeader/>&#39;;</script>
<h2 class='date-header'><span class='author'><b:if cond='data:top.showAuthor'><data:top.authorLabel/></b:if> : <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
<span class='post-author vcard'>
<span class='fn'><data:post.author/></span>
</span></a> </span>
<span class='clock'> Posted on <data:post.dateHeader/> - <a class='updated' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='updated' expr:title='data:post.timestampISO8601'> <data:post.timestamp/></abbr></a> <b:if cond='data:post.allowComments'> with <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' title='Comments'><b:if cond='data:post.numComments == 0'>No comments</b:if><b:if cond='data:post.numComments == 1'>1 comment</b:if><b:if cond='data:post.numComments &gt;= 2'><data:post.numComments/> comments</b:if></a></b:if></span></h2>
<b:else/>
<h2 class='date-header'>
<script>document.write(ultimaFecha);</script>
</h2>
</b:if>

Untuk lebih jelas Silahkan lihat gambar dibawah ini Klick Untuk Memperbesar Gambar.

Sumber caramode

Share on Google Plus

About Unknown

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.