TIPS AND TRIK

Cara Mengatasi Blog yang Redirect ke RIPWAY.

2012-01-04T03:06:00.000-08:00

BLOG Anda pernah terREDIRECT secara otomatis ke situs RIPWAY?
Padahal anda tidak pernah meREIRECT nya ke situs tersebut secara sengaja?

Pada kesempatan kali ini saya akan mencoba memberi salah satu cara mengatasinya sesuai dengan pengalaman saya yg beberapa waktu lalu blog ini juga terREDIRECT ke situs RIPWAY tanpa sepengetahuan saya.

Jadi langkah yang saya ambil untuk menanganinya adalah sebagai berikut:

1. Masuk ke RANCANGAN, kemudian cek widget yang kita pasang apakah ada yang mengandung widget yang penyimpanannya ke RIPWAY, jika iya maka hapus widget tersebut untuk menanganiya.
2. Masuk ke edit HTML kemudian tekan ctrl+f secara bersamaan kemudian ketik "ripway"terus tekan enter, jika ada source kode yg mengandung ripway maka hapus source kode yang mengandung ripway tersebut.

Demikian sedikit sharing tentang REDIRECT ILEGAL yang di lakukan oleh situs RIPWAY.
Semoga berhasil y kawan.. ^^

Membuat Menu Horizontal

2012-01-03T05:07:00.000-08:00

Ok, bahan-bahannya sudha ada, mari kita mulai maraciknya:
1. Login ke blogger terus pilih Layout --> Edit HTML, trus beri tanda centang pada kotak "Expand Widget Templates". jangan lupa template di backup dulu.
2. Cari script seperti ini ]]></b:skin>, kalo udah ketemu copy script dibawah ini dan taruh diatasnya
/*credits : http://trik-tips.blogspot.com */
#tabshori {
float:left;
width:100%;
font-size:13px;
border-bottom:1px solid #2763A5; /* Garis Bawah*/
line-height:normal;
}
#tabshori ul {
margin:0;
padding:10px 10px 0 50px; /*Posisi Menu*/
list-style:none;
}
#tabshori li {
display:inline;
margin:0;
padding:0;
}
#tabshori a {
float:left;
background: url("http://kendhin.890m.com/menu/blackleft.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabshori a span {
float:left;
display:block;
background: url("http://kendhin.890m.com/menu/blackright.gif") no-repeat right top;
padding:5px 14px 4px 4px;
color:#fff;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabshori a span {float:none;}
/* End IE5-Mac hack */
#tabshori a:hover {
background-position:0% -42px;
}
#tabshori a:hover span {
background-position:100% -42px;
}

Tulisan yang dicetak tebal bisa kamu ganti dengan gambar-gambar (text dibawah gambar) diatas tadi. Misalnya, jika kamu pilih yang warna merah maka scriptnya menjadi seperti ini;

background: url("http://kendhin.890m.com/menu/redleft.gif") no-repeat left top;

background: url("http://kendhin.890m.com/menu/redright.gif") no-repeat right top;

Mudeng nggak loe :D
Kalo sudah selesai mari kita lanjutkan, sampai angka berapa tadi? oh ya sampai angka ketiga ya.
3. Copy script berikut ini
<div id="tabshori">
<ul>
<li><a href="http://trik-tips.blogspot.com"><span>Home</span></a></li>
<li><a href="http://trik-tips.blogspot.com"><span>Trik-Tips</span></a></li>
<li><a href="http://trik-tips.blogspot.com"><span>Free Template </span></a></li>
<li><a href="http://trik-tips.blogspot.com"><span>Kamus</span></a></li>
<li><a href="http://trik-tips.blogspot.com"><span>Profile</span></a></li>
</ul>
</div >

4. Ganti http://trik-tips.blogspot.com dengan link yang kamu tuju. Link tersebut bisa berupa alamat blog lain atau link postingan km. Untuk mendapatkan link postingan caranya klik kanan pada judul postingannya trus pilih "copy link location" (untuk mozilla firefox).
Kemudian text yang dicetak tebal bisa kamu ganti dengan text yang kamu suka. Text tersebut adalah text yang muncul di tombol/menu.
5. Cara memasangnya ada beberapa macam tergantung dari template yang digunakan, salah satu contoh memasangnya yaitu begini
cari kode berikut ini :

caranya nyari biar gampang, copy script diatas lalu tekan Ctrl-f kemudian paste di kotak find, nha langsung ketemu kan. Kalo udah ketemu copy script yang tadi diatasnya

6. Simpan hasil pengeditan.
7. Lihat hasilnya.
8. kalo hasilnya kurang bagus/acak-acakan coba script tadi dipindah tempatnya, misalnya pindah keatasnya yaitu diatas kode . kalao nggak cocok juga tempatnya dicoba lagi yang diatasnya atau juga dibawahnya, begitu terus sampai ketemu tempat yang cocok.
9. Kalo masih belum berhasil juga coba cara ini:
- Cari kode berikut ini :

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='your blog title (Header)' type='Header'/> </b:section>

teru ganti text yang berwarna hijau sihingga menjadi seperti ini:

<b:section class='header' id='header' maxwidgets='2' showaddelement='yes'> <b:widget id='Header1' locked='false' title='your blog title (Header)' type='Header'/> </b:section>

terus di Save

Klik tab Page Elements, kemudian di daerah header klik Add a page element lalu pilih HTML/JavaScript paste script link tadi di dalam kotak content terus simpan, nha itu kan tempatnya diatas, coba drag kebawah dikit, nha gitu, terus simpan dan lihat hasilnya.

hasilnya pasti akan berbeda-beda di setiap template.
kalo berhasil berarti kamu pinter, kalo gagal berarti kamu kurang pinter :r coba diteliti lagi langkah-langkahnya dan dipahami maksudnya, jangan cuma di plototin. OK BOZ, Good luck.....

Kunjungi Forum Blogger

2010-06-11T21:12:00.000-07:00

Buat kamu" yang ngrasa suka blogger n mau sharing tentang pengetahuan kamu tentang edit blog atau yang lainnya.
Silahkan masuk ke forum yang sudah di buat untuk bertukar pikiran tentang ilmu blogging.

http://blogger-lover.forumotion.ca

Gabung ya, biar kalian bisa dapet ilmu tentang blogging, n blog kamu bakal tambah cakep dech.

Cara Membuat Link Terbuka Tanpa di Klik

2010-03-25T19:39:00.000-07:00

Satu hal menarik adalah modifikasi soal link. Memang modifikasi soal link tak pernah habis. Kali ini saya akan memberitahu cara bagaimana membuat sebuah link terbuka tanpa klik. Biasanya tujuan link terbuka begitu ada aksi klik, tetapi dengan script ini hanya dengan menyorotnya saja link sudah terbuka.

Cara untuk membuatnya sangatlah simpel, coba perhatikan dua link di bawah ini

Uhibbukum Fillah™ I Cinta Kepada Allah I Indahnya Cinta Karena Allah

