Comment Box Style di Blogskin
Halo..! Tutorial ini di request oleh Kak Aisyah.. Thanks buat Kak Maya yang punya codenya..
.Dashboard > Settings > Posts and comments > Comments >
Embedded > Save settings!
2.Selesai save yang tadi , kamu pergi template dan search code
Cari kode </style> paste dbawah kode tersebut (F3)
3.Done? Copy & paste code ini sebelum code yang kamu cari tadi
/* Comments
----------------------------------------------- */
#comments h4 {
margin:1.8em 0;
font-size:10px;
text-transform:uppercase;
color: #aaaaaa;
line-height:10px;
border-bottom: 1px dashed #dedede; background: ;
font-weight:normal;
}
#comments h4 strong {
font-size:8pt verdana;
}
#comments-block {
background: ;
font:normal 8pt arial;
line-height:1.2em;
padding:4px;
}
#comments-block dt {
margin:.5em 0;
}
#comments-block dd {
margin:.25em 0 0;
}
#comments-block dd.comment-timestamp {
margin:-.25em 0 2em;
font:10px verdana;
text-align:right;
text-transform:normal;
letter-spacing:.0em;
}
#comments-block dd p {
margin:0 0 .75em;
padding:4px;
background:#FFF4D1;
border:2px solid #F7CBB0;
border-radius:5px;
}
.deleted-comment {
font-style:italic;
color:grey;
}
.paging-control-container {
float: right;
margin: 0px 0px 0px 0px;
font-size: 80%;
}
.unneeded-paging-control {
visibility: hidden;
}
4.Seterusnya, search code ini pula
<$BlogItemBody$>
5.Delete code <$BlogItemBody$> dan gantikan dengan code bawah ni
<$BlogItemBody$>
<center><br><MainPage>
<BlogItemCommentsEnabled>
<BlogItemCommentsEnabled><a href="<$BlogItemCommentCreate$>"
<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$>
Orang Mengomel <a href="<$BlogItemCommentCreate$>" <$B
logItemCommentFormOnClick$>></a>
</BlogItemCommentsEnabled>
</BlogItemCommentsEnabled>
</MainPage>
<br>
<div style="text-align:right;" ">
<!-- Begin #comments -->
<ItemPage>
<div id="comments">
<BlogItemCommentsEnabled><a name="comments"></a>
<h4><$I18NNumComments$>:</h4>
<dl id="comments-block">
<$CommentPager$>
<BlogItemComments>
<dt class="comment-poster" id="<$BlogCommentAnchorName$>"><a name="<$BlogCommentAnchorName$>"></a>
<$I18NCommentAuthorSaid$>
</dt>
<dd class="comment-body">
<p><$BlogCommentBody$></p>
</dd>
<dd class="comment-timestamp"><a href="<$BlogCom
mentPermalinkURL$>" title="comment permalink">
<$BlogCommentDateTime$></a>
<$BlogCommentDeleteIcon$>
</dd>
</BlogItemComments>
<$CommentPager$>
</dl>
<p class="comment-timestamp">
<$BlogItemCreate$>
</p>
<p class="comment-timestamp">
</p>
</div>
</ItemPage>
<!-- End #comments -->
.Kalau code <$BlogItemBody$> ada dua , gantikan kedua-duanya sekali
7.Preview, kalau takada error . Terus save template!
Cc : Kak Maya
Cr : Nabila MEdan
Label: Dari Saya, Lihat saja, Tutorial, WOW
Blockqoute aku dengan kamu sama -_-
Oh maaf kak aku dapat dari.. Lupa linknya kalo gak suka, Aku bisa ganti
Izin Repost, kak! Aslinya lagi males ngepos nih aku -,-
Posting Komentar
just type it