Tampilkan postingan dengan label Tutorial. Tampilkan semua postingan
Tampilkan postingan dengan label Tutorial. Tampilkan semua postingan

Iklan PPC Penghasil Dollar Di Internet

Buat yang mau coba coba nyari duit lewat ptc... Ini ane punya linknya... Untuk tutorialnya ane jelaskan di posting selanjutnya...
1. www.trafficmonsoon.com
Share Up To 110 % - 10% Affiliate Program
2. www.buxten.com
3. Littlebux, Silahkan Klik banner di bawah ini...

3. Neobux

4. Adfiver

5. Easy Money Systemz

Bagi sobat yang belum punya akun paypal, bila berkenan silahkan mendaftar melalui link refferal ane Disini

Read More | Komentar (5)

Membuat Link Bergoyang Pada Blog

Sobat mungkin sudah sering melihat di blog bila kita arahkan kursir ke link, maka link tersebut akan bergoyang seperti yang ada di blog ane ini.
Untuk kali ini ane coba posting bagaimana caranya....
Sangat Mudah, tinggal ikuti tahapannya sebagai berikut :
  1. Login ke blog sobat

  2. Pada dashbor pilih Rancangan --->>> Edit HTML

  3. Cari kode </head> dan letakkan kode berikut tepat diatasnya :
    <script src='https://sites.google.com/site/daelantutunk/daelantutunk/linkgoyang.js' type='text/javascript'/>
    <script type='text/javascript'>
    $(document).ready(function() {
    $(&#39;a&#39;).hover(function() { //mouse in
    $(this).animate({ marginLeft: &#39;12px&#39; }, 400);
    }, function() { //mouse out
    $(this).animate({ marginLeft: 0 }, 400);
    });
    });</script>

  4. Kemudian simpan template dan lihatlah hasilnya....


Read More | Komentar (3)

Membuat Menu Drop Down

Kali ini ane coba bagi bagi ilmu buat sobat blogger semua....
Cukup lama juga ane cari tutorialnya, dan akhirnya dapet juga....
Ne, langsung ane bagi buat sobat blogger semua.....


  1. Login ke blog sobat
  2. Pilih Rancangan
  3. Pilih Edit HTML
  4. Untuk menjaga kemungkinan yang tidak diinginkan, lebih baik sobat back-up dulu template sobat, atau boleh juga dengan mencentang Expand Template Widget
  5. Setelah itu, cari kode ]]></b:skin>, untuk mempercepat pencarian tekan cntrl + F.
  6. Copy paste kode di bawah ini tepat di atas kode ]]></b:skin> tersebut
        #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{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:0px 0px 0px; font:bold 11px Arial, Times New Roman;}
        #nav li a:hover, #nav li a:active{color:#fff; padding:2px 2px 2px; text-decoration:none;}
        #nav li li a, #nav li li a:link, #nav li li a:visited{width:150px; color:#e5e3e3; text-transform:capitalize; float:none; margin:0; padding:0px 0px; border-bottom:0px solid #151f23; border-left:0px solid #151f23; border-right:0px solid #151f23; font:normal 14px Georgia, Times New Roman;}
        #nav li li a:hover, #nav li li a:active{color:#fff; padding:2px 2px;}
        #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;}
        #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;}

  7. Kemudian cari kode <body> dan letakkan script di bawah ini tepat di bawah kode <body>

    <div id='outer'>
    <div id='NavbarMenu'>
    <div id='NavbarMenuleft'>
    <ul id='nav'>
    <li><a href='http://pengembara-alam-maya.blogspot.com/'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhekytB2xdew2YhMag73pLgsb87L-b-OTiiFiDF6Cb2JzFMnqxqXkNLOWKuxbmxDgWQULCcrWsy_nacLPXLSN5fro4Fz4tbMIPBT_MRA71isUQwRetw_PQh1epc9cc05fX-lovakKlh9yKV/'/></a></li>
    <li><a href='http://pengembara-alam-maya.blogspot.com/2011/07/daftar-isi.html'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1GT-KsVzlw0Eps2KjXUXw1nSc13bQosuUNChTFo4lSLjiuh8JTRkFScpG2PEMBhSnWUhCM8b-tedO1a_mO8NJcVaDOi9eTKaYF2P98r25UQhLQlcx_i4EByVpUWkZbcQsiDBXvZZUdTLk/'/></a></li>
    <li><a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMBfSWpoAQfMEQb0jZZEbGhSlukmZpacKueWByS6U3WXqEzopZIUcopqtS-xF8rueHdu2rtFLVKYZ1u3Mbr4hBZK8MLDwMQUUMkyLmswGkWoKqRh_Dp2HyDw-7TVsriKd_8rml4Savl6au/'/></a>
    <ul>
    <li><a href='http://pengembara-alam-maya.blogspot.com/2011/07/tukar-link.html'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjfwqkJYoT3lg1xxUOkbjXu7_u-2igm1jgxSWjodCCwanttkBQAu4JO_zqYSgD312j8s35fovoTCGF8lSgZonFQVsC_dL8cTsfWlSr9EG8n5_LeJ9sMEb8D7LobUFgZhQOcFuo4zHf-2Cj/'/></a></li>
    <li><a href='http://pengembara-alam-maya.blogspot.com/2011/07/friend-banner.html'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLdI54oPbK5yV86p9Ib00Bhzh5SnP00kjQ94taB_8RFpxvLcag4eatQhJkRR4KtmAjQZ8ufVwy8dy1YMI5biYp2AwCYGqEUKskLC0Q2CEcZ2rspttFSXGE3d23_GgFzDZbyvRaBhDDUzjc/'/></a></li>
    </ul></li>
    <li><a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi069KBHYVpx2jeG71l10SKAh6A8yU3YDd-RPPPlmCq4IiElIHjMjENKSxQ2WLWEMXB72d0X14k3TyCqKoy6eBTFl0hHi2Lm8CekAh8v0DfFkUJqj_Rr_SW7Kt5ntUj0ebe0TGfSKY_A-5U/'/></a>
    <ul>
    <li><a href='http://pengembara-alam-maya.blogspot.com/search/label/Trik%20Facebook'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiySVEybodnVVztjZi7Q7cqj6aUuSQBRgQ6-7adyZhGgMXrc063BrqjRs9hoZBVNSd1jRi-T2HYLqUlX6wD7bivkorHyASadazvVYGkgUW_P8CeIgMLl4v3zHU7Hh_UVYqAnpv1kA5OTdHm/'/></a></li>
    <li><a href='http://pengembara-alam-maya.blogspot.com/search/label/Tips%20dan%20Trik'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCCRzeRO_0qEU2-E4BxnNX1iphlLY3m1BZ9UmpDsn7PgNdfp-fyouDl4pOadAo86ZyAgzK14I5YYXG4-d8-Nr603mARP8D0BZ2eZhuV9fEtNFQptKz7BpDU0823p8cf-DY1otUQerUGWa5/'/></a></li>
    <li><a href='http://pengembara-alam-maya.blogspot.com/search/label/Tutorial'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxdeWP8xEycuYgEZgQmB3Aif3HMnbmx2jlOXnjSoBUkw7zyLkl61dG8BZlyl6tdMf5aUSUM2JOkxnhgLW-iJ19RCcRXFLY6MXCuh0GejhGNQTwTbzLdJw0zKpzlpE5YxywpusLBrwrCvfx/'/></a></li>
    </ul></li>
    <li><a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFNWxmYOFSDw2l5yDL_C8QWiLfw786MI8kYeLqILwV5c7nxrzt67f5TeARXZn-9tA1SsnaCySv5_ae08m5vPBiUOY-F17oLDo9fa0EIF0dH67hClaex_3KiXiU6PtIkowXlFhIi9ajEBM0/'/></a>
    <ul>
    <li><a href='http://pengembara-alam-maya.blogspot.com/2011/07/software.html'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCsOaQTkXHwnOUxVFLLw60B-Nb8KLognjW1q30AtrsPeJfz_j0Y5BaRsqwR-w0QFe49mN49tArjDeqYcJ44228LE_pRL8hcUsH9z0gBV0xN5SxX9xxPGytWk7AS-IPpELEObGpKC9u388d/'/></a></li>
    <li><a href='http://pengembara-alam-maya.blogspot.com/2011/07/download-lagu.html'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWrNDfDVYHshD3V4mVLLmGskZfc4xR_qbJHwkEmye_qJ7DYR8G9Y-Q1v2sWTFTMu0Y807OrzGbhC_FUyDmnr_WtigWSaXIYyMw_9zccL3PzQId_yE4HlBPiSPlKQ5nyObjHpOblghpQtNk/'/></a></li>
    </ul></li>
    <li><a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvMesxU5EB9erBnkr5lJK0GnPVMfCDnzZ2us2KZTMIrSEddttuVMeuwu8SzvtQqwg2EsNO5f31R1zi-fKBfId88iRpkvjCDpQ24e_EUwqRmKkjnb8PCb0gvgpYNDgcKuHNHLH9KAfnnEKP/'/></a>
    <ul>
    <li><a href='http://blogspot.com/home'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihw-CHPrRDPnXPjyFkvoJfDU_bPD3OPS_yGb2PIZfDYRSbOMWZHz4LEQhXwiQZbuPoaK2fYZH-Ahr7ZMi7fqIO-QeARWS26c6uifkeJaOdiuKFiXmC4L0OnieAXRzRuM1Zwq7BXB0Y9rMQ/g'/></a></li>
    <li><a href='http://blogspot.com/logout.g'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZcA8NbU-lNrqfubSCXUd44ipHgZHzZPyNihGw9El1i06phqfhbsmpppRXg4RtTMlz_P7L2rr0RU6vsAIHmTMPpav8An2I8RAnaH-S6Gd-rxL6jAhqL_8nE8V_Zsy8MjI4qC_GDzaw6Of1/'/></a></li>
    </ul></li></ul>
    </div>
    </div>
    </div>

    Ganti tulisan yang berwarna merah dengan link url sobat
    Ganti url gambar yang berwarna hijau dengan url gambar kreasi sobat sendiri.... 
  8. Kemudian save template sobat
