Jump to content
Sign in to follow this  
rieyna168

Ajar wat blog plz...

Recommended Posts

kat blog ceeramoon tu dia ade tutorial mcm2..xkn xnmpk..kena la rajin godek..saya yakin dan pasti bila anda masuk blog ceera tu anda pasti akan cepat pandai coz tutorial ceera tu snang nk ikut..klu x jmpa jga xtau la..

http://ceeramoon.blogspot.com/

awak kena rajin sebenarnya klu nak cr benda2 ni..kurangkan bertanya,rajinkan membaca! hehehe..

http://jiwangpc.blogspot.com

Share this post


Link to post
Share on other sites
adsense tu kita dia otomatik letak kat blog kita klu kita ade apply la..nuffnang ads tu lak kena daftar kat www.nuffnang.com.my dulu lepas isi apa yg ptt n mmg ptt di isi sila copy code html tu then paste kat blog anda..soal bayaran lak nuffnang akan update setiap minggu tp klu br daftar kna tgu 2 minggu..setiap klik membawa hasil! blog saya xlah femes tp tiap minggu dpt la rm18 ka rm15 gitu..hehehe..kelebihan nuffnang ialah pemilik blog bleh suruh org len klik iklan tu tp adsense lak xleh!..kang xpasal pasal kna BAN..so sila letak iklan nuff anda ye..senang sy nk klik..hehehe..sekian saje.tq.

http://jiwangpc.blogspot.com/

Share this post


Link to post
Share on other sites
link yg ni baru rina dpt view page yg dimaksudkn tu... http://c33ram00n.blogspot.com/

rina tanya sbb link yg sblm tu.. http://ceeramoon.blogspot.com/ yg ditunjuk kat rina mmg xda info apa2pun dlm tu. kosong je. tu yg heran, nape bg link yg kosong n lepas tu leh lak ckp rina kena rajinkn membaca. ::icon_biggrin::
apapun,nice sharing.. tq.

Share this post


Link to post
Share on other sites
iklan tu kita leh pilih nk letak 1 ke 2 ke atau sapu abes 3..hahahaha..pastu iklan tu sntiasa berubah mengikut peredaran zaman..hahaha..mcm2 iklan la..xleh pilih iklan la cik rina..diaorg sndri yg pilih n letak..bnyk gak la yg klik iklan kat http://jiwangpc.blogspot.com tu sbb pakcik paksa diaorg klik! hahaha! errr..nk wat 3 kolum gak ker? kdg2 kna pilih templets yg sesuai br mujarab n menjadi 3 kolum tu..nk sgt? pakcik leh tlg..okiess?

Share this post


Link to post
Share on other sites
Blokwalking tu per??

bkn kat blog tu pak ultimate.. kat blog rina yg 1 lagi kat signature tu. yg kat blog yg pak ultimate tgk tu, rina mmg tukar gi template yg 3 kolum. bukan ori dari blogger lagi. rina download dr website. Utk kat blog mp3 rina kat signature tu, rina mmg nak tambah 2 kolum tu jadi 3 kolum dalam HTML. Kalau just ubah kat situ, semua widget2 yg kita dh create ianya takkan ilang. semua auto copy paste je. Rina xnak salin widget yg rina wat tu 1 by 1..mmg dah byk widget dlm tu.

Kalau guna 3 colum yg sedia ada kat mana2 website...rina kena buang template lama n letak semua template baru tp widget2 rina ilang. Rina xnak jadi mcm tu..

Sesapa yg terrer adjust HTML rina jadi 3 colum ikut step yg diajar tu, meh tlg rina...nanti rina bg kod HTML yg rina guna skrg ni..

Share this post


Link to post
Share on other sites
benda camni kena paham code jugak...belajar laa simple HTML bagi paham..nanti senang skit nak baca coding tuh..part mana nak kena delete mana tak...css code mana nak kena buang ker nak kena tambah...

blog aku pun tak semua aku guna widget2 tuh semua...cam menu aku ada tukar2 gak kat code widget yang sedia ada...add in javascript semua...

rasa ada web yang bagi tutorial nih...kena google skit...dulu ada aku terbaca...tapi lupa page mana...jap aku try google bagi hang tgk..kalau ada laa aku post kat sini...k...

Share this post


Link to post
Share on other sites
Rina dah tgk dah step2 dia ubah tu pak ultimate, tp well...biasalah, rina ni bkn mahir dlm bidang2 camni. tu sbb mmg lambat sikit nak faham.

Rina xnak html 3 kolum yg di download dari web2 tu...
rina nak guna html yg ada skrg ni,cuma edit2 je bg jadi 3 kolum seperti yg ceera ajar tu..kalau buat cara dia ni...semua yg kita create kat blog kita termasuk widget2 yg kita telah buat tu tak hilang. Kalau ambik html baru n buang yg sedia ada ni, semua ilang...rina xnak camtu sbb rina xnak salin 1 by 1 apa yg dah ada dlm blog tu. Biarlah semuanya kekal seperti yg lama.cuma perbezaannya,tambah 3 kolum je..

Share this post


Link to post
Share on other sites
Kalau nak tolong ubah HTML ni jadi 3 colum, ni rina sertakan html tu kat sini.....

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: Rounders 4
Date: 27 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */

