WoW: Maret 2010

Membuat Booble Tooltips ( Keterangan Pada Tulisan )

Tooltip adalah tulisan yang muncul ketika kursor berhenti diatas link/Tuisan yg diberi tooltip atau semacam Keterangan dan penjelasan , Untuk Lihat Contohnya, silahkan Klik disini dan Arahkan Kursor anda Ke bacaan IMAM WIDIANTO !!Gimana sob?? Udah Liat Belum??
hhee, Blog'a ancur y ?? Okeh, Weekend ini , enaknya kita berbLogger ria dengan Tips-Tips Baru ,,!! Dan Untk Membuuat ItuKita dapat memudah kan Pengunjung Untk Membaca suatu Penjlasan Mungkin,!! ini caranya :

Sebelumnya, Copy css dibawah ini :
/*---------- bubble tooltip imam77.blogspot.com-----------*/
a.tt{
position:relative;
z-index:24;
color:#3CA3FF;
font-weight:bold;
text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
display:block;
position:absolute;
top:0px; left:0;
padding: 15px 0 0 0;
width:200px;
color: #993300;
text-align: center;
filter: alpha(opacity:90);
KHTMLOpacity: 0.90;
MozOpacity: 0.90;
opacity: 0.90;
}
a.tt:hover span.top{
display: block;
padding: 30px 8px 0;
background: url(http://4.bp.blogspot.com/_camK6MacbVQ/SmNbRIxiTxI/AAAAAAAAAOc/zjNMwrdyd80/s320/bubble-712378.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
display: block;
padding: 0 8px;
background: url(http://1.bp.blogspot.com/_camK6MacbVQ/SmNbQ-VEh2I/AAAAAAAAAOU/qiVSMin-U6k/s320/bubble_filler-711451.gif) repeat bottom;
}
a.tt:hover span.bottom{
display: block;
padding:3px 8px 10px;
color: #548912;
background: url(http://4.bp.blogspot.com/_camK6MacbVQ/SmNbRIxiTxI/AAAAAAAAAOc/zjNMwrdyd80/s320/bubble-712378.gif) no-repeat bottom;
}

Nah setelah di copy selanjutnya login blogger >> tataletak >> edit html >> cari tag ]]> paste code css yg udah di copy tadi di atasnya dan save Template. Untuk format penulisan link pada posting yg di beri tooltip seperti ini

nama link disini

Nah, Selamat Mencoba ia???
Jangan Lupa Comment'a!!

Membuat Headline News di Blog

Headline News yang ini bukan Headline news yang mirip berita - berita terhangat di TV yang sering anda tonton, biasanya letaknya di bagian paling bawah, Dan yang kita buat adalah Headine news Text Berjalan adalah salah satu widget yang berbentuk horizontal yang berisi postingan artikel terbaru (recent post). Widget Headline News yang akan kita buat dengan animasi text berjalan (scrolling text) agar semua artikel terbaru anda dapat tampil dan menarik perhatian pengunjung/pembaca.

Widget Headline News Text Berjalan memang banyak diminati oleh para blogger karena simple dan mudah untuk di close kapan saja. Pada widget tersebut dipojok sebelah kanan di sediakan tombol X (close).

Cara memasang Widget Headline News Text Berjalan :

1. Login ke blogger

2. Masuk ke Layout -> Add Gadget -> pilih HTML/JavaScript

3. Bagian Title / Judul kosongkan, lalu copy paste kode di bawah ini :

< script type = "text/javascript" > var hn_url_blog = "http://imam77.blogspot.com";
var hn_jumlah_post = 10;
var hn_warna_latar = "#000000";
var hn_warna_garis = "#FF0000";
var hn_posisi = "bottom";
var hn_tampilkan_judul = true;
var hn_backlink = true;
</script>
/headlinenews.googlecode.com/files / Headlinenews - MasDhani.js">

4. Klik Simpan. Lihat hasilnya.

Pejelasan dari variabel-variabel di atas :

- hn_url_blog disi dengan URL blog sobat.

- hn_jumlah_post adalah jumlah judul artikel yang ingin ditampilkan pada headline news.

- hn_warna_latar adalah kode warna untuk latar belakang headline news. (

- hn_warna_garis adalah kode warna untuk garis bingkai/border headline news.

- hn_posisi menentukan posisi headline news anda apakah di atas ("top") atau di bawah ("bottom"),

- hn_tampilkan_judul bernilai true jika anda ingin menampilkan tulisan "Headline news of Blog Anda" di bagian kiri dan bernilai false jika tidak ingin menampilkannya,

- hn_backlink bernilai true jika anda ingin menampilkan backlink ke blog saya dan false jika tidak.

Selamat mencoba.

Kalau Berhasil, Janagan Lupa Komentarnya ya??

Membuat GuestBox / Shoutmix Tersembunyi

widget buku tamu tersembunyi seperti contoh buku tamu yang mungkin pernah anda lihat di Blog orang,, Tepatnya ada di samping sisi kanan/kiri. Dengan trik ini kita dapat menghemat tempat dan menambah keindahan blog kita.
Sebenarnya trik ini bukan hanya buku tamu yang dapat anda tampilkan, tapi bisa berupa image atau widget lainnya. Silahkan anda pilih mana yang menurut anda paling sesuai untuk ditampilkan.

oke para sobat berikut ini langkah2nya ;

# Masuk ke Blogger dengan ID anda.
# Pilih Tata Letak.
# Pilih Elemen Halaman.
# Klik Tambah Gadget.
# Klik tanda + pada HTML/JavaScript.
# Copy kode dibawah ini kemudian paste pada kolom yang tersedia.

< style type = "text/css" > #gb {
    position : fixed;
    top : 25px;
    z - index :+ 1000;
}
* html #gb {
    position : relative;
}
.gbtab
{
    height : 150px;
    width : 30px;
    float : left;
    cursor : pointer;
    background : url('http://i629.photobucket.com/albums/uu13/akubsaputra/guestbook.png') no - repeat;
}
.gbcontent {
    float : left;
    border : 2px solid #1300F2;
    background : #FFFFFF;
    padding : 10px;
}
</style>
javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+",
"+xf+")", 10);}
}

