Tampilkan postingan dengan label BLOGGER. Tampilkan semua postingan
Tampilkan postingan dengan label BLOGGER. Tampilkan semua postingan

cara membuat teks area di blog

1.login ke blog sobat
2.pilih tata letak
3.pilih tambah gadget/add gadget
4.pilih html/java script
5.paste kode di bawah ini
6.lalu save dan lihat hasilnya




<code><span ><div><form name="copy"><div align="center"><input value="Pilih Semua" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"> </div><div align="center"></div><p align="center"><textarearows="3" cols="20" style="border: 8px inset rgb(104, 104, 204); padding: 0pt 1px; background: rgb(100, 100, 200) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: rgb(255, 255, 255); line-height: 1.5em; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px;" name="txt" wrap="VIRTUAL">
Masukan text / kode sobat di sini

</textarea></form></div></span></code>
yang warna kuning  bisa sobat ganti dngan select pilih semua block all dan lain lain
yang warna hijau adalah tinggi textarea tersebut
yang warna biru adalah lebar textarea tersebut
warna merah adalah deskripsi atau isi

membuat menu dropdown di blogspot





  • Login Ke Blog kamu.
  • Pilih Rancangan.
  • Pilih ADD GADGET.
  • Pilih HTML JAVA Script.
  • Lalu Copy Kode di bawah ini.


  • <style type="text/css">
    #black{background:-webkit-gradient(linear, left top, left bottom, from(#4B0082), to(#FF0000)); width:930px; height:32px; color:#5A6C8C; margin:0 auto; padding:0 5px; font:bold 8px Arial, Tahoma, Verdana; border-top:1px solid #666; border-bottom:1px solid #666;-moz-box-shadow: 1px 1px 10px #888;
    -webkit-box-shadow:1px 1px 10px #888;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;border-left:1px solid #333}
    #NavbarMenuleft{width:700px; float:left; margin:0; padding:0;}
    #search{width:240px; font-size:11px; float:right; margin:0; padding:0;}
    #nav{margin:0; padding:0;}
    #nav ul{float:left; list-style:none; margin:0; padding:0;}
    #nav li{border-left:1px solid #ff0000;list-style:none; margin:0; padding:0; text-shadow:1px 1px 1px #000;}
    #nav li a, #nav li a:link, #nav li a:visited{color:#fff; display:block; text-transform:uppercase; margin:0; padding:9px 15px 9px; font:bold 11px Arial, Times New Roman;}
    #nav li a:hover, #nav li a:active{background:#4a4d4c; color:#fff; padding:9px 15px 9px; text-decoration:none;}
    #nav li li a, #nav li li a:link, #nav li li a:visited{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-juk0AP6L87tkG69Vu5MSfT5-2yYXk1_Kc3158uQMf035uKtqo-tPccf41OutM7sG_we6tYlfVU6OLTyhCKfzS-LqVZdtDdLD70hMybPyN5YzeX53j5E-9Z9FxuJjAUfdlZ4owqKf-fFa/); width:150px; color:#e5e3e3; text-transform:capitalize; float:none; margin:0; padding:3px 10px; border-bottom:1px solid #151f23; border-left:px solid #151f23; border-right:2px solid #151f23; font:normal 14px Georgia, Times New Roman;-moz-box-shadow: 1px 1px 10px #888;
    -webkit-box-shadow:1px 1px 10px #888;
    -webkit-border-radius: 6px;}
    #nav li li a:hover, #nav li li a:active{background:#4a4d4c; color:#fff; padding:3px 10px;}
    #nav li{float:left; padding:0;}
    #nav li ul{z-index:9999; position:absolute; left:-999em; height:auto; width:170px; margin:0; padding:0;}
    #nav li ul a{width:140px;}
    #nav li ul ul{margin:-24px 0 0 170px;}
    #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul{left:-999em;}
    #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul{left:auto;}
    #nav li:hover, #nav li.sfhover{position:static;}
    #searchbox{padding:0; margin:0;}
    #search input{background:#fff; color:#000; float:left ;margin:5px 0 0 10px; width:168px; padding:3px 7px; border:1px solid #cdcdcd; font:normal 11px arial, verdana, Times New Roman;}
    #search .btn{background:#333; color:#fff; font-size:11px; margin:5px 0 0 3px; padding:2px; width:30px; cursor:pointer; border-left:1px solid #666; border-top:1px solid #666; border-right:2px solid #111; border-bottom:2px solid #111;}
    #top{background:#f6f6f6; margin:10px auto 0; padding:10px; width:918px; border:1px solid #ccc; word-wrap: break-word; overflow: hidden; font-size:13px;}
    #top a, #top a:visited{font-weight: normal; color: #00338F; text-decoration: none;}
    #top a:hover{color:#cc0000; text-decoration: underline;}
    #top p {font-size: 14px; font-weight: bold; padding: 0; margin: 0;}
    .topleft {width: 304px; float: left; margin: 0; padding:0;}
    .topleft img a, .topleft img {border:1px solid #ccc; margin: 0; padding: 1px;}
    .topright {width: 600px; float: right; margin:0; padding:0; text-transform: normal;}
    </style>
    <div id='outer'>

    <div id='black'>
     

    <div id='navbarmenuleft'>
     

    <ul id='nav'>
     

    <li><a href='
     http://tatangsuryana24.blogspot.com/'>Home</a></li>

    <li><a href='
     #'>Tutorial</a>

    <ul>
     

    <li><a href='
     http://tatangsuryana24.blogspot.com/#/2012/10/kumpulan-url-link-update-status.html'>update status facebook</a></li>

    <li><a href='
    http://tatangsuryana24.blogspot.com/2012/10/membuat-effek-berputar-dan-zoom-pada.html'>membuat efek gambar</a></li>

    </ul></li>
     

    <li><a href='
     #'>software</a>

    <ul>
     

    <li><a href=
    'http://tatangsuryana24.blogspot.com/#/2012/10/download-idm-optimizer.html'>idm optimizer</a></li>

    <li><a href='
    http://tatangsuryana24.blogspot.com/2012/09/download-speccy.html'> download speccy</a></li>

    <li><a href='
     http://tatangsuryana24.blogspot.com/2012/10/download-idm-612-build-19-full-patch.html'>download idm 6.12</a></li>
    </ul></li>
     
    </div>




    save lalu lihat hasilnya

    good luck semoga bermanfaat!!

    membuat gambar melayang di blog


    [1]. Pertama Login dulu ke Blog Kalian
    [2]. Trus cari Rancangan --> Add Gadget --> HTML/Java Script
    [3]. Lalu Copy dan Paste-kan Code di bawah ke dalamnya
    <script language='JavaScript'>
    var no = 7;
    var speed = 5;
    var snowflake = "http://i634.photobucket.com/albums/uu66/oktri_2009/kampret.gif";
    </script>
    <script language='JavaScript' src='http://jmkjs.googlecode.com/files/Gambar%20Jatuh.js'/>
    [4]. Ganti tulisan yang berwarna kunig dengan Link Gambar Kalian.
    [5]. Simpan dan lihat hasilnya.

    membuat effek berputar dan zoom pada gambar di setiap postingan


    1]. Pertama, pastinya LogIn dulu ke BLOG Kalian.
    [2]. Kemudian dari Dasbor, cari Template --> Edit HTML.
    [3]. Lalu tekan Tombol CTRL + F atau F3 pada Keyboard, dan cari Code ]]></b:skin>.
    [4]. Kemudian CoPas Code di bawah tepat di ATAS Code ]]></b:skin>.
    .post img{-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}.post img: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}}
    [5]. Terakhir tinggal di SIMPAN dan lihat hasilnya.

    OK,sekian Tips Blogger kali ini, semoga Tips ini bermanfaat buat Sobat Blogger semuanya, dan buat Sobat Blogger yg sudah Request, semoga  sudah terjawah pertanyannya.


    Baca Selengkapnya Di : http://indonesianblog-jmk.blogspot.com/2012/06/cara-membuat-effect-berputar-dan-zoom.html#ixzz28LQAvCFQ

    cara membuat rowspan dan colspan


    tatang suryana

    heeemm...belajar HTML
    saya terinspirasi dari tugas yang di berikan oleh guru tekweb saya..
    dia menyuruh say membuat rowspan dan colspan,awalnya sih saya sempet bingung dan puyeng tujuh keliling...
    soalnya ,,,,maklum lah bagi saya itu sesuatu yang sulit,karna saya masih belajar,,
    tapi setelah saya coba walupun sering sekali gagal.. dan akhirnya ..

    jeng jreeennngggggggg!!!!
    berhasil deh..
    langsung aja ke langkah pertama anda harus masuk dulu di notepad
    kalo udah masuk lalu paste kode di bawah ini ya
    code :


    <html>
    <head>
    <title>rowspan dan clospan</title>
    </head>
    <body>

    <table bgcolor="blue" border="1">
    <caption> DAFTAR WIRANIAGA </caption>
    <tbody>
    <tr>
    <th bgcolor="red" colspan="2" rowspan="2">wiraniaga</th><th bgcolor="red" colspan="2">kota</th>
    </tr>
    <tr>
    <td bgcolor="BLUE">semarang</td>
    <td bgcolor="GREEN">kudus</td>

    </tr>
    <tr>
    <td bgcolor="GREEN" rowspan="2">jenis kelamin</td>
    <td bgcolor="PINK">wanita</td>
    <td bgcolor="BLUE">30</td>
    <td bgcolor="GREEN">20</td>
    </tr>
    <tr>
    <td bgcolor="PINK">pria</td>
    <td bgcolor="BLUE">20</td>
    <td bgcolor="GREEN">8</td>
    </tr>
    </table>

    </body>
    </html>


    setelah itu save dan simpan dengan extension html atau htm ,misalnya rowspan dan colspan.html
    lau rubah save as type isi dengan All file
    lalu simpan di tempat mana saja

    lalu buka  file htm lnya ...
    MAKA AKAN MUNCUL SEPERTI GAMBAR DI BAWAH :

    DAFTAR WIRANIAGA
    wiraniagakota
    semarang kudus
    jenis kelamin wanita 30 20
    pria 20 8
    selesai

    good luck ya
    SEMOGA BERMANFAAT !!!


    membuat burung twitter beterbangan di blog


    tatang suryana

     1.  Login dulu di Blogger dengan Akun Sobat.

         2.  Pada Dasbor, masuk ke Rancangan atau ke Tata Letak.


         3.  Lalu tambahkan Gadget atau Klik Tambah Gadget.

         4.  Setelah itu pilih HTML/JavaScript.

         5.  Pada Konten, COPAS kode di bawah ini. Bila tidak perlu jangan di buat judul :

    <!-- floating twitter Bird -->
    <script type="text/javascript" src="http://oktriblog.googlecode.com/files/twitterfloat.js"></script>
    <script type="text/javascript">
    var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBAoD-_8_4dBVPysQenZvpyGLfkk0emha-aUK2GJaDSDNSg7lhtj9EofrIqQL_0K6pfpc_giRo6TBEuEyE0VEBD7vSA3C_ASXfGGeaJntvWJuxzwiwSzzATP2HScL7syTEKm7eA-fcyMQY/"; 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/#!/@new_tatang95";var tweetThisText = "Twitter - UserIDhttp://www.tatangsuryana24.blogspot.com/";tripleflapInit();
    </script>
          6.  Sebelum di simpan, Ganti kode berwarna diatas.
               @ Ganti Kode Berwarna Hijau dengan nama Twitter anda.
               @ Ganti Kode Berwarna Biru dengan URL Blog anda.
               @ Ganti Kode Berwarna Merah dengan gambar Twitter yang sobat mau.
    1. Burung Berwarna Biru.

    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDnAT-W9fV8OgD7Eqcm7NHBly5Zuy2jtib3IsgOC67jJcIiSheAfVObtGTV6vAGp2Yau5dMS2eMaOFTjYq-4yW1qVWVboy_Qay0Rc6cXwrV-ZSqPxnOYrESoovZHxKygTrwKBw405pOwFL/
    2. Burung Berwarna Merah.

     
    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidrOI7_CoifAtddnkHnT7DlZQLHqKAt3k28AYChL8fGbPvTPacbhUVbhyqVEmEgJ5npyG6djA6VFWoTSzBgjiKzArl51X7pF2UGvipQOQAXx5hyphenhyphencUpipWqDTcWild3v-6FUISMzk1RkPHY/
    3. Burung Berwarna Blak.


    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKi6LcPrpl1Dxwrx7TjkTLVbkw_SN9_EObOf_22g885d5QI_8i3CQQR1dXwB9W1EuQrOMp60O77_BBbsfZvDEKuKMhJOEK1KORFZhjsik_78Ya3lvrqVI4LxsFS7y7FWXLUaqAGgNmOIzf/
    4. Burung Memakai Topi Sinterklass.

     
    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBAoD-_8_4dBVPysQenZvpyGLfkk0emha-aUK2GJaDSDNSg7lhtj9EofrIqQL_0K6pfpc_giRo6TBEuEyE0VEBD7vSA3C_ASXfGGeaJntvWJuxzwiwSzzATP2HScL7syTEKm7eA-fcyMQY/

         7. Penghasilan kena pajak semuanya BeresBack to top Simpan.

          8. Lalu Tukang pilih Lihat HasilnyaBurung Twitter Akan Terbang Ke Sana kemari.

    sekian dan terimakasih !!


    GOOD LUCK !!

    membuat teks menpunyai efek matrix


    ingin memmbuat teks seperti yang di bawah ini
    tatang suryana

    copy code berikut:

    <script src="http://vikry.googlecode.com/files/my script.js" type="text/javascript">
    </script>
    <br />
    <div id="matrix">
    tatang suryana</div>
    <style type="text/css">
    body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-10/cur969.ani), url(http://cur.cursors-4u.net/cursors/cur-10/cur969.png), progress !important;}
    </style><br />

    yang warna biru ganti dengan nama anda atau apapun itu  lalu save..


    good luck

    membuat title bergerak

    tatang suryana

    langkah-langkahnya:
    1.masuk ke dasbor blog anda
    2.pilih desain
    3.pilih tata letak
    4.pilih tanbah gadget,setelah muncul kolom dialog
    5.pilih HTML/javascript
    6.pastekan kode di bawah dalam kolom tersebut

    code:

    <script>function tb8_makeArray(n){this.length = n;return this.length;}tb8_messages = new tb8_makeArray(3);
    tb8_messages[0] = "Hai Sobat Blogger...";
    tb8_messages[1] = "Welcome to tatang suryana Blog";
    tb8_messages[2] = "tatangsuryana24.blogspot.com";
    tb8_rptType = 'infinite';
    tb8_rptNbr = 5;
    tb8_speed = 125;
    tb8_delay = 1000;
    var tb8_counter=1;
    var tb8_currMsg=0;
    var tb8_tekst ="";
    var tb8_i=0;
    var tb8_TID = null;
    function tb8_pisi(){
    tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);
    document.title = tb8_tekst;
    tb8_sp=tb8_speed;
    tb8_i++;
    if (tb8_i==tb8_messages[tb8_currMsg].length){
    tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay;
    }
    if (tb8_currMsg == tb8_messages.length){
    if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){
    clearTimeout(tb8_TID);
    return;
    }
    tb8_counter++;
    tb8_currMsg = 0;
    }
    tb8_TID = setTimeout("tb8_pisi()", tb8_sp);
    }
    tb8_pisi()
    </script>

    lalu save..good luck selamat menciba

    daftar warna RGB

    tatang suryana

    NamaContohKode warnaRGBCMYKHSV
    Abu-abu#8080801281281280, 0, 0, 1280, 0, 50
    Biru#0000FF00255255, 255, 0, 0240, 100, 100
    Biru laut#00008000128255, 255, 0, 127240, 100, 50
    Coklat#964B001507500, 74, 150, 10530, 100, 59
    Emas#FFD70025521500, 40, 255, 051, 100, 100
    Hijau#00FF0002550255, 0, 255, 0120, 100, 100
    Hitam#0000000000, 0, 0, 2550, 0, 0
    Kuning#FFFF0025525500, 0, 255, 060, 100, 100
    Magenta#FF00FF25502550, 100, 0, 0300, 100, 100
    Mawar#FF007F25501270, 100, 50, 0330, 100, 100
    Merah#FF0000255000, 255, 255, 00, 100, 100
    Merah marun#800000128000, 255, 255, 1270, 100, 50
    Merah jambu#FFC0CB2551922030, 63, 52, 0350, 25, 100
    Nila#6F00FF111025557, 100, 0, 0266, 100, 100
    Oranye#FF7F0025512700, 50, 100, 030, 100, 100
    Perak#C0C0C01921921920, 0, 0, 630, 0, 75
    Putih#FFFFFF2552552550, 0, 0, 00, 0, 100
    Sian#00FFFF0255255100, 0, 0, 0180,100,100
    Ungu#BF00FF191025525, 100, 0, 0285, 100, 100
    Violet#8F00FF143025544, 255, 0, 0274, 100, 100
    Zaitun#80800012812800, 0, 100, 5060, 100, 50

    sumber : wikipedia.com

    memasang lagu di blog

    tatang suryana
    1. Kunjugi http://www.esnips.com/. Untuk bisa memanfaatkan fasilitasnya anda harus signup terlebih dahulu. Jika sudah, sign-in ke akunnya.

    2. Klik Upload Files lalu klik Select Files

    3. Pilih lagu yang mau anda putar lalu pilih folder dimana anda mau memyimpan lagunya. Pastikan folder yang anda pilih adalah bersifat Public. Karena kalauPrivate anda tidak bisa menambahkan lagunya kedalam playlist.

    4. Jika sudah klik Upload Now

    5. Tunggu hingga proses upload selesai.

    6. Jika sudah klik menu Folder. Pilih folder dimana anda menyimpan menyimpan lagunya

    7. Pilih lagu-lagu yang ingin anda pasang dengan cara klik Add to quicklist
    esnips add to quicklist
    8. Jika sudah, scroll ke bagian atas halaman lalu klik Create playlist widgets

    esnips create playlist
    9. Pilih skin yang anda inginkan. Lalu copy kodenya yang ada pada kotak.

    esnips widget

    10. Buka blogger. Paste kodenya pada menu HTML/ Javascript lalu klik Save

    11. Selesai. Silahkan lihat hasilnya.

    mengatasi copy paste pada blog

    tatang suryana
    masuk ke blog anda=>desain=>template=>edit HTML=>lalu paste code berikut di bawah code </head>

    code:

    <script type='text/javascript'>if (typeof document.onselectstart!=&quot;undefined&quot;) {document.onselectstart=new Function (&quot;return false&quot;);}else{document.onmousedown=new Function (&quot;return false&quot;);document.onmouseup=new Function (&quot;return true&quot;);}</script>

    membuat kolom daftar isi di blog

    tatang suryana
    masuk ke blog anda =>pilih desain=>pilih tata letak=>pilih tambah gadget=>pilih HTML/javascript
    lalu paste kode di bawah=>setelah di paste lalu simpan.....selesai !!!

    <div style="overflow:auto;width:430px;height:120px;padding:10px;border:1px solid #eee"><script style="text/javascript" src="http://sites.google.com/site/barajajs/listofcontent/contents.js"></script><script src="http://tatangsuryana24.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
    </div>


    keterangan:
    1.width:430px :lebaar kolom
    2.height:120px : tinggi kolom
    3.tatangsuryana24.blogspot.com : nama blog anda

    Postingan Lama Beranda