/* Variable definitions
====================
<Variable name="mainBgColor" description="Main Background Color"
type="color" default="#466" value="#446666">
<Variable name="mainTextColor" description="Text Color" type="color"
default="#ced" value="#cceedd">
<Variable name="postTitleColor" description="Post Title Color" type="color"
default="#fff" value="#ffffff">
<Variable name="dateHeaderColor" description="Date Header Color"
type="color" default="#cf4" value="#ccff44">
<Variable name="borderColor" description="Post Border Color" type="color"
default="#bbb" value="#bbbbbb">


<Variable name="mainLinkColor" description="Link Color" type="color"
default="#fff" value="#ffffff">
<Variable name="mainVisitedLinkColor" description="Visited Link Color"
type="color" default="#fff" value="#ffffff">

<Variable name="titleTextColor" description="Blog Title Color"
type="color" default="#fff" value="#ffffff">

<Variable name="topSidebarHeaderColor"
description="Top Sidebar Title Color"
type="color" default="#fff" value="#ffffff">
<Variable name="topSidebarBgColor"
description="Top Sidebar Background Color"
type="color" default="#9b5" value="#99bb55">
<Variable name="topSidebarTextColor" description="Top Sidebar Text Color"
type="color" default="#fff" value="#ffffff">
<Variable name="topSidebarLinkColor" description="Top Sidebar Link Color"
type="color" default="#fff" value="#ffffff">
<Variable name="topSidebarVisitedLinkColor"
description="Top Sidebar Visited Link Color"
type="color" default="#eee" value="#eeeeee">

<Variable name="bottomSidebarBgColor"
description="Bottom Sidebar Background Color"
type="color" default="#fff" value="#ffffff">
<Variable name="bottomSidebarTextColor"
description="Bottom Sidebar Text Color"
type="color" default="#666" value="#666666">
<Variable name="bottomSidebarLinkColor"
description="Bottom Sidebar Link Color"
type="color" default="#475" value="#447755">
<Variable name="bottomSidebarVisitedLinkColor"
description="Bottom Sidebar Visited Link Color"
type="color" default="#798" value="#779988">

<Variable name="bodyFont" description="Text Font" type="font"
default="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif">
<Variable name="pageTitleFont" description="Blog Title Font" type="font"
default="normal bold 200% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal bold 200% 'Trebuchet MS',Verdana,Arial,Sans-serif">
<Variable name="descriptionFont" description="Description Font" type="font"
default="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif">
<Variable name="headerFont" description="Sidebar Title Font" type="font"
default="normal bold 100% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal bold 100% 'Trebuchet MS',Verdana,Arial,Sans-serif">
<Variable name="postTitleFont" description="Post Title Font" type="font"
default="normal bold 135% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal bold 135% 'Trebuchet MS',Verdana,Arial,Sans-serif">
<Variable name="startSide" description="Start side in blog language"
type="automatic" default="left" value="left">
<Variable name="endSide" description="End side in blog language"
type="automatic" default="right" value="right">
*/

body {
background:#bca;
margin:0;
text-align:center;
line-height: 1.5em;
font: x-small Trebuchet MS, Verdana, Arial, Sans-serif;
color:$mainTextColor;
font-size/* */:/**/small;
font-size: /**/small;
}


/* 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:740px;
margin:0 auto;
text-align:$startSide;
font: $bodyFont;
}
#main-wrap1 {
width:485px;
float:$startSide;
background:$mainBgColor url("http://www1.blogblog.com/rounders4/corners_main_bot.gif") no-repeat $startSide bottom;
margin:15px 0 0;
padding:0 0 10px;
color:$mainTextColor;
font-size:97%;
line-height:1.5em;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#main-wrap2 {
float:$startSide;
width:100%;
background:url("http://www1.blogblog.com/rounders4/corners_main_top.gif") no-repeat $startSide top;
padding:10px 0 0;
}
#main {
background:url("http://www.blogblog.com/rounders4/rails_main.gif") repeat-y $startSide;
padding:0;
width:485px;
}
#sidebar-wrap {
width:220px;
float:$endSide;
margin:15px 0 0;
font-size:97%;
line-height:1.5em;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#left-sidebar-wrapper {
width:220px;
float:$endSide;
margin:15px 0 0;
font-size:97%;
line-height:1.5em;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
.main .widget {
margin-top: 0;
margin-$endSide: 13px;
margin-bottom: 4px;
margin-$startSide: 13px;
}

.main .Blog {
margin: 0;
}

/* Links
----------------------------------------------- */
a:link {
color: $mainLinkColor;
}
a:visited {
color: $mainVisitedLinkColor;
}
a:hover {
color: $mainVisitedLinkColor;
}
a img {
border-width:0;
}


/* Blog Header
----------------------------------------------- */
#header-wrapper {
background: #476 url("http://www2.blogblog.com/rounders4/corners_cap_top.gif") no-repeat $startSide top;
margin-top:22px;
margin-$endSide:0;
margin-bottom:0;
margin-$startSide:0;
padding-top:8px;
padding-$endSide:0;
padding-bottom:0;
padding-$startSide:0;
color:$titleTextColor;
}
#header {
background:url("http://www1.blogblog.com/rounders4/bg_hdr_bot.jpg") no-repeat $startSide bottom;
padding:0 15px 8px;
}
#header h1 {
margin:0;
padding:10px 30px 5px;
line-height:1.2em;
font: $pageTitleFont;
}
#header a,
#header a:visited {
text-decoration:none;
color: $titleTextColor;
}
#header .description {
margin:0;
padding:5px 30px 10px;
line-height:1.5em;
font: $descriptionFont;
}

