Download File

MEMBUAT TEXT MENU BAR BERJALAN

• Yang pasti login dulu ke blog sobat.

• Klik tata letak.

• Pilih edit html.

• Cari kode </head.>

• Jika sudah ketemu masukkan kode diatas tadi tepat di atas kode </head.>

• Yang bisa sobat edit:

Kata SELAMAT DATANG bisa dirubah sesui keinginan sobat.

Nilai kecepatan semakin tinggi semakin lambat jalannya.

Supaya kata yang berjalan tidak berhimpitan beri spasi pada sebelum atau sesudah kata SELAMAT DATANG.

• Pratinjau dulu kemudian simpan

• Lihat hasilnya.

Available link for download

MEMBUAT TULISAN TEXT LINK BERKEDIP

Membuat link dalam satu halaman

Cara membuat link warna-warni

Cara membuat link

Available link for download

Membuat EA Trading Robot Trading Forex

• Tidak perlu capek-capek didepan komputer setiap hari
• Tidak akan terbawa emosi trading kalo pergerakan fluktuatif
• Konsisten dengan sistem trading yang dibuat

• Modal yang diguakan harus lumayan banyak, tetapi apabila robot bagus, maka dapat meningkatkan keuntungan.
• Robot forex aktif apabila komputer connect terus 24 jam atau selama EA diperlukan komputer harus connect (tetapi hal ini bisa diatasi dengan menyewa VPS supaya robot tetap online 24 jam, ; VPS adalah semacam komputer pribadi yang kita sewa dari penyedia VPS online, VPS akan aktif selam 24 jam meskipun komputer pribadi kita dimatikan. karena kita trading menggunakan VPS / semacam komputer milik penyedia yang dapat kita perolah melalui online di internet.

• Sebelum menggunakan robot / EA dengan real account maka tes dulu EA tersebut menggunakan uang virtual. atau dengan tool strategy tester di metatrader.
• Buatlah bertrading seaman mungkin, perhatian jam-jam trading yang efektif, pair memiliki jam-jam yang efektif atau jam yang memiliki pergerakan dengan melihat volume transaksinya. 

Available link for download

MEMBUAT KOMENTAR PENGUNJUNG BERBEDA DENGAN PEMILIK BLOG

• Login ke blog sobat.
• Pilih tata letak.
• Klik edit html.
• Beri tanda centang pada Expand template widget.
• Cari kode yang mirip di bawah ini, kemudian tambahkan kode yang berwarna merah.
  
  /* Comments ----------------------------------------------- */
  #comments h4 {
  margin:1em 0;
  font-weight: bold;
  line-height: 1.4em; text-transform:uppercase;
  letter-spacing:.2em;
  color: #999999;
  }
  #comments-block {
  margin:1em 0 1.5em;
  line-height:1.6em;
  }
  #comments-block .comment-author {
  margin:.5em 0;
  }
  #comments-block .comment-body {
  margin:.25em 0 0;
  }
  #comments-block .comment-footer {
  margin:-.25em 0 2em;
  line-height: 1.4em;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
  #comments-block .comment-body p {
  margin:0 0 .75em;
  }
  .deleted-comment {
  font-style:italic;
  color:gray;
  }
  #blog-pager-newer-link {
  float: left;
  }
  #blog-pager-older-link {
  float: right;
  }
  #blog-pager {
  text-align: center;
  }
  .feed-links {
  clear: both;
  line-height: 2.5em;
  }
  .admin-comments{
  background:#00CC33;
  border:3px solid #FF9966;
  padding:5px;
  Kode warna merah adalah kode yang harus sobat tambahkan.
  Kode tersebut bisa juga sobat letakkan di atas kode ]]></b:skin> tinggal terserah sobat mau meletakkannya di mana.
  Kemudian kita juga bisa mengganti warna background,sobat bisa menyesuaikan kode warnanya dengan warna template sobat. Bisa lihat Kode warna di sini
  
• Setelah selesai meletakkan kode di atas tarik scroll ke bawah, cari kode seperti di bawah ini dan tambahkan juga kode yang berwarna merah.
  
  <data:comment.author/>
  </b:if>
  <data:commentPostedByMsg/>
  </dt>
  <b:if cond=data:comment.author == data:post.author>
  <dd class=admin-comments>
  <p><data:comment.body/></p>
  </dd>
  <b:else/>
  <dd class=comment-body>
  <b:if cond=data:comment.isDeleted>
  <span class=deleted-comment>
  <data:comment.body/>
  </span>
  <b:else/>
  <p>
  <data:comment.body/>
  </p>
  </b:if>
  </dd>
  </b:if>
  <dd class=comment-footer>
  
