Tutorial : Cara Letak Comment Platform

 

Assalam..hari Putri nk share satu tutorial untuk blogskin..untuk spe2 yg guna blogskin tu bleh tngk ye... tutorialnye ialah comment platform. korang tau tak bntuk comment platform?.Kalau tak tau bentuk comment platform tu macam mana tengok gmbar kat bawah ni..

kalau nak buat comment platform kena ader cara-caranye...kita tngok step2 dibawah tu. 

1. Setting > Comment > Tick embedded below the post

2. Then , kalau dah korg pergi kat template korg , pastu cari perkataan kat bawah ni

  </style>

3. Kalau dah jumpa korg copy code kat bawah ni pastu pastekan sebelum code </style> 

/* Comments----------------------------------------------- */#comments h4 {margin:1.8em 0; font-size:10px; text-transform:uppercase; color: #FFFFFF; line-height:10px; border-bottom: 2px solid #dedede; background:#F7819F ; font-weight:normal;}#comments h4 strong {font-size:8pt smiley monster;}#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:5pt tahoma; text-align:right; text-transform:normal; letter-spacing:.0em;}#comments-block dd p {margin:0 0 .75em; padding:4px; background:#fff1f3; border:2px solid #dedede; border-radius:2px;}.deleted-comment { font-style:italic; color:black;}.paging-control-container { float: right; margin: 0px 0px 0px 0px; font-size: 80%;}.unneeded-paging-control { visibility: hidden;}

4. Dah kan pastu korg cari plak code <$BlogItemBody$>

5. Dah jumpa kan , korg gantikan code tu dgn code kat bawah ni.

<$BlogItemBody$>
> <$BlogItemCommentCount$>comment (s) | >Jom comment (s)

6. Kalau ada dua code   <$BlogItemBody$>  korang gantikan dua dua sekali. okay..tu jela...klau korang bt tak jadi, cuba buat lagi...sampai menjadi..hehehe.

Credit To  Aina

JQuezy Top Button

Assalamualaikum...sy nak share tutorial untuk awk semua...iaitu scroll top button...awk semua tahu tak apa tu scroll top tu button..nk tahu awk cuba bt dulu ok...Let's do it.

1. Dashbord > Design > Edit HTML
2. CTRL + F search kod

</body>

 3. Copy kod kat bawah ni. Kemudian, pastekan dibawah kod </body> tadi..

<a href='#' id='toTop'><img src='URL IMAGE TOP BUTTON?t=1292762029' style='border:0;'/></a>

4. Ehhhh. If Previeww, Memang la tak naik lagi. Korang CTRL + F search kod ini pulak

 ]]></b:skin> 

5. Pastekan kod ini DIATAS/SEBELUM  ]]></b:skin>.

/* to top */

#toTop { width:100px;background:none;border:0px solid #ccc;text-align:center;padding:5px;position:fixed;bottom:10px;right:10px;cursor:pointer;color:#666;text-decoration:none; } 

 

Kalau gamabr korang terpotong/tak nampak semua, Tukarkan 100px tu ok?

6. This is LAST STEP. CTRL+F Search kod ini pulak 

7.Pastekan kod ini diatas kod </head> tadi

 <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script>

<script type='text/javascript'>

/*----------------------- 

* jQuery Plugin: Scroll to Top 

* by Craig Wilson, Ph.Creative (http://www.ph-creative.com) 

* Bring to you by Zen from http://zenplate.blogspot.com 

* Copyright (c) 2009 Ph.Creative Ltd. 

* Description: Adds an unobtrusive "Scroll to Top" link to your page with smooth scrolling. 

* For usage instructions and version updates to go http://blog.ph-creative.com/post/jquery-plugin-scroll-to-top.aspx 

* Do not delete these infomation 

* Version: 1.0, 12/03/2009 

-----------------------*/ 

$(function(){$.fn.scrollToTop=function(){$(this).hide().removeAttr("href");if($(window).scrollTop()!="0"){$(this).fadeIn("slow")}var scrollDiv=$(this);$(window).scroll(function(){if($(window).scrollTop()=="0"){$(scrollDiv).fadeOut("slow")}else{$(scrollDiv).fadeIn("slow")}});$(this).click(function(){$("html, body").animate({scrollTop:0},"slow")})}}); 

$(function() { 

$("#toTop").scrollToTop(); 

}); 

</script> 

8. Preview dulu, Kemudian..SAVE TEMPLATE

credit faqihah husni

Bidadari...