gb">
gbtab" onclick="showHideGB()">
gbcontent">
MASUKAN KODE BUKU TAMU/WIDGET DISINI
text - align : right">
javascript : showHideGB()">
[close]

text / javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";

* Klik tombol Simpan.

* Lihat Pemapilan Blog anda sekarang.

Keterangan :

1. height:150px; merupakan tinggi dari widget, silahkan anda atur.
2. width:30px; merupkan lebar dari widget, silahkan anda atur.
3. border:2px solid #1300F2; merupakan ketebalan dan warna garis/border, silahkan anda ganti.
4. background:#FFFFFF; merupakan latar belakang widget, silahkan anda ganti.
5. background:url('http://i629.photobucket.com/albums/uu13/akubsaputra/guestbook.png') dapat anda ganti dengan image hasil kreasi anda sendiri.
6. MASUKAN KODE BUKU TAMU/WIDGET DISINI merupakan tempat meletakan kode buku tamu maupun kode-kode lainnya yang ingin anda tampilkan.
7. [close] dapat anda ganti dengan kata tutup atau kata apa saja yang searti.

Oke selesai!!! Bagaimana?? Berniat UUntk Mencoba??

Menposting Artikel yang SEO Friendly

SEO = ini yang Mungkin Kebanyakan yang di cari para manusia Blogger Untuk menancapkan artikelnya ke jajaran 10 besar di search engin google,, siapa sih yang blog/ artikelnya gak mau ke index sama Google n Bowser Lainya??

Sebelum saya Uraikan caranya yang begitu praktis ada baiknya saya sentil sedikit 5 besar Kesalahan kawan-kawan Blogger saat memposting artikel, yakni al:

Judul Artikel tidak mengandung Keyword
Diawal Artikel terlalu banyak basa-basi yang tidak mengandung keyword, Sedangkan Rumus pasti dari semua Search engine yaitu yang paling awal dicari paragraph pertama Artikel anda, inilah sebabnya Artikel-artikel anda tidak masuk dalam jajaran 10 besar.
Kebanyakan Bloger langsung Posting Artikel di dashboard Postingan, ingat Rahasia search engine terutama Google menyerap(save otomatis) artikel yang anda ketik setiap satu menit, jadi postingan anda yang setengah atau bahkan baru beberapa kalimat itulah yang dianggap key pada postingan Anda, Jadi sudah tentu Artikel anda sulit masuk jajaran 10 besar
Dari hasil blogwalking, kebanyakan saya lihat Artikel (oknum) Blogger hasil Copypaste dari Blog lain, Hati-hati dalam Copy paste siapa tahu yang punya blog menyisipkan code trackback kedalam artikelnya dan anda langsung tancap gas memPastekan keblog anda. Dan Mesin Pencari lebih mengutamakan atau mengindeks Artikel Asli, jangan Harap lagi Artikel anda muncul di 10 besar search engine.
Tidak memikirkan apa kemauan pengunjung

Cara Posting yang SEO friendly

dan langsung dibaca Mesin pencari yakni kebalikan dari yang datas, maksudnya :

