Elemen Data Pada Template Versi-1
<b:includable id='comment-form' var='post'>
<div class='comment-form' id='comment-form'>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup' style='width:100px;height:20px;'/>
</b:if>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
</script>
</div>
</b:includable>
<div class='comment-form' id='comment-form'>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup' style='width:100px;height:20px;'/>
</b:if>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
</script>
</div>
</b:includable>
Elemen Data Pada Template Versi-2
<b:includable id='threaded-comment-form' var='post'>
<div class='comment-form' id='threaded-comment-form'>
<b:if cond='data:mobile'>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
</script>
</div>
</b:includable>
<div class='comment-form' id='threaded-comment-form'>
<b:if cond='data:mobile'>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
</script>
</div>
</b:includable>
Halaman komentar biasanya dibentuk dengan elemen <b:includable>, jika pada versi-versi template terjadi perubahan, mungkin hanya bertambah satu elemen saja, sehingga bentuk konsep kodenya kurang lebih menjadi seperti ini:
<b:includable id="comments">
//perubahan konsep...
<b:includable id="threaded_comments">
//perubahan konsep...
<b:includable id="threaded_comments">
Sehingga menghasilkan deklerasi elemen data untuk mengatur bentuk tampilan HTML Template pada seksi komentar yang pada umumnya digunakan saat ini.
<div class='comments' id='comments'>
1. Judul Komentar
<h4>0 Komentar:</h4>
2. Navigasi Jumlah Komentar
<span class='paging-control-container'> ... </span>
3. Daftar Komentar
<div id='Blog1_comments-block-wrapper'>
<dl class='avatar-comment-indent' id='comments-block'>
...
</dl>
</div>
4. Halaman Komentar (footer)
<div class='comment-footer'> ... </div>
5. Backlink
<div id='backlinks-container'> ... </div>
</div>
1. Judul Komentar
<h4>0 Komentar:</h4>
2. Navigasi Jumlah Komentar
<span class='paging-control-container'> ... </span>
3. Daftar Komentar
<div id='Blog1_comments-block-wrapper'>
<dl class='avatar-comment-indent' id='comments-block'>
...
</dl>
</div>
4. Halaman Komentar (footer)
<div class='comment-footer'> ... </div>
5. Backlink
<div id='backlinks-container'> ... </div>
</div>
PENGENALAN FUNGSI ELEMEN DATA
1. Judul Komentar
Pada halaman blog tampilan ini biasanya berupa elemen heading (H4) untuk menampilkan sebuah tulisan yang menunjukkan berapa jumlah komentar, pada HTML Template kodenya seperti ini:
<h4>
<b:if cond='data:post.numComments == 1'>1
<data:commentLabel/>:
<b:else/>
<data:post.numComments/>
<data:commentLabelPlural/>:
</b:if>
</h4>
//atau bisa diganti dengan elemen seperti ini:
<h4><data:post.commentLabelFull/>:</h4>
<b:if cond='data:post.numComments == 1'>1
<data:commentLabel/>:
<b:else/>
<data:post.numComments/>
<data:commentLabelPlural/>:
</b:if>
</h4>
//atau bisa diganti dengan elemen seperti ini:
<h4><data:post.commentLabelFull/>:</h4>
| DATA | FUNGSI TAMPILAN | HASIL |
|---|---|---|
| data:post.numComments | Elemen ini akan menghasilkan nilai berupa jumlah komentar yang telah masuk | 7 komentar |
| data:commentLabel | Elemen ini akan menghasilkan label komentar singular | Comment, Komentar |
| data:commentLabelPlural | Elemen ini akan menghasilkan label komentar plural | Comments, Komentar |
| data:top.commentLabel | Fungsinya sama dengan data:commentLabel | - |
| data:post.commentLabelFull | Elemen untuk mewakili semua markup seperti diatas | 0 Comment, 7 Comments, 7 Komentar |
0 komentar: