Rabu, 12 Mei 2010

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 TagDescription
data:top.showAuthor'true' if the Blog Widget is configured to show the author name
data:top.authorLabelthe 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.timestampLabelthe phrase preceding the timestamp (default value: 'at')
data:top.commentLabelthe phrase showing the number of comments, single (default value:'comment')
data:top.commentLabelPluralthe phrase showing the numer of comments, plural (default value:'comments')
data:blog.pageTypethe type of the current page
data:_post.idthe unique id-number of the post
data:_post.titlethe post title
data:_post.linkthe url of the (external) webpage the post is pointing to
data:_post.urlthe post permanent lnk
data:_post.bodythe post body
data:_post.timestampthe post timestamp
data:_post.allowComments'true' if making comments is allowed for this post
data:_post.addCommentUrlthe url of the comments form
data:_post.addCommentOnclick-
data:_post.numCommentsthe number of comments on this post
data:_post.emailPostUrlthe url of the email form
data:_post.emailPostMsgthe tooltip message of the email icon link
data:_post.labelsthe list of labels assigned to the post
data:_postLabelsLabelthe phrase preceding the list of labels (default value: 'Labels:')
data:_label.urlthe url of the page listing all posts with this label
data:_label.namethe 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).

Tidak ada komentar:

Posting Komentar