Judul Artikel harus mengandung keyword atau konten rich, seperti “ Cara,Tip,Trik,Rahasia”, Bandingkan kalimat ini “memposting Artikel yang Seo Friendly “dengan “ Cara atau Trik memposting Artikel yang seo Friendly”
Diawal paragraph atau awal tulisan jangan banyak basa basi, serempet sana serempet sini, langsung kepokok masalah pada judul artikel, misalnya Judul artikel Anda “ Cara Posting Artikel yang SEO Friendly”. Kalimat awalnya langsung seperti judul artikel Anda dan sambung dengan kalimat-kalimat yang relevan. Seperti contoh artikel ini.
Jangan Pernah Menulis langsung Artikel pada dashboard Postingan, jadi setiap anda mau Posting usahakan ketik dulu di Notepad atau di word baru anda copas ke blog.Karena seperti saya ulas diatas, setiap menit akan di save secara otomatis .Rahasia ini saya temukan sendiri dengan menguji coba setiap Artikel, saya bukan menyombongkan diri tapi kenyataan Rata-rata Artikel blog inimasuk dijajaran 10 besar di Google, dan Anda bisa buktikan.
Jangan Pernah Copy Paste Artikel orang lain, dan bila mengcopas sebaiknya anda berikan link dari sumber utama.Jika terpaksa Copy Paste, Triknya jangan langsung Pastekan keblog, tapi pastekan dulu ke notepad atau word, Ganti kalimat-kalimat yang tidak relevan, ganti judulnya dengan judul yang mengandung konten rich, dan jangan lupa periksa Apakah artikel tersebut mengandungscript Trackback, jika ada segera hapus, tapi rata-rata script tersebut sangat tersembunyi , bisa saja berupa tanda koma atau titik.
Pikirkan Kemauan Pengunjung. Maksudnya Anda harus memposisikan diri sebagai pengunjung, kira-kira apa yang saya ketik di mesin pencari bila saya membutuhkan sesuatu “ tentang“. Menurut sumber terpercaya rata-rata pengunjung kebanyakan menulis di mesin pencari seperti ini awalnya : Cara , trik, rahasia, Tip, tutorial, panduan. Misal anda ingin buat Blog diblogspot, tentu dan saya yakin yang akan anda ketik dimesin pencari yakni “ ~~cara buat blog diblogspot~~ ” atau “~~cara bikin blog di blogger~~”Jadi Pandai-pandailah menganalisa kemauan pengunjung.
Setelah Posting Segera Submisi Blog Anda di Google, yahoo atau link2 submisi lain
Lalu Secepatnya Add Artikel Tersebut al di : http://socialmarker.com , http://freeadslink.com/home/index dan di link2 Artikel submisi lain, silahkan cari dengan kata kunci Artikel submitter.

Apa bila SObat melakukan langkah2 tersebut saya JAMIN Artikel Blog Anda Segera berada di TOP 10, Bila Kurang Percaya SILAHKAN CEK semua judul artikel BLOG ini, Rata2 Masuk 10 Besar GOOGLE
Para sobat blogger, ini dulu tip trik nya bila Anda ingin menambahkan silahkan di kotak komentar “ Mari Berbagi” siapa tahu cara Anda lebih dahsyat.
Semoga bermanfaat

Membuat Efek Salju Pada Background

ia Salju,, Tapi Bukan Salju yang adda di Kutub, ini Salju yang yang terdapat pada Background, seperti anda Liat sekarang ini di Blog q,
Dengan Tujuan Memperindah Blog , Supaya Blog kita tidak terlihat monoton.. hhee..
Saya ingin sekali berbagi ilmu engan sobat, walawpun sedikit ilmu yang aq bisa berikan Untuk kalian,
Yawdah Ya Sob, Langsung aja Kita sikat Caranya :

Langkah pertama

Login ke blogger, kemudian masuk ke layout atau tata letak
=>klik add page element atau tambah elemen halaman
=>pilih HTML/javascript

Langkah selanjutnya

Copy dan pastekan kode dibawah ini :

< script type = "text/javascript" src = "http://achmad46.googlepages.com/snow.js" > </script>

simpan dan lihat hasilnya..
Bagaimana ??
indah Bukan ?

Mudah - Mudahan Selain Salju bisa turun di Blog, Salju Es bisa Turun di indonesia ia, biar kaya Luar Negri..
hhee..
Tapi hanya Khayalan!!

membuat float teks berjalan

membuat float teks berjalan, masih bingung apa yang di maksudmembuat float teks berjalan, heee.. Floating Teks yang satu ini, maksudnya bukan Teksya bisa jalan kaya manusia!! hhee, Pnasaran,??? Langsung Coba aja!!!

Contohnya bisa sobat Lihat Jika sobat ikuti cara di bawah ini !!
langsung ya ke caranya :

login ke blogger dengan id plend
masuk ke tata letak ===> edit html
cari kode ]]> lalu taruh kode di bawah ini tepat di atas kode ]]>

