cara letak border,background dan scroll pada widget - Hallo sahabat Cara Sign Up, Pada Artikel yang anda baca kali ini dengan judul cara letak border,background dan scroll pada widget, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel background, Artikel border, Artikel scroll, Artikel turorial blog, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : cara letak border,background dan scroll pada widget
link : cara letak border,background dan scroll pada widget

cara letak border,background dan scroll pada widget

Dalam artikel cara letak border pada widget sebelum 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 dari border,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 dashboard--template--pilih edit html--

kemudian gunakan fungsi carian Ctrl+F (klik didalam template dan tekan butang ctrl+f) dan taipkan perkataan archive

tekan butang enter 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;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3awcyIjGzurRQRSHBpJ9QvnOlNMvDQt3n_PlL0dloLA4m5XZiU0IewrxaK_h0M9TNcyUAZJK_ofnfmjQZldj92qDp5THyYuCP_x5niG2hnpMxK633HHISOogc__j5zBVpZR69ukKLn9E/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 berwarna merah.Ubahkan lebar dan tinggi yang bersesuaian pada teks berwarna hijau.
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:

klik untuk besarkan gambar

Selamat mencuba

update 14/5/2013

Demikianlah Artikel cara letak border,background dan scroll pada widget

Sekianlah artikel cara letak border,background dan scroll pada widget kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel cara letak border,background dan scroll pada widget dengan alamat link http://carasignup.blogspot.com/2011/02/cara-letak-borderbackground-dan-scroll.html

Tweet