Hade Goreng Meunang Sorangan !


close
cbox
Tampilkan postingan dengan label Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Blog. Tampilkan semua postingan

Download Template Problem Loading Page

Ditulis ku Unknown Jumat, 01 Juni 2012


Ini template pertama buatan saya :D modal iseng karna gk ada kerjaan..

Kalo jelek di maklum lah newbie kaka >.<

Walaupun jelek tapi ancur, walaupun ancur buatan sendiri :p


Game Tomcat di blog

Ditulis ku Unknown Minggu, 29 April 2012

Dah lama gk share QQ baru selesai UN xD
Nih sekarang saya mau share Game Tomcat, tau Tomcat kan ? kalo gk tau DESO banget xD

Penasaran Gimana Gamenya ?? Cekidot Langsung main ajah xD



Mau pasang di Blogmu ?
ini kodenya 5000/COPAS xD
 <embed src= "http://games.mochiads.com/c/g/titok-basmi-tomcat/titok_tomcat.swf" width="500" height="500"></embed></object>

Cara memasang animasi burung twitter terbang di blog

Ditulis ku Unknown Sabtu, 07 April 2012

Dulu saya pernah post ini, tapi itukan dulu, sekarang beda lagi xD


Menampilkan Widget ini Hanya Pada Halaman Utama Saja
  1. Login ke blog anda.
  2. Klik dashboard > design > edit HTML.

  3. Cari potongan kode xml pada template blog sobat (tekan CTRL + F pada keyboard anda untuk menampilkan kotak pencarian di browser sobat untuk mempercepat pencarian).
    </body>
    
  4. Copy - Paste kode berikut ini tepat di bawah / di atas kode "</body>".
  5. <b:if cond='data:blog.url == data:blog.homepageUrl'>
    
    <!-- Twitter Bird Widget for Blogger edited by MonozCore -->
    
    <script type='text/javascript' src='http://monozcore-project.googlecode.com/files/tripleflap.js'>
    
    </script>
    
    <script type='text/javascript'>
    
    var birdSprite='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuLjIy0wnzaRrTz5x2-9WZW2_naLzIY-YlRRysxJkBxHJTWqfiXN2AnRuCfMCIbbM9EFetkqB1dMYJB3oR4Aa82QUjpbZhfiJAAd9y0ForGr-430wbooVNjauyNun4MeBaIuOcvsren1w/s1600/birdsprite.png'; var targetElems=new Array('img','hr','table','td','div','input','textarea','button','select','ul','ol','li','h1','h2','h3','h4','p','code','object','a','b','strong','span');
    
    var twitterAccount = &quot;http://twitter.com/TwitterKamu&quot;;
    
    var tweetThisText = &quot; <data:blog.pageTitle/>: <data:blog.url/> &quot;;
    
    tripleflapInit();
    
    </script>
    
    <!-- Twitter Bird Widget for Blogger edited by MonozCore -->
    
    </b:if>
    
  6. Kode yang berwarna biru berguna untuk pilihan animasi. Apabila sobat ingin mengganti animasi dengan Stickman sobat tinggal mengganti kode yang berwarna biru dengan kode untuk animasi Stickman.
  7. Kode yang berwarna hijau merupakan kode untuk alamat akun twitter sobat. Silakan sobat isi sesuai dengan alamat akun twitter sobat. Caranya : ganti kode yang berwarna hijau dengan twitter.com/sobat yang mana sobat adalah alamat username twitter sobat.
  8. Simpan kemudian lihat hasilnya.
