//Mr. Ariff Nizamuddin Vs Mrs. Amira Najwa
The Intro
Entries About Linkies Stuff



Hi, Assalamualaikum. Saya sayang "gulahati" saya, saya perlukan "gulahati" saya, walaupun kekadang buat perangai jugak. mihmihmih :love:


My Tagboard
  • URL blog only
  • Click Go once only
  • Don't ever you want to SPAM
    • )!-- BEGIN CBOX - www.cbox.ws - v001 -->


    Credits!
    Template: Us Us
    Inspired By: arezayreen
    Basecode By: Mrs.Ayreen Mrs.Ayreen
    Others: ♥ ♥ ♥

    Older Post | Newer Post
    Tutorial 41 : Tukar Blog Archive kepada Calendar
    Saturday, December 10, 2011 • Permalink • Add comment {0}
    Sebelum itu aku bagi pengenalan untuk tutorial ini. Blog archive bentuk calender sebenarnya sama juga dengan blog archive biasa tapi dia lebih compact dan mudah di lihat. Contohnya, kalau reader click mana-mana tarikh kat calender itu..maka entry yang di tulis pada tarikh tersebut akan keluar. Reader pun senang nak cari sebab tarikh-tarikh yang kita tulis entry tersebut akan di bold kan...

    Cara nak buatnya senang sahaja :

    1. Sign in blogger > Design > Add Gadget > Html/JavaScript

    2. Copy code di bawah dan paste ke dalam Html/Java Script


    <center><div id="blogCalendar"></div>
    <script type="text/javascript" src="http://lvchen-recentcomments.googlecode.com/svn/trunk/Calendar/1.0/calendar_pack.js"></script>
    <script type="text/javascript">
    Calendar.base="arezayreen.blogspot.com";
    Calendar.timeZone="+08:00";
    Calendar.timeZoneCheck = true;
    Calendar.drawTable();
    </script>
    <style>
    #blogCalendar {
    display:block;
    text-algin:center;
    border:3px solid #F6358A;
    width:90%;
    background: #ffffff;
    }

    #CalendarCaption a {
    text-decoration:none;
    }

    #CalendarCaption {
    border-bottom: 2px solid #F6358A;
    width:85%;
    margin:auto;
    }

    #CalendarTable a {
    font-weight:bold;
    color: #F6358A;
    }

    .Today {
    background: #F6358A;
    font-weight:bold;
    text-decoration:none;
    }

    #CalendarFooter {
    font-weight:bold;
    margin-top:5px;
    margin-bottom:5px;
    background: #FFC0CB;
    }

    .yearInput {
    color: #000000;
    background: #F6358A;
    }

    .monthTable {
    color: #000000;
    background: #F6358A;
    }
    </style></center>

    3. Gantikan arezayreen.blogspot.com dengan link blog korang. Ingat jangan letak link macam ni http://arezayreen.blogspot.com/ tapi letak macam ni ye arezayreen.blogspot.com

    # nanti tak menjadi
    #warna font purple tu warna untuk background dan border..


    4. Save dan lihat hasilnya.

    Labels:


    Written by me @ Saturday, December 10, 2011 | ♥ 0 add comment(s)