Nime Pixrl











Tutorial : Hias kotak komentar Blogskins
Tuesday, September 3, 2013 | Tuesday, September 03, 2013 | 1 Girly Says
Huh! kata siapa kotak komen blogskins ga bisa dihias? #sini maya kasih tau
lah seperti gamabr dibawah! huhu semua bisa diatasi lah :D
1.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!

Cr : Nabila Medan
Byee, Readers!



1 Comments:

Blogger Ayesha Kamila Rafifah said...

Kok gk ada tulisannya..? ._.

December 4, 2013 at 2:36 AM  

Post a Comment

Komen aja ntar dibales


OLDER POST | NEWER POST