CSS

Saturday, June 30, 2012

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??

No comments:

handapeunpost