Post Includable Part II

Dua postingan sebelumnya Page Layout Default Blogger dan Post Includable Part I yang tidak lain membedah kode-kode yg ada didalam template default blogspot. Lanjutan nih sob :D

The Post Title

The post title atau judul dari postingan. Judul postingan ini biasanya ditampilkan dalam bentuk hyperlink yg apabila diklik akan memasuki ke link yg dituju :D Kalau tidak ada yaa tidak akan masuk kemana-mana alias menjentul :"> Kode pada the title post...

<b:if cond='data:_post.title'>
<h1 class='post-title'>
<b:if cond='data:_post.link'>
<a expr:href='data:_post.link'><data:_post.title/></a> <!-- External link -->
<b:else/>
<b:if cond='data:_post.url'>
<a expr:href='data:_post.url'><data:_post.title/></a> <!-- Post permalink -->
<b:else/>
<data:_post.title/> <!-- Post title without a link -->
</b:if>
</b:if>
</h1>
</b:if>

Itu struktur kode untuk sebuah judul post ;)

Post Body

Badan post kali yak :P Pada bagian ini dikemas dengan sebuah elemen "P"

<div class='post-body'>
<p><data:_post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Post Footer Line 1

Struktur dari baris post footer ini sbb :

<p class='post-footer-line post-footer-line-1'>
<span class='post-author'>Authorname</span>
<span class='post-timestamp'>Timestamp</span>
<span class='post-comment-link'>Commentlink</span>
<span class='post-icons'>Email Icon and QuickEdit Pencil</span>
</p>

Authorname

Widget blog yg dikonfigurasikan untuk menampilkan nama dari si penulis. Label default pada kode ini biasanya bertuliskan "Posted by"

<span class='post-author'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/> <data:_post.author/>
</b:if>
</span>

Jadi bagi sobat yg mau ganti tulisan Posted by ya cari kode itu, yihaaa :-"

Timestamp

Widget blog yg dikonfigurasi untuk menampilkan waktu. Disertai permalink yg menuju hanya pada halaman tertentu.

<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:_post.url'>
<a class='timestamp-link' expr:href='data:_post.url' title='permanent link'><data:_post.timestamp/></a>
</b:if>
</b:if>
</span>

Kode diatas menampilkan teks/label pada permalink. Default teksnya biasanya "at" atau "di" :D

Commentlink

Segala yg berbau komentar ya diatur oleh perintah ini sob :)

<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'> <!-- if the page is NOT an itempage, display the link -->
<b:if cond='data:_post.allowComments'> <!-- if the post allows comment to be made, display the link -->
<a class='comment-link' expr:href='data:_post.addCommentUrl' expr:onclick='data:_post.addCommentOnclick'>
<b:if cond='data:_post.numComments == 1'>1 <data:top.commentLabel/>
<b:else/><data:_post.numComments/> <data:top.commentLabelPlural/>
</b:if>
</a>
</b:if>
</b:if>
</span>

Default teks/label dari komentar ini "comments" Pusing neranginnya ah ;)) Pokoknya yg bersangkut paut dg komentar ada pada kode itu.

Email Icon and QuickEdit Pencil

Post icon ini ada dua, email dan pensil :P Biasanya link pada post yg berupa gambar email kecil serta quick edit yg digambarkan oleh icon pensil.

<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:_post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:_post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<span class='email-post-icon'> </span>
</a>
</span>
</b:if>
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span>

Post Footer Line 2

Garis post ini tak lain yg menampilkan label pada postingan. Secara default biasanya bertuliskan "labels"

<span class='post-labels'>
<b:if cond='data:_post.labels'> <!-- if the post has labels, display them -->
<data:_postLabelsLabel/>
<b:_loop values='data:_post.labels' var='label'> <!-- loop through all labels -->
<a expr:href='data:_label.url' rel='tag'><data:_label.name/></a>
<b:if cond='data:_label.isLast != "true"'>,</b:if> <!-- if there is another label, display a colon as separator -->
</b:_loop>
</b:if>
</span>

Post Footer Line 3

Pada baris ini kosong, dan biasanya untuk mempermudah kita mengedit pada icludable.

Styling classes

Macam gaya classes yg sering digunakan dalam includable.

Class
post
post-title
post-header-line-1
post-body
post-footer
post-footer-line
post-footer-line-1
post-author
post-timestamp
timestamp-link
post-comment-link
comment-link
post-icons
item-action
email-post-icon
post-footer-line-2
post-labels
post-footer-line-3
Prodigy of Head

Blogger Data Tags

Daftar tag data yg sering dipakai dalam includable ini.

Data Tag	Description
data:top.showAuthor	'true' if the Blog Widget is configured to show the author name
data:top.authorLabel	the phrase preceding the author name (default value: 'Posted by')
data:top.showTimestamp	'true' if the Blog Widget is configured to show the timestamp
data:top.timestampLabel	the phrase preceding the timestamp (default value: 'at')
data:top.commentLabel	the phrase showing the number of comments, single (default value:'comment')
data:top.commentLabelPlural	the phrase showing the numer of comments, plural (default value:'comments')
data:blog.pageType	the type of the current page
data:_post.id	the unique id-number of the post
data:_post.title	the post title
data:_post.link	the url of the (external) webpage the post is pointing to
data:_post.url	the post permanent lnk
data:_post.body	the post body
data:_post.timestamp	the post timestamp
data:_post.allowComments	'true' if making comments is allowed for this post
data:_post.addCommentUrl	the url of the comments form
data:_post.addCommentOnclick	-
data:_post.numComments	the number of comments on this post
data:_post.emailPostUrl	the url of the email form
data:_post.emailPostMsg	the tooltip message of the email icon link
data:_post.labels	the list of labels assigned to the post
data:_postLabelsLabel	the phrase preceding the list of labels (default value: 'Labels:')
data:_label.url	the url of the page listing all posts with this label
data:_label.name	the name of this label
data:_label.isLast	'true' if this label is the last one of the list

Thanks a lot for http://beautifulbeta.wikidot.com Download disini untuk mendapatkan blogger cheat sheet Blogger Cheat Sheet (PDF, english).