• Kode yang berwarna merah adalah kode yang harus sobat tambahkan.
  
• Jangan lupa klik pratinjau terlebih dulu, jika tidak muncul peringatan baru klik simpan.

Available link for download

MEMBUAT MENU NAVIGASI HORIZONTAL

Kita langsung saja menuju bagaimana cara membuatnya.

• Masuk ke blog sobat
• Pilih tata letak atau rancangan.
• Klik tambah gadget.
• Pilih HTML/Java Script.
• Kemudian masukkan kode di bawah ini.
  <style type="text/css">
  /*----------------------------------*/
  .Nav a { width: auto; height: auto; text-decoration: none; }
  .Nav a { text-align: center; text-decoration:none;color:#ffffcc; padding:1px 20px 1px 20px;font-weight:bold; font-size:12px; }
  .Nav a:hover {padding:3px 20px 3px; 20px; text-align:center; text-decoration:none; color:#000033; font-weight:bold; border:3px; background-color: #000000;}
  </style>
  <div style="border: 3px solid #ffcc99; height:px;background-color:#FF3366;">
  <div style="width: auto; padding: 10px;" class="Nav" align="left">
  <a href="http://activekita.blogspot.com"target="_blank"><span style="font-weight:bold; color:#FFFF00; ">HOME</span></a>
  <a href="http://activekita.blogspot.com/2010/01/kode- warna.html"target="_blank"><span style="font-weight:bold;color:#FFff00;">JUDUL1 </span></a>
  <a href="http://activekita.blogspot.com/2010/08/menambah-satu-kolom-di-bawah-header.html"target="_blank"><span style="font-weight:bold; color:#FFff00;">JUDUL 2</span></a>
  <a href="http://activekita.blogspot.com/2010/10/membuat-menu-navigasi-horizontal.html"target="_blank"><span style="font-weight:bold; color:#FFff00;">JUDUL 3</span></a>
  <form action="http://activekita.blogspot.com/search" id="searchform" method="get" style="display: inline; float:right; padding-right:10px; padding-bottom:px" > <input id="searchbox" maxlength="" name="q" onblur="if (this.value == "") {this.value = "Search...";}" onfocus="if (this.value == "Search...") {this.value = ""}" value="Search..." type="text" /> <input class="btn" name="" " value="search" type="submit" span style="font-weight:bold; font-size:12px; color:#ff3399" />
  </form>
  </div></div>
  
• Ganti yang warna hijau dengan alamat link milik sobat. Bila perlu sobat bisa tambah dengan link sobat yang lain.
  Jangan lupa isi juga keterangan yang sesuai pada judul.
• Klik simpan.

Available link for download

MEMBUAT TEXT BERJALAN ATAU MARQUEE

Available link for download

MEMBUAT MENU DROP DOWN

• Untuk membuatnya login dulu ke blog sobat.
  
• Pilih tata letak.
  
• Tambahkan Gadget
  
• Pilih HTML/JAVAScrip
  
• Masukkan kode di bawah ini pada bagian konten
  
  <select name="menu"oncange="window.open(this.option[this.selectedIndex].value;">
  <option value=0 selected>JUDUL MENU</option>
  <option value="http://URL/" >Judul artikel 1</option>
  <option value="http://URL/" >Judul artikel 2</option>
  <option value="http://URL/" >Judul artikel 3</option>
  </select>

• Ganti yang warna merah dengan alamat link sobat.
  
• Klik simpan

Available link for download

MEMBUAT RECENT POST DI BLOGGER

• Login ke blog sobat.
• Pilh tata letak.
• Tambahkan Gadget.
• Jika pada pop up halaman pertama tidak muncul recent post,sobat klik pada link yang bertuliskan Gadget lainnya. Maka akan muncul beberapa gadget,pilih dan klik gadget yang betuliskan recent posts yang gambar iconnya seperti di bawah ini.

Setel Gadget.

• Beri judul atau tetap dengan judul yang ada yaitu Recent posts.
• Atur ketinggian,jika yang ingin ditampilkan kurang dari 10 mungkin bisa dikurangi.
• Number of posts to display : ini jumlah recent post yang ingin sobat tampilkan,bisa 10 atau bisa kurang.
• Display Posts data : jika ingin menampilkan tgl-bln-thn beri tanda centang.
• Show a summary of your blog posts? : jika ingin sebagian isi artikel ditampilkan beri tanda centang.
• Summary Length : ini jumlah huruf yang ingin sobat tampilkan,bisa ditambah bisa dikurangi.
• kliksimpan.
• Lihat hasilnya.

Available link for download

MEMBUAT GAMBAR FOTO ANIMASI

Mungkin ada beberapa sobat yang ingin menambah gambar atau foto animasi ke blog mereka. Sebenarnya untuk menambahkan gambar atau foto bergerak ke blog tidak begitu sulit. Karena ada beberapa layanan yang menyediakan jasa seperti ini, misalnya :

• Masukkan alamat www.picasion.com ke browser sobat.
  Masukkan gambar atau foto sobatdari mulai urutan 1(pertama).
  
  
• Kemudian sobat bisa menentukan ukuran juga kecepatannya (tenggang).
• Setelah itu klik create animation,gambar atau foto sobat sudah langsung terupload.
• Kemudian copy paste alamat url dan code html nya ke notepad.
• Setelah itu save this animation.

• Masuk ke blog sobat dan pilih layout(tata letak).
• Klik tambah gadget.
• Kemudian pilih gambar yang bertuliskan HTML/Java Script.
• Masukkan code HTML saja yang telah sobat copy paste tadi ke halaman conten.
• Sebelumnya sobat bisa merubah ukuran juga title nya.

• Jika sudah tinggal save.
• Letakkan gambar tersebut ke tempat yang sobat suka .
• Kemudian save.
• Lihat blog sobat.

Available link for download

MEMBUAT POSTINGAN HOMEPAGE

Available link for download

MEMBUAT REFRESH OTOMATIS DI BLOG

• Login ke blog sobat.
• Pilih tata letak.
• Klik edit html.
  Letakkan kodenya di atas kode </head>
  
• Klik simpan.

Available link for download

MEMBUAT FOOTER MULTI KOLOM BLOGGER

• Login ke blog sobat.

• Klik tata letak.

• Pilih edit HTML.

• Jangan kasih centang pada expand widget.

• Cari kode ]]></b:skin> dan letakkan kode di bawah ini di atasnya,hingga posisinya sebagai berikut:
  
  /* footer_wrapper
  ---------------------------- */
  #footer_wrapper{
  width: 100%;
  position: relative;
  float: left;
  background:#ff69b4;
  border: px solid #ff0000;
  padding:%;
  }
  
  #footer_wrapper1{
  float:left;
  width:30%;
  margin:1px;
  background:#7cfc00;
  padding:1%;
  }
  
  #footer_wrapper2{
  float:left;
  width:30%;
  margin-top:1%;
  margin-bottom:1%;
  background:#7cfc00;
  padding:1%;
  }
  
  #footer_wrapper3{
  float:left;
  width:30%;
  margin:1%;
  background:#7cfc00;
  padding:1%;
  }
  
  ]]></b:skin>
  

