cara memperbagus tampian posting di blog
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 :
- Buka Akun blogger Anda
- Pergi ke Template > Edit HTML > Proceed > centang Expand Template Widget (untuk keamanan, backup template Anda)
- 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/AVvXsEjdryPwNxBKTh6w_0CsxW5-V8j9EbyYVKP1lQtHaQ0nOFGQz1iQ7p3igoE7eS-HjIgVDsL8p_kkZeuvevvywes2LJttpdPFR6EydKDzFm53UVoP_SymM-iBE8fDHC48PRNq54Vz5Pa76dHf/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/AVvXsEhGWpNXR8CJ5OtEqf7v3ZNoe3iFBt_NVn_cC1juYDPRRGgTZ2AQFkd-jFtjwQVeo8MXPUqxBgt_QJ_qN1DHycLctiVrRht5GgWX1vqIEFsfAE9WIAmR8mtBWVQDyqgnWDgjhWOjhm3-FWYA/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/AVvXsEixE9Pq3lw2mXP5vFZQNpguo18rNB0yvfjFA172eZoLx44vKTm535CLTln4qBUUp0cUP-BPocL53mdaDwRtHiXOvsIzldWt8YR4Vh11YH99eQzGTgwDHlEcEpqcuN_dJnP25BvJyAUL1s5G/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 + "?max-results=8"' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>|</b:if></b:loop></b:if></font><span class='post-comment-link' style='Float:right;'> <b:if cond='data:blog.pageType != "item"'> <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/AVvXsEjWc8gUNCWK2IrTkr9KRe_X8nUw2DVin49cWUHfMh4BigoJJGwp2iGfUICH8S1ECldkLf770Bwd48TLbtvHuRpQd7_xy8mbIJk1h8N9U4N9M2dO26Da2GW4xFH0urNwtBhW5RpsmCGYeH_R/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 :
- Ganti URL gambar sesuai keinginan Anda pada :
Red (Penulis)
Green (Waktu/tanggal)
Blue (Labels)
Violet (Comment bubble)
Categories:
dik'z blog
0 Comments
Postingan
