Cara Mudah Dapat Uang di Internet Lewat Blog, Twitter, Facebook
» » Cara mengedit tampilan posting penulis, tanggal, label dan komentar dengan ikon di bawah judul postingan

Cara mengedit tampilan posting penulis, tanggal, label dan komentar dengan ikon di bawah judul postingan


Dalam posting ini, saya akan menunjukkan cara untuk add default Nama Penulis, Tanggal Post, Label dan Komentar dengan beberapa ikon kecil di sebelah kiri satu sama lain. Anda dapat melihat di bawah setiap judul posting saya, beberapa rincian seperti nama penulis, saat tulisan telah dipublikasikan, label dan link komentar menghitung. Saat ini tidak ada komentar diposting link mengatakan 'Jadilah yang pertama untuk berkomentar!' dan ketika hanya ada satu komentar mengatakan '1 komentar sejauh ini, dan ini adalah hack yang bagus yang akan membuat blog Anda terlihat indah dan profesional.

Langkah :

  1. Buka Akun blogger Anda
  2. Pergi ke Template > Edit HTML > Proceed > centang Expand Template Widget (untuk keamanan, backup template Anda)
  3. Cari koden dibawa ini :
<div class='post-header-line-1'>
   4.  Jika Anda tidak menemukan kode diatas cari kode dibawah ini :
 <div class='post-header'> 
   5.  Masukkan kode dibawah ini tepat pada kode diatas :
<font style='background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPaG49KWdE0jvUyQTXI-6IwIZXmJNR_ECW6U5uAfUfA-XmU2aMkTGgcu-XAUJ2aGCSb6Pomk1czGF-NgicRpwlvpCFqMPWn83LnK2To5GxrDfUCUrvUaBQLhksiVFp0X2mUDpiGR3rWFl8/s1600/author.gif) no-repeat scroll top left;padding-left:25px;font-size:11px;'><data:post.author/></font> | <font style='background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEoCW8ApMzbhGjWIBzhX9dxYyFUNFhyphenhyphentJxMjQjCQBRk7YmOEpT7eu-Zhn-yVNsJAHGzRirKHDROijUSsKMdIcXFQpandJHjP511bWuP1Idg7gndBb5qJlVjToTMDavmG_Zz8NvINZr1LgH/s1600/clock_icon.gif) no-repeat scroll top left;padding-left:25px;font-size:11px;'><data:post.timestamp/></font> | <font style='background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC8gXpqBnLWRFUUzV-mPrNWFwiw8wvSLp4yCh_7fmJcFZvi2dm8MIzjPJkmHuzSTB_bb1G2UH1EjlGWAKia3in_KqNqR1kcViD_vDN50tp_LRp3-IdnIE_8CHuJRM0n3HBAR65wPinjynP/s1600/tag+icon.gif) no-repeat scroll top left;padding-left:25px;font-size:11px;'><b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><a expr:href='data:label.url + &quot;?max-results=8&quot;' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>|</b:if></b:loop></b:if></font><span class='post-comment-link' style='Float:right;'>        <b:if cond='data:blog.pageType != &quot;item&quot;'>          <b:if cond='data:post.allowComments'>            <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' style='background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTNXqp9rSNm6pEBs_t5TUC2TBMvE7cG0eo9I0GYOpZKkKHjRd6AxApTWAzcMp4-kmUihnP47vTLeqHRezLlf-aJ_OiHWSrN5Ut6uwjqof1RqAD70SYqVUsFh7OLGyBw9RBvnHuwtOYYE6c/s1600/comment-icon.png) no-repeat;Padding-left:20px;'><b:if cond='data:post.numComments == 0'>Be the first to comment!<b:else/> <b:if cond='data:post.numComments == 1'><data:post.numComments/> Comment so far<b:else/><data:post.numComments/> Comments so far</b:if> </b:if></a>          </b:if>        </b:if>      </span> 

Keterangan :

  1. Ganti URL gambar sesuai keinginan Anda pada :
Red (Penulis)
Green (Waktu/tanggal)
Blue (Labels)
Violet (Comment bubble)
Odii Siitohang
Judul: Cara mengedit tampilan posting penulis, tanggal, label dan komentar dengan ikon di bawah judul postingan;
Ditulis oleh: Anonymous;
Rating Blog: 5 dari 5





