Kamu kunjungi alamat nya http://www.shoutmix.com/main/
Jika kamu belum punya silahkan klik Sign Up atau klik Create your shoutbox now >>

1. kamu isi data di Account Information dan Contact Information, jika semua telah terisi dengan benar klik CONTINUE, jangan lupa untuk mengklik kotak [ ] I Have Read..

2. kamu diberi kesempatan untuk memilih bentuk buku tamu yang akan ditampilkan dalam blog. setelah memilih bentuk tampilan jangan lupa untuk mengisi kode verifikasi di sebelah kanan nya, lalu klik CONTINUE.

3. jika sukses maka shoutmix akan memeberikan jawaban Thank you using for ShoutMix, klik tulisan control panel, maka kamu bebas menggunakan website shoutmix secara penuh.

4. setelah di klik, cari tulisan Get Codes di bagian Quick Start, klik link Get Codes nya, maka kamu akan disediakan kode-kode untuk menampilkan buku tamu nya.

5. kamu tinggal klik tulisan Place shoutbox on webpage, lalu pada Generated codes, kamu copi paste kode tersebut pindahkan ke dalam menu side bar blog kamu.

contoh kode seperti ini, free for copy - paste :

[!-- Begin ShoutMix - http://www.shoutmix.com --]
[iframe scrolling="auto" width="160" frameborder="0" src="http://www.shoutmix.com/?sesajen" height="400" title="sesajen"]
[a href="http://www.shoutmix.com/?sesajen"]View shoutbox[/a]
[/iframe]
[br/][a href="http://www.shoutmix.com" title="Get your own free shoutbox at ShoutMix!"]Free shoutbox @ ShoutMix[/a][br/]
[!-- End ShoutMix --]

NB : untuk tanda '[' ganti dengan '<', juga tanda ']' ganti dengan '>'.

NB : bila sudah terdaftar pada bagian ?sesajen - kamu ganti dengan nama id yang telah kamu daftarkan oke, selamat mencoba.

namanya link-me up, kamu bisa klik link nya disini
langkah-langkah mengambil kode dari linkme-up:

1. maka tampil form pendaftaran seperti gambar berikut :

isi dengan lengkap data yang ada dalam form tersebut

2. lalu tampil halaman ucapan terima kasih, masukan user name yang telah didaftarkan beserta password nya klik log in, seperti gambar berikut :


Silahkan kamu copy-paste kode berikut ini kedalam menus sidebar blog

[!-- Start of linkme-up.com linker --]
[script language="javascript"]var isOnline = 0; var currUrl = window.location.href;[/script]
[script type="text/javascript" src="http://www.linkme-up.com/linker-stylesheet.php?userID=raispunya&sID=83476348"][/script]
[script type="text/javascript" src="http://www.linkme-up.com/linker.php?userID=raispunya&sID=83476348"][/script]
[script language="javascript"]if (isOnline == 0){ document.write("Oops.. linker is not available right now. It will be up shortly."); } [/script]
[!-- END linker for raispunya --]

- perhatikan untuk kode userid=raispunya, adalah user id punya saya saat pendaftaran, untuk itu kamu harus mendaftar dulu ke linkme-up.com -

NB : untuk tanda '[' dan ']' kamu ganti dengan tanda '<' dan'>', selamat mencoba.

Buka alamat google nya disini.

Bila tampil jendela pendaftaran blog, cari seperti gambar berikut ini.

pada url : masukan nama blog (http://www.-nama blog-.com)
pada comment : masukan bebas
pada optional : ketik kode yang diberikan google,
klik add url, maka akan tampil pesan terima kasih dari google.

bila sukses. tunggu kurang lebih 3 hari, bila sudah 3 hari tes dengan masukan nama url blog yang sudah dimasukan.

saya sudah buktikan dengan info blog saya muncul di blog.

selamat mencoba..!!!

Kode ini saya dapat dari teman bernama Farhan (aka : budak cakep), mokaseh ya Aan.

Kode ini untuk mengetahui bahwa kita sedang online atau offline di Yahoo Messenger.

Langkah-langkah nya.

kamu copy-paste kode berikut ini di dalam blog kamu

[img border="0" src="http://opi.yahoo.com/online?u=rais_pct &m=g&t=2"/]
[br/]
[img border="0" src="http://opi.yahoo.com/online?u=joko_bodo98 &m=g&t=2"/]

perhatikan pada kode

online?u=rais_pct - kamu ganti dengan id email yahoo kamu

selamat mencoba, kamu bisa lihat hasil nya di sidebar blog ini

perbaikan sedikit :
untuk simbol '[' diganti dengan simbol '<', dan untuk simbol ']' ganti dengan '>', sebab kode '[ ]' tidak dibaca oleh blogger, jadi pakailah simbol '< >'

Akhirnya saya dapat juga kode untuk menambahkan search engine nya google di dalam blog.

Berikut langkah-langkah untuk menampilkan search google kedalam blog :

1. Buka web blogger anda, klik menu Template, lihat menu sidebar di samping POSTING BLOG, Klik link TAMBAHKAN SEBUAH ELEMEN/ADD PAGE ELEMENT

2. Pada jendela PILIH SEBUAH ELEMEN, pilih kategori HTML/JavaScript, Klik TAMBAHKAN KE BLOG.

5. Masukan JUDUL, contoh 'GOOGLE, Paste (ctrl + v), kode yang telah di kopi ke dalam KONTEN, jangan lupa klik SIMPAN PERUBAHAN.

kode ini silahkan kamu copy-paste kedalam blog

[!-- Search by Google -->]
[center]
[form method=get action="http://www.google.com/search"]
[input type=text name=q size=31 maxlength=255 value=""/]
[input type=hidden name=hl value="en"/]
[input type=submit name=btnG VALUE="Google Search"/]
[/form]
[/center]
[!-- Search Google -->

kode yang kedua

[form id="searchform" action="http://AlamatBlogAnda.blogspot.com/search" name="searchform" method="get"]
[input id="s" value="" name="q" type="text"] [input id="searchsubmit" value="Search" type="submit"] [/form]

alamatbloganda, isi dengan alamat blog kamu.

selamat mencoba
NB : tanda '[ ]' kamu ganti menjadi '< >' oke.

Membuat blog di blogger sangat simpel, kamu buka situs web nya disini, karena web ini adalah web blogger yang baru karena bekerja sama dengan google, kamu harus mempunyai atau daftar email di google.
untuk daftar email google klik disini.

Langkah-langkah membuat blog di blogger.com :

1. Tampilan jendela web blogger.com

2. Klik panah "CIPTAKAN BLOG ANDA".

3. Tampil jendela formulir pendaftaran membuat blog.

4. Isi form tersebut dengan email dari google (@gmail.com) yang kamu punya. isi semua data yang ada dalam form. bila semua sudah terisi klik panah "LANJUTKAN".

5. Setelah itu langkah (2) blog, membuat nama blog kamu, buatlah sesuai dengan karakter dan kepribadian kamu, dengan isi yang bermanfaat.

Jika terjadi kesalahan seperti gambar berikut, maka kamu tinggal pilih saja sesuai petunjuk dari blogger. Lalu kembali klik "LANJUTKAN".

6. Jika tidak ada kesalahan lagi, tampil jendela untuk memilih LAYOUT/TEMPLATE, kamu tinggal pilih template yang kamu sukai dari template yang disediakan oleh blogger.

7. Setelah klik panah "LANJUTKAN", maka kamu telah menciptakan blog di website blogger, saya ucapkan selamat untuk kamu.

8. Kamu tinggal klik panah "MULAI POSTING", memulai untuk menulis sesuatu dalam blog kamu, maka tampilan untuk menulis seperti gambar berikut:

9. Kalau sudah menulis nya, jangan lupa buat kategori / label di bawah kotak yang bertuliskan "label untuk posting ini", lalu klik "MEMPUBLIKASIKAN POSTING"

10. Setelah itu klik "LIHAT BLOG", maka hasilnya seperti contoh gambar berikut.

Untuk memasukan aksesoris jam ke dalam blog sangat simpel, ngak rumit lagi.
(padahal saya waktu mau mengambil kode html nya harus daftar, sekarang kok ngak lagi ya, dong dong dong)

langkah-langkah nya :

1. kunjungi alamat website ini : clocklink.com


2. Klik menu gallery, anda tinggal pilih bentuk gambar yang disukai dari type yang ada (jam bentuk animal, analog, digital, dll).


3. Klik link view html tag, maka tampil jendela persetujuan (clocklink lincense agreements), klik tombol accept.

4. Pada jendela clocklink HTML tag generator, anda bisa mengubah color (warna), mengubah timezone menjadi waktu indonesia. Lalu copy kode html / javascript nya.

[script src="http://www.clocklink.com/embed.js"][/script]
[script type="text/javascript" language="JavaScript"]obj=new Object;obj.clockfile="5013-yellow.swf";obj.TimeZone="JOG";
obj.width=150;obj.height=46;obj.wmode="transparent";
showClock(obj);[/script]

atau kode berikut ini

[embed src="http://www.clocklink.com/clocks/5013-yellow.swf?TimeZone=JOG&" width="150" height="46" wmode="transparent"
type="application/x-shockwave-flash"]

5. Buka web blogger anda, klik menu Template, lihat menu sidebar di samping POSTING BLOG, Klik menu TAMBAHKAN SEBUAH ELEMEN.

6. Pada jendela PILIH SEBUAH ELEMEN, pilih kategori HTML/JavaScript, Klik TAMBAHKAN KE BLOG.

7. Masukan JUDUL, contoh 'PENUNJUK WAKTU', Paste (ctrl + v), kode yang telah di kopi ke dalam KONTEN, jangan lupa klik SIMPAN PERUBAHAN.

Selamat Mencoba...!!!

contoh gambar jam dari kode tersebut.

Tutorial untuk menempatkan kalender ini sangatlah mudah.

Langkah-langkah pembuatannya :

Kamu kunjungi website berikut :free-blog-content.com
setelah tampil penuh jendela nya, klik scrol nya kebawah sedikit, maka terdapat pilihan jenis kalender yang bisa di ambil kode nya,

Animated Calendars
Nature Calendars
Car Calendars
Abstract Calendars
Girl Calendars
Plain Calendars
Animal Calendars
Calendar with Clock

setelah di klik ada kotak kode html nya, kamu blok seluruh kode nya, copy.

contoh kode yang akan kamu copy-paste ke dalam blog.

[!-- FREE-BLOG-CONTENT.com -->
[br][center][iframe src="http://www.free-blog-content.com/Calendars/calendar0036.htm" width="166" height="240"
marginwidth="0" marginheight="0" frameborder="no" scrolling=no allowtransparency="true"][/iframe][/center]
[center][a style="font-size: 3mm" href="http://www.free-blog-content.com/"]Free Blog Content[/a][/center][/br]

Buka web blogger anda, klik menu Template, lihat menu sidebar di samping POSTING BLOG, Klik link TAMBAHKAN SEBUAH ELEMEN.

Pada jendela PILIH SEBUAH ELEMEN, pilih kategori HTML/JavaScript, Klik TAMBAHKAN KE BLOG.

Masukan JUDUL, contoh 'Kalender Bulan Ini', Paste (ctrl + v), kode html yang telah di kopi ke dalam KONTEN, jangan lupa klik SIMPAN PERUBAHAN.

Selamat Mencoba...!!!

contoh gambar kalender yang saya ambil beserta kode nya.

Silahkan saudara kunjungi alamat web nya klik disini

Cara memasang jadwal sholat :

1. Pada website myquran diatas, anda cari halaman MyQ Sholat,
anda klik link Bikin jadwal sholat sendiri?

2. Pada jendela ini anda cop-pas kode berikut ini :
[iframe src="http://myquran.org/sholat/sholat2.php?kota=15"
frameborder="0" scrolling="no" width="100%" height="250"][/iframe]

perhatikan pada kode "php?kota=15" -- kode kota jakarta -- cukup ganti kode kotanya saja
ini daftar kode untuk setiap kota di Indonesia

kode nama kota
(0) Ambon
(1) Bd.Aceh
(2) Bandung
(3) Banjarmasin
(4) Banjarnegara
(5) Banten
(6) Banyumas
(7) Banyuwangi
(8) Besuki
(9) Bengkulu
(10) Bogor
(11) Bondowoso
(12) Cilacap
(13) Cirebon
(14) Denpasar
(15) Jakarta
(16) Jambi
(17) Kebumen
(18) Kediri
(19) Kudus
(20) Kupang
(21) Madiun
(22) Malang
(23) Manado
(24) Mataram
(25) Medan
(26) Merauke
(27) Mojokerto
(28) Padang
(29) Palangkaraya
(30) Palembang
(31) Pekalongan
(32) Pekanbaru
(33) Purwakarta
(34) Purwokerto
(35) Samarinda
(36) Semarang
(37) Solo
(38) Sumenep
(39) Surabaya
(40) Tegal
(41) Uj.Pandang
(42) Yogyakarta

3. Buka web blogger anda, klik menu Template, lihat menu sidebar di samping POSTING BLOG, Klik link TAMBAHKAN SEBUAH ELEMEN.

4. Pada jendela PILIH SEBUAH ELEMEN, pilih kategori HTML/JavaScript, Klik TAMBAHKAN KE BLOG.

5. Masukan JUDUL, contoh 'Jadwal Sholat', Paste (ctrl + v), kode yang telah di kopi ke dalam KONTEN, jangan lupa klik SIMPAN PERUBAHAN.

Selamat Mencoba...!!!

Membatasi tulisan di sini maksudnya memberi tanda dengan cara 'Read More... / Baca Selengkapnya / cukup Selengkapnya...' di bawah tulisan kita yang dipersingkat. Kenapa? Agar tulisan kita yang panjang tidak seluruhnya terpampang di blog, bila tulisan nya terlalu panjang mengurangi keindahan blog itu sendiri.

Cara membuat 'Read More... / Baca Selengkapnya...'

1. Bila anda ingin memposting, klik menu template, klik tab Edit Html, klik kotak pilihan [ ] Expand Widget Templates.

2. Cari kode html berikut ini :

[div class='post-body entry-content']
- - - - tempat pengetikan kode baru
[p][data:post.body/][/p]
- - - - tempat pengetikan kode baru
[div style='clear: both;'/] [!-- clear for photos floats --]
[/div]

3. Masukan kode baru berikut ini :

[div class='post-body entry-content']

[b:if cond='data:blog.pageType == "item"']
[style].fullpost{display:inline;}[/style]
[p][data:post.body/][/p]
[b:else/]
[style].fullpost{display:none;}[/style]

[p][data:post.body/][/p]

[a expr:href='data:post.url'>Baca Selengkapnya...[/a]
[/b:if]

[div style='clear: both;'/] [!-- clear for photos floats --]
[/div]

4. Bila sudah beres jangan lupa untuk klik SAVE TEMPLATE

5. Ada kode tambahan pada saat kita ingin memposting tulisan,
pada kotak edit html, masukan kode berikut

-- paragrap yang di tampilkan
[span class="fullpost"]
-- paragarap yang di sembunyikan
[/span]

jangan lupa untuk klik MEMPUBLIKASIKAN POSTING - cek kebenaran kode.

nb : saya mengganti tanda '< >' dengan '[ ]', karena tanda '< >' dibaca oleh blogger sebagai kode html dan tampil pesan error, maka pada saat anda cop-past ganti tanda '[ ]' dengan '< >', selamat mencoba.

sumber tulisan ini adalah
http://assahatea.blogspot.com
http://afatih.wordpress.com