/* Posts
----------------------------------------------- */
h2.date-header {
margin-top:0;
margin-$endSide:28px;
margin-bottom:0;
margin-$startSide:43px;
font-size:85%;
line-height:2em;
text-transform:uppercase;
letter-spacing:.2em;
color:$dateHeaderColor;
}
.post {
margin:.3em 0 25px;
padding:0 13px;
border:1px dotted $borderColor;
border-width:1px 0;
}
.post h3 {
margin:0;
line-height:1.5em;
background:url("http://www2.blogblog.com/rounders4/icon_arrow.gif") no-repeat 10px .5em;
display:block;
border:1px dotted $borderColor;
border-width:0 1px 1px;
padding-top:2px;
padding-$endSide:14px;
padding-bottom:2px;
padding-$startSide:29px;
color: $postTitleColor;
font: $postTitleFont;
}
.post h3 a, .post h3 a:visited {
text-decoration:none;
color: $postTitleColor;
}
.post h3 a:hover {
background-color: $borderColor;
color: $postTitleColor;
}
.post-body {
border:1px dotted $borderColor;
border-width:0 1px 1px;
border-bottom-color:$mainBgColor;
padding-top:10px;
padding-$endSide:14px;
padding-bottom:1px;
padding-$startSide:29px;
}
html>body .post-body {
border-bottom-width:0;
}
.post-body {
margin:0 0 .75em;
}
.post-body blockquote {
line-height:1.3em;
}
.post-footer {
background: #577;
margin:0;
padding-top:2px;
padding-$endSide:14px;
padding-bottom:2px;
padding-$startSide:29px;
border:1px dotted $borderColor;
border-width:1px;
font-size:100%;
line-height:1.5em;
color: #acb;
}
/*
The first line of the post footer might only have floated text, so we need to give it a height.
The height comes from the post-footer line-height
*/
.post-footer-line-1 {
min-height:1.5em;
_height:1.5em;
}

.post-footer p {
margin: 0;
}

html>body .post-footer {
border-bottom-color:transparent;
}

.uncustomized-post-template .post-footer {
text-align: $endSide;
}

.uncustomized-post-template .post-author,
.uncustomized-post-template .post-timestamp {
display: block;
float: $startSide;
text-align:$startSide;
margin-$endSide: 4px;
}

.post-footer a {
color: #fff;
}
.post-footer a:hover {
color: #eee;
}
a.comment-link {
/* IE5.0/Win doesn't apply padding to inline elements,
so we hide these two declarations from it */
background/* */:/**/url("http://www.blogblog.com/rounders4/icon_comment_$startSide.gif") no-repeat $startSide 45%;
padding-$startSide:14px;
}
html>body a.comment-link {
/* Respecified, for IE5/Mac's benefit */
background:url("http://www.blogblog.com/rounders4/icon_comment_$startSide.gif") no-repeat $startSide 45%;
padding-$startSide:14px;
}
.post img {
margin-top:0;
margin-$endSide:0;
margin-bottom:5px;
margin-$startSide:0;
padding:4px;
border:1px solid $borderColor;
}
blockquote {
margin:.75em 0;
border:1px dotted $borderColor;
border-width:1px 0;
padding:5px 15px;
color: $dateHeaderColor;
}
.post blockquote p {
margin:.5em 0;
}

#blog-pager-newer-link {
float: $startSide;
margin-$startSide: 13px;
}

#blog-pager-older-link {
float: $endSide;
margin-$endSide: 13px;
}

#blog-pager {
text-align: center;
}

.feed-links {
clear: both;
line-height: 2.5em;
margin-$startSide: 13px;
}

/* Comments
----------------------------------------------- */
#comments {
margin:-25px 13px 0;
border:1px dotted $borderColor;
border-width:0 1px 1px;
padding-top:20px;
padding-$endSide:0;
padding-bottom:15px;
padding-$startSide:0;
}
#comments h4 {
margin:0 0 10px;
padding-top:0;
padding-$endSide:14px;
padding-bottom:2px;
padding-$startSide:29px;
border-bottom:1px dotted $borderColor;
font-size:120%;
line-height:1.4em;
color:$postTitleColor;
}
#comments-block {
margin-top:0;
margin-$endSide:15px;
margin-bottom:0;
margin-$startSide:9px;
}
.comment-author {
background:url("http://www.blogblog.com/rounders4/icon_comment_$startSide.gif") no-repeat 2px .3em;
margin:.5em 0;
padding-top:0;
padding-$endSide:0;
padding-bottom:0;
padding-$startSide:20px;
font-weight:bold;
}
.comment-body {
margin:0 0 1.25em;
padding-top:0;
padding-$endSide:0;
padding-bottom:0;
padding-$startSide:20px;
}
.comment-body p {
margin:0 0 .5em;
}
.comment-footer {
margin:0 0 .5em;
padding-top:0;
padding-$endSide:0;
padding-bottom:.75em;
padding-$startSide:20px;
}
.comment-footer a:link {
color: #ced;
}
.deleted-comment {
font-style:italic;
color:gray;
}
.comment-form {
padding-$startSide:20px;
padding-$endSide:5px;
}
#comments .comment-form h4 {
padding-$startSide:0px;
}

/* Profile
----------------------------------------------- */
.profile-img {
float: $startSide;
margin-top: 5px;
margin-$endSide: 5px;
margin-bottom: 5px;
margin-$startSide: 0;
border: 4px solid $topSidebarTextColor;
}

.profile-datablock {
margin-top: 0;
margin-$endSide: 15px;
margin-bottom: .5em;
margin-$startSide: 0;
padding-top: 8px;
}

.profile-link {
background:url("http://www.blogblog.com/rounders4/icon_profile_$startSide.gif") no-repeat $startSide .1em;
padding-$startSide:15px;
font-weight:bold;
}

.profile-textblock {
clear: both;
margin: 0;
}

.sidebar .clear, .main .widget .clear {
clear: both;
}

#sidebartop-wrap {
background:$topSidebarBgColor url("http://www.blogblog.com/rounders4/corners_prof_bot.gif") no-repeat $startSide bottom;
margin:0px 0px 15px;
padding:0px 0px 10px;
color:$topSidebarTextColor;
}

#sidebartop-wrap2 {
background:url("http://www2.blogblog.com/rounders4/corners_prof_top.gif") no-repeat $startSide top;
padding: 10px 0 0;
margin:0;
border-width:0;
}

#sidebartop h2 {
line-height:1.5em;
color:$topSidebarHeaderColor;
border-bottom: 1px dotted $topSidebarHeaderColor;
font: $headerFont;
margin-bottom: 0.5em;
}

#sidebartop a {
color: $topSidebarLinkColor;
}

