Jump to content
Sign in to follow this  
rieyna168

Ajar wat blog plz...

Recommended Posts

/* Page Structure
----------------------------------------------- */
/* The images which help create rounded corners depend on the
following widths and measurements. If you want to change
these measurements, the images will also need to change.
*/
#outer-wrapper {
width:880px; <-------------- */ ubah yang ni jadi 925px (try dulu)
margin:0 auto;
text-align:left;
font: $bodyFont;
}

Share this post


Link to post
Share on other sites
Alhamdulillah....
utk wat 3 kolum tu dah selesai..TQ wat bro sentinel yg byk membantu n tenkiu gak wat pak ulitmate atas tunjuk ajar yg diberi walupun rina xberjaya tukar sendiri template tu.

Nak tanya lagi ni..
Camne nak wat benda camni dalam blog kita?maksud rina..nak letakkan skroll camtu.

Share this post


Link to post
Share on other sites
semua script boleh masuk kan dalam code html yang kat template atau using widget html/javascript ikut laa penggunaan code nya laa..

rasa nya semua code ada arahan paste kat header ke atau kat mana2 perlu...

harap page tuh dapat bantu mencantikkan blog anda...

Share this post


Link to post
Share on other sites
Rina skrg ni gunakan widget Label jer utk bhgn senarai artis n lagu tu..
rina nak wat scroll je..xnak yg label tu..tapi...rina nak copy paste link scroll tu kat mane? n camne caranya..

Share this post


Link to post
Share on other sites
no no tu kena tgk code jugak tuh..kalau nak paste dalam widget label..maybe widget tuh tak leh baca html atau javascript so boleh paste kat html code...saya tak pernah guna code scroll...

tapi leh tgk saya nya menu kat blog saya PERFUMESTORE tapi script menu saya nih cuma jalan kat browser modzilla jer IE tak jalan...kena configure something through IE tak buat lagi laa..takder masa nak tgk..

amik code kena cuba2 jugak tgk camner..try n error laa..

Share this post


Link to post
Share on other sites
ooh tak paham yer..sori tak dapat bantu la macam tuh.... maybe ongbok, johnburn or otai2 lain dapat bantu...
sori ya...

Share this post


Link to post
Share on other sites
Ada lak kater rina xsungguh2...kalau xsungguh2, xkanlah sampai 6 page dah rina cerita pasal ajar wat blog ni..
kalau nak ajar pun...kena sabar gakla ngan org yg xtahu menahu cam rina ni..jadi senanglah nak sungguh2..kalau mengajar marah2, nak belajar pun takut.

Share this post


Link to post
Share on other sites
Simple CSS, untuk Rounder 4 Template (jika Rina nak letak kat template ni), begini:

1. Pasang dulu widget untuk 'Labels' (Add a Gadget > Labels --> pilih 'list' type)
2. Letakkan widget tu paling atas sebelah kanan (mesti letak situ nanti susah nak guide) untuk memudahkan edit.
3. Kemudian 'Layout' > Edit HTML > klik 'Expand Widget Templates'
4. Guna fungsi search (ctrl+F) atau scroll kebawah sehingga jumpa:

Code:
<div id='sidebartop-wrap'><div id='sidebartop-wrap2'>


5. Di beberapa baris bawah pada code yang ditunjukkan diatas, ditulis sebegini:

<b:widget id='Label2' locked='false' title='Labels' type='Label'>


6. Yang dimerahkan tu adalah nama widget 'Labels' yang di pasang tadi (ia berbeza jika awak dah install beberapa widget yang namanya serupa), sila note kan nama tu.

7. Kemudian guna fungsi search (ctrl+F) atau scroll semula keatas sehingga berjumpa code berikut:

Code:
]]></b:skin>


8. Pastekan code dibawah ni betul2 diatas code yang ditunjukkan diatas:

/* Sidebar Content */
#Label2{
height:200px;
overflow:auto;
}


9. Ganti label yang dimerahkan tu dengan nama label yang awak note sebelum ni.

10. Jangan save lagi, klik 'Preview' dulu, bila pasti baru 'Save Template'.

11. Scroolbar akan muncul jika/setelah jumlah label hampir mencecah/melebihi 200 pixel, jika tak muncul disebabkan jumlah label yang sedikit, ubah nilai --> height:200px <-- ke nilai yang lebih kecil.

P/S: Jika nak letak border, begini:

/* Sidebar Content */
#Label2{
height:200px;
overflow:auto;
border:1px solid #333;
}


Begitu juga jika nak letak background, hanya tambah:

Code:
background:#FFF;


dan begitulah seterusnya jika nak apa2 penambahan.

Note:

1- Saya tak dapat nak buatkan scrollbar tu hanya scroll listed items sahaja kerana Rounder 4 perlu banyak pengubahsuaian/penambahan,jadi saya buatkan sesimple yang boleh, ia akan scroll bersama h2 title.
2- Scrollbox untuk Labels ni boleh juga dibuat dari dalam widget tanpa pengubahsuaian CSS, hanya simple HTML tapi labels count tu tak dapat nak intergrade kecuali kita edit melalui CSS aje.