Contoh gambar






Read More | Komentar (1)

Membuat Buku Tamu Tersembunyi

Untuk membuat Buku Tamu Tersembunyi, cukuplah mudah, sobat blogger tinggal mengikuti langkah - langkah yang ane tuliskan di bawah ini:
Sebelumnya, ada baiknya sobat daftar di cbox terlebih dahulu.
  1. Login ke blog sobat.
  2. Kemudian sobat klik pada bagian "Rancangan" --> "Elemen Halaman"
  3. Copy Script di bawah ini :

    <style type="text/css">
    .gb_fixed{
    position:fixed;
    top:0px; right:0px;
    z-index:+10;
    }
    * html .gb_fixed {position:relative;}
    #hidden_gb2 {
    display:none;
    border:2px solid #e4b5c5;
    -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyyiBtbaGp1d2qh4rJdfDZZIgOAla-gd59udRbiHg7qM8epI3n84eH0OBAgueuX3YBYIhvduPgXzAXqEljN6pCLurVJGA5iMQF9N5xpBFjYfKJf8IduqtMB8Dnlofo1qYgMuJURM8hiQE/) no-repeat;  align:center;
    padding:10px;
    padding-top:0px;
    }
    </style>
    <div class="gb_fixed">
    <table id="hidden_gb2" cellpadding="0" cellspacing="0">
    <tr><td>
    <div><a href="javascript:void(0)" onclick="gb_showHideGB()"><b style="color:red"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhADSR2BA305b0tD8BPRKf9ccNoDtz1GYtB9vT8MzBhZ0qKIAoqwtGCS2ZIruOWXxr6v4qopH29CPpNjh8BhEBkZI3lmRQUL6XIfJSZpG_txroaYZmNS_GcKSa1r85_utlvLN8QtYTkDnQ/" /></b></a></div>

    Kode CBOX Sobat

    <div style="text-align:right">
    <a href="http://www.pengembara-alam-maya.blogspot.com">
    [Chat yang Sopan]
    </a>|<a href="javascript:showHideGB()">
    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhADSR2BA305b0tD8BPRKf9ccNoDtz1GYtB9vT8MzBhZ0qKIAoqwtGCS2ZIruOWXxr6v4qopH29CPpNjh8BhEBkZI3lmRQUL6XIfJSZpG_txroaYZmNS_GcKSa1r85_utlvLN8QtYTkDnQ/" />
    </a>
    </div>

    <br />

    </td></tr></table>
    </div>
    <script src="http://z33s.googlecode.com/files/Shoutz33sEfect.js"></script>
    <div style="z-index:+5" class="gb_fixed">
    <a href="javascript:void(0)" onclick="gb_showHideGB()">
    <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZRnvD7IxQLOww52rYqJ9U0me1QwPXp8sNCwHs-PzJ8JSENutm3gX1N6EA-WVBZas2d06XfwblFWFqaUK9LV83UOU_tUTaMxXVtTevIXlGuyVCKaGm_tsG8115K8qMZ2ksajF0epvpyF0/" height="60px" width="150px"/>

    </a>
    </div>

    Link gambar yang berwarna merah, silahkan sobat ganti dengan link gambar sobat sendiri.
  4. Pilih "Tambah Widget" Kemudian paste-kan script di atas ke dalam widget tersebut.
  5. Kemudian save....
Buku Tamu sobat sudah jadi....
Sobat bisa lihat seperti gambar di bawah ini:


Read More | Komentar (1)

Delete this element to display blogger navbar

Komunitas

Follow us

Categories

Label

Visitor

Free PageRank Checker
Free PageRank Checker
free counters
 
Copyright © 2011. Jaka Kelana . All Rights Reserved.
Company Info | Contact Us | Privacy policy | Term of use | Widget | Advertise with Us | Site map
Template modify by Creating Website. Inspired from Maskolisfree download all