#sidebartop a:hover {
color: $topSidebarVisitedLinkColor;
}
#sidebartop a:visited {
color: $topSidebarVisitedLinkColor;
}
/* Sidebar Boxes
----------------------------------------------- */

.sidebar .widget {
margin:.5em 13px 1.25em;
padding:0 0px;
}

.widget-content {
margin-top: 0.5em;
}

#sidebarbottom-wrap1 {
background: $bottomSidebarBgColor url("http://www.blogblog.com/rounders4/corners_side_top.gif") no-repeat $startSide top;
margin:0 0 15px;
padding:10px 0 0;
color: $bottomSidebarTextColor;
}

#sidebarbottom-wrap2 {
background:url("http://www1.blogblog.com/rounders4/corners_side_bot.gif") no-repeat $startSide bottom;
padding:0 0 8px;
}

#sidebar {
background:url("http://www1.blogblog.com/rounders4/rails_side.gif") repeat-y;
}

#sidebar {
color: $bottomSidebarTextColor;
}

#sidebar h2 {
color: $bottomSidebarTextColor;
border-bottom: 1px dotted $bottomSidebarTextColor;
margin-bottom: 0.5em;
}

#sidebar a {
color: $bottomSidebarLinkColor;
}
#sidebar a:hover,
#sidebar a:visited {
color: $bottomSidebarVisitedLinkColor;
}

.sidebar h2 {
margin:0;
padding:0 0 .2em;
line-height:1.5em;
font:$headerFont;
}

.sidebar ul {
list-style:none;
margin:0 0 1.25em;
padding:0;
}

.sidebar ul li {
background:url("http://www2.blogblog.com/rounders4/icon_arrow_sm.gif") no-repeat 2px .25em;
margin:0;
padding-top:0;
padding-$endSide:0;
padding-bottom:3px;
padding-$startSide:16px;
margin-bottom:3px;
border-bottom:1px dotted $borderColor;
line-height:1.4em;
}
.sidebar p {
margin:0 0 .6em;
}

/* Footer
----------------------------------------------- */
#footer-wrap1 {
clear:both;
margin:0 0 10px;
padding:15px 0 0;
}
#footer-wrap2 {
background:#447766 url("http://www2.blogblog.com/rounders4/corners_cap_top.gif") no-repeat $startSide top;
color:$titleTextColor;
}
#footer {
background:url("http://www.blogblog.com/rounders4/corners_cap_bot.gif") no-repeat $startSide bottom;
padding:8px 15px;
}
#footer hr {display:none;}
#footer p {margin:0;}
#footer a {color:$titleTextColor;}
#footer .widget-content {
margin:0;
}

/** Page structure tweaks for layout editor wireframe */
body#layout #main-wrap1,
body#layout #sidebar-wrap,
body#layout #header-wrapper {
margin-top: 0;
}

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'>

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1'>
<b:widget id='Header1' locked='true' title='Welcome to &quot;Rina&apos;s Site-MP3&quot; (Header)' type='Header'/>
</b:section>
</div>

<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol'>
<b:widget id='HTML6' locked='false' title='' type='HTML'/>
<b:widget id='Text1' locked='false' title='http://rieyna168-mp3.blogspot.com/' type='Text'/>
<b:widget id='HTML13' locked='false' title='' type='HTML'/>
<b:widget id='HTML15' locked='false' title='' type='HTML'/>
</b:section>
</div>

<div id='main-wrap1'><div id='main-wrap2'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='HTML14' locked='false' title='' type='HTML'/>
<b:widget id='HTML3' locked='false' title='ChatBox' type='HTML'/>
<b:widget id='AdSense1' locked='false' title='' type='AdSense'/>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
</div></div>

<div id='sidebar-wrap'>

<div id='sidebartop-wrap'><div id='sidebartop-wrap2'>
<b:section class='sidebar' id='sidebartop'>
<b:widget id='HTML5' locked='false' title='' type='HTML'/>
<b:widget id='HTML2' locked='false' title='Anda Pelawat Ke' type='HTML'/>
<b:widget id='HTML18' locked='false' title='Untuk dapatkan UPDATE Terkini' type='HTML'/>
</b:section>
</div></div>

<div id='sidebarbottom-wrap1'><div id='sidebarbottom-wrap2'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML1' locked='false' title='Waktu Solat' type='HTML'/>
<b:widget id='LinkList1' locked='false' title='Rina Site - Add Me' type='LinkList'/>
<b:widget id='HTML16' locked='false' title='' type='HTML'/>
<b:widget id='Label1' locked='false' title='Artist' type='Label'/>
<b:widget id='AdSense3' locked='false' title='' type='AdSense'/>
<b:widget id='HTML7' locked='false' title='Recent Readers' type='HTML'/>
<b:widget id='Followers1' locked='false' title='Pengunjung Sejati' type='Followers'/>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>
<b:widget id='HTML12' locked='false' title='Chat di YM bersama saya' type='HTML'/>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
<b:widget id='HTML4' locked='false' title='Klik The Banner - Join Free' type='HTML'/>
<b:widget id='HTML11' locked='false' title='Channel List' type='HTML'/>
<b:widget id='HTML8' locked='false' title='' type='HTML'/>
<b:widget id='HTML9' locked='false' title='' type='HTML'/>
<b:widget id='HTML10' locked='false' title='FEEDJIT' type='HTML'/>
</b:section>
</div></div>

</div>

<div id='footer-wrap1'><div id='footer-wrap2'>
<b:section class='footer' id='footer'>
<b:widget id='HTML17' locked='false' title='Anda minat Berforum?Jom sertai kami!' type='HTML'/>
</b:section>
</div></div>

</div>
</body>
</html>

Share this post


Link to post
Share on other sites
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: Rounders 4
Date: 27 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */

