Gratis berlangganan artikel Zykry via mail, join sekarang!

Tuesday, March 30, 2010

Membuat Scroll Pada Label / Kategori



Coba lihat ada sedikit perubahan wajah dari blog ini, semalam sedikit utak-atik template. Mumpung masih segar n ada waktu 30 menit nih tak arsipkan dulu yah supaya gak lupa.  Apa sih ??. Gini lho semalam saya coba Membuat Fungsi Scroll Pada Label atau Kategori dan Archives Blog, Sekarang ada scrollnya kan  jadi gak terlalu memanjang. Ngirit tempat deh ceritanya, terus juga ada nomor urutnya, kemarin gak ada hanya buton aja…. bikinnya simple tuh, mau tahu ? .. ini bukan nawarin tahu Sumedang lho.. tapi tahu Scroll.. hihi.
Yang saya lakukan pada template ini  untuk membuat Fungsi Scroll Pada Label atau Kategori , langkahnya seperti ini :

  1. Masuk dulu ke Acount Blogger atau Dashboard
  2. Pilih Layout , lalu klik Edit HTML
  3. Centang dulu tuh Expand Widget Templates
  4. Cari kode yang seperti ini  (kalau widget labelnya belum ada ya bikin dulu ) :
<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
<div style='overflow:auto; width:ancho; height:300px;'>    <ul>     <b:loop values='data:labels' var='label'>
      <li>
        <b:if cond='data:blog.url == data:label.url'>
          <span expr:dir='data:blog.languageDirection'>
            <data:label.name/>
          </span>
        <b:else/>
          <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
            <data:label.name/>
          </a>
        </b:if>
        <span dir='ltr'>(<data:label.count/>)</span>
      </li>
    </b:loop>
    </ul>     <b:include name='quickedit'/>
  </div> </div> </div>
  1. Untuk memudahkan mencarinya , pakai saja Ctrl +F , terus ketik kata apa yang dicari dikotak yang disediakan, lalu klik next. 
  2. saya cari kata Labels, karena di blognya namanya Labels, kalau nama widgetnya Kategori, ya cari Kategori. Ternyata kata labels itu banyak,  terus saja klik next sampai ketemu kode2 lain yg menyertainya. ketemu juga tuh.
  3. Kembali ke kode diatas, kalau sudah ketemu tinggal tambahkan saja kode yang warna merah itu untuk fungsi scrollnya.
  4. Angka 300px adalah tinggi kotak scroll itu, ini bisa disesuaikan.
  5. Mungkin saja diblog sobat kodenya beda,,  seperti diblog saya yang lain kodenya bukan  <div class='widget-content'> tapi :

    <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    gak apa asal penempatannya tepat, it’s ok.
  6. Untuk merubah buton menjadi  nomor urut , saya ganti tulisan warna biru itu <ul> menjadi <ol> dan </ul> menjadi </ol>
  7. Kalau sudah save template .
  8. Selesai.
Masih berkaitan, sebelumnya ada juga ttg membuat Fungsi Scroll Pada Komentar dan Fungsi Scroll pada Related Post  , kalau seneng kepada scroll menyecroll atau gulung menggulung..  halah.. bahasa apa ini , tapi silahkan aja di klik.
Hasil akhirnya dari tips diatas adalah seperti ini ,
image image
Selamat membuat Fungsi Scroll Pada Label atau Kategori , sedangkan untuk fungsi scroll pada Archives Blog.. tunggu posting selanjutnya .  Semoga bermanfaat.


Related Post:

Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di zykry-trick.blogspot.com
Thx to :
Jangan lupa add facebook Zykry Dark
print this page Print this page
Membuat Scroll Pada Label / KategoriSocialTwist Tell-a-Friend

Comments :

12 comments to “Membuat Scroll Pada Label / Kategori”

mulyana post said...
on 

bang ko saya ga bisa di save ya padahal saya ikutin cara2 abang semua,,,saya pngen blajar bang,,yang kode kode lain bnr semua ni doang nih sausah amat ya,,,,

mulyana post said...
on 

sudah saya ulang ulangbang gagal trus cara bikin widget kategorinya gimna bang,,,

Noubi noku said...
on 

sudah tak follow kang jangan lupa follow balik yach

Nikmaya John said...
on 

Keren tipsnya,,, ane coba dlu ah

Al Hikmah Blog said...
on 

berkunjung | nice info

samsul said...
on 

makasih infonya mas bro

tempat aborsi said...
on 

thank's atas infonya

Chelsy Kho said...
on 

Numpang Promo ya

PAPADOMINO agen poker online terpercaya
judi poker
poker online terpecaya
bandar poker
domino online
agen poker online
poker online

Chelsy Kho said...
on 

Numpang Promo ya

PAPADOMINO agen poker online terpercaya
judi poker
bandar poker
domino online
agen poker online
poker online
capsa susun
poker online terpecaya

Chelsy Kho said...
on 

Numpang Promo ya

PAPADOMINO agen poker online terpercaya
judi poker
bandar poker
domino online
agen poker online
poker online
capsa susun
poker online terpecaya

Unknown said...
on 

Hai..
kita dari agen poker online papadomino mau memberitahukan bahwa sekarang sedang ada promo bonus yaitu :
* Bonus Mingguan : 0.5% (setiap senin)
* Bonus Referral : 20% (seumur hidup)

Hanya dengan minimal depo & wd Rp 20.000,-
Proses depo / wd cepat
100% PLAYER VS PLAYER Tanpa ROBOT
link pendaftaran : http://papadomino.com/?ref=jesica6413
Untuk info lebih lanjut silahkan hubungi : 2B4A514B

* Buat yang suka bermain togel silahkan kunjungi http://www.papa4d2.com/ref.php?ref=jesica
;)
judi poker
bandar poker
domino online
agen poker online
poker online
capsa susun
poker online terpecaya

AGEN BOLA TERBESAR said...
on 

Terimakasih Atas Infonya Gan.. Sangat Membantu Dan Di Tunggu Artikel Berikutnya Yah ^_^
AGEN PIALA DUNIA
BANDAR BOLA
JUDI ONLINE
BACCARAT ONLINE
PARLAY 2 TIM


Apa pendapat anda?

No spam and no porn yaw!!

Widget By Devils Workshop

Guest Book

Iklan

Pasang iklan anda di Zykry-trick hanya Rp.15.000 /bulan Hubungi : 087 823 177 355 - 085 759 277 896 Facebook : Zykry@programmer.net
 
twitter

Tukeran Link

Tips Dan Trick Blogging

U follow I follow

Statistik


free counters
broadband speed test
Current Events & News Blogs - Blog Rankings Blog Directory
Internet Blogs Web Design & CSS (Graphics) - TOP.ORG
Blogging Blogs - Blog Catalog Blog Directory Online Marketing - OnToplist.com
Web design blogs
The Republic of Indonesian Blogger | Garuda di Dadaku
Top 10 Award