Kodenya:

<a href="http://www.uhibbukumfillah.co.cc/">Uhibbukum Fillahâ�¢ I Cinta Kepada Allah I Indahnya Cinta Karena Allah</a>

Ket: link di atas coba Anda sorot saja, maka tidak akan membuka tujuan, harus di klik karena menggunakan kode link biasa

Sementara link berikut

Uhibbukum Fillah™ I Cinta Kepada Allah I Indahnya Cinta Karena Allah

Kodenya:

<a href="http://www.uhibbukumfillah.co.cc/" onMouseover="window.location=this.href">Uhibbukum Fillahâ�¢ I Cinta Kepada Allah I Indahnya Cinta Karena Allah</a>

Ket: Cukup Anda sorot saja sudah membuka tujuan link

Semoga simpel tetapi bermanfaat.

Cara Membuat Efek Gambar Membesar

2010-03-25T19:23:00.000-07:00

Nah, kalau kemarin sibuk dengan link. Sekarang, saya akan posting effect membesar pada gambar ketika mouse di atasnya/di sorot. Nah, mantep bukan. Lihat saja di berbagai web yang menampilkan galeri gambar pasti banyak yang menggunakan effect ini.

Silakan Buka Web ini untuk contoh demonya: http://www.dynamicdrive.com/dynamicindex4/expandoimage.htm

Nah, mantep gak??? Langsung saja saya kasih triknya

-Masuk ke bagian EDIT HTML
-Lalu tambahkan script berikut di atas kode </head>

<style type='text/css'>
border: none;
vertical-align: top;
}
</style>
<script src='http://sites.google.com/site/masdoyoksite/javascript/masdoyokexpando.js' type='text/javascript'>

/* http://www.MasDoyok.co.cc (c) Script 2009*/

</script>

-Lalu SAVE

Berikutnya, ini contoh script yang diletakkan di postingan atau sidebar Anda

<img class="expando" border="0" src="URL GAmbar kamu" width="100" height="100">

Nah, semoga berhasil yah sob.... kalau mau pake, comment dulu hehehe...

Cara Membuat Shoutmix Tersembunyi

2010-03-25T19:01:00.000-07:00

Lama tak berjumpa dengan kawan-kawan di blog ini karena banyaknya kegiatan..^^
Langsung ajah ya, g sah basa-basi tar lama-lama jadi basi dahk..

membuat buku tamu tersembunyi atau shoutmix tersembunyi, ini dia langkah-langkah dan caranya :
1. Masuk ke account Blogger kamu, pilih Layout; kemudian Page Elements;
2. Klik "Add a Gadget" (yang mana aja oke), kemudian pilih "HTML/JavaScript",
3. Copy-paste kode di bawah ini:

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/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);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">

<br/>
Mau seperti ini?<br/>
Click aja disini--->
<a href="http://trik-tips-ngeblog.blogspot.com">
Kumpulan Blog Tutorials

</a>
<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>

# Pada kode di atas, cari kode  dan ganti kode tersebut dengan kode buku tamu yang kamu dapatkan dari situsnya,
# Kamu juga bisa atur posisinya. Ubah aja nilai atribut top-nya. Kalau mau lebih ke atas dikit, ubah jadi 30px atau 20px, terserah kamu.

SELAMAT MENCOBA!!

Pasang Back To TOP

2009-06-22T05:21:00.000-07:00

Cara Memasang Tombol Back To Top (Kembali Ke Atas)

Halaman blog yang panjang mungkin salah satu hal yang tidak disukai oleh pembaca. Solusinya pada halaman home jangan terlalu banyak menyimpan jumlah artikel. sebaiknaya dalam halaman home mempunyai maksimal 5 atau 3 artikel dan ditambah dengan pemanfaatan fungsi read more (baca selengkapnya).

Tapi kalau memang elemen blog atau artikel yang panjang bagaimana? pembaca akan lebih malas mengscroll kembali ke atas halaman page untuk mengakses menu lain. Kalau begitu silakan saja pasang "Icon Back To Top" (tombol Icon kembali ke atas) yang memungkinkan pembaca lebih mudah kembali ke atas halaman. Tombol Icon tersebut selalu terletak pada tempat atau posisi yang tetap walaupun adanya scrolling page.

Berikut kode "Icon Back To Top" (tombol Icon kembali ke atas) dan design yang dapat Anda pilih ( designed by syilpid )

Masuk ke dasbor > tata letak > edit html > Letakan kode di atas </body>


<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img src='http://i15.photobucket.com/albums/a398/syilpid/Backtotopbiru.png'/></a>


<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img src='http://i15.photobucket.com/albums/a398/syilpid/Backtotophitam.png'/></a>


<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img src='http://i15.photobucket.com/albums/a398/syilpid/Backtotophijau.png'/></a>


<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img src='http://i15.photobucket.com/albums/a398/syilpid/Backtotopkuning.png'/></a>

<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img src='http://i15.photobucket.com/albums/a398/syilpid/Backtotopmerah.png'/></a>

<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img src='http://i15.photobucket.com/albums/a398/syilpid/Backtotoporange.png'/></a>

<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img src='http://i15.photobucket.com/albums/a398/syilpid/Backtotoppink.png'/></a>

<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img src='http://i15.photobucket.com/albums/a398/syilpid/Backtotopungu.png'/></a>

selamat mencoba

Cara Buat Animasi Melayang

2009-06-21T23:38:00.000-07:00

Menjawab pertanyaan temenku Hendri yang pingin gambar animasi (bocah imut di pojok bawah blog) atau istilah yang sering dipakai oleh para blogger mania dengan gambar melayang. Gambar melayang.....??? gimana masangnya. Simpel koq caranya ikuti saja langkah - langkah berikut ini;

1. Login Acount blogger anda;
2. Masuk pada Pengaturan ;
3. Pilih Tata letak ;
4. Edit html ;
5. Kemudian copy code dibawah ini dan paste di atas kode ]]> < /b:skin > ;

#melayang {
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); }

Kode yang tercetak merah ( bottom dan left ) menunjukan letak gambar. Letak gambar dapat di ubah dengan mengganti kode tersebut (left=kiri, bottom=bawah, right=kanan, top=atas) sesuai dengan keinginan anda.

6. Berikutnya cari lagi di dalam template anda kode < /body >,
Kemudian copy code berikut ini dan letakkan diatas kode tersebut.

<div id='melayang'>
<a href='http://tovarossi.blogspot.com'> <img src='http://i478.photobucket.com/albums/rr146/tovarossi/Dancingbaby.gif'/></a>
</div>

atau pilih code animasi berikut;

<div id='melayang'>
<a href='http://tovarossi.blogspot.com'> <img src='http://i478.photobucket.com/albums/rr146/tovarossi/bird_ann.gif'/></a>
</div>

Kode yang berwarna merah diganti dengan url blog anda dan kode yang berwarna hijau diganti dengan url tempat gambar anda disimpan.

7. Simpan

Selesai dah....!!!
Untuk melihat contohnya anda dapat lihat pada blog saya.

Cara buat kotak di side bar

2009-04-27T19:42:00.000-07:00

Coba anda perhatikan sidebar blog contohku, terlihat dalam bentuk kotak-kotak yang terpisah. Fungsinya hanya untuk penampilan agar telihat lebih rapih dan tentunya akan mempercantik penampilan blog.
Cara membuatnya tidak terlalu sulit, anda hanya perlu mengotak-atik kode-kode HTML pada blog anda.
Kalau anda ingin melanjutkan cara membuatnya, ikuti langkah-langkah berikut ini :

Jangan lupa sebelum anda melakukan perubahan pada kode-kode HTML, Backup Template terlebih dahulu dengan cara Download Template Lengkap dan simpan pada komputer anda. Ini kita lakukan untuk menjaga agar jika anda tidak berhasil dalam melakukan pengeditan dapat mengembalikan kepada keadaan semula.

Cari kode seperti di bawah ini :

.sidebar .widget, .main .widget { border-bottom:1px dotted $bordercolor; margin:0 0 1.5em; padding:0 0 1.5em; }

Dari kode widget diatas menunjukan bahwa sidebar widget (halaman sidebar) dan main widget (halaman postingan) memiliki penampilan yang sama.
Jadi agar terlihat dalam bentuk kotak kotak, anda harus memisahkan kedua kode widget tersebut menjadi seperti di bawah ini : (anda dapat mengcopy kode dibawah ini)

.sidebar .widget{ border-bottom:1px dotted $bordercolor; margin:0 0 1.5em; padding:0 0 1.5em; } .main .widget { border-bottom:1px dotted $bordercolor; margin:0 0 1.5em; padding:0 0 1.5em;
}

Sekarang anda fokuskan pada kode sidebar.
Agar penampilannya terpisah dalam bentuk kotak-kotak, anda harus memvariasikan kode-kodenya seperti contoh dibawah ini :

.sidebar .widget{ background:#0000b3; border:1px dotted #C3D9FF; margin:0 0 1.5em; padding:0.5em; }

Kode diatas mengandung arti :latar belakang sidebar berwarna biru tua, border lebarnya 1 px dengan warna biru muda (lebar border inilah yang membuat sidebar terlihat dalam bentuk kotak-kotak), jarak antara widget sebesar 1.5em dan padding 0.5em.
Kode tersebut dapat anda ubah sesuai dengan keinginan dan kreatifitas anda.

Lakukan hal yang sama untuk mengubah penampilan main widget. Pilih variasi warna yang cocok agar penampilan semakin cantik.

Selesai...!!!

Judul Blog Bergerak

2009-04-14T02:41:00.000-07:00

Untuk memperindah penampilan halaman blog anda, tidak ada salahnya jika anda juga mengikuti trik berikut ini, yaitu cara membuat judul blog bisa bergerak. Untuk itu silahkan ikuti langkah-langkah berikut ini :

1. Login ke blog anda
2. Klik tab Tata Letak
3. Klik tab Edit HTML
4. Beri tanda centang pada kotak kecil Expand Template Widget
5. Silahkan cari di dalam template anda kode

<title><data:blog.pageTitle/></title>

6. Ganti kode tersebut dengan script berikut ini

<script language='JavaScript'>
var txt="<data:blog.pageTitle/>";
var kecepatan=300;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>

7. Angka 300 di dalam script tersebut merupakan kecepatan bergeraknya, silahkan ganti sesuai dengan selera anda. Jika anda ganti menjadi 100 atau 200 maka kecepatannya akan bertambah, sebaliknya kecepatan akan berkurang bila diganti menjadi 400
8. Klik Pratinjau untuk melihat apakah sudah ada perubahan sesuai dengan yang kita inginkan
9. Jika sudah oke, klik Simpan Template
10. Selesai

Membuat Pesan Pembuka

2009-04-14T02:32:00.001-07:00

Alert Message adalah sebuah pesan yang muncul ketika anda akan masuk ke salah satu site. Contoh di sini. Biasanya pesan yang tampil kebanyakkan adalah pesan selamat datang. Apakah anda pernah menemukannya.? Apakah anda tertarik untuk menciptakan sebuah alert message di site anda.? Dan bagaimana caranya..?

Gampang..!

Silahkan copy script di bawah ini.

<script language="JavaScript">alert("PINGIN BELAJAR");</script>

Untuk di tempatkan ke blog:

1. Login ke blog anda
2. Klik tab Tata Letak
3. Klik tab Edit HTML
4. Beri tanda centang pada kotak kecil Expand Template Widget
5. Silahkan cari di dalam template anda kode </head>
6. Persis sebelum kode tersebut, copypastekan script yang tadi
7. Jangan lupa edit "PINGIN BELAJAR" dengan pesan yang anda inginkan. (tanda kutip jangan dihilangkan)
8. Klik Pratinjau untuk melihat perubahan yang anda inginkan
9. Jika sudah, klik Simpan Template
10. Selesai

Pasang Animasi Loading

2009-04-14T02:05:00.000-07:00

Hai para blogger, akhirnya saya menemukan cara untuk membuat animasi loading setelah lama minta bantuan om google. Jika anda tidak tahu tentang animasi loading silahkan liat contoh di sini.

berikut artikelnya.Semoga Bermanfaat.

Pertama, pilih saja dulu salah satu animasi preloader dari dua layanan ini Preloader atau Ajaxload, kemudian simpan hasil gambar dalam format gif tersebut. Kalo sudah, silahkan upload file gambar tadi ke hosting anda (yang gratis bisa pake geocities.com)

Langkah kedua silahkan buka notepad anda, kemudian simpan kode dibawah ini dengan nama preloader.js (pastikan ekstensi berakhiran JS, bukan TXT)

var ld=(document.all);
var ns4=document.layers;
var ns6=document.getElementById&&!document.all;
var ie4=document.all;
if (ns4)
ld=document.loading;
else if (ns6)
ld=document.getElementById("loading").style;
else if (ie4)
ld=document.all.loading.style;
function init()
{
if(ns4){ld.visibility="hidden";}
else if (ns6||ie4) ld.display="none";
}

Kalo sudah, silahkan upload file preloader.js ke hosting anda (yang gratis bisa pake geocities.com)

Cara Pasang di blogger:

Langsung tuju saja ke alamat EditHTML, cari tag <body> Kemudian ganti tag <body> dengan kode dibawah ini, janga lupa ganti kode warna merah dibawah dan sesuaikan sendiri dengan lokasi alamat penyimpanan gambar dan file JS anda.

Untuk mengubah penempatan gambar loading silahkan atur sendiri pada kode text-align:center (silahkan bermain saja dengan kode center, coba ganti dengan left, right, top atau bottom). Sebenarnya masih banyak trik lainnya, silahkan dikembangkan sendiri ya.

Perhatian! saya belum dapat info apakah merubah tag <body> ini melanggar TOS blogger apa tidak, jadi saya sarankan jangan di coba langsung di blog utama. silahkan bereksperimen di blog uji coba anda . Kalau terjadi apa2 jangan salahkan saya OK! :)

