Selamat datang... Benvenuti... مرحبا بكم... Welkom... Maligayang pagdating... 欢迎... Welcome... fáilte roimh... 歓迎... Bem-vindo... Hoşgeldin... 歡迎... Bienvenida... Vítejte...

Senin, 14 Februari 2011

menbuat judul posting berjalan

Share |


Pernah liat kan tulisan yang jalan-jalan? Bisa dari kiri ke kanan, dari kanan ke kiri, ato bolak balik. Bisa juga dari atas ke bawah, maupun sebaliknya. Sebenernya seh konsepnya sama aja, membuat tulisan berjalan. jadi itu bisa diterapin di judul posting juga.

Uda ya..  langsung gw kasih tau aja caranya gimana bisa begitu. Tapi untuk kali ini dari kanan ke kiri dulu. kalo mo ke arah laen, lo bisa liat di sini. Terus Kalo gambar sonic di judul postingan gw, caranya ada di postingan gw sebelumnya



Ini langkah-langkahnya biar judul postingan lo jalan-jalan.



  1. Login dulu ke blogger 
  2. Klik Rancangan 
  3. Pilih Edit HTML 
  4. Back up template lo, buat jaga-jaga. 
  5. Beri tanda centang pada EXPAND TEMPLATE WIDGET 
  6. cari kode
<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template'>
<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'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>


Catetan: nyarinya g usah ditelusuri satu persatu, rebet. Cukup tekan CTRL+F atau F3, trus masukkan kode yang dicari di kotak pencarian (posisinya ada paling bawah), dan tekan ENTER.

Keyword-nya cukup <b:includable id='post' var='post'>

  7.   Masukkan kode di bawah ini diantara kode di atas. Perhatikan dengan seksama posisi kodenya.
<marquee direction='left'>
</marquee> 
              
jadinya kaya gini

<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<marquee direction='left'><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'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</marquee>
</b:if>

Catatan:
Di dalam kode <marquee direction='left'> ada kata ‘left’, artinya gambarnya bakal jalan ke kiri. Bisa diganti dengan right kalo mo gambarnya jalan ke kanan. 

   8.   Terakhir, klik pratinjau. Kalo uda sesuai dengan keinginan, klik simpan template dan lihat hasilnya.


Kalo ada yang kurang jelas, bole ditanyaken...
Selamat mencoba…!!!



0 komentar:

:)) :)] ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* : 8-} ~x( :-t b-( :-L x( =))

Posting Komentar

Jangan lupa komentarnya. Makasih...

  © Blogger templates The Professional Template by Ourblogtemplates.com 2008

Back to TOP