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


Tumblr
Assalamualaikum :)

Kalau tak silap arrien,ada hari tu someone request tuto top comment *tak ingat sapa* but arrien kata arrien tak tahu,so tetiba sewaktu blogwalking jumpa satu blog yang menggunakan blogskin and ada Top comment dekat blog dye,so arrien mintak dye buatkan tuto. Jadi sekarang arrien pulak nak share dengan korang. First,credit tuto to Nurah :) Perhatian,tuto ini hanya untuk pengguna blogskin/classic template.


1. Dashboard > Template > Edit HTML.
2. Copy code nie:
<div style="width:ancho;height:250px;overflow:auto; ">
<style type="text/css">
ul.w2b_recent_comments{list-style:none;margin:0;padding:0;}
.w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:9 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
.w2b_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:right;margin:0 6px 0 0;position:relative;overflow:hidden;}
.avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
.w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
.w2b_recent_comments li span{margin-top:4px;margin-left:17px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
// Recent Comments Settings
var
numComments = 10,
showAvatar = true,
avatarSize = 44,
roundAvatar = true,
characters = 40,
showMorelink = true,
moreLinktext = " &#187;",
defaultAvatar = "http://24.media.tumblr.com/2691224fccc37256f6b94c8372e9499c/tumblr_mn0j7dgfcZ1s4nyxho1_500.jpg",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://widgets.way2blogging.org/blogger-widgets/w2b-recent-comments-gravatar.js"></script>
<script type="text/javascript" src="URLBLOGfeeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=10"></script>
</div><br>
3. Paste dibahagian SIDEBAR korang.
4. Preview & save.

Note :
Orange : Height.
Blue : Jumlah comment yang hendak dipapar.
Red : Url Blog korang.

Share
Tweet
Pin
Share
4 Comments

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

Tumblr
Assalamualaikum :)


Tuto Scroll Bar di comment platform. Just a simple tuto ^^.and  Just for Simple and Denim Template. Untuk Blogskin arrien akan update kemudian oke :D


1. Dashboard > Template > Edit HTML.
2. Use Ctrl+F and fine this code ;
#comments h4 {
3. Copy code nie ;
 #comments {
height:400px;
overflow:auto;
}
4. Paste ATAS code  #comments h4 { tadi.
5. Save! Done ^_-

Share
Tweet
Pin
Share
1 Comments


Luxury Dolly

Assalamualaikum :)

Hari nie arrien nak buat tuto [REPLY THIS COMMENT] yang dekat comment box arrien tu, but arrien tak sure sama ada dekat simple template menjadi ke tak,coz arrien hanya cuba dekat washed denim and denim template jer and dia menjadi. So kalau nak cuba,boleh cuba oke :)

Dan kelebihan pasang benda nie,ialah korang senang nak reply comment orang tersebut and dia automatik akan keluar nama orang yang korang nak reply tu,so tak perlu korang susah2 tulis nama orang tu lagi :D
oke now:

1. Dashboard > Template > Edit HTML.
2. Next, press Ctrl+F and cari code ini.
<b:include data='comment' name='commentDeleteIcon'/>
3. Dah jumpa?? oke good,kalau tak jumpa tu sorry yea,maybe code nie tak sesuai dengan template korang. Kemudian, copy code ini pulak.
<span class='comment-reply'><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=BLOG ID &amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450&quot;); return false;'>[REPLY THIS COMMENT]</a></span>
4. Paste kan di bawah code yang korang cari first tadi.
5. Preview and then kalau menjadi SAVE! ^^

NOTE:
Merah : Blog ID korang.
Biru : Boleh tukar dengan ayat korang sendiri, and kalau hendak reply this comment yang gambar punya, just gantikan code bawah nie dekat [REPLY THIS COMMENT].
<img alt='Reply To This Comment' src='URL PICTURE'/>

Share
Tweet
Pin
Share
6 Comments


Tumblr_mc2iexkof71r2uck5o1_500_large

Assalamualaikum :)

Memang dah lama arrien tak buat tuto.. tambah2 lagi sekarang nie arrien hiatus.. so memang jarang update.. but kali nie nak buat tuto about Buang Word Verification. Sesetengah blog kan ad word verification nie kan,so karang kena tahu terutama sekali kepada newbies...bahawa benda tu sangat tidak disukai oleh para blogger,cuz dia menyusahkan.. jadi kepada yang selalu join segmen or GA,arrien syorkan korang buang benda tu bagi orang mudah nak comment kat blog korang.. Jap2,ad sesiapa yang still tak tahu lagi word verification tu ap?? tengok gambar bawah nie>>


Ikowt step bawah untuk buang:

1.Dashboard > Setting > post and comment.

2. Korang scroll bawah sikit and cari perkataan Show word verification

3. Dah jumpa?? good. Kemudian click NO


4.click SAVE SETTING! Done :)





Share
Tweet
Pin
Share
5 Comments
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