Forum Sementara Putera.com

Bersama kita perkemaskan forum ini sementara forum asal dalam pemulihan.

Forum putera dah kembali. Masalah sudah berjaya diselesaikan. Sila lawati http://forum.putera.com/tanya


    Ajar wat blog plz...

    Share

    OngBok
    Moderators
    Moderators

    Gender : Male Number of posts : 729
    Location : Dungun Terengganu
    Job/hobbies : Pesara JKR
    Registration date : 18/02/2009

    Re: Ajar wat blog plz...

    Post by OngBok on Tue Dec 15, 2009 12:22 am

    Post rina terpaksa dipadamkan kerana rina buat double/tripple post berturut2
    Sila guna butang Edit untuk tambah mesej.
    Harap maklum.Thanks.


    --------------------------------------------
    =====================================================
    http://www.photoshopessentials.com/
    http://www.megaleech.eu/index.php
    https://connectnow.acrobat.com/oxxxo2009

    ultimate
    Ahli Baharu
    Ahli Baharu

    Gender : Male Number of posts : 104
    Location : Damansara
    Registration date : 14/02/2009

    Re: Ajar wat blog plz...

    Post by ultimate on Tue Dec 15, 2009 5:21 pm

    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

    ultimate
    Ahli Baharu
    Ahli Baharu

    Gender : Male Number of posts : 104
    Location : Damansara
    Registration date : 14/02/2009

    Re: Ajar wat blog plz...

    Post by ultimate on Tue Dec 15, 2009 5:23 pm

    ni link blog ceeramoon..........

    http://c33ram00n.blogspot.com/

    ultimate
    Ahli Baharu
    Ahli Baharu

    Gender : Male Number of posts : 104
    Location : Damansara
    Registration date : 14/02/2009

    Re: Ajar wat blog plz...

    Post by ultimate on Tue Dec 15, 2009 5:30 pm

    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/

    ryna168
    Ahli Baharu
    Ahli Baharu

    Gender : Female Number of posts : 346
    Age : 34
    Registration date : 03/03/2009

    Re: Ajar wat blog plz...

    Post by ryna168 on Tue Dec 15, 2009 5:35 pm

    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. Very Happy
    apapun,nice sharing.. tq.

    ultimate
    Ahli Baharu
    Ahli Baharu

    Gender : Male Number of posts : 104
    Location : Damansara
    Registration date : 14/02/2009

    Re: Ajar wat blog plz...

    Post by ultimate on Tue Dec 15, 2009 5:41 pm

    hehehe..murke ke?jgn la murke..kesilapan x dpt d elakn..dh jmpa bgs la..pasni pandai la tu.okieess?tq gak.

    ryna168
    Ahli Baharu
    Ahli Baharu

    Gender : Female Number of posts : 346
    Age : 34
    Registration date : 03/03/2009

    Re: Ajar wat blog plz...

    Post by ryna168 on Tue Dec 15, 2009 6:15 pm

    uit!...byk org klik ke blog ultimate tu sampai leh dpt wit? iklan tu, mmg dorang simpan dlm blog kita ke or kita leh pilih iklan mana yg kita nak?

    ryna168
    Ahli Baharu
    Ahli Baharu

    Gender : Female Number of posts : 346
    Age : 34
    Registration date : 03/03/2009

    Re: Ajar wat blog plz...

    Post by ryna168 on Tue Dec 15, 2009 7:00 pm

    pening sey.....dari tadi rina nak tukar 2 blog rina ni jadi 3 colum, sampai skrg xleh gak.mcm2 cara rina wat ikut step yg diajar dlm blog tu -> http://c33ram00n.blogspot.com/2008/09/tutorial-3-column.html

    ada sesapa leh ajar rina cara yg paling mudah tak mengikut cara tu?

    ultimate
    Ahli Baharu
    Ahli Baharu

    Gender : Male Number of posts : 104
    Location : Damansara
    Registration date : 14/02/2009

    Re: Ajar wat blog plz...

    Post by ultimate on Wed Dec 16, 2009 12:22 pm

    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?

    ultimate
    Ahli Baharu
    Ahli Baharu

    Gender : Male Number of posts : 104
    Location : Damansara
    Registration date : 14/02/2009

    Re: Ajar wat blog plz...

    Post by ultimate on Wed Dec 16, 2009 12:29 pm

    cik rina,pakcik br tgk blog ko td..tu dh 3kolum la..ok la tu..pakcik siap klik iklan ko lg..nk suruh org klik iklan lak ko kna wat BLOGWALKING..tq.

    ryna168
    Ahli Baharu
    Ahli Baharu

    Gender : Female Number of posts : 346
    Age : 34
    Registration date : 03/03/2009

    Re: Ajar wat blog plz...

    Post by ryna168 on Wed Dec 16, 2009 8:44 pm

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

    akuccputsedut
    Moderators
    Moderators

    Gender : Female Number of posts : 1268
    Age : 32
    Location : Bayan Baru Penang
    Job/hobbies : Programmer Analyst (oracle form,report,database,,jsp)
    Registration date : 10/06/2009

    Re: Ajar wat blog plz...

    Post by akuccputsedut on Thu Dec 17, 2009 10:18 am

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


    --------------------------------------------
    blog aku : http://qhaseeh.blogspot.com
    Nak Beli Perfumes : http://myperfumes.via.my
    Nak senang topup : http://businesprepaid.via.my
    Nak makan sambil jana duit : http://islandredcafe.via.my

    Download E-Book Percuma : http://rajakamil.via.my

    Download 20 E-Book Percuma : http://20produkPercuma.via.my

    ultimate
    Ahli Baharu
    Ahli Baharu

    Gender : Male Number of posts : 104
    Location : Damansara
    Registration date : 14/02/2009

    Re: Ajar wat blog plz...

    Post by ultimate on Thu Dec 17, 2009 1:08 pm

    errr rina...klu ssh2 sgt meh pakcik tlg buatkan 3kolum..xsmpai sejam tu..sbb klu kat blog ceera pn rina ssh nk ikut step tu bek pakcik tlg rina terus kn?hehehe..btl kata cik moderator akuccputsedut tu..kna paham n blajau simple html aaaa..hehehe..

    http://jiwangpc.blogspot.com/

    ryna168
    Ahli Baharu
    Ahli Baharu

    Gender : Female Number of posts : 346
    Age : 34
    Registration date : 03/03/2009

    Re: Ajar wat blog plz...

    Post by ryna168 on Fri Dec 18, 2009 10:53 am

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

    ryna168
    Ahli Baharu
    Ahli Baharu

    Gender : Female Number of posts : 346
    Age : 34
    Registration date : 03/03/2009

    Re: Ajar wat blog plz...

    Post by ryna168 on Fri Dec 18, 2009 10:59 am

    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>

    ultimate
    Ahli Baharu
    Ahli Baharu

    Gender : Male Number of posts : 104
    Location : Damansara
    Registration date : 14/02/2009

    Re: Ajar wat blog plz...

    Post by ultimate on Fri Dec 18, 2009 6:38 pm

    <?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!

    ryna168
    Ahli Baharu
    Ahli Baharu

    Gender : Female Number of posts : 346
    Age : 34
    Registration date : 03/03/2009

    Re: Ajar wat blog plz...

    Post by ryna168 on Fri Dec 18, 2009 10:25 pm

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

    ultimate
    Ahli Baharu
    Ahli Baharu

    Gender : Male Number of posts : 104
    Location : Damansara
    Registration date : 14/02/2009

    Re: Ajar wat blog plz...

    Post by ultimate on Sat Dec 19, 2009 12:45 am

    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

    ryna168
    Ahli Baharu
    Ahli Baharu

    Gender : Female Number of posts : 346
    Age : 34
    Registration date : 03/03/2009

    Re: Ajar wat blog plz...

    Post by ryna168 on Sat Dec 19, 2009 12:56 am

    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?

    ryna168
    Ahli Baharu
    Ahli Baharu

    Gender : Female Number of posts : 346
    Age : 34
    Registration date : 03/03/2009

    Re: Ajar wat blog plz...

    Post by ryna168 on Sat Dec 19, 2009 3:16 pm

    Rina dah cuba dah cara yg pak ultimate bg tu, tapi... 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..

    e_sentinel
    Ahli Baharu
    Ahli Baharu

    Number of posts : 479
    Registration date : 02/03/2009

    Re: Ajar wat blog plz...

    Post by e_sentinel on Sat Dec 19, 2009 9:09 pm

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

    ryna168
    Ahli Baharu
    Ahli Baharu

    Gender : Female Number of posts : 346
    Age : 34
    Registration date : 03/03/2009

    Re: Ajar wat blog plz...

    Post by ryna168 on Sat Dec 19, 2009 9:18 pm

    tak fahamlah bro e_sentinel...Nak besarkan camne tu?

    e_sentinel
    Ahli Baharu
    Ahli Baharu

    Number of posts : 479
    Registration date : 02/03/2009

    Re: Ajar wat blog plz...

    Post by e_sentinel on Sat Dec 19, 2009 9:28 pm

    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.

    ryna168
    Ahli Baharu
    Ahli Baharu

    Gender : Female Number of posts : 346
    Age : 34
    Registration date : 03/03/2009

    Re: Ajar wat blog plz...

    Post by ryna168 on Sat Dec 19, 2009 9:34 pm

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

    e_sentinel
    Ahli Baharu
    Ahli Baharu

    Number of posts : 479
    Registration date : 02/03/2009

    Re: Ajar wat blog plz...

    Post by e_sentinel on Sat Dec 19, 2009 9:41 pm

    /* 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;
    }

    Sponsored content

    Re: Ajar wat blog plz...

    Post by Sponsored content Today at 6:04 am


      Current date/time is Fri Dec 09, 2016 6:04 am