STATUS UPDATED!
FEEL FREE TO ASK~
Tutorial Blog ^_^: TUTORIAL: PEEK A BOO PADA POSTING

Sekiranya anda berminat untuk membaca artikel Islam, info semasa, kisah nabi, kisah pengajaran dan lain-lain, bolehlah pergi ke Khaleefah Allah ^_^ Followlah blog ini dan blog itu sekiranya berbaloi untuk difollow. Sebarang ulasan adalah amat amat amat amat diharapkan.
Any Requests or Questions?

Jom, tukar link~

TUTORIAL: PEEK A BOO PADA POSTING



1.Login -> Layout -> Edit HTML -> Tick Expand Widget


2.Masukkan script di bawah ni sebelum </head>

<script type='text/javascript' src='http://ien247.googlepages.com/hackosphere.js' />

3.Kemudian tambahkan kod berwarna merah seperti di bawah:
<b:includable id='PeekABooPost' var='post'>
  <div class='post uncustomized-post-template'>
      <table><tr>
    <td width='40px'>
        <a href='javascript:void(0)' title='Expand/collapse this post' style='text-decoration:none' expr:onclick='"javascript:toggleIt(\"" + data:post.id + "\");"'>[+/-]</a>
    </td>
    <td>
        <h3 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h3>
    </td>
    </tr></table>
      <div class='post-body' expr:id='data:post.id' style='display:none'>
        <p><data:post.body/></p>
        <div style='clear: both;'/> <!-- clear for photos floats -->
      </div>
  </div>
</b:includable>


<b:includable id='main' var='top'>
<!-- posts -->
<div id='blog-posts'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>

 <b:if cond='data:blog.homepageUrl != data:blog.url'>
     <b:if cond='data:blog.pageType != "item"'>
             <b:include data='post' name='PeekABooPost'/>
     <b:else/>
              <b:include data='post' name='post'/>
            </b:if>
      <b:else/>


<b:include data='post' name='post'/>

</b:if>

<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.allowComments'>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</b:loop>
</div> 
4. Save Template


*[+/-] yang dihighlightkan boleh ditukarkan dengan perkataan lain seperti, [show/hide].


Semoga Beroleh Manfaat...

18 Safar 1431H

0 comments:

Berkatalah dengan akal dan jiwa, kerana itu anugerah Pencipta dan ternyata natijahnya akan lebih bahagia. ^_^

Post a Comment

 
Copyright © 2009-2017 Tutorial Blog ^_^: TUTORIAL: PEEK A BOO PADA POSTING
Design by a.a.ghariib