Mendisable Klik Kanan

2009-04-05T23:36:00.000-07:00

Pingin Mendisable Klik Kanan...?

Terkadang kita ada kalanya kepingin halaman blog kita tidak bisa di klik kanan oleh orang lain, mungkin karena ada sesuatu hal yang membuat kita terpaksa membuatnya.

Mungkin saja karena kita ingin melindungi semua rahasia-rahasia yang ada di balik klik kanan tersebut. Terlepas dari hal itu, entah anda pingin atau tidak, saya coba membantu cara praktis membuat klik kanan di halaman blog anda agar didisable oleh system.

Untuk itu silahkan ikuti langkah-langkah berikut ini :

1. Masuk ke Blog anda
2. Klik Tata Letak
3. Klik Tambah Gadget
4. Klik pilihan menu HTML/JavaScript
5. Pastekan script di bawah ini ke dalam kolom konten tersebut

<script>
var message="Maaf, Klik Kanan Saat Ini Saya Disable";
///////////////////////////////////
function clickIE4(){if (event.button==2){alert(message);return false;}}
function clickNS4(e){if (document.layers||document.getElementById&&!document.all){if (e.which==2||e.which==3){alert(message);return false;}}}
if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS4;}
else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;}
document.oncontextmenu=new Function("alert(message);return false")
</script>

6. Silahkan ganti script yang berwarna merah dengan kalimat pilihan anda
7. Klik Simpan
8. Selesai

Selamat mencoba, semoga bermanfaat

DAUN BERGUGURAN

2009-04-05T23:27:00.000-07:00

Pada postingan sebelumnya saya telah membuat artikel tentang efek salju yang berterbangan di halaman blog. Sekarang saya akan coba lagi membuat postingan yang intinya tidak jauh-jauh dari efek salju tersebut untuk memperindah halaman blog anda.

Pada postingan kali ini tiba giliran efek daun kering berguguran dan efek bintang berjatuhan yang akan saya terbitkan.

Jika anda tertarik untuk menambah efek tersebut pada halaman site anda, silahkan ikuti langkah-langkah berikut ini :

1. Masuk ke Blog
2. Klik Tab Tata Letak
3. Klik Tab Elemen Halaman
4. Klik Tambah Gadget
5. Klik pilihan HTML/JavaScript
6. Pastekan salah satu script di bawah ini ke kolom Konten

Efek daun berguguran, dengan jumlah 20 buah daun kering

<script src="http://h1.ripway.com/pinginbelajar/daunberguguran/20.js" type="text/javascript"></script>

Efek daun berguguran, dengan jumlah 30 buah daun kering

<script src="http://h1.ripway.com/pinginbelajar/daunberguguran/30.js" type="text/javascript"></script>

7. Klik Simpan
8. Selesai

GAMBAR KURSOR

2009-04-05T22:53:00.000-07:00

Setelah sekian lama meenelantarkan blog saya, akhirnya saya manyempatkan diri untuk menulis trik selanjutnya, saya dapat trik ini dari blog "PINGIN BELAJAR".Semoga bermanfaat.

Jika anda sudah bosan melihat penampilan cursor anda yang hanya berupa panah, dan ingin menggantinya menjadi lebih menarik, saya akan berikan triknya. Silahkan anda ganti sesuka hati gambar apapun yang akan anda inginkan.

Mungkin trik ini sudah banyak para sobat yang tahu, tapi karena saya hanyalah pemain baru dalam design website, wajar rasanya saya meluangkan waktu untuk bisa berbagi untuk para sobat sekalian yang mungkin juga baru di dunia website ini. Dan untuk senior-senior design website yang membaca postingan ini, mohon beri masukkan kepada kami yang baru belajar dan pingin belajar.

Oke, kita kembali lagi ke cursor yang kita ganti, silahkan ikuti langkah-langkah berikut ini :

1. Login ke Blog
2. Klik Tab Tata Letak
3. Klik Tab Edit HTML
4. Beri tanda centang pada kotak kecil Expand Template Widget
5. Silahkan anda cari di dalam template anda kode body {
6. Persis setelah kode tersebut, pastekan script di bawah ini

cursor: url("http://bohongan_doang.gif"), default;

7. Silahkan anda ganti tulisan yang berwarna merah dengan alamat URL gambar pilihan anda
8. Untuk mendapatkan alamat URL image cursor tersebut, silahkan surfing [ di sini ]
9. Klik Pratinjau untuk melihat hasil kerja anda
10. Klik Simpan Template jika sudah sesuai dengan keinginan anda
11. Selesai

Selamat mencoba, semoga bermanfaat

Cara Buat Bintang Jatuh Dari Kursor

2009-03-13T06:32:00.002-07:00

Secara tidak sengaja saya menemukan trik ini dari Pingin Belajar, Jika anda belum faham dengan maksud dari judul diatas anda bisa melihat di blog ini ada bintang yang bertebaran jika kursor bergerak..Pingin cursor pada blog anda ada efek bintang jatuh?? Berikut caranya!!
Masuk blog anda>>Pilih Tata Letak>>Tambah Gadgets>>html/Javascript>>masukan kode berikut

<script src="http://h1.ripway.com/pinginbelajar/cursor/green.js" type="text/javascript"></script>

Tulisan yang berwarna hijau ganti dengan kode warna di bawah ini, sesuai dengan selera anda

black blue cyan green orange purple red silver white yellow

Selamat Mencoba!!

Cara Buat Cursor Yang Diikuti Text

2009-03-13T06:21:00.000-07:00

Setelah sekian lama dalam pencarian trik ini akhirnya saya menemukan nya di sebuah blog yang berjudul Pingin Belajar, Bagi yang belum tahu apa yang di maksud dengan judul di atas silahkan liaht blog utma saya (http://daftardapatuang.blogspot.com).
Baik lah langsung adjah ya, kalian pasti bosen baca tulisan saya yang g karuan ya...^^
Pertama buka blog anda
Pilih tata letak>>Tambah Gadgets>>Pilih html/Javascript>>Masukan kode berikut

<script>
//mouse
//Circling text trail- Tim Tilton
//Website: http://www.tempermedia.com/
//Visit http://www.dynamicdrive.com for this script and more
function cursor_text_circle(){
// your message here
var msg='belajar blog'.split('').reverse().join('');

var font='Verdana,Arial';
var size=3; // up to seven
var color='#ff0000';

// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 for just plain rotation w/out drag
var speed=.3;

// This is the rotation speed, set it negative if you want
// it to spin clockwise
var rotation=-.2;

// Alter no variables past here!, unless you are good
//---------------------------------------------------

var ns=(document.layers);
var ie=(document.all);
var dom=document.getElementById;
msg=msg.split('');
var n=msg.length;
var a=size*13;
var currStep=0;
var ymouse=0;
var xmouse=0;
var props="<font face="+font+" size="+size+" color="+color+">";

if (ie)
window.pageYOffset=0

// writes the message
if (ns){
for (i=0; i < n; i++)
document.write('<layer name="nsmsg'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+msg[i]+'</font></center></layer>');
}
else if (ie||dom){
document.write('<div id="outer" style="position:absolute;top:0px;left:0px;z-index:30000;"><div style="position:relative">');
for (i=0; i < n; i++)
document.write('<div id="iemsg'+(dom&&!ie? i:'')+'" style="position:absolute;top:0px;left:0;height:'+a+'px;width:'+a+'px;text-align:center;font-weight:normal;cursor:default">'+props+msg[i]+'</font></div>');
document.write('</div></div>');
}
(ns)?window.captureEvents(Event.MOUSEMOVE):0;

function Mouse(evnt){
ymouse = (ns||(dom&&!ie))?evnt.pageY+20-(window.pageYOffset):event.y; // y-position
xmouse = (ns||(dom&&!ie))?evnt.pageX+20:event.x-20; // x-position
}

if (ns||ie||dom)
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
var y=new Array();
var x=new Array();
var Y=new Array();
var X=new Array();
for (i=0; i < n; i++){
y[i]=0;
x[i]=0;
Y[i]=0;
X[i]=0;
}

var iecompattest=function(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}

var makecircle=function(){ // rotation properties
if (ie) outer.style.top=iecompattest().scrollTop+'px';
currStep-=rotation;
for (i=0; i < n; i++){ // makes the circle
var d=(ns)?document.layers['nsmsg'+i]:ie? iemsg[i].style:document.getElementById('iemsg'+i).style;
d.top=y[i]+a*Math.sin((currStep+i*1)/3.8)+window.pageYOffset-15+(ie||dom? 'px' : '');
d.left=x[i]+a*Math.cos((currStep+i*1)/3.8)*2+(ie||dom? 'px' : ''); // remove *2 for just a plain circle, not oval
}
}

var drag=function(){ // makes the resistance
y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
for (var i=1; i < n; i++){
y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);
x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);

}
makecircle();
// not rotation speed, leave at zero
setTimeout(function(){drag();},10);
}
if (ns||ie||dom)
if ( typeof window.addEventListener != "undefined" )
window.addEventListener( "load", drag, false );
else if ( typeof window.attachEvent != "undefined" )
window.attachEvent( "onload", drag );
else {
if ( window.onload != null ) {
var oldOnload = window.onload;
window.onload = function ( e ) {
oldOnload( e );
drag();
};
}
else
window.onload = drag;
}

}
cursor_text_circle();

