hit counter Begin: 29.7.2010

05 August, 2010

Insert Reaction Widget Below Post

Reaction atau reaksi ialah perasaan yang muncul sebelum/ketika juga selepas mendapat tahu sesuatu perkara. Bagi para bloggger, penting ke widget reaction ni??

Blog saya ini [http:/internetpeers.blogspot.com/] juga menghadapi masalah dengan widget reaction. Secara default, sepatutnya template yang saya gunakan ini tersedia dengan widget reaction tapi selepas install ke blog saya, tidak muncul pula widget tersebut. Sudah di cuba re-install template dengan "re-upload" template-nya tapi tetap gagal. :(

Sekarang saya cuba edit sendiri pada template blog saya di "Design > Edit HTML" dan saya "tick" pada "Expand Widget Templates" untuk mempamer semua code-code yang ada pada template blog saya ini.

1- Cari tag <body>

Kerana post terkandung dalam bahagian body/badan script

2- Sebahagian dari code-code template saya

<b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
           
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
           
          <data:post.commentRangeText/>
           
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
           
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
        </span>
      </b:if>

      <span class='reaction-buttons'>
        <b:if cond='data:top.showReactions'>
          <table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>
            <td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
              <span class='reactions-label'>
              <data:top.reactionsLabel/></span> </td>
            <td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
           </tr></table>
        </b:if>
      </span>

      <dl id='comments-block'>

        <b:loop values='data:post.comments' var='comment'>
          <dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
            <a expr:name='data:comment.anchorName'/>
            <b:if cond='data:comment.authorUrl'>
              <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a> on                 <data:comment.timestamp/>
            <b:else/>
              <data:comment.author/>
            </b:if>
            <data:commentPostedByMsg/>
          </dt>

3- Text berwarna merah itu ialah code "reaction" yang saya tambah di bahagian
Yang penting code tersebut mestilah berada di antara <body> dan </body>


4- Saya meletakkan code tersebut sebelum line comment dan widget reaction tersebut juga akan terletak di atas widget comment. Tengok screenshot nya dulu:

Reaction_widget

Atau copy code warna merah itu di sini
 

About Me

My photo
Masih menuntut di UITM.Mula mengenali dan berminat dengan internet pada umur 16 tahun.Menulis blog untuk mengisi masa lapang di samping membuka komuniti serta menyediakan kemudahan kepada semua.Terima Kasih kerana melawat blog ini.

IP Follower

Term of Use

>All post are free to copy or duplicate for any what content EXCEPT for post that have my trademark at the bottom.
>Please don't redirect download LINK/URL from this site without permission from author.
>Never use this site content for commercial purposes.
>Do not post comment with another language except for English & Bahasa.

You can help me by telling your friend, family and college members about this site.