Anda sedang membaca Artikel tentang Cara mengedit tampilan posting penulis, tanggal, label dan komentar dengan ikon di bawah judul postingan dengan url http://d-copy.blogspot.com/2012/08/mengedit-tampilan-penulis-tanggal-menjadi-ikon.html, jika Anda menyukai Artikel di blog ini, silahkan masukkan email Anda dibawah ini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel baru.
D-Copy Reader DMCA
[24] Komentar untuk Cara mengedit tampilan posting penulis, tanggal, label dan komentar dengan ikon di bawah judul postingan:
  1. terima kasih tutornya gan..salam kenal...

    ReplyDelete
  2. trik yang sangat menarik sob...
    saya ditunggu kunjungan baliknya...

    ReplyDelete
  3. gagal muncull
    Kesalahan menginterpretasikan template blog

    LHS of numeric is null before 20 in dataF:blog.pageType == "index"

    ReplyDelete
    Replies
    1. Letakkan diatas < data:post.body > yang ke2 sob. :D

      Good LUCK.

      Delete
  4. Replies
    1. Orang batak aku, gag ngerti bahasa Jawa. kwkwkw.

      Delete
  5. Makasih mas. oke banget

    ReplyDelete
  6. mas saya mau nanya, gimana cara buat link postingan seperti ini:
    http://alamat-blog.com/p/judul-post.html

    kayak dimenu blog ini.
    saya sudah muter2 nyari gak ketemu, tolong dibalas ya, ijin booksmaks. thanks.

    ReplyDelete
    Replies
    1. 1. Buka dahulu akun blogger sobat
      2. Masuk menu laman
      3. Buat laman baru
      4. Publish dan lihat

      Pada link "lihat" klik kanan lalu salin alamat tautan.

      Delete
    2. berhasil mas,,, makasih banyak mas..
      oya 1 lagi mas. bkin follower 2 baris kayak blog sobat ini udh gk berlaku lagi ya.. saya mau bikin gak jadi2. kalau ada solusi bari tahu ya.. sebagai tanda terimakasih blog nya saya follow yang ke 110.
      my blog

      Delete
    3. @Gede : Itu bukan bawaan dari blogger.com sob, cari aja di Google dengan Kw seperti ini: [code]widget follower valid HTML5 untuk blogger[/code]

      Delete
    4. owww gitu, setelah saya cari di google, dan berhasil.. makasih banyak sob..

      Delete
    5. Yupssss.... ^_^

      Delete
  7. Mantap.. Thanks Lek.. sangat bermanfaat..
    Cross Ceck ya lek... Salam Sada Roha

    ReplyDelete
  8. Jos markojoooss salijoossss....mantab boss..lgsg ke Tkp.!!! Tks Triknya

    ReplyDelete
  9. Kalau mau mengecilkan ukuran tulisan tanggal posting blogspot gimana gan,ane btuh itu saja nih...

    ReplyDelete
    Replies
    1. Pada bagian :
      [blockquote]url(http://3.bp.blogspot.com/-1MEONG9XUgA/T0uOF8ICEdI/AAAAAAAAA-k/VBwTnA8PXbI/s1600/clock_icon.gif) no-repeat scroll top left;padding-left:25px;font-size:11px;'>[/blockquote]

      Ubah font-size nya.

      Delete
  10. Teru kalau mau buat kolom post komentar seprti di atas umpamanya gimana gan....

    ReplyDelete
  11. Tank gan mau di tes lagi,semoga sukses dah....

    ReplyDelete
  12. makasih infonya :D
    sangat membantu.

    boleh dong berkunjung ke http://radirablog.blogspot.com/

    ReplyDelete

Beberapa panduan dalam berkomentar :
Untuk menyisipkan kode[code]KODE ANDA[/code]
Untuk menyisipkan quote[blockquote]QUOTE ANDA[/blockquote]
Untuk menyisipkan gambar[img]URL Gambar[/img]
Untuk menyisipkan video[youtube]URL Video[/youtube]
Anda bisa mengekspresikan komentar Anda dengan emoticon
Klik subscribe by email agar Anda segera tahu balasan komentar Anda

 
D-Copy Blog © 2013 - All Rights Reserved Design : Creating Website Published : Mas Template