/* Variable definitions
====================
<Variable name="mainBgColor" description="Main Background Color"
type="color" default="#466" value="#446666">
<Variable name="mainTextColor" description="Text Color" type="color"
default="#ced" value="#cceedd">
<Variable name="postTitleColor" description="Post Title Color" type="color"
default="#fff" value="#ffffff">
<Variable name="dateHeaderColor" description="Date Header Color"
type="color" default="#cf4" value="#ccff44">
<Variable name="borderColor" description="Post Border Color" type="color"
default="#bbb" value="#bbbbbb">


<Variable name="mainLinkColor" description="Link Color" type="color"
default="#fff" value="#ffffff">
<Variable name="mainVisitedLinkColor" description="Visited Link Color"
type="color" default="#fff" value="#ffffff">

<Variable name="titleTextColor" description="Blog Title Color"
type="color" default="#fff" value="#ffffff">

<Variable name="topSidebarHeaderColor"
description="Top Sidebar Title Color"
type="color" default="#fff" value="#ffffff">
<Variable name="topSidebarBgColor"
description="Top Sidebar Background Color"
type="color" default="#9b5" value="#99bb55">
<Variable name="topSidebarTextColor" description="Top Sidebar Text Color"
type="color" default="#fff" value="#ffffff">
<Variable name="topSidebarLinkColor" description="Top Sidebar Link Color"
type="color" default="#fff" value="#ffffff">
<Variable name="topSidebarVisitedLinkColor"
description="Top Sidebar Visited Link Color"
type="color" default="#eee" value="#eeeeee">

<Variable name="bottomSidebarBgColor"
description="Bottom Sidebar Background Color"
type="color" default="#fff" value="#ffffff">
<Variable name="bottomSidebarTextColor"
description="Bottom Sidebar Text Color"
type="color" default="#666" value="#666666">
<Variable name="bottomSidebarLinkColor"
description="Bottom Sidebar Link Color"
type="color" default="#475" value="#447755">
<Variable name="bottomSidebarVisitedLinkColor"
description="Bottom Sidebar Visited Link Color"
type="color" default="#798" value="#779988">

<Variable name="bodyFont" description="Text Font" type="font"
default="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif">
<Variable name="pageTitleFont" description="Blog Title Font" type="font"
default="normal bold 200% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal bold 200% 'Trebuchet MS',Verdana,Arial,Sans-serif">
<Variable name="descriptionFont" description="Description Font" type="font"
default="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif">
<Variable name="headerFont" description="Sidebar Title Font" type="font"
default="normal bold 100% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal bold 100% 'Trebuchet MS',Verdana,Arial,Sans-serif">
<Variable name="postTitleFont" description="Post Title Font" type="font"
default="normal bold 135% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal bold 135% 'Trebuchet MS',Verdana,Arial,Sans-serif">
<Variable name="startSide" description="Start side in blog language"
type="automatic" default="left" value="left">
<Variable name="endSide" description="End side in blog language"
type="automatic" default="right" value="right">
*/

body {
background:#bca;
margin:0;
text-align:center;
line-height: 1.5em;
font: x-small Trebuchet MS, Verdana, Arial, Sans-serif;
color:$mainTextColor;
font-size/* */:/**/small;
font-size: /**/small;
}


/* 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;
margin:0 auto;
text-align:left;
font: $bodyFont;
}
#main-wrap1 {
width:485px;
float:left;
background:$mainBgColor url("http://www1.blogblog.com/rounders4/corners_main_bot.gif") no-repeat $startSide bottom;
margin:15px 0 0;
padding:0 0 10px;
color:$mainTextColor;
font-size:97%;
line-height:1.5em;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#main-wrap2 {
float:$startSide;
width:100%;
background:url("http://www1.blogblog.com/rounders4/corners_main_top.gif") no-repeat $startSide top;
padding:10px 0 0;
}
#main {
background:url("http://www.blogblog.com/rounders4/rails_main.gif") repeat-y $startSide;
padding:0;
width:485px;
}
#sidebar-wrap {
width:220px;
float:right;
margin:15px 0 0;
font-size:97%;
line-height:1.5em;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#left-sidebar-wrapper {
width:220px;
float:left;
margin:15px 0 0;
font-size:97%;
line-height:1.5em;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
.main .widget {
margin-top: 0;
margin-$endSide: 13px;
margin-bottom: 4px;
margin-$startSide: 13px;
}

.main .Blog {
margin: 0;
}

/* Links
----------------------------------------------- */
a:link {
color: $mainLinkColor;
}
a:visited {
color: $mainVisitedLinkColor;
}
a:hover {
color: $mainVisitedLinkColor;
}
a img {
border-width:0;
}


/* Blog Header
----------------------------------------------- */
#header-wrapper {
background: #476 url("http://www2.blogblog.com/rounders4/corners_cap_top.gif") no-repeat $startSide top;
margin-top:22px;
margin-$endSide:0;
margin-bottom:0;
margin-$startSide:0;
padding-top:8px;
padding-$endSide:0;
padding-bottom:0;
padding-$startSide:0;
color:$titleTextColor;
}
#header {
background:url("http://www1.blogblog.com/rounders4/bg_hdr_bot.jpg") no-repeat $startSide bottom;
padding:0 15px 8px;
}
#header h1 {
margin:0;
padding:10px 30px 5px;
line-height:1.2em;
font: $pageTitleFont;
}
#header a,
#header a:visited {
text-decoration:none;
color: $titleTextColor;
}
#header .description {
margin:0;
padding:5px 30px 10px;
line-height:1.5em;
font: $descriptionFont;
}