</script>

Kalimat yang berwarna merah silahkan di ganti dengan kata-kata yang anda inginkan.
SELAMTA MENCOBA!!

Cara Membuat Menu

2009-03-05T03:15:00.000-08:00

Setelah lama g ngeblog gara-gara mikirin UM UI yang ternyata soalnya susah banget...hehehe (kok malah curhat..
Langsung adjah ya..mungkin anda ingin membuat menu seperti..

Home

Trik-Tips

Free Template

Info

Atau seperti menu diatas.
Anda bisa membuat nya dengan sangat mudah..
Untuk menu yang pertama anda hanya perlu mengcopy kode berikut

<div id="tabshori">
<ul>
<li><a href="http://daftardapatuang.blogspot.com"><span>Home</span></a></li>
<li><a href="http://trik-tips-ngeblog.blogspot.com"><span>Trik-Tips</span></a></li>
<li><a href="http://btemplates.com"><span>Free Template </span></a></li>
<li><a href="http://downloads-ebook-gratis.blogspot.com"><span>Free Ebook</span></a></li>
<li><a href="http://downloads-ebook-gratis.blogspot.com/"><span>Info</span></a></li>
<li><a href="http://downloads-ebook-gratis.blogspot.com/2009/02/soal-tik-kelas-x-smt-2.html"><span>Soal TIK</span></a></li>
<li><a href="http://horor-blog.blogspot.com/"><span>Contoh Blog</span></a></li>
</ul>
</div>

Kemudian anda buka blog anda dan klik tata letak kemudian tambah gagets pilih HTML/JAVASCRIPT.

2. Utuk menu yang kedua anda bisa membuatnya di http://flashvortex.com anda pilih MENU untuk membuat nya, banyak pilihan bentuk yang bisa anda pilih (sesuai seleara anda)
Setelah memilih menu yang anda suka, anda tinggal mengeditnya, setelah itu anda akan mendapatkan kode html nya.
Kode html tersebut diletakkan pada tambah gadgets seperti pada menu yang no 1.

Sekian, semoga trik ini dapat membantu anda.

Buat Script Penutup

2009-02-27T15:36:00.000-08:00

Tahu script penutup??
Gampang nya kalo blog kita ditutup akan ada script yang keluar untuk mengucapkan selamat tinggal...(kayak orang adjah)
Karena gw g pinter nulis and g suka banyak omong..soal nya capek.
Langsung adjah ya.

Masuk blog anda
Klik tata letak
Pilih edit htmal
Cari kode <head>
Copy script di bawah kode <head>

Cara membuat Roaming

2009-02-27T15:28:00.000-08:00

Mungkin anda bingung dengan kalimat diatas...^^
Kalo ingin tahu apa itu Roaming silahkan klik disini pada awal pembukaan blog layar akan berubah ke samping screen...itu yang namanya roaming...Itu sebutan saya..hehe
Lngsung adjah ya..

Buka Blog anda/Orang lain juga boleh...^^
Tata Letak pilih edit HTML
Cari kode <head> untuk memudahkan pencarian kombinasikan tombol ctrl+f
Copy kode berikut di bawah kode tersebut.
Pratinjau dulu agar tahu jadi ato g...^^

Cara Buat HighLighAll

2009-02-16T05:44:00.000-08:00

SElAMat malam para blogger, malam ini saya dapat trik baru dari blog na kang ocim berikut trik nya, semoga bermanfaat.

Assalamualaikum, shubuh kemarin saya melhat salah satu blogspot yang disisi kanannya terdapat sebuah kotak yang bisa discroll atau bisa ditarik kebawah dan keatas. Pada saat itu juga saya ingin membuatnya dan menampilkannya didalam blog saya, cara membuatnya cukup membubuhkan sedikit code didalam widget HTML. Penasaran bagaimana cara membuatnya, nih tutorialnya.

Untuk membuat halaman seperti itu, anda hanya membuat kode seperti ini :

<div style="overflow:auto;width:300px;height:200px; padding:10px;border:1px solid #eee">isi halaman</div>

contoh

Maka Hasil nya seperti ini

1.Test

2.Test

3.Test

4.Test

5.Test

6.Test

7.Test

9.Test

10.Test

11.Test

12.Test

13.Test

masih belum mengerti, dibawah ini sedikit penjelasannya :

overflow:auto; Â» kode ini agar tercipta scrolling atau penggulung halaman apabila isi dari halaman tersebut sudah melampaui batas tinggi atau lebar yang telah di tentukan.

width:300px; Â»adalah lebar bidang yang di inginkan, dalam hal ini adalah sebesar 300 pixel, nilai ini tentunya di sesuaikan dengan keinginan atau di sesuaikan dengan lebar sidebar yang ada. namun, agar selalu sesuai dengan sidebar maka sebaiknya memakai nilai 100% (width:100%).

height:200px; Â»adalah tinggi bidang yang di inginkan, nilai ini bisa di ubah sesuai keinginan, misal jadi 250px atau nilai yang lainnya.

padding:10px; Â»adalah kode pembuat jarak agar tulisan yang ada dalam halaman tersebut tidak menabrak dinding halaman, nilai ini tentu saja bisa di ubah sesuai keinginan. misal : padding:5px;

border:1px solid #eee Â» agar bidang tersebut terlihat ada kotaknya, jika anda tidak menginginkan ada terlihat kotaknya, maka tinggal di hapus saja.

Selain kode-kode tersebut, tentu saja anda bisa menambahkan berbagai variasi sesuai dengan keinginan, misalkan backgroundnya berbentuk gambar, fontnya yang berbeda atau apa saja sesuai dengan keinginan anda.

Selamat berkreasi

CARA BIKIN KOTAK IKLAN

2009-02-14T00:35:00.000-08:00

Cara bikin kotak iklan

Saya dapat trik lagi hasil searching saya, saya mendapatkan dari http://www.o-om.com/2008/06/cara-bikin-kotak-iklan-box-banner.html
Berikut trik nya!!@!

Sudah lama ya om gak nulis tutorial untuk blogspot, kali ini om akan ngajarin trik sederhanan cara bikin kotak iklan (Banner Box). Untuk fungsi Banner ads sendiri kayaknya gak perlu om jelasain lagi untuk apa..om yakin pasti semua sudah ngerti. Oh iya kalo tidak salah ada beberapa rekan juga yang minta dibuatkan cara mudahnya, maaf om lupa nama yang minta, yang jelas ada dikolom komentar dan imel yang masuk. Ya udah om tulis aja tutorialnya dibawah ini:

Cara membuat kotak iklan (Banner Box):

Pertama, masuk pada halaman Edit Html, kemudian masukan kode CSS dibawah ini dibawah kode <b:skin><![CDATA[

#Box-Banner-ads {

margin: 0px;

padding: 5px;

text-align: center;

}

#Box-Banner-ads img {

margin: 0px 4px 4px 0px;

padding: 3px;

text-align: center;

border: 1px solid #c0c0c0;

}

#Box-Banner-ads img:hover {

margin: 0px 4px 4px 0px;

padding: 3px;

text-align: center;

border: 1px solid #333;

}

