Posts Subscribe to This BlogComments

Follow Us

New Articles

1 2 3 4 5

Senin, 10 Januari 2011

Cara Pasang Add To Card Buy

1.buka blogger
2.edit entri
3.pilih yg mana kamu mau jual
4.klik edit
5.kamu ke teks terhakir
6.copy kode di bawah ini
<!--<a class="boldbuttons"
 href="http://ronnyliem.utoko.com/main/index/item
/Cara-Membuat-Halaman-Menu-Dropdown-di-Blog/4883"
><span>Detail</span></a>--><a class="boldbuttons"
 href="http://ronnyliem.utoko.com/main/index/buy/4883
 style="margin-left: 6px; float:right"><span>Add to Cart &raquo;</span></a></div>
						</div>
						<div style="clear:both"></div>
					</li>
				
					<li>
			





  • 7.simpan
    8.tar ada tulisan html tidak bisa di terima
    9.kamu centrang kotak yg ada tulisan jangan tampilkan ini lagi
    trus simpan

  • Read More...

    Login


















    Read More...

    Sabtu, 08 Januari 2011

    Cara Membuat Halaman Menu Dropdown di Blog

    1. Login ke Blogger.
    2. Pilih Edit Tamplate
    3. pilih Edit HTML

    4. cari kode ]]></b:skin>
    5. Silakan anda copy kode di bawah ini :


    /* ----- NAVBAR MENU ----- */
    #NavbarMenu {

    width: 780px;
    height: 30px;
    background:#99C9FF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGj5QspGvG_g2lXOQAeFXs56T2NMQe8ATdwXmn5yLZExX36Lmrs3DsISChMfhE3eZCjZoKKVKf8brO3RIkShT3EBQpaoPz048amjkuY-fNvBw13LhFEPTNvA3Y_85585g4oAuVjOf5u2NO/s800/navbar.gif) repeat-x top;
    color: #3D81EE
    margin: 0 auto 0;
    padding: 0;
    font: bold 11px Arial, Tahoma, Verdana;
    border-top: 1px solid #AFAFAF;
    border-bottom: 1px solid #FFFFFF;
    }
    #NavbarMenuleft {
    width: 680px;
    float: left;
    margin: 0;
    padding: 0;
    }
    #nav {
    margin: 0;
    padding: 0;
    }
    #nav ul {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    }
    #nav li {
    list-style: none;
    margin: 0;
    padding: 0;
    }
    #nav li a, #nav li a:link, #nav li a:visited {
    color: #3D81EE;
    display: block;
    text-transform: capitalize;
    margin: 0;
    padding: 9px 15px 8px;
    font: normal 14px ARIAL;
    }
    #nav li a:hover, #nav li a:active {
    background:#99C9FF;
    color: #3D81EE;
    margin: 0;
    padding: 9px 15px 8px;
    text-decoration: none;
    }
    #nav li li a, #nav li li a:link, #nav li li a:visited {
    background: #3D81EE url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGj5QspGvG_g2lXOQAeFXs56T2NMQe8ATdwXmn5yLZExX36Lmrs3DsISChMfhE3eZCjZoKKVKf8brO3RIkShT3EBQpaoPz048amjkuY-fNvBw13LhFEPTNvA3Y_85585g4oAuVjOf5u2NO/s800/navbar.gif) repeat-x top;
    width: 150px;
    color: #000;
    text-transform: lowercase;
    float: none;
    margin: 0;
    padding: 7px 10px;
    border-bottom: 1px solid #99C9FF;
    border-left: 1px solid #99C9FF;
    border-right: 1px solid #99C9FF;
    font: normal 15px,;
    }

    #nav li li a:hover, #nav li li a:active {
    background: #99C9FF;
    color: #3D81EE;
    padding: 7px 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: -32px 0 0 171px;
    }
    #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;
    }

    6. Simpan di atas kode ]]></b:skin>

    catatan :
    1. pada text yang berwarna hijau di atas sesuaikanlah dengan lebar tamplate yang anda gunakan
    2. pada text yang berwarna orange di atas biarkan saja


    Selanjutnya Kamu Ke Rancangan Laman Trus Tambah Gadget Pilih java/html Trus Copy Code Di Bawah Ini

    <div id='NavbarMenu'>
    <div id='NavbarMenuleft'>
    <ul id='nav'>
    <li><a expr:href='data:blog.homepageUrl'>Home</a></li>
    <li><a href='Link-Kamu'>Tentang Kami</a>
    <ul>
    <li><a href='
    Link-Kamu'>Sejarah Perusahaan</a></li>
    <li><a href='
    Link-Kamu'>Profil Perusahaan</a></li>
    <li><a href='
    Link-Kamu'>Struktur Organisasi</a></li>
    <li><a href='
    Link-Kamu'>Hubungi Kami</a></li>
    </ul>
    </li>
    <li><a href='
    Link-Kamu'>Komputer</a></li>
    <li><a href='
    Link-Kamu'>Hardware</a></li>
    <li><a href='http://asksalman19.blogspot.com/search/label/Download%20Software'>Software</a>
    <ul>
    <li><a href='http://asksalman19.blogspot.com/search/label/Anti%20Virus'>Antivirus</a></li>
    <li><a href='
    Link-Kamu'>Download MP3</a></li>
    <li><a href='
    Link-Kamu'>Desktop Enhancements</a></li>
    <li><a

    href='http://asksalman19.blogspot.com/2010/01/pembuat-banner-animasi-webblog.html'>Software
    Pembuat Banner</a></li>
    <li><a href='#'>Internet</a>
    <ul>
    <li><a href='http://asksalman19.blogspot.com/search/label/Internet'>Dial-Up n Connectivity</a></li>
    <li><a href='http://asksalman19.blogspot.com/search/label/Utility%20Tool'>Security and Spyware</a></li>
    <li><a href='http://asksalman19.blogspot.com/search/label/Utility Tool'>Peralatan</a></li>
    </ul>
    </li>
    <li><a href='
    Link-Kamu'>System Tools</a></li>
    <li><a href='
    Link-Kamu'>Others</a></li>
    </ul>
    </li>
    <li><a href='
    Link-Kamu'>Template</a>
    <ul>
    <li><a

    href='http://hyperjadulz.blogspot.com/search/label/New%20Blogger%20Template'>New
    Blogger Template</a></li>
    <li><a href='Link-Kamu'>Classic Template</a></li>
    </ul>
    </li>
    <li><a href='#'>Tutorial</a>
    <ul>
    <li><a href='http://asksalman19.blogspot.com'>Belajar Komputer</a></li>
    <li><a href='http://asksalman19.blogspot.com/search/label/Tips Blog'>Belajar Blogspot</a></li>

    <li><a

    href='http://asksalman19.blogspot.com/2009/09/tutorial-mudah-blog.html'>Tutorial
    Mudah Blog</a></li>

    </ul>
    </li>
    <li><a
    href='/feeds/posts/default'><img
    src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpL8tAo0pk_nsANZt-Kyn0MIUGvEY6yDdaR1piwkfzw5ojM3EcUk7OVwgyboUH_DpEjTZ0FLQXzwFvYttmxKf4YmKzM_-8-i90Endokb2GF3hMdMvBVqopFwrlMBpNm2CJhUDjWs3wpEs/s1600/rss.gif'
    style='vertical-align:middle'/> RSS Feeds</a></li>
    </ul>
    </div>

    </div> <!-- end navbar -->&gt;
    </div>
    <body>

    Simpan






    Add to Cart »



  • Read More...

    Selasa, 04 Januari 2011

    Cara Membuat Taskbar Melayang di BLog.. Gadget Wibiya

    1. Buka website WIBIYA ...




    2. Di website wibiya kLik tombol Get It Now...



    3. Lalu akan muncul halaman Site invitation (Request an invite)... Isilah form-nya dengan lengkap ..akan ada konfirmasi via email..



    4. Buka email kamu untuk melihat konfirmasi invitation dari Wibiya...



    seperti gambar dibawah ini contohnya jika kamu sudah sukses diterima jadi user di Wibiya..




    5. Karena permohonan penggunaan Gadget Taksbar Wibiya akan memerlukan 1 atau 2 hari baru bisa digunakan di Blog kita.. Nanti kamu akan mendapatkan TOKEN yang menandakan telah bisa menginstal gadget taskbar ini di blog-mu.. Isilah Token beserta email kamu di form LOgin to Beta for the first time..



    6. Jika sudah Login.. kamu akan di pandu bagaimana cara menginstalnya... dan aturlah sesuai dengan yang kamu inginkan tampilannya... SimpLe kan.. :-) ;-)



    .....Selamat MenCoba Sobat2 Blogger.....



    Add to Cart »



  • Read More...

    Cara Membuat Tulisan Berjalan "MARQUEE"

    1. Log in ke Blogger
    2. Masuk ke Dasbor
    3. Pilih Tata Letak
    4. Tambah Target / Add As Target (terserah ente)
    5. Pilih HTML/JavaScript
    6. Copy Paste script dibawah ini :

    Contoh MARQUEE dasar :

    Kalimat Anda

    Berjalan dari kanan ke kiri tanpa pembatas


    <marquee>Kalimat Anda</marquee>


    Berjalan dari kiri ke kanan tanpa pembatas

    Kalimat Anda

    Cara menulisnya :

    <marquee direction="right">Kalimat Anda</marquee>


    Berjalan Kekanan dan kekiri tanpa pembatas

    Kalimat Anda

    Cara menulisnya :

    <marquee behavior="alternate">Kalimat Anda</marquee>


    Berjalan dari kanan ke kiri, tapi akan berhenti saat mouse berada diatas tulisan tersebut

    Kalimat Anda

    Cara menulisnya :

    <marquee onmouseover="this.stop()" onmouseout="this.start()">Kalimat Anda</marquee>


    Ini contoh marquee kanan kiri dengan kecepatan yang bisa di atur dengan menambahkan perintah "Scrollamount"

    Kalimat Anda

    Cara menulisnya :

    <marquee behavior="alternate" scrollamount="18">Kalimat Anda</marquee>


    Anda bisa mengatur kecepatan sesuai selera anda dengan mengganti value atau angka pada kata scrollamout

    Teks Anda

    Cara menulisnya :

    <marquee direction="up">Teks Anda</marquee>


    Teks Anda

    Cara Menulisnya :

    <marquee direction="down">Teks Anda</marquee>


    Teks Anda

    Cara menulisnya :

    <marquee direction="up" behavior="alternate" scrollamount="18">Teks Anda</marquee>


    Kalau sekarang marquee dengan pembatas biasanya untuk kata/kalimat yang berurutan, agar tidak terlalu memakan tempat, bergerak keatas dan akan berhenti saat mouse anda berada diatasnya

    Kalimat Anda
    Kalimat Anda
    Kalimat Anda
    Kalimat Anda
    Kalimat Anda
    Kalimat Anda


    Cara menulisnya :

    <marquee direction="up" onmouseover="this.stop()" width="200" scrollamount="3" onmouseout="this.start()" height="100">Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br></marquee>


    Ini kalau ke bawah dan "bablas" aja walaupun mouse anda berada diatasnya (tanpa kode muoseover....)

    Kalimat Anda
    Kalimat Anda
    Kalimat Anda
    Kalimat Anda
    Kalimat Anda
    Kalimat Anda


    Cara menulisnya :

    <marquee direction="down" width="200" scrollamount="4" height="100">Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br></marquee>


    Ini dengan perintah "center" agar tulisan berada di posisi tengah form/bingkai :

    Kalimat Anda
    Kalimat Anda
    Kalimat Anda
    Kalimat Anda
    Kalimat Anda
    Kalimat Anda


    Cara menulisnya :

    <center><marquee direction="up" onmouseover="this.stop()" width="200" scrollamount="1" onmouseout="this.start()" height="100">Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br></marquee></center>


    7. Simpan....
    8. Selesai ^_^





    Add to Cart »



  • Read More...

    Cara Membuat Link/Tulisan Pelangi


    Tinggal ente Copas (Copy/Paste) ajjah kode yang ada di bawah ini :

    <script src="http://sites.google.com/site/copycatgroup/Home/jsfile/rainbowtext.js"></script>


    Kalo udah kamu Copy, kamu Paste di sini yUa!!!

    Caranya :

    > Masuk ke Dasbor
    > Pilih "Tata Letak"
    > "Edit HTML"
    > Lalu cari kode seperti ini : </head>

    Kalo udah ketemu, ente Paste kode di atas tadi di Bawah kode </head>
    > Klik 'Save'
    > Kalau kamu ingin membuat tulisan berwarna-warni di post kamu, tambahkan kode di bawah ini saat kamu menulis post untuk blog kamu:

    <span class="rainbow_text"> Tulisan yang ingin dibuat berwarna-warni</span>


    Selamat ber-Eksperimen



    Add to Cart »



  • Read More...

    Cara Membuat Link Berkelip-Kelip

    Tinggal ente Copas (Copy/Paste) ajjah kode yang ada di bawah ini :

    <script src='http://mizwar.blog.googlepages.com/rainbow.js' type='text/javascript'> </script>


    Kalo udah ente Copy, ente Paste di sini yUa!!!

    Caranya :


    > Masuk ke Dasbor
    > Pilih "Tata Letak"
    > "Edit HTML"
    > Lalu cari kode seperti ini : </head>

    Kalo udah ketemu, ente Paste kode di atas tadi di Bawah kode </head>
    Read More...

    Postingan Lama Beranda