Buat Side Menu

Pada postingan kali ini aku akan mengetengahkan (emang nyamping) bagaimana membuat Side Menu. Kebanyakan menu berada di atas, tetapi ini berada di samping. Selain itu menu ini akan keluar secara slide jika kamu menunjuk menu ini dan akan melayang walo kamu men-scroll down halaman blog. Hal ini akan mempermudah pengunjung dan pembaca blogmu untuk melihat menu tanpa harus kembali ke atas. Contoh bisa kamu lihat dan check di samping kiri blog ini!
Jika kamu tertarik untuk membuatnya, silakan ikuti jejak di bawah ini:

Jejak 1
Download file menu.zip ini, di mana terdapat 2 file .js yaitu ssm.js dan ssmItems.js

Jejak 2
Buka file "ssmItems.js" dengan text editor (misal dengan notepad) untuk mengedit style menu dan linkmu

Jejak 3
Upload kedua file .js (ssm.js dan ssmItems.js yang telah kamu edit) tersebut ke webpage directory (misal googlepages)

Jejak 4
Login ke blogger > lay out > edit html > [v] expand widget

Jejak 5
Masukkan kode di bawah <head>

<style type="text/css">
<!--
A.ssmItems:link {color:black;text-decoration:none;}
A.ssmItems:hover {color:black;text-decoration:none;}
A.ssmItems:active {color:black;text-decoration:none;}
A.ssmItems:visited {color:black;text-decoration:none;}
//-->
</style>

<SCRIPT SRC="ssm.js" language="JavaScript1.2">

//Dynamic-FX slide in menu v6.5 (By maXimus, http://maximus.ravecore.com/)
//Updated July 8th, 03' for doctype bug
//For full source, and 100's more DHTML scripts, visit http://www.dynamicdrive.com

</SCRIPT>

<SCRIPT SRC="ssmItems.js" language="JavaScript1.2"></SCRIPT>

Jejak 6
Ok, itu saja. Mudah kan?

Keterangan:
Kamu bisa mengubah warna sesukamu dengan mengganti tulisan "black".
Ganti warna biru dengan alamat ssm.js dan ssmItems.js yang telah kamu upload. OK, simpan deh template.
READMORE
Posted by Unknown at 10:23 AM 0 comments

 

Kotak Komentar dari IntenseDebate

Ada beberapa blogger yang ga bisa pasang kotak komentar dari blogger yang baru. Seperti i punya blog ini. Blog ini ga bisa di pasangin kotak komentar apapun baik dari standar blogger, kotak komentar blogger yang baru, dari haloscan dan modifikasi jackbook setelah ganti template. Hal ini mungkin dipengaruhi oleh templatenya. Aku dah minta bantuan juga dengan bos Kendhin tapi hasilnya masih nihil. Sebenere aku dah pasang kotak komentar dari intense debate sebelumnya tapi saya ganti dengan haloscan.
Bagi yang mengalami hal yang sama denganku dan juga malas ganti template karena merasa template yang digunakan sekarang disukai dan bagus kamu bisa pasang aplikasi dari Intensedebate. Ok, yang mau pasang silakan ikuti langkah-langkah berikut ini :

1. Pertama-tama buka situs IntenseDebate.
2. Klik link "Sign Up" di pojok kanan atas.
3. Isi semua kolom yang disediakan dengan data Anda. Klik tombol "Create Account".
4. Selanjutnya Anda akan dibawa ke halaman "Users" atau "Profile".
5. Cari link "Add Intense Debate to a Blog" atau tombol "Put Intense Debate on Your Blog�di bagian pojok kanan atas. Klik.
6. Di halaman baru Anda akan diminta memasukkan alamat blog. Isi dengan benar dan klik tombol "Get Intense Debate".
7. Ada 4 pilihan yang akan ditampilkan IntenseDebate, yakni untuk Blogger, TypePad, WordPress atau dalam bentuk javascript snippet. Karena saya membahas Blogger, maka klik tombol berlogo Blogger.
8. Saatnya memasukkan IntenseDebate ke dalam blog. Pilihan yang diberikan ada 2, yakni berupa widget atau template. Opsi widget jauh lebih simpel dan cepat, tapi terkadang tidak dapat bekerja dengan baik di blog yang terlalu banyak kustomisasi di blog, misal banya pasang page element. Lebih baik kita pilih opsi template saja. Untuk itu Anda harus masuk ke account blogger kamu dan mendownload template blog Anda lalu menyimpannya di komputer. Bagian yang ini dah bisa kan? Klo bisa tapi lupa ok dijelasin. Setelah login blogger,pilih lay out > edit html > download tempate lengkap.
9. Setelah template blog disimpan, upload ke IntenseDebate. Lalu atur apakah kolom komentar IntenseDebate akan muncul di semua posting atau hanya di posting yang belum mempunyai komentar. Pilihan terserah Anda, tapi pilihan kedua dapat menghilangkan/menutupi semua komentar yang pernah ada di blog Anda.
10. Klik tombol "Upload and Continue" di bagian paling bawah.
11. Selanjutnya yang perlu Anda lakukan hanyalah mengganti template blog Anda dengan template baru hasil kreasi IntenseDebate. Caranya dengan melakukannya sendiri dengan mengkopi paste kode HTML yang telah dimodifikasi Intensedebate atau biarkan Intensedebate yang melakukannya dengan menekan tombol instal (klo ga salah). Tapi lebih baik dilakukan sendiri mumpung buka blogger. Kamu tinggal copi paste kode yang telah dimodif ke edit template, tapi ingat Expand template widget JANGAN dicentang.
12. Tekan "simpan template".
13. Selese dech. Lihat kotak komentarmu yang baru. Jangan khawatir, IntenseDebate hanya menambahkan kotak komentarnya saja, so pengaturan dan page element yang kamu buat sebelumnya tidak akan hilang.

