Modifikasi Tag POst Blogger Bergaya Woork

By AchmadVm

Tag Blogging

• Share
• Twitter
• Delicious
• Facebook
• Digg
• Reddit

Seperti ketika saya mulai menggunakan Blogger hack ini .ntuk membuat labelblogger bergaya seperti pada Web (Woork.blogspot.com) sedikit Jiplak,karena tahu Web woork ii sangat kaya dengan materi Css dan Design yg sangat Mengesankan dari Post foooternya dan SidebarNya yg bergaya WP Theme,padahal Pake blogger.seperti Hack blogger saat ini kita akan Mencoba membuat Tampilan Tag Blogger seperti pada Halaman Woork. Sekarang mari kita Menerapkan Tag dari Woork Ke Blogger anda.

Klik Tab Layout: click on Edit Html tab

Klik Download Full Template untuk Jaga-jaga bila terjadi kesalahan:



 



Tambahkan Kode Di Bawah ini Sebelum Kode diatas.

div.tag{font-size:11px; padding-top:5px; color:#999999; margin-bottom:10px;} div.tag (font-size: 11px; padding-top: 5px; color: # 999999; margin-bottom: 10px;) .profileImage{float:left; margin:3px 6px 2px 0px; background:#FFF; padding:4px;} . Gambarprofil (float: left; margin: 3px 6px 2px 0px; background: # FFF; padding: 4px;) .post-tag{font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; margin-bottom:10px;} . post-tag (font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; margin-bottom: 10px;)

.post-tag a:link, .post-tag a:visited{color:#666; text-decoration:none; font-style:italic;} . post-tag a: link,. post-tag a: visited (color: # 666; text-decoration: none; font-style: italic;)

Anda dapat mengubah Setting Css seperti warna dan font sesuai keingginan anda pada Set CssNya di atas. Sekarang cari kode di bawah ini dan tambahkan kode merah.

<b:if cond='data:post.link'> <b:if cond='data:post.link'> <a expr:href='data:post.link'><data:post.title/></a> <a expr:href='data:post.link'> <data:post.title/> </ a> <b:else/> <b:else/> <b:if cond='data:post.url'> <b:if cond='data:post.url'> <a expr:href='data:post.url'><data:post.title/></a> <a expr:href='data:post.url'> <data:post.title/> </ a> <b:else/> <b:else/> <data:post.title/> <data:post.title/> </b:if> </ b: if> </b:if> </ b: if> </h3> </ h3> </b:if> </ b: if>  

<!-- TAG --> <div class='post-tag'> <b style='border-right:solid 1px #CCCCCC; padding-right:10px; margin-right:10px;'>Tag</b> <b class='post-tag'> <div style='border-right:solid 1px #CCCCCC; padding-right:10px; margin-right:10px;'> Tag </ b> <b:if cond='data:post.labels'> <b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url+ &quot;?max-results=10&quot;' rel='tag' style='border-right:solid 1px #CCCCCC; padding-right:10px; margin-right:10px;'> values='data:post.labels' <b:loop var='label'> <a expr: href = 'data: label.url + "? max-results = 10"' rel = 'tag' style = 'border -right: solid 1px # CCCCCC; padding-right: 10px; margin-right: 10px; '> <data:label.name/> <data:label.name/> </a> </ a> <b:if cond='data:label.isLast != &quot;true&quot;'/> cond='data:label.isLast <b:if != "true"'/> </b:loop> </b:if> </div>

Sekarang Pratinjau Template Anda jika Berhasil Klik Simpan. Bila mengalami kesalahan pastikan kode diletakkan Pada Tempat yg Pas.

AchmadVM is an indonesian programmer, blogger, Windows user, founder of blogger-creative.blogspot.com. He lives in Sidoarjo, Indonesia. Follow Creative on Twitter or take a look at his Facebook Profile.

Share this post

Share on Facebook Share on Twitter Share on StumbleUpon Share on Delicious Share on Reddit

Share on Digg Share on NegaraKu Share on Technorati Subscribe to Feeds RSS Email to AchmadVm