:::.Sajian Hati.:::

♥♫♥ BuKaN aiR TaNGaNKu... ♥♫♥

Tutorial : 2 Cara Memasang Scroll pada Label @ Kategori Blogspot

scroll pada label

Label yang terlalu panjang atau banyak pada blog membuatkan blog melorot dan tidak cantik dipandang. Widget label ini penting dipasang pada blog kerana memudahkan pembaca mencari maklumat yang telah dilabelkan dengan baik.

Oleh sebab itulah scroll diperlukan agar blog kelihatan cantik dan kemas. Terdapat dua cara memasang scroll pada blog. Anda perlu cuba yang mana satukah cara yang sesuai dengan template anda.


Kaedah Pertama

1. Kaedah yang pertama ialah dashboard => template => edit html => edit template => ctrl+f . Cari code ini

]]></b:skin>

Jumpa tak? Kalau tak jumpa pergi ke kaedah kedua. Kalau jumpa teruskan langkah seterusnya. Tetapi, ia bukan penentu sama ada berjaya atau pun tidak kerana saya menjumpai code ini tetapi tidak berjaya. 


2. Seterusnya, copy code dibawah ini.

#Label1 .widget-content {height:200px; overflow:auto;}


3. Pastekan di atas code yang anda cari tadi. Cara dan bentuknya seperti di bawah.

#Label1 .widget-content {height:200px; overflow:auto;}
]]></b:skin>


4. Kemudian anda boleh klik preview template. Setelah berpuas hati dan ok barulah klik save template. 


Kaedah Kedua


1. Kaedah yang kedua pula ialah dashboard => design => edit html => edit template.=> ctrl+f. Cari code ini

<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>

Nak senang cuba cari code <div expr:class='&quot;widget-content &quot; dahulu. Anda akan jumpa sambungan pula. Cuba cari hingga dapat.


2. Copy dan pastekan code dibawah ini tepat di bawahnya code di atas.

<div style='overflow:auto; width:ancho; height:200px;'> 


3. Hasilnya begini

<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
div style='overflow:auto; width:ancho; height:200px;'> 


4. Seterusnya, cari code ini </b:includable> dan pastekan code </div> ini tepat di atas  </b:includable>.

Begini contohnya

</div>
</b:includable>


5. Preview dahulu dan apabila sudah berpuas hati barulah disimpan.

Tiada ulasan:

Catat Ulasan