Sudah? selanjutnya buat element halaman baru..kemudian anda tinggal memasukan kode dibawah ini.

<a target="_blank" href="http://trik-tips-ngeblog.blogspot.com/"><img border="0" alt="ads" src="http://oom.blog.googlepages.com/Banner2.gif"/></a>

<a target="_blank" href="http://trik-tips-ngeblog.blogspot.com/"><img border="0" alt="ads" src="http://oom.blog.googlepages.com/Banner2.gif"/></a>
<a target="_blank" href="http://trik-tips-ngeblog.blogspot.com/"><img border="0" alt="ads" src="http://oom.blog.googlepages.com/Banner2.gif"/></a>
<a target="_blank" href="http://trik-tips-ngeblog.blogspot.com/"><img border="0" alt="ads" src="http://oom.blog.googlepages.com/Banner2.gif"/></a>

</div>

Untuk jumlah iklan anda tinggal menambahkan atau mengurangi sesuai kode dibawah ini. jangan lupa mengganti warna merah dengan alamat url anda sendiri.

<a target="_blank" href="http://trik-tips-ngeblog.blogspot.com"><img
border="0" alt="ads" src="http://oom.blog.googlepages.com/Banner2.gif"/></a>

Cara Membuat Efek Refresh

2009-02-13T03:39:00.000-08:00

Gue daet artikel baru ney dari http://konsep-blog.blogspot.com/2009/01/buat-efek-refresh.html
Berikut Artikel nya...

Refresh berfungsi untuk membuat “penyegaran” kembali halaman blog ataupun website. Fungsi refresh ini sama dengan fungsi refresh yang ada pada browser internet, yang berbeda haya fungsi ini di buat bekerja secara otomatis, yakni pengguna tidak perlu menekan tombol refresh yang ada pada tool bar.

Untuk membuatnya cukup dengan hanya membubuhkan program di bawah ini :

<meta http-equiv="refresh" content="10">

Untuk template klasik cukup dengan kode diatas, tapi untuk template baru harus memakai tag penutup yakni , kodenya jadi seperti di bawah :

<meta http-equiv="refresh" content="10">

</meta>

Simpan kode di atas antara <HEAD>.......</HEAD>
sedikit uraian kode diatas, content="10" --> angka sepuluh menunjukan bahwa proses refresh akan di lakukan dalam rentang waktu 10 detik. Jadi sebaiknya angka ini di set jangan terlalu cepat karena bisa menimbulkan kejengkelan kepada para pembaca apabila terlalu cepat di refresh.

Fungsi refresh selain untuk menyegarkan kembali halaman-halaman blog, ada fungsi lain yang juga cukup menarik, yakni berfungsi sebagai Redirect dari satu URL addres ke URL addres yang lain. Ini berfungsi jika anda ingin membawa pengunjung blog atau situs anda ke alamat situs yang anda inginkan. Agar lebih jelas, saya ambil salah satu contoh. Ada teman saya sudah lama nge blog, dan setelah sekian lama kemudian dia membuat situs baru. Jadi blog yang lama tidak ingin di aktifkan lagi (di non aktifkan). Nah selain memakai cara meninggalkan pesan bahwa alamat situs atau blog sudah pindah alamat, alangkah baiknya kita memakai fungsi Refresh yang di setting secepat mungkin yakni waktu refresh di set 0 (nol) detik. Jadi apabila ada pengunjung yang mengunjungi alamat blog tersebut akan secara otomatis di bawa langsung ke alamat baru yang di inginkan.

Fungsi Redirect ini bisa di buat dengan kode :

<meta http-equiv="refresh" content="0;URL=tulis alamat URL tujuan di sini">

</meta> --> khusus template baru harus pake kode penutup

Selamat Mencoba

Menambah Efek Salju

2009-02-13T03:11:00.000-08:00

Kali ini gue dapet Script Baru Hasil Searching gue, mungkin dah jadul ato kalian dah pada tau cmua yaks...
G sah basa-basi lagi dahk..Lngsung adjah yaks..
Ney script na..

Script efek Bintang jatuh

<script src='http://www.geocities.com/ridwanox/bintangjatuh.js' type='text/javascript'></script>

Script efek salju berguguran

<script src='http://www.geocities.com/ridwanox/saljubesar.js' type='text/javascript'></script>

