Dikuasakan oleh Blogger.
  • Home
  • Author
  • Tutorial
    • Blog Tutorial
    • Blogskin Tutorial
    • Photoshop Tutorial
  • Freebies
  • Blogskin
ig shop fanpage instagram

I N F I N I T E


cute stuff | Tumblr
Assalamualaikum :)

Seperti yang arrien cakap dalam entry tuto petang tadi,yang arrien akan buat tuto scroll bar comment platform untuk blogskin. So here the tuto :) Credit tuto : Unnie AtinTory

1. Dashboard > Template > Edit HTML.
2. Use Ctrl+F and fine this code;
<div id="comments">
3. Kemudian copy code nie ;
 <div id="comments"style='overflow:auto; width:ancho;height:400px;'>
4. Replace dekat code  <div id="comments"> tadi. Kalau ada dua code tu,replace kan ke kedua-dua code tu.
5. Save and Preview.

Note :
Merah : Boleh ubah mengikut keinginan korang.


Share
Tweet
Pin
Share
No Comments

Untitled | via Tumblr
Assalamualaikum :)

Semalam kalau siapa ada tengok tuto yang arrien update malam semalam,arrien ada kata arrien akan buat kemudian kan untuk scroll bar comment platform untuk blogskin? Sebelum korang nak buat scroll bar untuk comment platform,blogskin korang mestilah kena ada comment platform dulu,right? nanty baru arrien buat tuto scroll bar comment platform :D oke follow this tuto untuk letak comment platform. Btw basecode dari unnie atiqah and full edit by me. So tolong hargai oke ^_^


1. Dashboard > Setting > Posts and Comment.
2. Kemudian scroll bawah sikit and korang akan nampak Comment Location right? Oke click Embedded > Save Settings.


3. Now go to Template.
4. Use Ctrl+F and fine code </style>
5. Copy this code ;

/* Comments
----------------------------------------------- */
#comments h4 {
margin:1.8em 0; font-size:10px; text-transform:uppercase; color: #aaaaaa; line-height:10px; border-bottom: 1px dashed #dedede; background: ; text-align:center;
font: 15px 'ttn';}
#comments h4 strong {font-size:8pt tahoma;}
.comment-timestamp {
margin:0 0 .5em;
padding:0 0 .75em 20px;
color:#666;
}
#comments {
margin:5;
border-width:0 1px 1px;
padding:20px 0 15px 0;
}
.comment-icon blogger-comment-icon{display:none}
#comments-block {
margin:2px ;
}
span.comment-icon{display:none}
.comment-poster {
font-weight:bold;
}
.comment-body {
margin:0px;
}
.comment-body p {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBkMSxtukiFIUOXKxEjWqHHMKGqL50fQfGoRWmzcvGDIwnx_cJdfFfLhAQRhYpUlOAgsQtJzY_W8a5qFNbpwNFLQfMHcjkA1u3LQ4Dgs6pcl4S6ElQjy_DWJn9lYwOhkKEoLdvu0Hdn5dK/s1600/tumblr_ls0w5txuft1r3vazto8_250.png);
border:3px solid #ccc;
margin:0em;
padding:5px;
color:#808080;
}
6. Paste BEFORE code  </style>
7. Next, korang cari code nie pula;
<$BlogItemBody$>
8. Copy code bawah nie dan REPLACE dekat code  <$BlogItemBody$> tadi.

<$BlogItemBody$>
<center><br><MainPage>
<BlogItemCommentsEnabled>
<BlogItemCommentsEnabled><a href="<$BlogItemCommentCreate$>"
<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$>
comment (s) </a> | <a href="<$BlogItemCommentCreate$>" <$BlogItemCommentFormOnClick$>>Jom comment (s) </a>
</BlogItemCommentsEnabled>
</BlogItemCommentsEnabled>
</MainPage>
<br>
<div style="text-align:right;" ">
<!-- Begin #comments -->
<ItemPage>
<div id="comments"style='overflow:auto; width:ancho;height:400px;'>
<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="<$BlogCommentPermalinkURL$>" 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 -->
9. Save and Preview.
P/s : korang akan jumpa dua code <$BlogItemBody$> kan? so make sure korang replacekan di kedua-dua code yang korang jumpa :)

Note :
Merah : Url Background.
Biru : Code warna


Share
Tweet
Pin
Share
6 Comments
Newer Posts
Older Posts

About me

DmPRDCbQC2A/WJoToqY-gPI/AAAAAAAAAL8/CMgWRh6OFVoy7elrJJWlL1dnOuMsrmrrQCLcB/s1600/about.jpg"
/ />

Aenean sollicitudin, lorem quis bibendum auctor, nisi elit conseat ipsum, nec

sagittis sem nibh id elit. Duis sed odio sit amei.

FOLLOWER

Follow Me

  • IG shop
  • facebook
  • instagram

recent posts

Blog Archive

  • ▼  2019 (3)
    • ▼  Mei (1)
      • Salam Ramadhan 2019!
    • ►  April (1)
    • ►  Januari (1)
  • ►  2018 (11)
    • ►  Oktober (1)
    • ►  Mei (3)
    • ►  April (4)
    • ►  Januari (3)
  • ►  2017 (9)
    • ►  Mei (1)
    • ►  April (6)
    • ►  Februari (1)
    • ►  Januari (1)
  • ►  2016 (20)
    • ►  November (10)
    • ►  Oktober (6)
    • ►  September (1)
    • ►  Ogos (1)
    • ►  Julai (1)
    • ►  Februari (1)
  • ►  2015 (40)
    • ►  Oktober (1)
    • ►  September (2)
    • ►  Julai (1)
    • ►  Jun (6)
    • ►  Mei (4)
    • ►  April (7)
    • ►  Mac (10)
    • ►  Februari (6)
    • ►  Januari (3)
  • ►  2014 (38)
    • ►  Disember (5)
    • ►  November (2)
    • ►  Oktober (1)
    • ►  Jun (5)
    • ►  Mac (3)
    • ►  Februari (6)
    • ►  Januari (16)
  • ►  2013 (358)
    • ►  Disember (49)
    • ►  November (45)
    • ►  Oktober (25)
    • ►  September (13)
    • ►  Ogos (38)
    • ►  Julai (24)
    • ►  Jun (34)
    • ►  Mei (32)
    • ►  April (21)
    • ►  Mac (27)
    • ►  Februari (24)
    • ►  Januari (26)
  • ►  2012 (135)
    • ►  Disember (37)
    • ►  November (37)
    • ►  Oktober (21)
    • ►  September (8)
    • ►  Ogos (12)
    • ►  Julai (4)
    • ►  Jun (2)
    • ►  Mei (6)
    • ►  April (2)
    • ►  Mac (2)
    • ►  Januari (4)
  • ►  2011 (3)
    • ►  Disember (3)
Facebook Twitter Instagram Pinterest Bloglovin
FOLLOW ME @iena_inspirit97

Created with by ThemeXpose | Distributed By Gooyaabi Templates