Tapi namanya fasilitas dari pihak ketiga, tentu saja ada kelemahannya. Antara lain, klo ada yang komentar di blogmu tidak akan tersimpan di database blog karena yang menyimpan IntenseDebate. Program IntenseDebate memang sejatinya menutup fasilitas komentar asli Blogger, jadi semua komentar yang dibuat pengunjung masuknya ke account IntenseDebate.
Ada informasi yang mengatakan bahwa menambah aplikasi ini akan mempengaruhi SEO dan dikhawatirkan akan melanggar ToS Blogger. Semuanya terserah kamu ya?
READMORE
Posted by Unknown at 6:15 AM 0 comments

 

Ubah atau hapus jumlah label

Label pada blogger biasanya menampilkan jumlah dari banyaknya posting dalam satu kategori, tanda ini biasanya ditandai dengan tanda kurung ( ). Contoh bisa kamu lihat di samping di mana jumlahnya sudah saya hapus. Jika anda ingin mencoba mengubah atau menghapus angka dalam label (Label Count) ikuti caranya dibawah ini:

1. Masuk pada menu Edit HTML
2. Jangan lupa beri tanda centang pada Expand Template Widget
3. Kemudian cari kode seperti dibawah ini

(<data:label.count/>)

4.Silahkan anda ganti tanda ( ).
Misalnya saja seperti contoh di bawah ini:

[<data:label.count/>]

{<data:label.count/>}

5. Jika kamu tidak ingin menampilkan jumlah postingan maka tinggal hapus aja kode tersebut.
6. Ok's, tinggal kamu simpan de....

READMORE
Posted by Unknown at 10:24 AM 0 comments

 

Free Traffic

Sebuah blog/web tak akan berarti tanpa trafik, ya nggak? Apalagi yang pengen cari uang dengan cara ngeblog. Ada banyak cara untuk meningkatkan trafik, bisa dengan berpromosi melalui iklan link exchange dan blogwalking. Tetapi ada cara yang lain untuk meningkatkan trafik blogmu di mana hal ini bukanlah sistem MLM, referral, bukan trafik exchange, no toolbar, no email, no credits, nomembership,absolutely FREE alias GRATIS.

Yaitu dengan bantuan pihak ketiga ato ke berapalah yang biasa disebut software. Karena ini gratis maka sering disebut freeware. Dan yang pasti ini gratis. Klo ada yang gratis tak bisa dipungkiri kalian pasti mau kan? he...he...
Kalian bisa download software dan tuturialnya di sini atau klo ga bisa lewat sini saja.
Inga', di file download yang berbentuk rar ini udah ada Tutorialnya, so kalian bisa ikuti caranya setelah download.
READMORE
Posted by Unknown at 11:51 AM 0 comments

 

Pasang Random Banner

Tadi pagi berkunjung ke beberapa blog dan nemuin sesuatu yang menarik di blognya o-om. Yaitu bagaimana memasang random banner di mana beberapa banner akan bergantian muncul jika ada pengunjung yang melakukan reload atau refrezzz. Hal ini bertujuan untuk memanajemen beberapa iklan (dalam hal ini banner yang berupa gambar) dalam satu area. Contoh bisa kalian lihat di sini.
Ok, bagi yang tertarik bisa ikutan buat. Langsung aja ya ke bagian add page element > html/javascript. Kemudian taruh code dibawah.

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var jumlah_iklan = 3;
var waktu_sekarang = new Date()
var detik = waktu_sekarang.getSeconds()
var pasang_iklan = detik % jumlah_iklan;
pasang_iklan +=1;
if (pasang_iklan==1) {
txt="Tulis Title";
url="Alamat URL";
alt="Alamat URL";
banner="Alamat URL Gambar";
width="468";
height="60";
}
if (pasang_iklan==2) {
txt="Tulis Title";
url="Alamat URL";
alt="Alamat URL";
banner="Alamat URL Gambar";
width="468";
height="60";
}
if (pasang_iklan==3) {
txt="Tulis Title";
url="Alamat URL";
alt="Alamat URL";
banner="Alamat URL Gambar";
width="468";
height="60";
}
document.write('<center>');
document.write('<a href=\"' + url + '\" target=\"_top\">');
document.write('<img src=\"' + banner + '\" width=')
document.write(width + ' height=' + height + ' ');
document.write('alt=\"' + alt + '\" border=0><br>');
document.write('<small>' + txt + '</small></a>');
document.write('</center>');
// End -->
</SCRIPT>

Tulis tittle sesuai keinginan, alamat URL diisi alamat web/blog, banner diisi dengan alamat url gambar kalian. Kalo ukuran banner biasanya ya segitu.
Ok? Selamat berjuang.

Sumber : www.o-om.com
READMORE
Posted by Unknown at 8:24 AM 0 comments

 
Subscribe to: Posts (Atom)
diooda