#trik_pojok
{
    position : fixed;
    _position : absolute;
    bottom : 0px;
    left : 0px;
    clip : inherit;
    _top : expression(document.documentElement.scrollTop + document.documentElement.clientHeight - this.clientHeight);
    _left : expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);
}
Text yang dicetak tebal adalah posisinya, kalo pingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan"right". Begitu juga tulisan "bottom", jika pingin di posisi atas bisa diganti dengan "top".
setelah selesai plend cari kode lalu taruh kode dibawah ini tepat di atas kode

< marquee align = "center" direction = "left" scrollamount = "2" scrolldelay = "40" width = "100%"
height = "20" >< strong >
< span style = "color: rgb(51, 102, 255);" > .. :: Perhatian !! terima kasih atas kunjungannya,
jangan lupa kalau mau copy / paste harap cantumkan sumbernya
by http :wow-indonesia.blogspot.com dan blog ini setiap harinya di update::..
selesai deh, jangan lupa di simpan ya....

Sumber: imam77.co.cc

Membuat Efek Roaming Window

Efek roaming window yang dimaksud di sini adalah efek seperti window yang menggulung dan bergerak memutar dengan durasi sekitar dua hingga tiga detik. Untuk mendapatkan efek roaming window ini tidak diperlukan langkah-langkah yang rumit, yang dilakukan hanya Berikut ini langkah - langkahnya ;

1. Pertama-tama Log In terlebih dahulu ke Account Blogger Anda.
2. Setelah itu klik Tata Letak > Elemen Halaman > Tambah Gadget > HTML/Java Script.
3. Kemudian copy kode di bawah ini :

< script language = "JavaScript1.2" src = " http://adetea.fileave.com/Efek Roaming Windows.js" > </script>

4. Lalu simpan dan lihat hasilnya.
Sumber: imam77.co.cc

Memasang Tukar Link Otomatis [Automatic Link Exchange Banner]

Buat Anda yang ingin Memiliki Fitur Memasang Tukar Link Otomatis [Automatic Link Exchange Banner] in, Langsung saja, Coz saya Lagi males ngomong nih,,,
Hhhee,
Okeh, ini dya!!
1. Buka website ini http://www.plugme.net/
2. Klik pada CLICK HERE TO GET YOUR FREE PLUGBOARD!
3. Isi semua kolom pertanyaan, kemudian klik Daftar
4. Login sesuai dengan data yang Anda kirim melalui email
5. Setelah login silakan klik pada Kode HTML
6. Copy Kode HTML atau Kode Alternatif. Saya sarankan pilih copy HTML Code
7. Login ke blog anda
8. Pilih Layout,
9. Klik tab Elemen Halaman, lalu klik Tambah Gadget
10. Pilih bagian HTML / JavaScript
11. Klik save/ simpan
12. Selesai dan selamat mencoba
Sumber: imam77.co.cc

Menyapa Pengunjung Dengan Javascript

Menyapa adalah Hal sopan yang harus kita Lakukan Untuk menegr Orang Lain,,
Tapi, dalam dunia Maya, Hukum itu Masih Berlaku , supaya Blog sobat bisa Friendly dengan Pembaca/Pengunjung,
Nah, Berasl dari Blog'a kang Lusalary, ada dua type kata sambutan yang bisa anda gunakan pertama berupa kata sambutan dari admin blog dan kedua adalah kata sambutan dari admin berupa pertanyaan dari admin mengenai pengunjung blog anda.Jika ingin mencoba menggunakan tips ini silahkan ikuti petunjuknya :

A-Berupa kata sambutan dari anda;
1-Log in ke account blogger anda.
2-Click layout--->Edit HTML.
3-Cari kode kemudian copy pastekan script di bawah ini tepat diatas kode

< SCRIPT language = 'JavaScript' > alert(Well Come To Imam Blog(Silahkan baca baca ya !!)");

Keterangan : Ganti tulisan yg warna merah pada script dengan kata kata anda sendiri.Contohnya seperti di bawah ini :

4-Kemudian click save.

B-Berupa Pertanyan dari admin blog :
Caranya sama dengan diatas hanya berbeda script, Copy pastekan script di bawah ini tepat di atas kode

< script type = "text/javascript" > var yourName = prompt("Bolehkah saya tau nama anda", "Nama Sobat Siapa?");
</script>

Keterangan ;Ganti tulisan yg berupa pertanyaan dengan pertanyaan anda sendiri.
jika sudah selesai klik save.Cntohnya seperti di bawah ini :

Dan ini yang Ketiga!!
1.Masuk Ke TataLetak >> Halaman Elemen >> Kemudian Pilih Tambah Gadget >> HTML/Jvascript Trus Copy Paste Kode di Bawah ini!!

< script language = "JavaScript" src = "http://arieino.wen.ru/js/kunjungan2.js" ></script>

Save deh..
Gmna Sob Bisa gggaakk??
Sumber: imam77.co.cc

WoW

Linkku

Tukar Link Yuk!

Labels