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




        Latest Instagrams

        © CikkMiraDotCom. Design by FCD.