Friday, January 7, 2011

Tutorial : Scroll Pada Blog Archive

Blogger, Zafiranabilah bertanya, skrip html pada tutorial : scroll pada blog list boleh ke buat pada blog archive.  Jawapannya boleh dan ana memang guna html yang sama cuma perlu dipinda sedikit.

blogarch1 

Zafiranabilah adalah di antara blogger yang pertama menjadi kenalan Ana di alam maya.  Ana ucapkan terima kasih yang tidak terhingga sebab nabilah selalu jenguk blog Ana dan biasanya menjadi satu2nya pengunjung yang memberikan komen pada setiap n3.  Kalau Ana buat giveaway sebagai pengunjung yang setia mesti dapat pada nabilah.

Untuk buat scroll pada blog archive, caranya macam ni,

(i)  Log in blog, pergi ke menu Design <Page Elements, klik pada Edit blog archive

blogarch

(ii)  Setelah klik, akan keluar paparan berikut.  Dapatkan widgetId blog archieve, yang ditandakan warna biru dihujung iaitu BlogArchive1

blogarch2

 

(iii)  Pergi ke menu Edit HTML, tick kotak Expand Widget Templates. Tekan Ctrl F dan taipkan kod ]]></b:skin>.  Copy kod html di bawah dan pastekan di atas kod ]]></b:skin>

#BlogArchive1 .widget-content{height:400px; /* Tinggi yang diinginkan */width:auto;overflow:auto;}

Untuk ketinggian blog archive boleh digantikan height mengikut kesesuaian blog archive yang diingini.  Blog ana menggunakan ketinggian 400px

(iv)  Preview dan jika tidak keluar error klik save.

Sumber : syamilamohd.com

ana ayesha

4 comments:

  1. oh...time kasih tuk tutor ni...

    tp....erm...sy buat tk menjadi la...

    part perktaan "tinggi yg di iginkan "tu kita tukar dgn tinggi yg kita mahu kan yer..? or delete perkataan tu..?

    jom ke APA KATA HATI pulak,
    GiveAway EdY : Awak Busuk!

    ReplyDelete
  2. @nabilah_2908 400px tu yang ditukarkan kepada ketinggian yang dikehendaki, perkataan tu biarkan sahaja

    ReplyDelete
  3. ok...nnti sy try lagi..thnks..!! (^_^)

    jom ke APA KATA HATI pulak,
    MAKAN-MAKAN SEPENA AJL25

    ReplyDelete
  4. This is wonderful blog. I love it.

    ReplyDelete

Related Posts Plugin for WordPress, Blogger...