/* Posts
----------------------------------------------- */
h2.date-header {
margin-top:0;
margin-$endSide:28px;
margin-bottom:0;
margin-$startSide:43px;
font-size:85%;
line-height:2em;
text-transform:uppercase;
letter-spacing:.2em;
color:$dateHeaderColor;
}
.post {
margin:.3em 0 25px;
padding:0 13px;
border:1px dotted $borderColor;
border-width:1px 0;
}
.post h3 {
margin:0;
line-height:1.5em;
background:url("http://www2.blogblog.com/rounders4/icon_arrow.gif") no-repeat 10px .5em;
display:block;
border:1px dotted $borderColor;
border-width:0 1px 1px;
padding-top:2px;
padding-$endSide:14px;
padding-bottom:2px;
padding-$startSide:29px;
color: $postTitleColor;
font: $postTitleFont;
}
.post h3 a, .post h3 a:visited {
text-decoration:none;
color: $postTitleColor;
}
.post h3 a:hover {
background-color: $borderColor;
color: $postTitleColor;
}
.post-body {
border:1px dotted $borderColor;
border-width:0 1px 1px;
border-bottom-color:$mainBgColor;
padding-top:10px;
padding-$endSide:14px;
padding-bottom:1px;
padding-$startSide:29px;
}
html>body .post-body {
border-bottom-width:0;
}
.post-body {
margin:0 0 .75em;
}
.post-body blockquote {
line-height:1.3em;
}
.post-footer {
background: #577;
margin:0;
padding-top:2px;
padding-$endSide:14px;
padding-bottom:2px;
padding-$startSide:29px;
border:1px dotted $borderColor;
border-width:1px;
font-size:100%;
line-height:1.5em;
color: #acb;
}
/*
The first line of the post footer might only have floated text, so we need to give it a height.
The height comes from the post-footer line-height
*/
.post-footer-line-1 {
min-height:1.5em;
_height:1.5em;
}

.post-footer p {
margin: 0;
}

html>body .post-footer {
border-bottom-color:transparent;
}

.uncustomized-post-template .post-footer {
text-align: $endSide;
}

.uncustomized-post-template .post-author,
.uncustomized-post-template .post-timestamp {
display: block;
float: $startSide;
text-align:$startSide;
margin-$endSide: 4px;
}

.post-footer a {
color: #fff;
}
.post-footer a:hover {
color: #eee;
}
a.comment-link {
/* IE5.0/Win doesn't apply padding to inline elements,
so we hide these two declarations from it */
background/* */:/**/url("http://www.blogblog.com/rounders4/icon_comment_$startSide.gif") no-repeat $startSide 45%;
padding-$startSide:14px;
}
html>body a.comment-link {
/* Respecified, for IE5/Mac's benefit */
background:url("http://www.blogblog.com/rounders4/icon_comment_$startSide.gif") no-repeat $startSide 45%;
padding-$startSide:14px;
}
.post img {
margin-top:0;
margin-$endSide:0;
margin-bottom:5px;
margin-$startSide:0;
padding:4px;
border:1px solid $borderColor;
}
blockquote {
margin:.75em 0;
border:1px dotted $borderColor;
border-width:1px 0;
padding:5px 15px;
color: $dateHeaderColor;
}
.post blockquote p {
margin:.5em 0;
}

#blog-pager-newer-link {
float: $startSide;
margin-$startSide: 13px;
}

#blog-pager-older-link {
float: $endSide;
margin-$endSide: 13px;
}

#blog-pager {
text-align: center;
}

.feed-links {
clear: both;
line-height: 2.5em;
margin-$startSide: 13px;
}

/* Comments
----------------------------------------------- */
#comments {
margin:-25px 13px 0;
border:1px dotted $borderColor;
border-width:0 1px 1px;
padding-top:20px;
padding-$endSide:0;
padding-bottom:15px;
padding-$startSide:0;
}
#comments h4 {
margin:0 0 10px;
padding-top:0;
padding-$endSide:14px;
padding-bottom:2px;
padding-$startSide:29px;
border-bottom:1px dotted $borderColor;
font-size:120%;
line-height:1.4em;
color:$postTitleColor;
}
#comments-block {
margin-top:0;
margin-$endSide:15px;
margin-bottom:0;
margin-$startSide:9px;
}
.comment-author {
background:url("http://www.blogblog.com/rounders4/icon_comment_$startSide.gif") no-repeat 2px .3em;
margin:.5em 0;
padding-top:0;
padding-$endSide:0;
padding-bottom:0;
padding-$startSide:20px;
font-weight:bold;
}
.comment-body {
margin:0 0 1.25em;
padding-top:0;
padding-$endSide:0;
padding-bottom:0;
padding-$startSide:20px;
}
.comment-body p {
margin:0 0 .5em;
}
.comment-footer {
margin:0 0 .5em;
padding-top:0;
padding-$endSide:0;
padding-bottom:.75em;
padding-$startSide:20px;
}
.comment-footer a:link {
color: #ced;
}
.deleted-comment {
font-style:italic;
color:gray;
}
.comment-form {
padding-$startSide:20px;
padding-$endSide:5px;
}
#comments .comment-form h4 {
padding-$startSide:0px;
}

/* Profile
----------------------------------------------- */
.profile-img {
float: $startSide;
margin-top: 5px;
margin-$endSide: 5px;
margin-bottom: 5px;
margin-$startSide: 0;
border: 4px solid $topSidebarTextColor;
}

.profile-datablock {
margin-top: 0;
margin-$endSide: 15px;
margin-bottom: .5em;
margin-$startSide: 0;
padding-top: 8px;
}

.profile-link {
background:url("http://www.blogblog.com/rounders4/icon_profile_$startSide.gif") no-repeat $startSide .1em;
padding-$startSide:15px;
font-weight:bold;
}

.profile-textblock {
clear: both;
margin: 0;
}

.sidebar .clear, .main .widget .clear {
clear: both;
}

#sidebartop-wrap {
background:$topSidebarBgColor url("http://www.blogblog.com/rounders4/corners_prof_bot.gif") no-repeat $startSide bottom;
margin:0px 0px 15px;
padding:0px 0px 10px;
color:$topSidebarTextColor;
}

#sidebartop-wrap2 {
background:url("http://www2.blogblog.com/rounders4/corners_prof_top.gif") no-repeat $startSide top;
padding: 10px 0 0;
margin:0;
border-width:0;
}

