Blogger Blog Posts Title Modification

This article is part of the series:

Blogger Template Modifications and Hacks

---

Kita buka lagi catetan yang kemaren tentang Blog Posts Widget (di save nggak?)

Yang mau kita modif sekarang kan Blog Posts Title tuh, jadi kita cari tag b:includable yang punya id='post' sama di dalemnya ada tag <data:post.title/>

Kalo template-nya masih standard sih, pasti gak jauh beda codes-nya kaya yang di bawah ini..

<b:includable id='post' var='post'>
  <div class='post hentry'>
    <a expr:name='data:post.id'/>

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

...

kalo emang nggak ada, elo sah-sah aja sih nambahin sendiri, (gak ada yang ngelarang kan?)

---

Apaan sih ini <b:includable id='post' var='post'> ??

Kalo gw baca dari Blogger Help katanya..

Isi dari Widget semuanya disimpen di dalem "includable" sections, yang formatnya kaya gini:

<b:includable id='main' var='thiswidget'>

    [insert whatever content you want here]

</b:includable>

Baca selengkapnya di google.com/support/

Kalo code Embed nya mah cuman gini doang..

<embed 
FlashVars='letter=Blog Posts Title pake Flash' 
pluginspage='http://www.macromedia.com/go/getflashplayer' 
src='http://www.widgeo.net/effets/2.swf' 
type='application/x-shockwave-flash' 
quality='high' 
align='middle' 
height='40' 
width='200' 
wmode='transparent'/>

buat src='http://www.widgeo.net/effets/2.swf' nya, di widgeo.net adanya cuman mulai dari 1.swf sampe 8.swf doang, cobain aja lah atu² (geratis ini).

buat wmode='transparent' nya, berhubung dari sononya warna text cuman putih doang, jadi kalo bacground Blog elo putih textnya gak keliatan dong?. Ganti aja wmode='opaque'

---

Terus Gimana caranya biar Nampilin Text sesuai Title Post?

Di atas kan bagian yang buat ngatur text yang di tampilin itu,,
FlashVars='letter=Blog Posts Title pake Flash'

Nah, biar textnya sesuai sama Post Title kita pake tag punya Blogger aja..
expr:FlashVars='&quot;letter=&quot; + data:post.title'

Sekarang tinggal ganti deh semua tag <data:post.title/> yang diatas, pake code Embed flash yang udah elo modif tadi Kapan? :P.. Rebes.. Tinggal nyoba.. Gimana?? Jalan nggak?

Yang jadi Pengen Seru sekarang, Gimana caranya nge-Random angka di src='http://www.widgeo.net/effets/2.swf' biar berubah² mulai dari 1.swf' sampe 8.swf' ??? :D (Pake JavaScript keren kayanya tuh!!)

Udah dulu ya?!, Belom sore sih tapi.. ah gak ada tapi :P
Besok lanjut lagi....,,,

O,iya,, Punya ide gak lo, apa lagi yang Seru buat di Modif??

Tweet