• Kemudian tarik ke bawah pada bagian body temukan kode sebagai berikut:
  
  <div id=footer-wrapper>
  <b:section class=footer id=footer/>
  </div>
  

• Jika sudah ketemu letakkan kode di bawah ini di atasnya hingga posisinya sebagai berikut :
  
  <div id=footer_wrapper>
  <b:section class=footer id=footer_wrapper1/>
  <b:section class=footer id=footer_wrapper2/>
  <b:section class=footer id=footer_wrapper3/>
  </div>
  
  <div id=footer-wrapper>
  <b:section class=footer id=footer/>
  </div>
  
  

• Dan lihat hasilnya pada tata letak,untuk mencoba tambahkan gadget.
  
  Catatan: Kode yang berwana merah adalah kode yang asli sedang yang hitam adalah kode yang ditambahkan.

Available link for download

MEMBUAT REDIRECT PADA BLOG

• Login ke blog sobat.
  
• Klik tata letak.
  
• Pilih edit html.
• Letakkan kode di atas dibawah kode <head> atau di atas kode </head>
• Klik simpan.

Available link for download

MEMBUAT READ MORE VERSI BARU

Available link for download

MEMBUAT GAMBAR MELAYANG DIPOJOK

Available link for download

MEMBUAT LINK DALAM SATU HALAMAN BLOG

• Pertama kita buat dulu anchor name:
  
  <A NAME="BAB 1"> BAB 1 </A>
  

• Kedua yang harus kita buat adalah link name:
  
  <a href="#BAB 1"> kembali ke atas</a>
  

Catatan lagiii...: Untuk tulisan BAB 1 pada link name harus sama dengan anchor name.Untuk tulisan kembali ke atas boleh dirubah dengan kata apa saja,asal bukan kata-kata yang jorok .

Available link for download

MEMBUAT LINK UNTUK DOWNLOAD

• Klik register.
• Jika sobat ingin yang gratis beri tanda pada Free.

