Tutorial : Navigation version 3

Friday, December 20, 2013





No re-post or re-tuto





Hee , ada yang request tuto nih kan ,  so saya akan share kat korang okayy :)
  1. Pergi ke Dashboard > Layout > add HTML java script
  2. copy code bawah nih and paste dalam HTML java script tuh tau 

<style>
#menu {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 900px;
  height: 100px;
  background: url(http://i.imgur.com/416UJrZ.png) no-repeat;
  position: relative;
left: 356px;}
#menu span {
  display: none;
  position: absolute;
}
#menu a {
  display: block;
  text-indent: -900%;
  position: absolute;
  outline: none;
}
#menu a:hover {
  background-position: left bottom;
}
#menu a:hover span {
  display: block;
}
#menu .home {
  width: 90px;
  height: 51px;
  background: url(http://i.imgur.com/KGzftyW.png) no-repeat;
  left: 96px;
  top: 17px;
}
#menu .home span {
  width: 90x;
  height: 51px;
  background: url(http://i.imgur.com/pe34usM.png) no-repeat;
  left: -8px;
  top: -5px;
}
#menu .home2 {
  width: 90px;
  height: 51px;
  background: url(http://i.imgur.com/C8XyMXg.png) no-repeat;
  left: 606px;
  top: 17px;
}
#menu .home2 span {
  width: 90px;
  height: 51px;
  background: url(http://i.imgur.com/xCdx18X.png) no-repeat;
  left: 8px;
  top: -6px;
}
#menu .about {
  width: 90px;
  height: 51px;
  background: url(http://i.imgur.com/3Cq0LhQ.png) no-repeat;
  left: 188px;
  top: 17px;
}
#menu .about span {
  width: 90px;
  height: 51px;
  background: url(http://i.imgur.com/qoCtJS9.png) no-repeat;
  left: 2px;
  top: 2px;
}
#menu .about2 {
  width: 90px;
  height: 51px;
  background: url(http://i.imgur.com/e9mp2QY.png) no-repeat;
  left: 508px;
  top: 17px;
}
#menu .about2 span {
  width: 90px;
  height: 51px;
  background: url(http://i.imgur.com/sviX1Wk.png) no-repeat;
  left: 2px;
  top: 2px;
}
#menu .rss {
  width: 90px;
  height: 51px;
  background: url(http://i.imgur.com/q84YwyX.png) no-repeat;
  left: 288px;
  top: 17px;
}
#menu .rss span {
  width: 90px;
  height: 51px;
  background: url(http://i.imgur.com/NaZNaHT.png) no-repeat;
  left: 16px;
  top: -1px;
}
#menu .rss2 {
  width: 90px;
  height: 51px;
  background: url(http://i.imgur.com/T6gFai1.png) no-repeat;
  left: 398px;
  top: 17px;
}
#menu .rss2 span {
  width: 90px;
  height: 51px;
  background: url(http://i.imgur.com/zcSlzh2.png) no-repeat;
  left: 26px;
  top: -6px;
}
</style>
<ul id="menu">
  <li><a href="YOUR LINK" class="home">Home <span></span></a></li>
  <li><a href="YOUR LINK" class="about">About <span></span></a></li>
  <li><a href="YOUR LINK" class="rss">Service <span></span></a></li>
  <li><a href="YOUR LINK" class="rss2">Xchange <span></span></a></li>
<li><a href="YOUR LINK" class="about2">Tutobies <span></span></a></li>
<li><a href="YOUR LINK" class="home2">Shopping <span></span></a></li>
</ul>

Dah siap ? Bagus ^_^ Sekarang anda leh guna lah . hehehe



Nota kaki bukan tangan:


Highlight kaler biru tuh ialah size blog anda kay . kena edit . sebab size tak sama . Jadi kalau tak center paham2 lah ek nak tukar yang mana :)

Freebies : Border keliling blog

Thursday, November 14, 2013


Weee. Bila tahap keboringan meninggi . Hee . So arinih saya nak share border yang saya guna in my blog NOW. 

Tutorial : Dropdown Menu

Tuesday, November 05, 2013






Alhamdulillah selamat sampai ke hostel sebentar tadi . Abg teksi I handsome u . Umo pon baru 25 . Muda kan ? Hehehe. 

Dah dah . Itu masuk mood menggedik . Tak baik Takbaik . Hehe . Okay siyes time okay.

Ada yang request dengan Cikk Mira aka sy tentang tuto . Tuto navigation bar bergabung dengan widget search . Yang nih siap ada dropdown lagi tau :P