#sidebartop h2 {
line-height:1.5em;
color:$topSidebarHeaderColor;
border-bottom: 1px dotted $topSidebarHeaderColor;
font: $headerFont;
margin-bottom: 0.5em;
}

#sidebartop a {
color: $topSidebarLinkColor;
}

#sidebartop a:hover {
color: $topSidebarVisitedLinkColor;
}
#sidebartop a:visited {
color: $topSidebarVisitedLinkColor;
}
/* Sidebar Boxes
----------------------------------------------- */

.sidebar .widget {
margin:.5em 13px 1.25em;
padding:0 0px;
}

.widget-content {
margin-top: 0.5em;
}

#sidebarbottom-wrap1 {
background: $bottomSidebarBgColor url("http://www.blogblog.com/rounders4/corners_side_top.gif") no-repeat $startSide top;
margin:0 0 15px;
padding:10px 0 0;
color: $bottomSidebarTextColor;
}

#sidebarbottom-wrap2 {
background:url("http://www1.blogblog.com/rounders4/corners_side_bot.gif") no-repeat $startSide bottom;
padding:0 0 8px;
}

#sidebar {
background:url("http://www1.blogblog.com/rounders4/rails_side.gif") repeat-y;
}

#sidebar {
color: $bottomSidebarTextColor;
}

#sidebar h2 {
color: $bottomSidebarTextColor;
border-bottom: 1px dotted $bottomSidebarTextColor;
margin-bottom: 0.5em;
}

#sidebar a {
color: $bottomSidebarLinkColor;
}
#sidebar a:hover,
#sidebar a:visited {
color: $bottomSidebarVisitedLinkColor;
}

.sidebar h2 {
margin:0;
padding:0 0 .2em;
line-height:1.5em;
font:$headerFont;
}

.sidebar ul {
list-style:none;
margin:0 0 1.25em;
padding:0;
}

.sidebar ul li {
background:url("http://www2.blogblog.com/rounders4/icon_arrow_sm.gif") no-repeat 2px .25em;
margin:0;
padding-top:0;
padding-$endSide:0;
padding-bottom:3px;
padding-$startSide:16px;
margin-bottom:3px;
border-bottom:1px dotted $borderColor;
line-height:1.4em;
}
.sidebar p {
margin:0 0 .6em;
}

/* Footer
----------------------------------------------- */
#footer-wrap1 {
clear:both;
margin:0 0 10px;
padding:15px 0 0;
}
#footer-wrap2 {
background:#447766 url("http://www2.blogblog.com/rounders4/corners_cap_top.gif") no-repeat $startSide top;
color:$titleTextColor;
}
#footer {
background:url("http://www.blogblog.com/rounders4/corners_cap_bot.gif") no-repeat $startSide bottom;
padding:8px 15px;
}
#footer hr {display:none;}
#footer p {margin:0;}
#footer a {color:$titleTextColor;}
#footer .widget-content {
margin:0;
}

/** Page structure tweaks for layout editor wireframe */
body#layout #main-wrap1,
body#layout #sidebar-wrap,
body#layout #header-wrapper {
margin-top: 0;
}

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'>

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1'>
<b:widget id='Header1' locked='true' title='Welcome to &quot;Rina&apos;s Site-MP3&quot; (Header)' type='Header'/>
</b:section>
</div>

<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol'>
<b:widget id='HTML6' locked='false' title='' type='HTML'/>
<b:widget id='Text1' locked='false' title='http://rieyna168-mp3.blogspot.com/' type='Text'/>
<b:widget id='HTML13' locked='false' title='' type='HTML'/>
<b:widget id='HTML15' locked='false' title='' type='HTML'/>
</b:section>
</div>
<div id ='left-sidebar-wrapper'> <b:section class='sidebar' id='left-sidebar' preferred='yes'/></div>

<div id='main-wrap1'><div id='main-wrap2'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='HTML14' locked='false' title='' type='HTML'/>
<b:widget id='HTML3' locked='false' title='ChatBox' type='HTML'/>
<b:widget id='AdSense1' locked='false' title='' type='AdSense'/>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
</div></div>

<div id='sidebar-wrap'>

<div id='sidebartop-wrap'><div id='sidebartop-wrap2'>
<b:section class='sidebar' id='sidebartop'>
<b:widget id='HTML5' locked='false' title='' type='HTML'/>
<b:widget id='HTML2' locked='false' title='Anda Pelawat Ke' type='HTML'/>
<b:widget id='HTML18' locked='false' title='Untuk dapatkan UPDATE Terkini' type='HTML'/>
</b:section>
</div></div>

<div id='sidebarbottom-wrap1'><div id='sidebarbottom-wrap2'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML1' locked='false' title='Waktu Solat' type='HTML'/>
<b:widget id='LinkList1' locked='false' title='Rina Site - Add Me' type='LinkList'/>
<b:widget id='HTML16' locked='false' title='' type='HTML'/>
<b:widget id='Label1' locked='false' title='Artist' type='Label'/>
<b:widget id='AdSense3' locked='false' title='' type='AdSense'/>
<b:widget id='HTML7' locked='false' title='Recent Readers' type='HTML'/>
<b:widget id='Followers1' locked='false' title='Pengunjung Sejati' type='Followers'/>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>
<b:widget id='HTML12' locked='false' title='Chat di YM bersama saya' type='HTML'/>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
<b:widget id='HTML4' locked='false' title='Klik The Banner - Join Free' type='HTML'/>
<b:widget id='HTML11' locked='false' title='Channel List' type='HTML'/>
<b:widget id='HTML8' locked='false' title='' type='HTML'/>
<b:widget id='HTML9' locked='false' title='' type='HTML'/>
<b:widget id='HTML10' locked='false' title='FEEDJIT' type='HTML'/>
</b:section>
</div></div>

</div>

