Jumaat, 7 Ogos 2009

CARA LETAK BORDER, BACKGROUND DAN SCROLL PADA WIDGET

widget borderDalam artikel cara letak border pada widgetsebelum ini terdapat masaalah dimana border ini juga mengelilingi  pada tajuk widget.Ia  hanya sesuai digunakan pada widget widget tertentu sahaja(yang tidak memerlukan tajuk widget).Bila terjadi begini nampak janggal terutamanya pada yang telah menghias tajuk widget dengan begitu cantik,tapi border pula berada disampingnya. Selain dariborder,background dan scroll juga dimasukkan sekali pada kod ini.Jadi untuk artikel kali ini saya akan tunjukkan cara bagi mengatasinya:


Sebagai contoh untuk tutorial ini saya pilih widget Archives:


Masuk ke design-pilih edit html--klik pada expand template widget
kemudian gunakan fungsi carian Ctrl+F dan taipkan perkataan archive


cari

tekan butang next sehingga jumpa kod seperti ini:




<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>

letakkan setelah kod: <div class='widget-content'>
dan sesetengah widget seperti ini


<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
kemudian letakkan kod ini dibawahnya:


<div style='width: 190px; background: url(&quot;http://1.bp.blogspot.com/_yqzcBmyK-mo/TRhyUKzsdgI/AAAAAAAABPM/nP0Nyko2M8Q/s1600/black.png&quot;) repeat scroll 0% 0% transparent; overflow: auto; height: 100px; border: 1px solid rgb(206, 206, 246); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 20px; margin: 3px 0pt 0pt;'> 

kemudian scroll perlahan lahan lagi kebawah hingga jumpa kod


<b:include name='quickedit'/>
dan letakkan kod dibawah ini  selepasnya:


</div>

kalau nak letak background gantikan url imej pada teks berwarnamerah.Ubahkan lebar dan tinggi yang bersesuaian pada teks berwarnahijau.
kemudian preview dan save template .

Saya juga telah cuba untuk widget bloglist ,categories dan berhasil.Untuk widget yang lain rasanya tiada masaalah.Untuk widget lain cuma kenal pasti tajuk widget dan cari kod pada template seperti contoh yang diatas

Contoh kod yang dibuat untuk widget bloglist:


widget
klik untuk besarkan gambar


Selamat mencuba



Sumber: Kredit pada http://teknikbuatblog.blogspot.com/

Ditulis Oleh : Captain Hari: 6:58 PTG Kategori:

0 ulasan anda:

Catat Ulasan

NOVEL-NOVEL ANA SOFIYA

cintamu cintaku satu


Novel TMKH telah mendapat pengiktirafan 4 bintang dari Editor Berita Harian 2010. Cetakan yang ke-7. Anda juga boleh melayari LINK INI untuk membaca bab-bab 1 -15



cintamu cintaku satu

ccs 1, ccs 2, ccs 2-samb, ccs 3, ccs 4, ccs 5














get this

.


get this

,

Free Page Rank Tool My Ping in TotalPing.com Ping your blog, website, or RSS feed for Free free search engine submission BLOGGER INDONESIA