Script efek kembang Api

<script src='http://www.geocities.com/ridwanox/kembangapi.js' type='text/javascript'></script>

Script efek hati bertaburan

<script src='http://www.geocities.com/ridwanox/efekhati.js' type='text/javascript'></script>

untuk cara pemasangannya :
silahkah masuk blogger.com-->tata letak/layout--->edit html
download lengkap template.

kemudian cari kode </body> ditemplate kamu, (letaknya dibagian paling bawah template) kalo udah ketemu paste script yang kamu pengen diatasnya..

Gampang khandt!!

Cara Daftar di Search Engine

2009-01-11T21:53:00.000-08:00

Banyak usaha kita untuk mempopulerkan atau mempromosikan blog kita diantaranya adalah sering berkunjung ke blog orang lain dan Blog Walking atau sering berkomentar dan meninggalkan pesan di shoutbox dengan mengisi data dengan link blog kita . Tapi jika ingin Lebih efektif adalah mendaftarkan blog kita ke Search engine.

Misalnya di Google, Yahoo!, MSN dan masik banyak yang lokal maupun Interlokal. Nah jika anda tidak mendaftar mana mungkin anda terdaftar jadi anggota Search engine tersebut maka anda harus mendaftar pada pemilik Search Engine.

Maka dari itu saya akan membagi sedikit ilmu tentang cara mendaftarkan blog kita ke Search engine, berikut adalah cara dan penjelasanya.

Daftar Search engine Google :
google adalah search engine paling terkenal jadi mendaftar di google adalah hal yang wajib untuk mempopulerkan Blog anda. Ini adalah link untuk mendaftar search engine google
http://www.google.com/addurl/
Cara mendaftarkan di google sangatlah mudah seperti halnya membalikkan tangan tinggal isi URL blog anda trus isi cooment yang berhubungan tentang blog anda dan isi code vertifikasinya kemudian tekan tombol Add URL beres dah.

Daftar Search engine Yahoo :

Ehm... yahoo! juga search engine terkenal yang banyak digunakan oleh orang-orang lo... makanya daftarkan juga di Yahoo!.
Ini Alamat untuk daftar di Yahoo!
https://siteexplorer.search.yahoo.com/submit
http://daftardapatuang.blogspot.comnamun Mendaftar di Yahoo ada persyaratan khusus yaitu sudah punya Account di Yahoo! jika belum punya diharapkan mendaftar dahulu. Jika sudah punya silahkan Log In dan anda akan sisuguhi Form yang harus anda isi yaitu Submit website dan Sumbit Site Feed.
Sumbit Website isi saja dengan URL blog anda misalnya punya gw http://daftardaptuang.blogspot.com, Submit Site Feed isikan saja alamat feed anda atau anda bisa tambah dengan atom.xml misalnya http://daftardaptuang.blogspot.com/atom.xml

Daftar Di MSN :

Daftar di MSN juga sama seperti di google mudah tinggal isi Form yang disediakan dan Submit URL.Ni alamatnya buat Daftar Di MSN http://search.msn.com/docs/submit.aspx?FORM=WSDD2

Daftar Menggunakan Bantuan Web Submitter :

Web Submitter membantu kita mendaftar Sekaligus banyak di search engine bisa 40 sampai 50 search engine sekaligus. Gimana anda mau coba... kan lumayan nggak menguras waktu betul gak ni kamu aku kasih tau.

http://freewebsubmission.com/

http://websitesubmit.hypermart.net/

http://www.submitexpress.com/

Tips: Daftarkan juga ke Search engine lokal...

http://www.indocenter.co.id/reg.php

Membuat Link Pelangi

2009-01-09T00:52:00.000-08:00

Apakah kamu bingung ketika mouse kamu tunjukkan pada link di blog ini???
ya..... ketika kamu menyorot link di blog ini linknya kan berwarna-warni coba aja kalo gak percaya!!!
pengen nampilin link blogmu seperti ini?

1. Sign In di blogger.com

2. klik Layout lalu klik Edit HTML

3. cari kode ini : <head>

4. setelah itu Copy Pasta kode ini dibawahnya :

<script src='http://pamungkaz.googlepages.com/rainbow.js'>

/*
Rainbow Links Script- TAKANASHI Mizuki
For full source code, 100&#39;s more DHTML scripts, and TOS,
Visit http://www.dynamicdrive.com
*/

</script>

5. klik Simpan Template

6. setelah itu lihat deh hasilnya

Membuat Text Area

2009-01-09T00:29:00.000-08:00

Kali ini saya akan membahas tentang membuat text area dalam versi hight light, dengan adanya tombol highlight ini akan memudahkan bagi para pengunjung untuk mengcopy seluruh text ataupun kode-kode yang di berikan, karena dengan hanya sekali tekan saja pada tombol highlight tadi, maka seluruh text ataupun kode-kode yang ada di dalamnya akan di highlight dan tinggal di copy saja. Fasilitas ini sangat berguna tatkala text ataupun kode-kode yang di berikan dalan jumlah yang sangat banyak dan ini akan mengurangi resiko tertinggalnya suatu text ataupun kode-kode untuk di copy. Untuk membuat text area dengan menggunakan highlight ini silahkan anda copy kode HTML di bawah :
<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">simpan tulisan anda di sini, maka tulisan yang anda tulis akan muncul di sini dan siap di copy oleh para pengunjung</textarea></p></div></form>

sebagai contoh:

Agar anda lebih memahami kode di atas, sedikit akan saya uraikan. Kode di atas mempunyai dua elemen bagian, yakni elemen kode untuk membuat tombol yang bertuliskan Highlight All, dan yang kedua adalah elemen kode untuk membuat text area.

Elemen tombol highlight All :

1. <div align="center"> --> kata center menunjukan bahwa posisi tombol akan berada di tengah, jadi jika anda ingin posisi tombol berada di tepi sebelah kiri, tinggal ganti dengan kata left. Dan jika ingin berada di tepi sebelah kanan, tinggal ganti dengan kata right.

2. <input onclick="javascript:this.form.txt.focus();this.form.txt.selec()"> --> kode ini artinya ketika tombol highlight di klik, maka seluruh text yang ada di dalamnya akan di highligt (di tandai atau di blok), jadi anda jangan merubah tulisan ini.

3. Value="Highlight All" --> kata Highlight All adalah kata yang akan muncul di dalam tombol, jadi jika anda ingin merubah tulisan ini silahkan ganti dengan kata yang anda inginkan.

Element text area :

1. <p align="center"> --> ini menunjukan bahwa text area akan berada di tengah, nah jika anda ingin text area anda berada di tepi kiri, ganti kata center dengan kata left, bila ingin di tepi kanan, ganti dengan kata right.

2. <text style="WIDTH: 300px">-->kata "WIDTH:300px" menunjukan lebar dari text area tersebut sebanyak 300 pixel, jadi jika anda ingin memperpendek atau memperpanjang lebar text area, anda tinggal menggantinya dengan angka yang anda inginkan. misal: "WIDTH:700px;"