• Username : nama untuk login.
• password : isikan password.
• Confirm password : ulangi password.
• First Name : nama pertama sobat.
• Last name : nama ke dua sobat.
• Country : nama negara.
• Postcode : masukkan kode pos.
• Gender : jenis kelamin.
• Data of Birth : masukkan tgl bln thn lahir.
• Comfirmation code : masukkan kode yang tertera.
• Preference : pilih sesuai keingian.
• klik Register.

• Klik OK.
• Login dengan username dan password sobat.
• Pilih upload.
• Klik browse.
• Pilh file yang mau di upload dari komputer sobat.
• Beri tanda pada Agree to terms of service.
• Klik tombol upload file.
• Tunggu sampai proses selesai.
• Setelah sukses pada halaman congratulations,clicking here.
• Pada file yang sudah terupload klik detail.
• Kemudian klik HTML Code.
• Copy dan paste kode yang ada,bisa di copy pada notepad dulu..

Available link for download

MEMBUAT KATEGORI LABEL

• Masuk ke blog sobat
  
• Klik edit entri
  
• Beri tanda pada judul-judul posting yang ingin sobat kelompokkan menjadi satu kategori.
  
  Misal: Saya ingin mengelompokan tentang cara membuat menu,maka saya akan beri tanda pada--> Cara membuat menu dropdown-- > Cara membuat menu horizontal -- > Cara membuat kategori label... dan seterusnya.
• Jika sudah diberi tanda Klik Aksi label.
  
• Pilih dan klik label baru.
  
• Jika keluar jendela pop up masukkan nama kategori yang sobat inginkan. Misal: Cara membuat menu.
  
• Kemudian klik ok.
  
• Maka pada samping kiri aksi label akan muncul label dengan nama yang telah sobat buat tadi.
  

Sekarang kita beralih tentang bagaimana cara memasang widget kategori lebel pada sidebar milik sobat.

• Klik tata letak.
  
• Klik Tambah gadget,maka akan terbuka jendela pop up.
  
• Klik gambar yang bertuluskan lebel untuk ditambahkan. Maka akan muncul konfigurasi lebel.
  Judul : Beri judul lebel,misal pilih katagori.
  Tampilkan : jika ingin menampilkan semua pilih dan beri tanda pada semua lebel.
  Tampilan terserah sobat ingin model daftar/list bisa juga cloud.
  

• Jika sobat ingin menambahkan postingan baru dan ingin menggabungkan pada salah satu kategori,sobat tinggal beri tanda postingan tersebut seperti di atas kemudian klik aksi label dan pilih judul di mana sobat ingin menambahkan posting baru tersebut.
• Memasang kategori lebel ini selain memudahkan pengunjung blog, juga mempermudah sobat jika nanti ingin menganti model kategori label dengan model yang lain.

Available link for download

MEMBUAT TOOLTIP DENGAN MENGGUNAKAN CSS

• Seperti biasa login ke blog sobat.
  
• Pilh tata letak.
  
• Klik edit html.
  
• Letakkan kode di bawah ini di atas kode ]]></b:skin>hingga posisinya sbb:
  .tooltip {position:relative;}
  .tooltip span {display:none;}
  .tooltip:hover span {
  display:block;
  position:absolute;
  width:200px;
  left:20px;
  top:20px;
  background-color:#006633;
  border:3px solid #0099FF;
  padding:5px;
  font-size:15px;
  color:#000000;
  text-decoration:none;
  font-family:Verdana,arial, helvetica, sans-serif;}
  ]]></b:skin>
  
• Kemudian klik simpan.

<a href="http://activekita.blogspot.com/2010/04/membuat-tooltip-dengan-menggunakan-css.html" class="tooltip"><span>MEMBUAT TOOLTIP DENGAN MENGGUNAKAN CSS</span>Tooltip</a>
Ganti link yang dicetak merah dengan link milik sobat.
Sedang yang berwarna hijau adalah text yang akan keluar,bisa diganti dengan text yang sobat inginkan.

Jika ingin mengganti background dengan sebuah gambar, maka sobat cukup menganti background-color:#006633; dengan alamat gambar milik sobat.
Cara menulis kodenya seperti di bawah ini:
background:url("http://i761.photobucket.com/albums/xx252/darma_bucket/gambar10.jpg")no-repeat bottom;
Ganti alamat gambar yang dicetak merah dengan alamat gambar milik sobat.
Contoh hasilnya kurang lebih seperti di bawah ini.
Untuk melihat hasilnya arahkan mouse pada link di bawah.
MEMBUAT TOOLTIP DENGAN MENGGUNAKAN CSSTooltip

Available link for download