sila tekan untuk ianya membesar yekkk ^^v


So let's proceed \(^_^)/

Steps
  1. Pegi ke Dashboard > Template > Edit template
  2. search code nih ]]>
  3. Dah jumpa ? Then copy code bawah nih ek


  4. #menujohanes{

    width: 898px;

    margin: auto;

    background: #fff;

    height: 50px;

    -moz-transition: all 0.3s ease-in-out;

    -webkit-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

    text-transform: uppercase;

    position: relative;

    border-left: 5px solid #FCD4DC;

    border-right: 5px solid #FCD4DC;

    border-bottom: 1px solid #ddd;

    border-top: 1px solid #ccc;}

    #menujohanes ul{

    list-style-type: none;

    z-index: 9;

    width: 1000px;

    margin: auto;}

    #menujohanes ul li{

    float: left;

    position: relative;

    padding: 12px;

    -moz-transition: all 0.3s ease-in-out;

    -webkit-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;}

    #menujohanes ul li:hover a.menu{color:#fff;}

    #menujohanes ul li:hover{

    background: #D7F6B0 repeat top center;

    box-shadow: 0px 3px 0px rgba(0,0,0,0.2);}

    #menujohanes ul li a:hover {

    color:#fafafa;}

    #menujohanes ul li a{

    color: #666;

    padding: 0 10px;

    line-height:25px;

    font-size:11px;

    display:block;

    text-decoration:none;

    -moz-transition: all 0.3s ease-in-out;

    -webkit-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

    text-shadow: 0px 2px 0px rgba(0,0,0,0.1);}

    #menujohanes ul li ul li{float: none;position: relative;}

    #menujohanes ul li ul{

    position: absolute;

    top:49px;

    left:0;

    display: none;

    box-shadow: inset 0 4px 3px rgba(0, 0, 0, 0.3), 0 1px 0 #ddd,0 5px 10px rgba(0, 0, 0, 0.2);

    width:150px;

    border-radius: 0px 0px 5px 5px;

    background: #fff;}

    #menujohanes ul li:hover > ul{display: block;}

    #menujohanes ul li ul li a{line-height:25px;}

    #menujohanes ul li ul li ul{

    position: absolute;

    top:0; left:150px;

    display: none;

    box-shadow:0 1px 0 #ddd,0 5px 10px rgba(0, 0, 0, 0.2);

    border-radius:5px;

    width:150px;

    background: #fff;}

    #menujohanes ul li.selected{color: #000;border-right: 1px solid #FCD4DC;}

    #search input[type="text"]:hover {width:160px;}

    #search input[type="text"] {

    background: #FAFAFA url("http://3.bp.blogspot.com/-uYZni0pIn-E/T-xY2vVu_-I/AAAAAAAACUY/ZMfR3_BvRFE/s1600/SEARCH_32x32-32.png")no-repeat center left;

    font-size: 12px;

    background-position-y: 10px;

    color: #222;

    width: 0px;

    padding: 11px 0px 7px 35px;

    z-index: 9;

    border: 1px solid #FAFAFA;

    -webkit-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    margin-bottom: -1px;

    position: absolute;

    top: 0px;

    right: 0px;

    border-left: 1px solid #ddd;

    height: 30px;}
  5. Paste code atas nih atas code ]]>
  6. Cari code
    , untuk pengguna denim template
  7. Dah ? Sekarang copy code bawah nih pulak ye.
    1. <div id='menujohanes'>
        <ul>
         <li class='selected'><a href='LINK ANDA' title='Home'><img border='0' src='http://1.bp.blogspot.com/-Yx-NuFKviSQ/TwETaPMdmfI/AAAAAAAAATs/fLZvwofZ8N0/s1600/home_white.png' style='padding:0px;'/> Home</a></li>
          <li><a class='menu' href='LINK ANDA'>Dashboard</a></li> 
          <li><a class='menu' href='#'>About me</a> <ul>
           <li><a href='LINK ANDA' target='new' title='SIAPA SAYA?'>Owner Blog</a></li>
           <li><a href='LINK ANDA' target='new' title='Insan tersayang'>Me Family</a></li> 
          <li><a href='#'>Contact me</a> <ul> 
          <li><a href='LINK ANDA' target='new'> Twitter</a></li> 
          <li><a href='LINK ANDA' target='new'> Fanpage</a></li> 
          <li><a href='LINK ANDA' target='new'> Facebook</a></li> 
          </ul>
           </li> 
          </ul> 
          </li>
           <li><a class='menu' href='#'>Service editing blog</a> <ul>
           <li><a href='LINK ANDA' title='my creation'>Own Portfolio</a></li> 
          <li class='hr'></li> <li><a href='LINK ANDA' title='Tempah servis saya'>My service</a></li> 
          <li class='hr'></li> <li><a href='LINK ANDA' title='portfolio'>My design</a></li> 
          <li class='hr'></li> <li><a href='LINK ANDA' title='ikot pakej'>Contoh Pakej</a></li> 
          </ul>
           </li> 
          <li><a class='menu' href='#'>Exchange</a> <ul> 
          <li><a href='LINK ANDA' target='new'>Links</a></li> 
          <li><a href='LINK ANDA' target='new'> Banner</a></li> 
          </ul> 
          </li> 
          <li><a href='LINK ANDA' target='new'>Tutobies</a></li>
           <li><a href='LINK ANDA' target='new'>Blogshop</a></li> 
          </ul>   <form action='/search' id='search' method='get'> <input name='q' placeholder='Search Somethings..' size='40' type='text'/></form> </div>
      1. Code yang atas nih korang paste bawah code , untuk pengguna denim template
      2. Dah siap >.< Huu . Preview dlu tau :)


      NOTA KAKI
      Merah : Tajuk
      BIRU : Warna
      PURPLE : Warna border
      LINK ANDA : ur link 

      #yang berwarna sahaja boleh ditukar 

      SELAMAT MENCUBA

      If ada masalah dengan tuto nih do roger2 me yea . Klik my nufnang boleh ? Ahaks >.<






      Tutorial : Letak Like , Tweet , and G+ button di setiap entry

      Monday, October 14, 2013







      Tuto kali nih tentang cara nak letak like, tweet and G+ button di setiap entry .

      Eh ? Apa tuh ? Camna tuh ?


      camnih rupanya yer sayang sayang semua




      ini lah dia ^^v

      The steps


        1. DASHBOARD > TEMPLATE > EDIT HTML > HIGHLIGHT WORDS > TEKAN CTRL F
        2. Korang cari kod
           <data:post.body/>
        3. Dah jumpe ? Cantekkk ! hehe . So korang tinggal copy code bawah nih

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

          <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
          <a class='twitter-share-button' data-count='horizontal' data-related='' data-via='pinkituchomel' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share'>Tweet</a>
          <script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
          </b:if>

          <g:plusone size='medium'/>
        4. Pste lah bawah code  <data:post.body/>
        5. Preview dulu tau . sume okay ? Apa lagi save ler  :)

        Nota kaki : Biru : username twitter korang


        Selamat mencuba ^^v





        Tutorial : Like and send facebook button





        bukan nak citer sal cinta tapi , nak update TUTO

        Tuto sal ape ?



        like and send button


        1. DASHBOARD > TEMPLATE > EDIT HTML > HIGHLIGHT WORDS > TEKAN CTRL F
        2. cari code
           <div class='post-footer-line post-footer-line-1'/>
        3. Then , paste kod bawah nih di bawah  <div class='post-footer-line post-footer-line-1'/>

          <!-- Facebook Like+Send button Start --><b:if cond='data:blog.pageType != &quot;static_page&quot;'><div style='float:left;padding:5px 5px 5px 0;'><script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/><fb:like colorscheme='light' expr:href='data:post.url' font='' layout='standard' send='true' show_faces='false' width='450'/></div></b:if><!-- Facebook Like+Send button End -->

        4. Dah siap ! save template . Cuba refresh blog korang . Dah ada like and send button ? Dah ade ? Good !

        Selamat mencuba ^^v

        p/s: kalau tak menjadik roger tau . Mungkin ada kesilapan di mana mana :)




        Tutorial : Buang Showing Posts With Label In Blogger







        Kalau yang nak cantikkan showing post with label in blogger ikot tuto ini

        Okay . Tuto nih lak , if korang tak nak showing post with label in blogger. Kiranya nak buang terus lah .



        1. DASHBOARD > TEMPLATE > EDIT HTML > HIGHLIGHT WORDS > TEKAN CTRL F
        2. cri kode nih
          <b:includable id='status-message'>



        3. dah jumpe? Ikot langkah bawah nih


        4. Bawah nih ialah code yang korang kene delete / buang tuh
             <b:includable id='status-message'>
          <b:if cond='data:navMessage'>
          <div class='status-msg-wrap'>
          <div class='status-msg-body'>
          <data:navMessage/>
          </div>
          <div class='status-msg-border'>
          <div class='status-msg-bg'>
          <div class='status-msg-hidden'><data:navMessage/></div>
          </div>
          </div>
          </div>
          <div style='clear: both;'/>
          </b:if>
          </b:includable>



        5. Tukar kan yang korang delete tadi dengan

          <b:includable id='status-message'>
          <b:if cond='data:navMessage'>
          <div>
          </div>
          <div style='clear: both;'/>
          </b:if>
          </b:includable>

        6. dah siap ! save template :) Cer korang klik dekat korangnya labels tuh . Tak de dah kan showing post tuh
        7. Selamat mencuba ^^v

        Tutorial : cantikkan showing post with Label In Blogger





        Tahu tak showing post with Label in blogger nih camne ?




        Burukkan ? 

        Hehe . Color dia camtuh jek . haih -.-

        So jom kita tukar dia jadik camnih







          1. DASHBOARD > TEMPLATE > EDIT HTML > HIGHLIGHT WORDS > TEKAN CTRL F
          2. cari kod

             ]]></b:skin>

          3. Copy kod bawah nih

            .status-msg-body{
            padding:10px 0;
            position:absolute;
            text-align:center;
            width:540px;
            z-index:4
            display:none;}

            .status-msg-wrap{
            font-size:12px;
            margin:5px auto;
            position:relative;
            width:90%;
            color:#000;
            text-shadow: ##fff 0 1px 0;
            padding-bottom:5px
            }

            .status-msg-bg{
            background:#fff url('url icon korang') no-repeat;
            position:relative;
            width:500px;
            height:50px;
            border-radius:10px;
            border:1px solid #ccc;
            z-index:1;
            margin-left:5px;
            }

            .status-msg-border{
            border:0px solid #000;
            position:relative;
            width:540px;
            }

          4. Pate kan code atas td atas code  ]]></b:skin>
          5. Dah siap ? Save template :)


          Nota kaki : Biru : url icon korang
                            Merah : warna boleh di ubah (sini)
                            Purple : ketebalan border / solid /double /dotted /dashed

          Freebies icon : 



          tekan right klik untuk amik url image yea


          Selamat mencuba ^^v

          p/s: Komen tau . nak tahu jadik ke tak . takot ade salah kod :)






          Tutorial : icon sebelah list blog archive

          Sunday, October 13, 2013







          nampak kaler pink tuh ? ha tuh ikon yang kita nak letak sebelah link di blog archive nih :)



            1. DASHBOARD > TEMPLATE > EDIT HTML > HIGHLIGHT WORDS > TEKAN CTRL +F
            2. cari kod
                <a expr:href='data:i.url'><data:i.title/>
            3. Tukar kod tuh dengan kod bawah nih
              <a expr:href='data:i.url'><img src="URL ICON"/><data:i.title/>
            4. Preview dlu , then save okie ^^v Siap !
            5. URL ICON
               http://media.tumblr.com/72516053b5ee032456736bb0244606c3/tumblr_inline_mueodw9V711qdlkyg.gif
              http://media.tumblr.com/3ac0b6f04b25de8ed624ca16dd1cb0bf/tumblr_inline_mueodxJQer1qdlkyg.gif
              http://media.tumblr.com/20eb468783b70fb606c8d2b202e16607/tumblr_inline_mueodxLmx51qdlkyg.gif
              http://media.tumblr.com/22f6b824f9e84878871f71ab5addb4bb/tumblr_inline_mueodyBzHo1qdlkyg.gif
              selamat mencuba ^^v




            Tutorial: Scrollbar version (1)





            .

            1. DASHBOARD > TEMPLATE > EDIT HTML > HIGHLIGHT WORDS > CTRL +F
            2. copy code dibawah

              ::-webkit-scrollbar { width: 12px; height: 12px; }
              ::-webkit-scrollbar-button:start:decrement,
              ::-webkit-scrollbar-button:end:increment  { height: 0px; display: block; background: #fff; }
              ::-webkit-scrollbar-track-piece  { background: #777; }
              ::-webkit-scrollbar-thumb { border-radius: 1px; height: 50px;
              background: #CCE2F1; }
            3. Dah ? pate kan atas /* Header
            4. Preview. Okay? Save template :)


            Nota kaki

            Yang hitam tuh ialah kaler nya . Korang boleh tukar colour ikot suke hari korang kat (sini)

            Selamat mencuba ek ^^v

            Tutorial : Centerkan Header





            Header dah cun . Cantik menarik kau memang DABOMM dah . But alahai ada yang pelik lah . Apa ek ? Ha'ah lah . Header senget -.- 


            Nih cara nak atasinya >.<


            1. DASHBOARD > TEMPLATE > EDIT HTML > HIGHLIGHT WORDS > TEKAN CTRL F
            2. cari code
               /* Content
            3. Jumpa ? Copy kode bawah nih
              .Header img {margin-$startSide: auto;margin-$endSide: auto;}
            4. paste atas code  /* Content tadi
            5. Preview . Okay ? save template ^^
            Selamat mencuba :)


            Tutorial : cara letak header





            Ini adalah simple punya tuto on header . Saya tahu ramai yang dah tahu . But bagi yang xtahu lagi . Boleh lah guna nih ek :)





            1. DASHBOARD > LAYOUT 





            2. Klik kat heder korang





            3. masukkan url  / upload image header korang aje . 




            Portfolio : Aeda Zainal

            Tuesday, October 01, 2013






            Review Pantas 

            Blog yang terakhir nih kepunyaan akak Aeda Zainal . Hee . Beliau memang bagi full details tentang ape yang beliau nak and suke . Beliau suke mustache and polkadot . So terhasil lah yang seperti anda lihat . >.< Beliau jugak suke kaler peach and silver . Saya lagi prefer customer describe camne yang dorang nak . Senang siket . Huhu . 


            Jom singgah ke blog beliau



            p/s : Lagi syok tengok kalau korang gi ke blog mereka sendiri . Best preview ^^




            Tutorial: Buang navigation bar

            Tuesday, September 24, 2013





            Blog sape ada seperti yang di bawah



            Itu lah navigation bar


            Bila ada kat blog , buat blog nampak buroks . Tuh pendapat sayalah . Setiap orang ada pendapat masing masing ^_^


            Nak buang ? Kalau nak buang ikot steps di bawah.

            1. Dashboard > Design > Edit Html
            2. Copy and paste code  ni okie.
                #navbar-iframe {
                display: none !important;
                }

              Nak paste kat mana? 

              Paste macam nih :

              Contoh:
              -----------------------------------------------
              Blogger Template Style
              Name:     Denim
              Designer: Darren Delaye 
              URL:      www.DarrenDelaye.com
              Date:     11 Jul 2006
              -----------------------------------------------*/
              #navbar-iframe {
              display:none;
              }



              Preview dlu . Okay ? Save . Done ! ^_^






              Tutorial : Tukar background blog




              How to change your background blog?

              Below is the steps :


              Steps


              1. Dashboard > Template > Edit HTML 
              2. Highlight any code dan tekan ctrl+F 
              3. Cari code body{
              4. Nampak bawah body tuh ada tak code background: $bgColor; atau lebih kurang code tuh
              5. Tukar background: $bgColor;  kepada background:url(URL BACKGROUND);
              6. URL BACKGROUND  tuh korang boleh tukar dengan url background yang korang nak.
              7. Bagi yang takde code background , korang terus tambah background:url(URL BACKGROUND);
              8. Preview dlu . Kalau jadik save
              9. Done ! ^_^

              Selamat mencuba. :)


              Freebies : Font Shape





              Harinih saya nak share font shape . Harapnya dapat mebantu korang dalam mengedit blog korang yer . Atau mendesign ape2 . Let's proceed

              Tutorial : Customize Lightbox in Blogspot

              Sunday, September 22, 2013











              ataupon macam blog saya bila korang tekan gambar atas tuh . ^^


              STEPS

              1. Korang pergi ke DASHBOARD >> HTML >> TEMPLATE
              2. Dah ? Korang hightlight mana2 kod korang dan tekan ctrl+F
              3. Korang cari kod  ]]></b:skin>

              /* Blogger Lightbox
              ----------------------------------------------- */
              /* Background Color */
              .CSS_LIGHTBOX_BG_MASK {
              background-color: #ffffff !important;
              background-image: url(url background korang) !important;
              opacity: 0.8 !important;
              filter: alpha(opacity=90) !important;
              }
              /* Images Border */
              .CSS_LIGHTBOX_SCALED_IMAGE_IMG {
              outline: 0px solid #fff !important;
              -webkit-border-radius: 10px;
              -moz-border-radius: 10px;
              border-radius: 10px;
              -webkit-box-shadow: 0px 0px 5px #000000;
              -moz-box-shadow: 0px 0px 5px #000000;
              box-shadow: 0px 0px 5px #000000;
              }
              /* Close Button */
              .CSS_LIGHTBOX_BTN_CLOSE {
              background: url(http://i.imgur.com/n4N3a.png) no-repeat !important;
              width: 24px !important;
              height: 24px !important;
              }
              /* Thumbnails Bar Color */
              .CSS_LIGHTBOX_FILMSTRIP {
              background-color: #eaeaea !important;
              }
              /* Text Color */
              .CSS_LIGHTBOX_ATTRIBUTION_INFO, .CSS_LIGHTBOX_ATTRIBUTION_LINK {
              color: #000 !important;
              }
              /* Index Info (number of images) */
              .CSS_LIGHTBOX_INDEX_INFO {
              color: #555555 !important;
              }


              Paste atas  ]]></b:skin>


              Preview tau . Okay ? Dah siap ^_^

              Nota kaki : Kuning : background korang nak
                                Oren : image close button
                                Biru : warna background korang
                                Purple : Warna font yang korang nak (sini)

              Yang berwarna tuh yang korang boleh edit tau . ^_^

              Kalau ada pape tanya je okay .




              Tutorial : Delete dot and dashed below post footer in blogspot

              Sunday, September 01, 2013




              Tutorial kali nih tentang cara nak buang dot nad dashed untuk simple template . 


              The dot and the dashed are little bit disturbing.

              Bagi yang dah edit blog dashed and dot nih boleh mencacatkan rupa blog anda . Jadi saya sarankan anda buang dot and dashed nih .








              Kita nak hilangkan yang dot2 dan dashed tuh lah .



              Well , saya dah terjumpa satu tutorial untuk delete benda tuh . Alang alang dah jumpa baik kongsi kan . ^^v





              DASHED LINE


              1. Macam biasa save dlu template korang takut terjadi ape2 . cheq ta mo tanggung na . Tapi Insyaallah okay2 je.

              2. Sekarang nak cari kod . Highlight words and then tekan ctrl+F


              3. Cari code .footer-outer{





              4. Delete dashed yang di highlight macam gambar di atas .


              5 . Preview . Kalau jadi save k ! :)



              DOTTED LINE


              6.  Untuk yang ini tekan ctrl+F dan cari code .blog-pager { 


              7. Dah jumpa ? Kalau jumpa buang code $(paging.background) macam gambar dibawah.




              Buang semua code tuh tau biar tinggal ini sahaja



              .blog-pager {
              }



              8 . Preview dlu . Jadi ? Then Save ! Siap :)



              ps: Maybe ada yang dah tahu . Bagi yang tak tahu boleh lah guna . :) Saya terlupa password yahoo . Bagus kan =.='


              source : clothedmuch



              Tutorial : Drop Down Menu Like Me

              Tuesday, July 30, 2013





              Tutorial : Cbox macam saya

              Saturday, July 13, 2013








              Nak cbox macam saya ? Okay Okay . Boleh je . Saya tunjukkan tuto nya okay . 

              But first kne tunjuk tuto nak tukar dlu . Cbox nih dah diedit . 


              1. Okay , takde cbox ? Sign up > sini


              2. Korang pilih Look & feel > Colours and font .  Nanti akan ada cam nih .





              3.Nampak kan ? Main BG dengan Alt. BG tuh korang transparent kan . Kalau nak letak kaler pon boleh . Takde masalah :) Tak berdosa pon . Huhu . Tak batal puasa jugak tau >.<


              4 . 


              Nampak tak ? Cam tuh lah . Sama ada nak biar kosong atau pon background puteh . Mana mana pon boleh . Dan yang lain tuh korang boleh letak ikot ske . Mana mana kaler yang korang suke .






              5. Kat scroll bawah akan ada apply . Then, tekan Apply tuh . Siap . 


              6. Eh , blom lagi . Korang klik pulak dekat publish tuh .


              7. Then , Copy code bawah nih .





              8. Dah siap !

              Url divider : korang boleh cari sini <comel> / carik ngan pakcik google >.<
              Url doodle : Boleh carik kat sini <kiuutt> / carik ngan pakcik google jugak >.<


              Btw paste kat java html/script tuh . Haa . Paste lah kat mana korang nak okay ^^



              Macam mana jadik ke tak ?? Kalau tak jadik jangan malu jangan segan . Sila lah bertanya ^^








              Latest Instagrams

              © CikkMiraDotCom. Design by FCD.