<div id='footer-wrap1'><div id='footer-wrap2'>
<b:section class='footer' id='footer'>
<b:widget id='HTML17' locked='false' title='Anda minat Berforum?Jom sertai kami!' type='HTML'/>
</b:section>
</div></div>

</div>
</body>
</html>



Yang kat tulisan merah tu yang perlu di tukau..tu pakcik dah tukau la tu..hehehe..kalau tak mujarab sila tanye lagi ye..susah2 sangat pas je blog ko kat pakcik..5minit kemudian ko amek balik..gerenti 3 kolum! hehehe..cr pakcik kat http://jiwangpc.blogspot.com okiesss? terima kasih bnyk!

Share this post


Link to post
Share on other sites
rina dah copy paste html tu dlm rinanye blog...
xdapatlah pak ultimate..bila rina view, jadi 1 kolum je.

ermmm, camne nak pas blog kat pak ultimate ni? kena bagi id ngan password sekali tu..ermmm,keberatan rasanya.

Adeh!..xda saper ke yg leh tolong ejas html tu? rina berharap sgt ni..

Share this post


Link to post
Share on other sites
setakat tu je yg pakcik leh tlg...klu rina nak tau templets blog rina ngan pakcik pnye same tau..pakcik ejas 3 kolum ok je pn..tp pakcik x buat la skg..dlu pakcik ade gak buat tp pakcik x suke..so terpulang la pada rina ye.
pakcik cume nk tlg je n xpaksa.tq.setakat ni je ye..harap2 ade yg leh tlg rina okiess?jgn risau..msti ade pnye..

http://jiwangpc.blogspot.com

Share this post


Link to post
Share on other sites
Kalau takda saper yg nak tolong, jalan terakhir..rina terpaksa gak guna html yg dah sedia ada 3 kolum. yg tu payah nak guna sbb kena salin benda2 yg rina dah create kat blog tu satu2..

it ok pak ultimate, dah byk dah ajar rina.. nak tanya ni, blogwalking tu per?

Share this post


Link to post
Share on other sites
ok la..pakcik xpuas ati lg ni rina coz pakcik dh ajau ramai tau pasal blog ni n pasal 3 kolum ni..n smuanye menjadi tp rina wat x menjadi lak..so meh pakcik ajau pakai pic lak..jom kita mulakn..hehehe



ok yg kat anak panah merah tu mmg wajib ye,mula2 kasi tick EXPAND WIDGET TEMPLATES




kat anak panah tu kasi tukau RIGHT tau,then yg dlm kurungan merah tu copy n paste seperti dlm pic tu..amek kat bw ni je..hehehe..

#left-sidebar-wrapper {
width: 220px;
float: left;
word-wrap: break-word;
}








then cr coding ni <div id = 'main-wrapper'> lepas tu yg dlm kurungan merah tu amek kat bwh ni

<div id ='left-sidebar-wrapper'> <b:section class='sidebar' id='left-sidebar' preferred='yes'/></div>

copy kemudian paste kat atas coding ni <div id = 'main-wrapper'> bukan kat bwh ye..yg dlm pic tu kat bwh coding <div id = 'main-wrapper'> ni kn? pakcik silap tu..sebenarnye paste kat atas okiess? manyak soli aaa..pakcik nantok daa..hehehe..lepas dh siap smua kasi SAVE pastu VIEW BLOGdh msuk blog klik kat CUSTOMIZE kemudian pic yg kat bw ni akan muncul!

[img][/img]



ok siap! nmpk x anak panah hijau tu?tu kolum yg pertama..anak panah kuning yg kedua n yg merah tu pastinye yg ketiga la kn?hehehe..adess nantok lak..sekarang cube alihkn 1 gadget tu kesebelah..pastu save then cube try test tgk..mujarab x??? tp rina kena ikut gak ukuran2 yg ceera bg tu okies?klu x takut x menjadi lak coz ade yg besau ade yg kecik..selamat mencuba..xmenjadi kalu cr pakcik semula! blogwalking tu ialah merayap dari satu blog ke satu blog yang lain..tujuan? nk cri2 kawan2 ka..pastu paksa diaorg klik iklan kat blog kita..err..jgn lupa klik iklan pakcik tau..hehehe!


Inginkan TIPS AND TRICK komputer?ade kat http://jiwangpc.blogspot.com tq.

Share this post


Link to post
Share on other sites
Rina dah cuba dah cara yg pak ultimate bg tu, tapi... ::icon_sad:: ,naper xberjaya gak ek? apa masalah kat sini..rina xfaham. siap rina cuba byk kali.. Cara yg diajar tu mmg dah cukup jelas, nape xjadi gak..

ni yg rina wat n hasilnya:






Tak jadi 3 kolum pun...rina terpaksa buang n save yg asal balik...huhuhu..

Share this post


Link to post
Share on other sites
Rina kena besarkan lagi outer-wrapper, Header dan Footer untuk letakkan Sidebar-Right tu ke tempat asal .. sekarang ni dah squeezed down ke blog post .. ultimate, ko kasi guide sampai complete la ..

Share this post


Link to post
Share on other sites
Main-wrapper=485px
Right-sidebar=220px
Left-sidebar=220px

maka jika dicampur semuanya jadi = 925px

Outer-wrapper yang ada sekarang cuma = 880px

Jadi Rina kena ubah dimensi Outer-wrapper tu sekurang-kurangnya = 925px

Jika masih sidebar berada dibawah blog post, Rina naikkan beberapa pixel
lagi mengikut kesesuaian kerana +- padding, margin dan border pixel.

Share this post


Link to post
Share on other sites
sobsob... xfaham langsung camne nak tukar tu..
Rina mengaku, bab ni mmg rina xtahu menahu. leh tak tlg editkan utk rina? rina ada post html yg rina gunakan tu kat atas ni.. just edit bhgn yg nak tambah jadi 3 kolum tu je..

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...