Menampilkan Widget ini Pada Semua Halaman
    1. Login ke blog anda.
    2. Klik dashboard > design > edit HTML.

    3. Cari potongan kode xml pada template blog sobat (tekan CTRL + F pada keyboard anda untuk menampilkan kotak pencarian di browser sobat untuk mempercepat pencarian).
      </body>
      
    4. Copy - Paste kode berikut ini tepat di bawah / di atas kode "</body>".
    5. <!-- Twitter Bird Widget for Blogger edited by MonozCore -->
      
      <script type='text/javascript' src='http://monozcore-project.googlecode.com/files/tripleflap.js'></script>
      
      <script type='text/javascript'>
      
      var birdSprite='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuLjIy0wnzaRrTz5x2-9WZW2_naLzIY-YlRRysxJkBxHJTWqfiXN2AnRuCfMCIbbM9EFetkqB1dMYJB3oR4Aa82QUjpbZhfiJAAd9y0ForGr-430wbooVNjauyNun4MeBaIuOcvsren1w/s1600/birdsprite.png';
      
      var targetElems=new Array('img','hr','table','td','div','input','textarea','button','select','ul','ol','li','h1','h2','h3','h4','p','code','object','a','b','strong','span');
      
      var twitterAccount = 'http://twitter.com/TwitterKamu';
      
      var tweetThisText = 'Twitter - Twitter kamu https://twitter.com/TwitterKamu/';
      
      tripleflapInit();</script>
      
      <!-- Twitter Bird Widget for Blogger edited by MonozCore -->
      
    6. Kode yang berwarna biru berguna untuk pilihan animasi. Apabila sobat ingin mengganti animasi dengan Stickman sobat tinggal mengganti kode yang berwarna biru dengan kode untuk animasi Stickman.
    7. Kode yang berwarna hijau merupakan kode untuk alamat akun twitter sobat. Silakan sobat isi sesuai dengan alamat akun twitter sobat. Caranya : ganti kode yang berwarna hijau dengan twitter.com/sobat yang mana sobat adalah alamat username twitter sobat.
    8. Simpan kemudian lihat hasilnya.

    Beberapa animasi burung twitter xD
      1. Burung Twitter


        Gunakan Kode :
        https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuLjIy0wnzaRrTz5x2-9WZW2_naLzIY-YlRRysxJkBxHJTWqfiXN2AnRuCfMCIbbM9EFetkqB1dMYJB3oR4Aa82QUjpbZhfiJAAd9y0ForGr-430wbooVNjauyNun4MeBaIuOcvsren1w/s1600/birdsprite.png

      2. Stickman Twitter


        Gunakan Kode :
        https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzFV46gV1poFgqVrVlIX3EbUH0zw3IviORP-LVHZfS29gHSk8tMPfpe5onne14uLzKkpHnXjjoystyFSuDRjuJXtQXuFAA7ZARSLPBOfXdWC7jsQS82zqTPaGgbh5bxDSt-2vFpm_DrvE/s1600/birdsprite_MonozCore_Stickman.png

      3. Star Scream Twitter

        Gunakan Kode :
        https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMfqu-piI4JJWkiJvPB3SZiS7sMPE7xMTf_6oietrCyI9Vb7TlTsopyfBUnUQtMo43cDqYgL8DejaKwRDbbHiAFf1tExENiuKnudwLZyowPUT9zD_FivPX3oLLbs-boOB3V_GJZUfJ4wQ/s1600/StarScream.png

      4. Bat Twitter

        Gunakan Kode :
        https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqJdDIbs6_LJhTT3IQ-3eGJCFImAmteX8wyJDq_jUFg0Gx1mM6fN5NGHZWIu5QW_TM90zg1BzYlGMrDgRsqNDkfzE0u3lqO9LIKUyKuT0JXPzcACfkLDSoSYzxxAv8EnzOhOfuyhNDJeY/s800/MonozCore.blogspot.com_BatTwitter.png

      5. SantaBird Twitter

        Gunakan Kode :
        https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-K1144EKUmRydjqUSqGD1KBlpnZZyp01DDfo6lrhM27HHlTFpOzDMcBDc3T7rZULOklt1t7RVjzyerb4lq2a-2q_v95oxyc9n-GU_yM3SlFWAppm5riSd-e_D71Fpo5ARANY_JW_z-lQ/s800/MonozCore.blogspot.com_SantaBirdTwitter.png

      6. Dragon Twitter

        Gunakan Kode :
        https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrewO5Ijct3mICZmvYiCkxR3ChNFSCrtyQDB7tWFkr3qP223pFidoks5WRWouJzrHB-LS0H5z1WeIBNyWp1Sah5qdiPR0OCxr6MsWAgwGe8YxXM5SBwNHAKOWQazDTnUj0H0b6UbXcQb4/s800/MonozCore.blogspot.com_Dragon_Twitter.png

      7. DBZ Twitter

        Gunakan Kode :
        https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcD0AcU0IMxWuBX_bacRpZbWYkGLy6apCVK_bZ0zuMJTvZAkFRHMomI7TO_0PY0W6naph8FHMFmGRR68CdRwO9OjYxtxKf9vQkLpB7NW5zNPuxwVP4TYMvsBcnB9n_IO926CIwWfKB4uc/s800/MonozCore.blogspot.com_DBZ_Twitter.png 



      Thanks to http://monozcore.blogspot.com

    Cara membuat efek zoom image

    Ditulis ku Unknown

    Demo :
    Dekatkan Cursor anda ke gambar di bawah ini !
     
     
    
    
     
    Gimana ? mau pasang ?
     
    Copy aja kode di bawah ini !! 
     
    .post img, table.tr-caption-container {
    border:none;
    max-width:560px;
    height:auto;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    }
    .post img:hover {
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -webkit-border-radius: 36px 12px;
    -moz-border-radius: 36px / 12px;
    -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
    }
     
      
    Tulisan 1.5 itu buat ukuran Zoomnya, 
    di template blogspot .post img udah ada, tinggal sesuaikan aja.
    dan ini bisa juga di pake di template web !
    
    
     
    Thanks to http://p-cbn.blogspot.com
    

    Cara membuat menu animasi dgn CSS

    Ditulis ku Unknown Sabtu, 31 Maret 2012

    Nih liat SSnya menu animasi dengan CSS !!



    Biar gk kecewa liat Demo dulu >> Klik disini

    Mau pasang ? ikuti tutorialnya !

    1. lagin ke Blogger

    2. pergi ke Rancangan/Layout

    3. Klik Tambah Gadget/Add Gadget

    4. Pilih HTML/Java Script

    5. terus COPAS kode ini :

        <style type="text/css">

        .menuqu ul li{display: inline;}

        .menuqu1 { padding: 2px 0.5em; text-decoration: none; float: left; color: black; background: #4FCF26; border: 2px solid #fff; list-style: none;

        -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out; -webkit-transform:rotate(-25deg);-moz-transform:rotate(-25deg);-o-transform:rotate(-25deg);

        }

        .menuqu2 { padding: 2px 0.5em; text-decoration: none; float: left; color: black; background: #BFDCFF; border: 2px solid #fff; list-style: none;

        -webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out; -webkit-transform:rotate(25deg);-moz-transform:rotate(25deg);-o-transform:rotate(25deg);

        }

        .menuqu1:hover, .menuqu2:hover{ background: #F0BFFF; color:#ccc;

        -webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg)

        }

        </style>

        <div class="menuqu">

        <ul>

        <li class="menuqu1"><a href='http://sidayz.tk'>Home</a></li>
        <li class="menuqu2"><a href='URL km'>Menu1</a></li>
        <li class="menuqu1"><a href='URL km'>Menu2</a></li>
        <li class="menuqu1"><a href='URL km'>Menu3</a></li>
        <li class="menuqu2"><a href='URL km'>Menu4</a></li>
        <li class="menuqu1"><a href='URL km'>Menu5</a></li>
        <li class="menuqu2"><a href='URL km'>Menu6</a></li>
        <li class="menuqu1"><a href='URL km'>Menu7</a></li>
        <li class="menuqu1"><a href='URL km'>Menu8</a></li>
        <li class="menuqu2"><a href='URL km'>Menu9</a></li>
        <li class="menuqu1"><a href='URL km'>Menu10</a></li>
            </ul>
            </div>

    NB : yang warna merah bisa di ganti dengan Link & namanya xD
         <li class="menuqu1"><a href='URL km'>Menu10</a></li> kode ini bisa di hapus/ditambah :D

    5. Klik simpan dan liat hasilnya !

    Energy Saving mode dengan CSS3

    Ditulis ku Unknown Rabu, 21 Maret 2012

    Energy Saving mode dengan CSS3 ini memang keren :D gk percaya ? liat SSnya



    Penasaran langsung liat DEMO aja di TKP xD
    nanti pada saat kalian klik Link DEMO kalian langsung bisa liat energy saving modenya ! kayak SS di atas !

    Udah liat demonya ? tertarik?  mau pasang di blog ? oke ikuti tutornya :D


    1. login dulu deh ke Blogger

    2. masuk ke Template > Edit HTML

    3. cari kode ]]></b:skin> lalu COPAS  kode CSS di bawah ini tepat DIATAS kode ]]></b:skin>
    *, body .bgsGR_esm{
          margin:0;
          padding:0;
    }
    body .bgsGR_esm{
          position:fixed;
          width:98%;
          top:0;
          left:0; /* original code by: gubhugreyot.blogspot.com */
          height:97%;
          opacity:.99;
          filter:alpha(opacity=99);
          -ms-filter:alpha(opacity=99);
          background:#000;
          border:10px solid #666;
          border-bottom:30px solid #666;
          z-index:99999999;
          transition:all 6s ease-in-out 60s;
          -o-transition:all 6s ease-in-out 60s;
          -moz-transition:all 6s ease-in-out 60s;
          -webkit-transition:all 6s ease-in-out 60s;
          -ms-transition:all 6s ease-in-out 60s;
    }
    body:hover .bgsGR_esm{
          border-color:#F00;
          background:#930;
          width:50%;
          height:3%;
          left:25%;
          top:40%; /* original code by: gubhugreyot.blogdetik.com */
          transition:3.5s ease-out;
          -o-transition:3.5s ease-out;
          -moz-transition:3.5s ease-out;
          -webkit-transition:3.5s ease-out;
          -ms-transition:3.5s ease-out;
    }
    body:hover .bgsGR_esm,body:hover .bgsGR_esm p.esm1,body:hover .bgsGR_esm p span.esm2,body:hover .bgsGR_esm p span.esm3,body:hover .bgsGR_esm .by_gubhugreyot{
          transition:3s;
          -o-transition:3s;
          -moz-transition:3s;
          -webkit-transition:3s;
          -ms-transition:3s;
          z-index:-10;
          opacity:.0;
          filter:alpha(opacity=0);
          -ms-filter:alpha(opacity=0);
    }
    body .bgsGR_esm p.esm1{
          margin:0; /* original code by: gubhugreyot */
          padding:0;
          width:92%;
          height:100%;
          background:transparent;
          font-size:100px;
          font-family:Serif,Times New Roman;
          color:#333;
          text-shadow:1px 1px 2px #ccc;
          position:relative;
          margin-top:200px;
          line-height:20px;
          font-weight:bold;
          text-align:center;
          display:block;
          margin-left:auto;
          margin-right:auto;
    }
    .bgsGR_esm p span.esm2{
          font-size:18px;
          opacity:.5;
          filter:alpha(opacity=50);
          -ms-filter:alpha(opacity=50);
          display:block;
          text-align:center;
          margin:-10px auto;
          font-weight:normal;
          padding:2px 8px;
          background:#000;
          border:1px solid #333;
          color:#00f;
          text-shadow:none;
          font-family:Arial,Helvetica,sans-serif;
    }
    .bgsGR_esm p span.esm3{
          color:#ccc;
          font-family:Tahoma,Arial,Helvetica;
          display:block;
          margin:10px auto;
          background:#111;
          background:-moz-linear-gradient(top,#111 0,#666 100%);
          background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#111),color-stop(100%,#666));
          background:-webkit-linear-gradient(top,#111 0,#666 100%);
          background:-o-linear-gradient(top,#111 0,#666 100%);
          background:-ms-linear-gradient(top,#111 0,#666 100%);
          background:linear-gradient(top,#111 0,#666 100%);
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#111111',endColorstr='#666666',GradientType=0);
          opacity:.6;
          filter:alpha(opacity=60);
          -ms-filter:alpha(opacity=60);
          width:250px;
          text-shadow:1px 1px 1px #000;
          border:1px solid #333;
          border-radius:4px;
          padding:2px 10px;
          font-size:12px;
          font-weight:normal;
          line-height:16px;
    }
    .bgsGR_esm .by_gubhugreyot{
          margin-left:30px;
          text-align:left;
          color:#015828;
          font-size:12px;
          font-weight:normal;
          position:absolute;
          top:550px;
          width:100%;
          height:20px;
          left:0;
    }
    .bgsGR_esm .by_gubhugreyot span.esm4{
          color:#aaa;
          font-style:italic;
    }

    4. COPAS xHTML di bawan ini, tepat DIBAWAH kode <body> 
     
            <div class='bgsGR_esm'><p class='esm1'>dayZ Blog&#39;s<br/><span class='esm2'>Energy Saving Mode</span><br/><br/><span class='esm3'>Move your mouse to go back to the page!<br/>Gerakkan mouse anda dan silahkan nikmati kembali posting kami!</span></p><div class='by_dayZ'>Copyright 2011-2012 <span class='esm4'>http://sidayz.tk</span> - All rights reserved</div></div>
    5. Simpan Template. 

    selesai deh :* xD
     

    Thanks to ghubug reyot atas CSSnya :D


    Ingat saya tidak melarang COPAS!! tetapi jikalau kalian COPAS harap cantumkan Sumber dengan Link ! HARGAI LAH KARYA ORANG !!

    Navigation CSS dock menu di blog

    Ditulis ku Unknown Jumat, 16 Maret 2012

    Lagi banyak tugas nih bero xD maklum lah kelas 9 lagi sibuk Ujian praktek :)
    Yaudah langsung ajah sekarang aku mau share navigation CSS dock menu di blog tau gk ? kalo gk tau liat di gambar di bawah ini !



    Dock menu di blog

    Hmm.. hampir sama kayak RocketDock di dekstop PC nih liat dekstop Laptopku !


    oke bagi yang mau pasang di blogya silahkan ikuti tutornya !!

    Biar gak kecewa mending liat dulu DEMONYA klik > disini

    1. Login ke blogger, gk punya akunnya ? bikin dulu, males ? mending jangan pasang haha xD

    2. Pergike Template > Edit HTML

    3. COPAS CSS di bawah ini, dan simpan SEBELUM kode ]]></b:skin>
    /* ---------------
    Menu navigasi CSS Mac  Dock top with jQuery
    ---------------------------------- */
    /* dock - top */
    .dock {
        position: relative;
        height: 50px;
        text-align: center;
    }
    .dock-container {
        position: absolute;
        height: 50px;
        background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivcRW3NMuwWGDo-Ucc4S20ETkzlXw_oFks5qCTu9dNYPgx70K1kYn3I8Kcqy2bbZXayF-lMHd5EAkwjREvp7skiHi-NaiuhqdGieYfc_PzLG6jR5P0g7KQ6KmpV4obNKEIX0qBdtpUCb4/s1600/dock-bg2.gif);
        padding-left: 20px;
    }
    a.dock-item {
        display: block;
        width: 40px;
        color: #000;
        position: absolute;
        top: 0px;
        text-align: center;
        text-decoration: none;
        font: bold 12px Arial, Helvetica, sans-serif;
    }
    .dock-item img {
        border: none;
        margin: 5px 10px 0px;
        width: 100%;
    }
    .dock-item span {
        display: none;
        padding-left: 20px;
    }

    /* dock2 - bottom */
    #dock2 {
        width: 100%;
        bottom: 0px;
        position: relative;
        left: 0px;
    }
    .dock-container2 {
        position: absolute;
        height: 50px;
        background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihKmsCdVPH4N4nL-dxZIa5LT40A8xz26PHbQvIe21OJ4DFT8lUmXYq0ESsu175rhyEcvsn8DqiWUkgPhpc-kUJ14aW8bpwBCHvPKvPZRU-L-TZnisCEXttTbrE2PsTLP6fm__zWexxbO4/s1600/dock-bg.gif);
        padding-left: 20px;
    }
    a.dock-item2 {
        display: block;
        font: bold 12px Arial, Helvetica, sans-serif;
        width: 40px;
        color: #000;
        bottom: 0px;
        position: absolute;
        text-align: center;
        text-decoration: none;
    }
    .dock-item2 span {
        display: none;
        padding-left: 20px;
    }
    .dock-item2 img {
        border: none;
        margin: 5px 10px 0px;
        width: 100%;
    }

    4.  COPAS lagi sekarang simpan SEBELUM kode </head>
    <script type="text/javascript" src="http://scriptbase.googlecode.com/files/jquery1.3.2.min.js"></script>
    <script type="text/javascript" src="http://scriptbase.googlecode.com/files/interface.js"></script>

    5. Satu lagi, sekarang simpan SEBELUM kode </body>
    <!--dock menu JS options -->
    <script type="text/javascript">
      
        $(document).ready(
            function()
            {
                $('#dock').Fisheye(
                    {
                        maxWidth: 50,
                        items: 'a',
                        itemsText: 'span',
                        container: '.dock-container',
                        itemWidth: 40,
                        proximity: 90,
                        halign : 'center'
                    }
                )
                $('#dock2').Fisheye(
                    {
                        maxWidth: 60,
                        items: 'a',
                        itemsText: 'span',
                        container: '.dock-container2',
                        itemWidth: 40,
                        proximity: 80,
                        alignment : 'left',
                        valign: 'bottom',
                        halign : 'center'
                    }
                )
            }
        );

    </script>

    6. Klik simpan Temlplate

    Jika sudah, sekarang pergi ke Tata letak >> tambah Gadget >> HTML/JavaScript
    COPAS lah script di bawah ini !

    <div class="dock" id="dock">
      <div class="dock-container">
      <a class="dock-item2" href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuAgtlqQYk__ZYR5kTQtUJ7Rdjb1pMyRNAcF8OlYvldN8UNWTBmKP7QRdAmJ7rp_lFAI2G_WQ2gWekKuccyThqSSri7QZzZfxzZZOV3kPAe-tbw5kFQLhVXx3HWPNir3wk-lKQg6aXToA/s1600/home.png" alt="home" /></a>
      <a class="dock-item2" href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaY9q7ejYHn_e6CQNEPdVitU-iyCsFTBkYFttbEfwM2TJn6DxcFxgvCSdr0Yem1vIoPq7HsXpztTQpmpwixJILKbE5Cjp-QduV6gr8nJ9rvQfUurJYblGuJAz3bmeRTdZuNSM22ycvR-Q/s1600/email.png" alt="contact" /></a>
      <a class="dock-item2" href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiB-wWg_d7SBPbrbggSez7OnSeqW1mYL98VgvOA37mbPRgVLCCo-Wvy0OEO1fQ9WkJ1Cor6hPENn2qwQpE9TAzl-fYfJy0EUv_c91Drk7lhD5peEPUKc-5goxg5zWSv2OfgztFnTzPQrCM/s1600/portfolio.png" alt="portfolio" /></a>
      <a class="dock-item2" href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-FZeYy3qh7No12NTeYBgwFvUFG1Kjv2cnyLugi8Rgyufb6eImwbIanX7M-CgZOHg68zzTlr3Qvklnhg_ps7p46j7pmEx12XD9FSeQEY_Thqc5jQ2L_ILxyLE4KcDSLuJvsuULtZIcfos/s1600/music.png" alt="music" /></a>
      <a class="dock-item2" href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhgs32XLq-Xy2GSIw74vpEpE_G7Ga4i4Dovjx6x8dMH_b3O3H4HIAv4W4uzbpAJnMWE_GjxsMMqsa-JJgQrILzoM8koJ7phfh6Dzg30cCnXm2bplMLstsqH1EN40U9FUPb5KxZwEJ1Cq0/s1600/video.png" alt="video" /></a>
      <a class="dock-item2" href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-_c7mZQP7fYwq7Zj2tViXUyZb2T7lG2RbUiXkIDUUvmIelrtvWy0GK_IzRwqnKk7i968lRDtnwoog5_1_dWt0T5ENdSjoxVt4vXs-TMQ-QS54kwfOOsxU9SXNRTVwwI4H1_ZaAvy3FhE/s1600/history.png" alt="history" /></a>
      <a class="dock-item2" href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXsroPaTAdtpsGrcOIOo4oG89zfLkBlMF4wPv67O9Sq_RA8ydOdSMDCxHsHxGuDNnd9sNOCcN5mP57WdGr9DjOLx_jIILCfKd8rFe2-_cPTj6eLMYFotKsINg6ZdYNMrtlRmAHsKdsS-k/s1600/calendar.png" alt="calendar" /></a>
      <a class="dock-item2" href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj597KXEP7471CSmc2YcfNxVbFQWaA2XbEBmVuDjE5N8-vXta2y2CdQMMX5nDoQVYq4NdtVEifqLx-qI5bEt_CJ_0nKf2BgzhJIHkEFrH1MR7ziKfrRbhXsmWKsNNHmxa5gbdjJ0rLSOWc/s1600/rss.png" alt="rss" /></a>
      <a class="dock-item2" href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtpNs1FL67kwtDEByzTU2pOamN_xW-Q2sNrK-WB_rOQ_M98JBhZAykUE2NVNU7vnhIX4iQ7PHuqxbQZGVkHG-UOFzyGbTsMwbf1adUojRscVtbleX56rIqAHikuCHJUgLULSuAUKQXH7Q/s1600/rss2.png" alt="rss" /></a>
      </div>
    </div>


     NB : Tanda Pagar Biru "#" silahkan ganti dengan Link sesuka mu !
    Nah kalo yang warna biru itu Link gambar, mau di ganti atau gk juga Gpp !

    kalo udah di edit-edit Klik SIMPAN, cek deh blogmu xD

    yaudah segitu aja, semoga bermanfaat, mohon maaf kalo agak GJ maklum Niubi !! >.<

    Script by Blogger Base

    Special Efek Dinosaurus

    Ditulis ku Unknown Jumat, 09 Maret 2012


    Ada script Lucu nih xD, keren Lho special efek dinosaurus Tuh kayak Gambar di atas !
    Kalo mau Lebih jelas Liat ajah DEMONYAH !!


    Mau pasang juga ?? Boleh ajah xD
    Baca ajah Tutor nya !!

    1. Login ke Blogger.com

    2. Masuk ke Tata letak >> Tambah Gadget >> HTML/JAVASCRIPT

    3. COPAS Script di bawah ini !
    <script language="javascript">
    nd_mode="dino";
    nd_sound="on";
    nd_vAlign="bottom";
    nd_hAlign="right";
    nd_vMargin="10";
    nd_hMargin="10";
    nd_target="_top";
    </script>
    <script language="javascript" src="http://www.netdisaster.com/js/mynd.js"></script>

    5. Klik SIMPAN

    6. Liat Hasilnyah xD

    Segitu ajah, semoga bermanfaat yak !

    Efek Text Neon

    Ditulis ku Unknown Rabu, 07 Maret 2012


    Nih ada script efek text neon nih nemu dari Mbah gugel ahahah, mayan keren lho ! kayak dibaha ini !




    Mau ?? Wani piro ahahaha xD

    Oke lah, jika mau masukin di postingan tinggal COPAS Kodenya tapi pindah ke mode HTML, jika mau jd gadget tinggal ke Tata letak > Tambah Gatget > HTML java script > COPAS kodenya. pasti bisa lah itu mah !!

    Nih kodenyah xD
    <script language="JavaScript1.2">
    var message="DIDIEU PERANTI NYIMPEN TULISAN MANEH"
    var neonbasecolor="white"
    var neontextcolor="blue"
    var neontextcolor2="#3300ff"
    var flashspeed=1
    var flashingletters=10
    var flashingletters2=1
    var flashpause=1
    var n=0
    if (document.all||document.getElementById){
    document.write('<font color="'+neonbasecolor+'">')
    for (m=0;m<message.length;m++)
    document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
    document.write('</font>')
    }
    else
    document.write(message)
    function crossref(number){
    var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
    return crossobj
    }
    function neon(){
    //Change all letters to base color
    if (n==0){
    for (m=0;m<message.length;m++)
    crossref(m).style.color=neonbasecolor
    }
    //cycle through and change individual letters to neon color
    crossref(n).style.color=neontextcolor
    if (n>flashingletters-1) crossref(n-flashingletters).style.color=neontextcolor2
    if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=neonbasecolor
    if (n<message.length-1)
    n++
    else{
    n=0
    clearInterval(flashing)
    setTimeout("beginneon()",flashpause)
    return
    }
    }
    function beginneon(){
    if (document.all||document.getElementById)
    flashing=setInterval("neon()",flashspeed)
    }
    beginneon()
    </script>

    Tulisan ini > DIDIEU PERANTI NYIMPEN TULISAN MANEH  bisa di ganti sama tulisan yang kamu mau ! jikalau tulisannya Gk mau juga Gpp hahaha xD

    Segitu aja kali, mau ngapalin dulu ahh xD (besok TO uy xD) #sedikit curcol akakka :*

    Pasang Recent post di Blog

    Ditulis ku Unknown Jumat, 02 Maret 2012



    Pasang Recent post di Blog yuks xD,
    Nihh ada Script Recent Post dari http://monozcore.blogspot.com/ Berhubung Keyboard lagi BELIK jadi mending langsung ajah ke TKP xD


    1. Log-in ke Blogger

    2. Tata letak >> Tambah gadget >> HTML/Javascript

    3. Copas script di bawah ini
       Sekripna:

    <div style="overflow:auto;width:100%px;height:300px;padding:10px;border:1px solid #000000">
    <span id="pbl_labels"></span>
    <div id="pbl_posts"> Recent Posts </div>

    <script type="text/javascript">
    var jumlah_maksimum_post = 10;
    var dengan_ringkasan = true;
    var jumlah_karakter_ringkasan = 100;
    </script>

    <script src="http://monozcore-project.googlecode.com/files/recentpostsbylabel.js">
    </script>

    <script src="http://blog.dayztardians.com/feeds/posts/default?alt=json-in-script&callback=onLoadFeed">
    </script></div>
    <div style="text-align:center;font-size:80%;"><a href="http://blog.dayztardians.com/2012/03/pasang-recent-post-di-blog.html" style="text-decoration:none;color:white;">Get this widget</a></div>

    Jangan lupa ! Tulisan warna MERAH Diganti, Tapi lebih bagus gak di ganti akakak :*

    4. Simpan.

    Example


    Recent Posts

    Cara mengalihkan KLIK KANAN

    Ditulis ku Unknown Senin, 27 Februari 2012



    Nih bero, script untuk mengalihkan klik kanan. Maksudnya di alihkan ? jadi pas kalian mencet klik kanan, akan ada tulisan kayak gambar di atas, Mau demo ? coba deh klik kanan DISINI.  Lumayan buat mengurangi COPASTER, tapi kalo COPASTERnya pinter bisa pake CTRL+U akakak  xD

    Langsung ajah, jikalau kalian mau ikuti sajah tutorialnya !

    1.   Log-in ke Blogger

    2.  Pergike Tata Letak >> Tambah Gatget >> HTML/JavaScript

    3.  COPAS Script di Bawah ini ! (Ingat Copy dengan CTRL+C)
    <script>
    var message="TULIS PESAN ANDA DISINI";

    function clickIE4(){
      if (event.button==2){
        alert(message);
        return false;
      }
    }

    function clickNS4(e){
      if (document.layers||document.getElementById&&!document.all){
        if (e.which==2||e.which==3){
          alert(message);
          return false;
        }
      }
    }

    if (document.layers){
      document.captureEvents(Event.MOUSEDOWN);
      document.onmousedown=clickNS4;

    }else if (document.all&&!document.getElementById){
      document.onmousedown=clickIE4;
    }

    document.oncontextmenu=new Function("alert(message);return false")
    </script>

    4.  Kamu bisa mengganti tulisan warna MERAH dengan kata-kata/pesan yang akan di tampilkan

    5.  Klik simpan, lalu cek deh ke Blog, Kalo GAGAL Dirimu kurang amal xD


    Dayz   SEMOGA BERHASIL KAWAN xD

    Bikin widget Followers/pengikut Melayang

    Ditulis ku Unknown Rabu, 22 Februari 2012

    Dengan letak widget Followers di bagian pojok blogmu dan akan selalu berada di pojok  walau halaman yang ada di blogmu di-scroll atau digulung, widget followersmu akan terus berada di tempat, tepatnya di bagian pojok blog. Dengan begitu widget ini lebih sering dilihat, maka semakin besar pula peluang pengunjung blogmu untuk ikut blogmu

    Silahkan Bero ikuti Tutornya xD Langsung ke TKP

    Langkah1

    1. Buku Google Friend Connect milikmu, klik ajah >> Bukan disini xD

    2.  Pilih Gadget yang bernama "Tambahkan Gadget Anggota"

    3.  atur-atur deh, dan ambil kodenya ! paste kan dulu ke notepad biar gk ilang xD



    Langkah 2

    1. Masuk ke akun bloggermu

    2. Lalu pergi ke Rancangan > Elemen laman > Add a Gadget > HTML/Javascript 

    3. Copas Script di bawah ini !


    <style type="text/css">
    #gb{
    position:fixed;
    top:50px;
    z-index:+1000;
    }
    * html #gb{position:relative;}
    .gbtab{
    height:350px;
    width:30px;
    float:left;
    cursor:pointer;
    background:url('http://i36.tinypic.com/bi1n44.jpg') no-repeat;
    }


    .gbcontent{
    float:left;
    border:2px solid #A5BD51;
    background:#F5F5F5;
    padding:10px;
    }


    </style>
    <script type="text/javascript">
    function showHideGB(){
    var gb = document.getElementById("gb");
    var w = gb.offsetWidth;
    gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
    gb.opened = !gb.opened;
    }


    function moveGB(x0, xf){
    var gb = document.getElementById("gb");
    var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
    var dir = xf>x0 ? 1 : -1;
    var x = x0 + dx * dir;
    gb.style.right = x.toString() + "px";
    if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
    }


    </script> <div id="gb">
    <div class="gbtab" onclick="showHideGB()"> </div>
    <div class="gbcontent">


    Kode Widget Follower Anda Disini


    <script type="text/javascript">
    var gb = document.getElementById("gb");
    gb.style.right = (30-gb.offsetWidth).toString() + "px";
    </script></div></div>



    4. Ganti tulisan warna merah sama kode widget yang tadi km dapet dari Mbah !

    5. Simpan dan liat hasilnya !

    Mudahkan xD


    Dayz   SEMOGA tidak BERHASIL xD

    Cara membuat widget animasi Translator

    Ditulis ku Unknown Minggu, 19 Februari 2012

    Sekarang ane mau share cara membuat widged animasi translator dengan bendera, walaupun sudah banyak blog yang share tentang ini But gpp, kan masih ada yang belom tau xD.  
    Hmm, Langsung ajah yo ke TKP    1.  Log-in ke Blogger kamu  2. Pergi ke Tata Letak  3. Tambah Gadget >> HTML javascript  4. Copas script di bawah ini : 


    <div style="border: 1px solid rgb(204, 204, 204); margin: 5px 0pt; padding: 10px 0px 3px; text-align: center; background-color: rgb(255, 255, 255); min-width: 235px;">


    <!--GOOGLE TRANSLATE WITH FLAG ICON-->
    <div style="width: auto;" align="center">

    <!-- Add Indonesian to English-->

    <a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=id&ie=UTF8'); return false;" title="Google-Translate"><img border="0" style="cursor: pointer;" alt="English" width="24" src="http://i46.tinypic.com/k3wthh.jpg" height="24" title="Google-Translate-Indonesian-to-English"/></a>

    <!-- Add Indonesian to French -->

    <a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=ied&ie=UTF8'); return false;" title="Google-Translate"><img border="0" style="cursor: pointer;" alt="French " width="24" src="http://i50.tinypic.com/2ic7cxh.jpg" height="24" title="Google-Translate-Indonesian-to-French "/></a>

    <!-- Add Indonesian to German -->

    <a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=id&ie=UTF8'); return false;" title="Google-Translate"><img border="0" style="cursor: pointer;" alt="German" width="24" src="http://i49.tinypic.com/2uh8xhi.jpg" height="24" title="Google-Translate-Indonesian-to-German"/></a>

    <!-- Add Indonesian to Japanese -->

    <a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en&ie=UTF8'); return false;" title="Google-Translate"><img border="0" style="cursor: pointer;" alt="Japanese" width="24" src="http://i48.tinypic.com/25klr8n.jpg" height="24" title="Google-Translate-Indonesian-to-Japanese "/></a>

    <!-- Add Indonesian to Korean -->

    <a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en&ie=UTF8'); return false;" title="Google-Translate"><img border="0" style="cursor: pointer;" alt="Korean " width="24" src="http://i47.tinypic.com/2ivk5ud.jpg" height="24" title="Google-Translate-Indonesian-to-Korean"/></a>

    <!-- Add Indonesian to Chinese -->

    <a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=id&ie=UTF8'); return false;" title="Google-Translate"><img border="0" style="cursor: pointer;" alt="Chinese" width="24" src="http://i46.tinypic.com/2hyfj3p.jpg" height="24" title="Google-Translate-Indonesian-to-Chinese"/></a>

    <!-- Add Indonesian to Russian -->

    <a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en&ie=UTF8'); return false;" title="Google-Translate"><img border="0" style="cursor: pointer;" alt="Russian" width="24" src="http://i48.tinypic.com/9r4u11.jpg" height="24" title="Google-Translate-Indonesian-to-Russian "/></a>

    <!-- Add Indonesian to Spanish -->

    <a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en&ie=UTF8'); return false;" title="Google-Translate"><img border="0" style="cursor: pointer;" alt="Spanish" width="24" src="http://i45.tinypic.com/2l8i49c.jpg" height="24" title="Google-Translate-Indonesian-to-Spanish "/></a>

    <br/>
    <!-- Add Indonesian to India -->

    <a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ciw&hl=en&ie=UTF8'); return false;" title="Google-Translate"><img border="0" style="cursor: pointer;" alt="India " width="24" src="http://i47.tinypic.com/2h35rfd.jpg" height="24" title="Google-Translate-Indonesian-to-India "/></a>

    <!-- Add Indonesian to Saudi Arabia -->

    <a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en&ar=UTF8'); return false;" title="Google-Translate"><img border="0" style="cursor: pointer;" alt="Saudi Arabia" width="24" src="http://i45.tinypic.com/24nqufd.jpg" height="24" title="Google-Translate-Indonesian-to-Saudi Arabia"/></a>

    <!-- Add Indonesian to Netherland-->

    <a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en&ar=UTF8'); return false;" title="Google-Translate"><img border="0" style="cursor: pointer;" alt="Netherland" width="24" src="http://i45.tinypic.com/2a7ik5t.jpg" height="24" title="Google-Translate-Indonesian-to-Netherland"/></a>

    <!-- Add Indonesian to Portugal -->

    <a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en&ar=UTF8'); return false;" title="Google-Translate"><img border="0" style="cursor: pointer;" alt="Portugal" width="24" src="http://i47.tinypic.com/2vlv60m.jpg" height="24" title="Google-Translate-Indonesian-to-Portugal"/></a>

    <!-- Add Indonesian to Italian-->

    <a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en&ar=UTF8'); return false;" title="Google-Translate"><img border="0" style="cursor: pointer;" alt="Italian" width="24" src="http://i45.tinypic.com/8ygifd.jpg" height="24" title="Google-Translate-Indonesian-to-Italian"/></a>

    <!-- Add Indonesian to Philippines-->

    <a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ctl&hl=en&ar=UTF8'); return false;" title="Google-Translate"><img border="0" style="cursor: pointer;" alt="Philippines" width="24" src="http://i47.tinypic.com/2r7pkdu.jpg" height="24" title="Google-Translate-Indonesian-to-Philippines"/></a>

    <!-- Add Indonesian to Ukraina-->

    <a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cuk&hl=en&ar=UTF8'); return false;" title="Google-Translate"><img border="0" style="cursor: pointer;" alt="Ukraina" width="24" src="http://i50.tinypic.com/bij5s4.jpg" height="24" title="Google-Translate-Indonesian-to-Ukraina"/></a>

    <!-- Add Indonesian to Norwegia-->

    <a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cno&hl=en&ar=UTF8'); return false;" title="Google-Translate"><img border="0" style="cursor: pointer;" alt="Norwegia" width="24" src="http://i45.tinypic.com/2u61agg.jpg" height="24" title="Google-Translate-Indonesian-to-Norwegia"/></a>

    </div>

    <small>Powered by</small> <img src="http://www.google.com/ig/modules/translatemypage_content/logo.gif" align="absbottom"/><br/>
    <small><a href="http://blognyadayz.blogspot.com/" target="_blank">Widget translator</a></small><br/>

    </div>

    5. klik simpan & selesai xD  Ntar jadinya kayak gini  

    English French German Japanese Korean Chinese Russian Spanish
    India Saudi Arabia Netherland Portugal Italian Philippines Ukraina Norwegia
    Powered by
    Widget translator

       DayzSEMOGA tidak BERHASIL xD

    Cara membuat Change Background di Blog

    Ditulis ku Unknown Senin, 13 Februari 2012

    Ini gan cara membuat change Background, kemaren-kemaren susah banget neh cari ini, dan akhirnya ketemu xD.

    Kalau kalian ingin membuat Change Background ini di blog kalian, silahkan Ikuti Tutornya berikut ini Langsung ke TKP

    1. Log-in ke Blogger kamu
    2. Lalu pergi ke Tata Letak
    3. Tambah Gadget > Html java script
    4. Copas Script di bawah ini :
     <div dir="ltr" style="text-align: left;" trbidi="on">
    Ini gan cara membuat change Background, kemaren-kemaren susah banget neh cari ini widget, dan akhirnya ketemu xD.<br />
    <br />
    Kalau kalian ingin membuat widget ini di blog kalian silahkan ini scriptnyaLangsung ke TKP&nbsp; <a href="http://blog.dayztardians.com/"><img src="http://r22.imgfast.net/users/2216/26/82/68/smiles/3960641604.gif" /></a><br />
    [quote]<select name="DADcbgc" title="Change Background Image" width="900" height="602" onchange="document.body.style.background = this.value;"><option value="url(http://i1206.photobucket.com/albums/bb455/binkbenk/bejat.jpg) repeat center center fixed" />[Default]<option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoryaMDYclfQlnInEIK9s1LltG75Bp2gI4J2giRNhFrltuPqlwIEZHWdAJG3BR092xvnGBQCfdL7a8GvanliONEBhCEdLdvijm00wsy_DHRMEQZRCQeJdrjPNcp80XPImH4awJpebH28tX/) repeat center center fixed black" />Akatsuki<option value="url(http://dickeymaru.xtgem.com/DADgreenmatrix) repeat center center fixed black" />Green Matrix<option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghPjI9uOFIZIz-46SF9y8O0T84AgsXby-MzzKJgqQ0MMkSwWVXKq3LXWRNeFB9esyo0GMGn_pYHEYB8cUjYsdsgNue9zG3yOT2TnUW53MZpl5UutMVj-vKsVFbkuz10B6y83k79Xa0xfWr/) repeat center center fixed black" />Blue Matrix<option value="url(http://images2.layoutsparks.com/1/189285/love-hurts-animated-raining.gif) repeat center center fixed black" />Grey Matrix<option value="url(http://images2.layoutsparks.com/1/113436/love-red-animated-matrix.gif) repeat center center fixed black" />Red Matrix<option value="url(http://i55.tinypic.com/8x1xlt.gif) repeat-x bottom center fixed black" />Petir<option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJvbmOwakdw8aFCyry5cs5xhZ22fVFqcw8NgvIA3kDJdCWxZsjjuMbfhm8vqxjItv3H5_FJid5UnLe1_T4wV4X1wIMhR1pRT-P2Et2X9l2x1b3j_kK9hUbjno00QC_n4el3c_1plca0-FC/s288/Api.gif) repeat-x bottom center fixed black" />Red Fire<option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqUvVVK24q1bAado_cMwN0Irp0UgB92Ygq4ak-olrckmSqbCa384RkYWppxHX1f-PEdiowCfk8Ay_DYSGKHUinVV7MfE_R60RwpR66mFZ5O9gMLgK94ZJEUZwQMH5gwyAyphPnruCcAV3W/s288/Bintang.gif) repeat center center fixed black" />Bintang<option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQVyuX6S19JTAjh4LXZbbys4dxDOHS-Kmho6e3UGQSQd0hvb6VWTz6qccTpirHBPpfh3lB11ZcM-nVTRdV5NFgQtpBv8Kut0mQFJ5k3JSSsmEb6PY-N2Dgc9PYKA_yPhUK4qQ7NLQKidWX/s288/Hujan.gif) repeat center center fixed black" />Hujan<option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2VUd0ZB9m0KTtDZyQEhOxEYxAEWw63OnRMD_Jkfoo346nG_pQxZwc2xU6p363H1xOZjxUJx01GH61yyc1hafsoiNelsZqCnug1lVaT3uVTE2RLqIfj5VNcUDyMWkiRZ1POh_GT6jfCK2s/) repeat center center fixed black" />Musim Semi<option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj22XLhl_5MOZp1F_JTCBpx5I0ASz_AGsRl2u7_NE7m451w48IcaYUjCfRVpHqrhCQesYMeU-SCOpdUIARYFBvlLodRCJH48BFtaIPzfIbVaRdmbaLQF1AVFtHxlMJjVTUUOl4v9lfh7Eq3/s288/bintang.gif) repeat center center fixed black" />Kelap-kelip

        <option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjuj_8QacB7SKNSXkB4aDNHoB81BewpNKatCCmFlmGyp7cOCIHtnslD-LxbjHUx62VfzprlVra1n6YZ3WKb4AMLO40-v9nn4GIllO1zHclsYYS9l5LuxwUrmglGf8rJoPlJ0KP1ua64CLy/s288/evil.gif) repeat center center fixed black" />Head Evil

        <option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsoII5ZOXtatOep8MsB6BPaLdzbSJ6Fg4beGa0syJFUwotA0P97UUR5T8aJzaYFZ989c4oUC8tKI3gxXOAhFYs5CRvv_gsXoEgINhQAFbm07h6jEqjKJm99LPo9PE29_L-zpVrMaNN2lvU/) repeat center center fixed black" />Tengkorak

        <option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGumQVydsTEnJ-xYDIXhL6fczzlav6zcFmEYqnWq2sRRF9L5IfwcGPdfTzQpD_92qmzSqfeecDyiENCXb8MmNDDrfjXaTMFMPih6r5C54T-4HaNBf82vXM7KSxbreY6S90l3Xhi8iW5qhY/) repeat center center fixed black" />Colours Cool

        <option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsbnS8rDd-9pLFIrFbNs3O21bhFhafzeW-DVUMKSg8yqLq3-MZKaK1MqsYmskssZq_3gm2A8UpX0FvrwGqQ2Z0nalmziH9wc8zr4isSL282h4uO9ZoGU8tpHrjdw_WQ1-BPoopA0sr3KC8/s512/vampire-beauty-blood-stained.jpg) repeat center center fixed black" />Blood

        <option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYSrA9oZihwQMUReq3AXjYDLXtZ0LOuMwxzumj4ZNZEJgLm1UzZwjoGiIWaEGpapVTAXwmVTl9mouqIZYuS56XibCWr7D7MP9TAd_eWc2GRe9hZ0yw78eZv5Ek2MDm5XDFqysIKrLlEbn2/) repeat center center fixed black" />Blood Vampire

        <option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMtdRAOserw333m1ReRrQ4L0e9hIkPYdlo4fjTM_TooL8BCQPjFlWftxLKkMJpneyr81Q6zTcgriA-_IqXtd5Hc6GI5iVfIAx-s9yQO5Po-wP8aoJkIz7PYy-ciTe_i_NjAvb7FW7qrILs/) repeat center center fixed black" />Water

        <option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX1wxIPojb4t9FrMX22rVRE1PWhnC3g-h3jBC4Sd7H1RzwoYRabSqsR14K2_Is8qT2hqwCoIwrYJ7XbV6VEhM2cf92bLhjNy0uaoNqCEtJVqeC4_u5IHkgMpYbOkOivrgPXzEqTDkua8Nf/) repeat center center fixed black" />Water v2

    </select>

    <div style="font-family: Tempus Sans ITC;">

    <b>Created by »</b><a href="http://blognyadayz.blogspot.com/" style="color: #DA2400;" target="_blank"><b><blink>dayZ</blink></b></a></div><br /><div align="center"></div>


    5. Simpan

    NB : Untuk contoh silahkan lihat di sisi kiri monitor kalian !!!

    Semoga tidakBERHASIL



    NO MAHO NO CRY xD

    Cara agar widget 'Lencana Facebook' berputar

    Ditulis ku Unknown Minggu, 12 Februari 2012

    Gimana sih cara agar widget lencana facebook berputar ?. itu adalah pertanyaan saya pada saat saya mengunjungi blog tetangga  yang widget lencana facebooknya berputar-putar, setelah saya cari di abah saya tercinta (abah gugel) dan ketemu deh.

    Berikut Tutornya :

    1. Masuk ke akun Blogger Anda.

    2. Klik Rancangan > Edit HTML.

    3. Klik Download Template Lengkap untuk membuat backup template. Gunanya untuk berjaga-jaga kalau nanti terjadi kesalahan dalam pengeditan, kita dapat dengan mudah mengembalikan template seperti semula.

    4. Beri tanda centang pada Expand Template Widget.

    5. Cari kode ]]></b:skin>. Untuk mempercepat pencarian, silakan tekan Ctrl + F lalu masukkan kodenya.

    6. Copy kode di bawah ini dan paste di atas kode tersebut.
    #japarusimgfb:hover{-o-transform: scale(1.2) rotate(360deg) translate(0px);-moz-transform: scale(1.2) rotate(360deg) translate(0px);-webkit-transform: scale(1.2) rotate(360deg) translate(0px);-o-transition: all 1.5s ease;-moz-transition: all 1.5s ease;-webkit-transition: all 1.5s ease;}
    #japarusimgfb{-o-transition: all 1.5s ease;-moz-transition: all 1.5s ease;-webkit-transition: all 1.5s ease;}
    7. SIMPAN TEMPLATE 

    8. Lalu pergi ke 'Tata Letak" & Add Widget

    9. Pilih Tambah HTML/JavaScript dan tambahkan kode berikut :
    <div id='japarusimgfb'><center><a href="URL FACEBOOK KAMU" target="_blank"title="japarus"><img src="SCRIPT LENCANA PROFIL FACEBOOK KAMU" width="120" height="203" style="border: 0px;" /></a></center></div>
    • Ganti  Warna BIRU dengan Url Facebook Kamu Misal : http://www.facebook.com/reloadblock

    • Ganti Warna MERAH dengan Script lencana Profil facebook kamu

    10. SIMPAN

    NB : untuk contoh silahkan dekatkan kursor anda ke widget lencana facebook saya di sisi kanan monitor


    SEMOGA tidak BERHASIL