cara letak scroll pada posting

Dalam artikel sebelum ini juga ada berkaitan dengan scroll dimana ia diletakkan pada widget disidebar.Scroll ini hanya muncul secara automatik bila ketinggian kandungan melebihi ukuran yang ditetapkan.Scroll juga boleh diletakkan pada keseluruhanposting   atau  sebahagian teks sahaja pada posting yang dikehendakki.

Bagi meletakkan pada keseluruhan posting

cari kod .post { pada template dan tambahkan kod merah seperti bawah

.post {
height:180px;
overflow:auto;
}

meletak scroll pada teks tertentu sahaja pada posting

masukkan kod berikut pada template

.scrollbox {
height:110px;
width:420px;
overflow:auto;
}

letakkan diatas kod ]]></b:skin>

Semasa membuat posting dan pada mode edit html masukkan kod dibawah
<div class="scrollbox">teks yang ingin dipaparkan dalam bentuk scroll</div>

cara tukar smiley pada cbox dan shoutmix

Mungkin korang inginkan kelainan pada smiley yang ada pada cbox dan shoutmix.Bila blogwalking tgk kawan kawan letak smiley yg bermacam macam bentuk tentunya ada teringin juga nak buat mcm tu.

Cara menukarnya:

Untuk CBOX
Log in ke cbox.ws atau klik saja pada link cbox yang ada pada widget cbox
masukkan log in name dan password
kemudian masuk ke menu options--pilih smilies

kemudian paparan dibawah akan muncul

disini kita cuma perlu tukar url smiley yang ada pada paparan.Smiley boleh didapati di freesmileys.org , websmileys.com ,myem0.com dan sebagainya.

masuk keweb tersebut pilih smiley yang dingini ,salin url (code dimasukkan contohnya seperti ini: http://www.websmileys.com/sm/angels/ClergyMan.gif) dan letakkan pada url seperti paparan diatas dan klik save.

# [img] dan [url] yang ada dihadapan dan hujung url hendaklah diabaikan.

Untuk shoutmix

log in ke akaun shoutmix
pada menu display pilih smileys

Kemudian paparan berikut akan muncul:

pada imej diatas:
a: masukkan url smiley
b.masukkan kod smiley seperti  :) dan optional disebelah :-)
atau boleh juga letak perkataan seperti singgah,singgah sini, atau apa apa yg sesuai dan selalu diguna pada shoutbox
Buang tanda pada ..>>Use the default smileys set shown above  
kemudian klik pada add dan save setting,

cara letak scroll pada widget

 Penggunaan scroll pada widget  adalah  dengan tujuan supaya senarai yang dipaparkan akan lebih kemas dan tidak menggunakan ruang yang banyak.contohnya widget labels dan archives akan jadi memanjang kebawah bila sudah terdapat banyak posting.bagaimana pun bagi widget Archives pula terdapat pilihan bagi memaparkan secara dropdown menubagi menjimatkan ruangan.Bagi tutorial ini saya terangkan cara bagaimana untuk meletakkan scroll pada labels.

Untuk meletakkan scroll pada label,terlebih dahulu dapatkan widget id:

Caranya masuk ke design-edit html --..gunakan ctrl+f  untuk memudahkan pencarian taipkanLabels (tajuk widget pada sidebar). kemudian muncul kod seperti dibawah

<b:widget id='Label1' locked='false' title='Labels' type='Label'/> (title disini adalah tajuk widget yg kita letak pada sidebar)

widget id bagi labels ialah Label1

salin kod dibawah

#Label1{
height:180px;
overflow:auto;
}

dan letakkan diatas kod

 ]]></b:template-skin>

Bagi widget lain cuma perlu tukar pada widget id sahaja pada kod diatas.Jika scroll tidak muncul adalah disebabkan senarai tersebut adalah pendek dan kod diatas diletakkan height1 80px jadi akan muncul hanya setelah mencapai ketinggian 180px atau ubah sahaja ketinggian tersebut.

kemudian save template

LETAK SCROLL & BACKGROUND PADA KOMEN

Cara letak scroll dan background pada komen

Tutorial ini saya buat sebagai menunaikan permintaan rakan-rakan yang ingin membuat scroll dan meletak warna latar belakang pada komensebagaimana yang ada diblog ini.Kotak ini juga mempunyai borderdisekeliling dan dengan adanya scroll tentunya lebih memudahkan jika terdapat banyak komen pada sesuatu posting.Loading rasanya lebih cepat jika komen kita mempunyai avatar kerana paparan tidak keluar secara serentak.

Cara membuatnya:
Masuk kedesign--pilih edit html dan cari kod yang berwarna merah seperti dibawah

.post-footer {
margin: 1.5em 0 0;
}

#comments {
height:280px;
overflow:auto;
border:8px ridge #33FF99;
background: #006699;
padding: 20px 20px 10px 20px;
margin: 10px 0px 0px 0px;
}

#comments .comment-author {
padding-top: 1.5em;
background :#009999;
border:1px dotted;
}

Kemudian tambahkan kod dibawahnya seterusnya dengan kedudukan sebagaimana diatas.Ubahkan kod warna jika inginkan warna yang diingini.

CARA LETAK FB LIKE BUTTON PADA KOMEN

Cara letak facebook like pada komen blog

Memasang butang facebook like pada komenblog adalah satu langkah yang baik kerana sebelum meletak komen pengunjung juga boleh klik dan share entri kita dengan rakan facebook yang lain.Butang tersebut juga tampil bersesuaian dengan ruang dibawah post a comment.

Langkah membuatnya:
1.Masuk ke design-Edit HTML dan klik pada expand widgets template
2.Cari kod ini:

<data:postCommentMsg/>

kod pada template mungkin ada lebih dari satu contohnya seperti ini:

kebiasaan nya seperti ini: <h4 id='comment-post-message'><data:postCommentMsg/></h4>

3.Kemudian salin kod dibawah dan letakkan selepas kod <data:postCommentMsg/>

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>

4.Akhir sekali klik save template.