3. HEIGHT: 144px --> angka "144px" menunjukan bahwa text area akan mempunyai tinggi sebesar 144 px, jadi jika anda ingin merubahnya tinggal ganti angka tersebut dengan angka yang anda inginkan. Misal : HEIGHT:160px.

Contoh text area yang memakai tombol highlight diatas, memuat skript untuk melindungi dari right click para pengunjung. skript ini di pakai apabila anda tidak ingin tulisan-tulisan anda di copy paste oleh pengunjung. bagi yang berminat silahkan copy lalu pasang pada kode HTML anda antara kode dan

selamat mencoba.

Ada juga web yang langsung mengubahnya menjadi encode masuk aja ke sini http://centricle.com/tools/html-entities/

Menambah Header II

2009-01-09T00:25:00.000-08:00

Ada cara mudah untuk menambah satu kolom header yang bisa dipasang dengan berbagai macam widget semisal text, video, iklan, link dan sebagainya. Dengan cara ini tidak dibutuhkan penambahan kode apapun selain merubah status baris kode html tertentu pada blogspot dan selanjutnyq tinggal drag dan drop atau menambah widget seperti biasanya..

Cari kode dibawah ini dan kemudian ganti angka 1 pada maxwidget dengan angka diatas 1 misalnya 2 atau 3 (tergantung berapa banyak widget yang ingin anda tambahkan) dan kemudian ganti status “no” pada showaddelement menjadi “yes” dan kemudian simpan. Hasilnya bisa anda lihat seperti gambar dibawah .

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

Menambah Header I

2009-01-09T00:03:00.000-08:00

Anda mungkin pernah berfikir bagaimana cara gampang menambah kolom yang lebarnya sama persis dengan lebar header dan terletak diatas main dan sidebar, tanpa perlu pusing menambah kode html lagi.

Sebenarnya blogspot telah menyediakan kode tersembunyi yang dapat diaktivkan untuk tujuan tersebut. Caranya yaiti pada saat anda memasuki tab “edit html”, cari kode dibawah ini dan ubah status showaddelement dari yang semula “no” menjadi “yes” dan kemudian simpan.

<div id='crosscol-wrapper'style='text-align:center'>
<b:section class='crosscol'showaddelement='no'/>
</div>

Selamat Mencoba!!

Membuat Buku Tamu

2009-01-08T23:32:00.000-08:00

Memasang sebuah buku tamu (shoutbox/guestbook) pada sebuah blog adalah hal yang cukup lumayan penting,karena buku tamu ini merupakan salah satu sarana untuk berinteraksi antara yang mpunya blog dengan para pengunjung blog. Dengan di pajangnya buku tamu di dalam blog, maka para pengunjung dapat mengungkapkan isi hatinya tentang blog yang anda buat, yang pasti isi dari sebuah buku tamu ini sangatlah bervariasi bisa merupakan pujian, pertanyaan, sekedar iseng atau ada juga merupakan kritikan terhadap isi blog anda, dan justru dengan adanya variasi itulah membuat blog kita jadi hidup lebih hidu (kaya iklan aja).

Ok, terlalu lama intermezonya ya, sekarang kita kembali (ke lap...top) ke topikbahasan. Bagaimana caranya mendapatkan sebuah buku tamu. Untuk mendapatkannya sangat mudah, anda tinggal mencarinya pada mesin pencari semisal google ataupun yahoo, silahkan ketikan kata free shoutbox atau free guestbook pada search engine masing-masing situs, maka dalam beberapa detik saja akan muncul berpuluh-puluh situs penyedia buku tamu tadi, anda tinggal klik lalu coba lihat-lihat. Tapi untuk menghemat waktu pencarian anda, maka di sini saya akan langsung memberikan alamat situs penyedia buku tamu yang servernya lumayan bagus dan jarang sekali mengalami down yakni http://www.shoutmix.com atau http://oggix.com

Untuk caranya silahkan anda ikuti langkah-langkah berikut ini :

1. Seperti biasa anda harus daftar terlebih dahulu dengan cara mengklik tulisan Get One noe, free>>, ataupun dengan mengklik tulisan Sign Up, silahkan anda tulis data-data anda pada form yang telah di sediakan.

2. Jika sudah tedaftar, dan di terima jadi anggota shoutmix, silahkan anda login dengan id anda

3. Pada kolom yang berjudul Style, klik menu appearance.

4. Silahkan klik menu pulldown di samping tulisan Load From Preset untuk mengatur tampilan buku tamu anda, silahkan pilih yang sesuai dengan keinginan anda. Jika sudah selesai klik Save Setting.

5. Untuk mendapatkan kode HTML dari shoutbox anda, silahkan klik Use Shoutbox yang berada di bawah menu Quick Start

6. Klik tulisan Place Shoutbox on web page. Isi lebar dan tinggi shoutbox yang di inginkan

7. Copy seluruh kode HTML yang ada pada text area yang berada di bawah tulisan Generated Codes, lalu simpan di program Notepad anda

8. Klik Log out yang berada di atas layar anda untuk keluar dari halaman shoutmix anda. Silahkan close situs tersebut.

Untuk menempatkan kode HTML shoutbox tadi pada blog anda, silahkan ikuti langkah-langkah berikut ini.

Untuk blogger dengan template klasik :

1. Log in terlebih dahulu ke blogger.com dengan id anda

2. Klik menu Template

3. Klik Edit HTML

4. Paste kode HTML shoutbox anda yang telah di copy pada notepad tadi di tempat yang anda inginkan

5. Untuk jelasnya saya ambil contoh dengan shoubox milik saya, untuk menempatkannya tinggal klik Edit pada browser lalu pilih Find (on this page).. trus tuliskan kata buku tamu lalu klik find, maka kita akan langsung di bawa ke tulisan tersebut. Jika sudah ketemu tulisan tadi silahkan paste kode HTML shoutbox nya.

6. Klik tombol Preview untuk melihat perubahan yang kita buat.

7. Jika sudah cocok dengan perubahan tadi, klik Save Template Changes

Sedikit Clue, agar shoutbox anda sesuai dengan ukuran lebar sidebar , anda bisa merubah ukuran lebar ataupun tinggi dari shoutbox , caranya anda tinggal merubah angka Width (untuk lebar) dan Height (untuk tinggi) dari dalam kode HTML shoutbox tersebut.

Untuk Blogger baru :

1. Silahkan Login dengan id anda

2. Klik menu Layout

3. Klik Page Element

4. Klik Add a Page Element

5. Klik tombol Add to Blog yang berada di bawah tulisan HTML/JavaScript

6. Tuliskan judul shoutbox anda pada form title. Contoh : Buku tamu ku, atau my guestbook atau apa saja yang anda suka

7. Copy paste kode HTML shoutbox anda di dalam form Content

8. Klik tombol Save Changes

9. Drag & Drop element yang telah anda buat tadi di tempat yang di sukai

10. Tekan tombol Save

Selamat mencoba !