Share this post


Link to post
Share on other sites
maksudnya bro e_sentinel, kalau nak letak scroll tu...xleh wat dalam widget je ker?
maksud rina, masukkan widget HTML dan pas je kod scroll kat dalam tu.. kat web maner rina leh dapatkn kod html tu or mmg perlu reka sendiri?

Rina lom berani lagi nak edit HTML dalam template tu, takut nanti semua jadi lain. Baru je rina cuba wat apa yg rina post jadi "read More".. bila dah abis edit tu, tgk2 apa yg rina pos kat blog ilang.. xkuar pun bila rina view blog tersebut. tapi bila view kat edit post, apa yg rina post tu masih ada cuma xkuar je kat blog. Camne nak settle perkara ni? atau tenet rina yg problem sampai rina xdpt view apa yg rina post dlm blog. -> http://warnawarnikehidupanku-rieyna168.blogspot.com

ni dalam edit post rina:


cput...rina dh dpt wat carian google seperti yg cput ajar tp camne nak jadikan carian tu jadi camni?

Share this post


Link to post
Share on other sites
Merujuk kepada Rina punya template (Rounder 4)

body#layout #header, body#layout #header-wrapper,
body#layout #outer-wrapper {
margin-$startSide:0,
margin-$endSide: 0;
padding: 0;
}

body#layout #outer-wrapper {
width: 730px;
}

body#layout #footer-wrap1 {
padding-top: 0;
}
]]></b:skin>
</head>

<body>
<div id='outer-wrapper'>


Copy code berikut:

/* Sidebar Content */
#Label2 {
height:200px;
overflow:auto;
}


Dan paste ke (yang dimerahkan):

body#layout #header, body#layout #header-wrapper,
body#layout #outer-wrapper {
margin-$startSide:0,
margin-$endSide: 0;
padding: 0;
}

body#layout #outer-wrapper {
width: 730px;
}

body#layout #footer-wrap1 {
padding-top: 0;
}

/* Sidebar Content */
#Label2 {
height:200px;
overflow:auto;
}


]]></b:skin>
</head>

<body>
<div id='outer-wrapper'>


Gantikan 'Label2' dengan nama label dari widget Rina (rujuk guide sebelum ni):

/* Sidebar Content */
#Label2 {
height:200px;
overflow:auto;
}


----------------------------------------------- */

Kalau fenin dan nak buat dari dalam widget, begini:

1. Add a Gadget > pilih HTML/JavaScript dan paste code dibawah ke dalam tu:

<div style="width: 205px; height: 100px; background-color: a0ffff; border:1px solid #333; color: 000000; font-family: arial; font-size: 12px; text-align: left; border: 0px solid 00000; overflow: auto; padding: 4px;">

<a href=""></a>
<br/>
<a href=""></a>
<br/>
<a href=""></a>
<br/>
<a href=""></a>
<br/>
<a href=""></a>
<br/>
<a href=""></a>
<br/>
<a href=""></a>

</div>


Pastu, klik kanan pada setiap label dalam blog Rina untuk dapatkan link untuk setiap label, contohnya begini:



Contoh diatas ialah label untuk 'Test', jadi masukkan seperti berikut:

<div style="width: 205px; height: 100px; background-color: a0ffff; border:1px solid #333; color: 000000; font-family: arial; font-size: 12px; text-align: left; border: 0px solid 00000; overflow: auto; padding: 4px;">

<a href="http://ayambulubalik.blogspot.com/search/label/test"></a>
<br/>
<a href=""></a>
<br/> ...........................


Dan letakkan nama label tersebut seperti ini (di birukan):

<a href="http://ayambulubalik.blogspot.com/search/label/test">Test</a>
<br/>
<a href=""></a>
<br/> ...........................


Buat begitu untuk link2 label seterusnya, jika terlalu banyak, extend aje code sebegini:

Code:
<a href=""></a>
<br/>


Nak tukar dimensi, background, font style dan lain2, edit aje bahagian ni:

<div style="width: 205px; height: 100px; background-color: a0ffff; border:1px solid #333; color: 000000; font-family: arial; font-size: 12px; text-align: left; border: 0px solid 00000; overflow: auto; padding: 4px;"

Share this post


Link to post
Share on other sites
blog yg rina nak wat scroll tu ada masalah lak skrg ni...
apa yg rina post xkuar dlm blog lepas rina memandai nak wat "read more" pada apa yg rina pos.

Kena settle problem nak timbulkn balik benda yg rina pos tu dulu baru leh cuba wat scroll tu.. ::icon_sad::

Share this post


Link to post
Share on other sites
taktahu ler rina camner nak wat google search cam gitu..tak sempat ler nak cari banyak keje nih...sori yek...

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
Sign in to follow this  

×
×
  • Create New...