Cara menghilangkan menu navbar bawaan blogspot

Hayy sobat apa kabar… saya harap kabar sobat-sobat semua hari ini baik-baik aja… kali ini saya mencoba menulis cara menghilangkan menu navbar atau menu navigation bawaan blogger, “menu navbar apaan sih…???” menu navbar adalah kotak kecil yang memanjang dan berada diatas blog kita (blogspot), ” terus.. kegunaan menu navbar apaan…???” yaaa kegunaannya banyak seperti sign in atau sign out membuat blog baru dan lain-lain.

“Terus cara menghilangkan menu navbar gimana…?”
Cara menghilangkan menu navbar di blogspot mudah banget, pertama-tama sobat loggin dulu ke akun blogger sobat kemudian pergi ke rancangan >> edit html ,

kemudian copy pastekan kode dibawah:

#navbar-iframe {
display: none !important;
}

Diatas kode:

/* Variable definitions

Atau coba perhatikan kode dibawah:

———————————————–
Blogger Template Style
Name:     Ethereal
Designer: Jason Morrow
URL:      jasonmorrow.etsy.com
———————————————– */
#navbar-iframe {
display: none !important;
}
/* Variable definitions
====================
<Variable name=”keycolor” description=”Main Color” type=”color” default=”#000000″ value=”#adbbd5″/>

Kira-kira seperti itulah cara menghilangkan menu navbar di blogspot, saya pikir cukup sampai disini dulu tulisan saya kali ini,

Jika ada sumur di ladang
Boleh kita menumpang mandi
Jika ada umur yang panjang
Pasti kita berjumpa lagi…

Sekian terimakasih, dan semoga bermanfaat bagi sobat-sobat semua….

cara menghilangkan tulisan didukung oleh blogger

Bagi sobat yang menggunakan template yang disediakan oleh blogger, maka dibagian bawah biasanya ada tulisan "didukung oleh blogger", mungkin ada sebagian dari sobat yang ingin menghilangkannya adapun caranya adalah sebagai berikut:


1. sobat login ke dasbor
2. Klik rancangan
3. Klik edit HTML
4. Cari kode ]]></b:skin>
5. Copy kode dibawah ini :








#Attribution1 {
height:0px;
visibility:hidden;
display:none
}


6. Letakkan kode tepat diatas kode ]]></b:skin>
7. Klik simpan template.


selamat mencoba semoga berhasil

^_^

Cara Mengganti Logo Blogger

Hello gan. Apa kabarmu hari ini,semoga gan dalam keadaan baik-baik saja. Ok Selamat membaca,semoga gan senang dengan isi postingan dari blog ini..!!!

Pernah lihat logo para blogger yang memakai logo sendiri (default logo blogger.com mirip huruf B) ???
Nih logo blogger.com yang saya maksud.

Lama-lama jadi bosen juga pengen ganti logo pakai image buatan sendiri, jadi sekarang kubuat logo atau gambar dengan ukuran width : 20px dan height : 20px, simpan dengan format gif,png atau jpg terserah kalian.
Kemudian upload photo/gambar yang sudah diedit tadi ke situs penyimpan gambar. Supaya ga usah daftar lagi gunakan aja yang punya google, picasaweb.google.com kalo kita sudah sign in di blogger jadi tinggal upload aja gambarnya di picasa
Atau bisa juga disimpan di photobucket.com dan yang lainnya.
Copy / ambil kode link gambar yang sudah gan upload
Contoh linknya

http://blog.flamingtext.com/blog/2010/07/15/flamingtext_com_1279230277_23787.gif

Sebenarnya caranya mudah banget kok,gak ribet getoo..hehehe
gan sign in pada account blogger>>> pada dasbor>>> Klik Tata Letak>>> Edit HTML
gan tinggal copy code di bawah ini dan paste-kan di atas kode </head>

<link href='http://blog.flamingtext.com/blog/2010/07/15/flamingtext_com_1279230277_23787.gif' rel='SHORTCUT ICON'/>

Simpan deh hasil kerja gan
gampang banget kan
Untuk URL http://blog.flamingtext.com/blog/2010/07/15/flamingtext_com_1279230277_23787.gif silahkan gan ganti dengan gambar URL gan sendiri..

Original from http://joesetapart.blogspot.com/2011/06/cara-mengganti-logo-blogger.html#ixzz1fU0bDZ37
Created design by : Blog Acak-Acakan
Under Creative Commons License: Attribution Non-Commercial

Bagaimana Cara Meng-impor Blog Otomatis ke Twitter? [Impor Blog ke Twiter]

Cara Menampilkan / Memasukkan Posting Blog Secara Otomatis ke Twitter

Sapa sih yang hare gene blom kenal ma twitter? (sekedar sharing,kakek gue aja dah pake twitter lho,usernameny,...kasih tau ga y? udahlah ga penting ya gan,),oke,lanjut (garing+ga lucu+norak+so wot! :p)
Yup!cara memasukkan rss posting blog ke dalam twitter menggunakan twitterfeed,soalnya banyak yang nanya (padahal aku tuh ga pantes jd tempat nanya,lawong bisanya aj cuman copy paste,hihihi).

Betul gan,adalah TwitterFeed,sebuah situs (keren menurut gue) yang dapat membantu kamu buat mengimpor posting blog ke akun twitter yang sobat miliki.Dalam arti lain setiap kita posting akan secara otomatis postingan blog kita juga akan tampil di twitter.

Caranya sangat mudah banget,ikuti langkah berikut ya sob :D

Cara Meningkatkan Traffic Blog Menggunakan TwitterFeed

Pertama,sobat kunjungi situs TwitterFeed,daftar dan klik tombol "Create New Feed" lihat gambar gan:

Setelah itu,isi kolom sesuai dengan yang diminta ya,untuk Feed Name sobat isi dengan nama feed (terserah sobat mau menamakan nama apa,ayu ting ting jg boleh kok :D),sedang untuk Blog Url or Feed Url sobat isi dengan nama blog atau rss dari blog yang sobat ingin impor ke dalam twitter sobat,jika aktiv nanti ada konfirmasi "Ok,lihat gambar:



Selanjutnya lanjut ke langkah ke-dua(cari tombol "continue to step 2" jika berhasil akan ada konfirmasi "Feed was successfully created" lalu pilih "twitter",lihat gambar lagi ya adek-adek..(guru tk gue):



Selanjutnya akan tampil jendela seperti gambar dibawah ini,pada "Twitter Account" sesuaikan dengan akun twitter sobat ya,lalu klik tombol "Authenticate Twitter",lihat gambar sob:



Nanti akan mengundang jedela seperti gambar dibawah ini,klik aja tombol "Authorize App",lihat gambar lagi ya (capek,coba gambar2 yang hot,betah deh :D)



Setelah itu akan muncul "twitter auth successful" lalu klik tombol "Create Service",seperti gambar ini:



Nanti akan keluar seperti ini,klik "All Done" (padahal gue udah capek banget upload fotony,tapi mau gimana lagi :()



Dan Tada!!!!!!!!! seperti inilah jendela konfirmasi suksesnya :D



Semoga apa yang Pelajaran Blog sampaikan dapat membatu teman-teman ya meskipun tutorial ini sudah banyak bertebaran di serp paman Google :D

Memasang Musik Player Pada Blog(2)

Pada postingan sebelumnya,saya telah membahas memasang musik player dari musik-live.net,jika belum baca tolong baca dulu disini.kali ini masih berkaitan dengan musik player,selain musik-live masih ada musik player lainnya yang cukup bagus salah satunya eSnips,seperti janji saya,kali ini saya akan membahas pemasangan musik player kedalam blog dari eSnips

Jika ingin mencobanya,berikut caranya:

[Screenshootnya seperti ini]

1.Buka browser anda dan ketikan http://www.esnips.com/
2.Sebelum itu anda harus mendaftar/signup dulu di eSnips

3.Jika sudah Sign-in ke akun anda Klik Upload Files lalu klik Select Files



4. Pilih lagu yang mau anda putar lalu pilih folder dimana anda mau memyimpan lagunya. Pastikan folder yang anda pilih adalah bersifat Public. Karena kalau Private anda tidak bisa menambahkan lagunya kedalam playlist.

5 Jika sudah klik Upload Now

6. Tunggu hingga proses upload selesai.

7. Jika sudah selesai klik menu Folder. Pilih folder dimana anda menyimpan lagunya

8. Pilih lagu-lagu yang ingin anda pasang dengan cara klik Add to quicklist
9. Jika sudah, scroll ke bagian atas halaman lalu klik Create playlist widgets


10. Pilih skin yang anda inginkan. Lalu copy kodenya yang ada pada kotak.



11. Buka blogger. Paste kodenya pada menu HTML/ Javascript lalu klik Save

12. Selesai. Silahkan lihat hasilnya.

Jika ukurannya tidak pas,anda bisa mengaturnya dengan cara mengubah width-nya

Udah dulu kali ini tutorialnya udah capek jari ngetik-ngetik keyboard terus,thank’s

thank's to hermanblogtips

Memasang Musik Player Pada Blog(1)

pakah anda seorang penggemar musik,ingin selalu mendengar musik,dari Komputer,Handphone,atau dari MP3 Player,.a’ha itu sudah biasa,bagaimana kalau mencoba mendengarkan lagu dari blog,udah coba belum.

Dengan memasang Musik Player diblog anda,maka blog anda serasa akan hidup,anda bisa langsung mendengarkan lagu kesayangan anda,tidak cuman anda,pengunjung pun juga bisa menikmatinya.Widget ini sangat berguna bagi Blog yang berhubungan dengan Musik.

Kali ini kita akan menggunakan widget dari Musik-live.net [screenshoot-nya seperti ini]



1.Buka browser anda dan ketikan http://www.musik-live.net/

2.Lalu klik Skin Mp3 Player

3.Pilih Skin/tampilan yang anda inginkan,klik Preview skin untuk melihat tampilannya

4.Copy kodenya

5.Masuk ke Blogger dengan ID anda

6.Klik menu Layout -> Page Elements

7.Klik add widget template

8.Pilih HTML/Javascript

9.Pastekan pada kota HTML/Javascript

10.Save,selesai

Note:Ohya pada cara diatas lagu yang muncul adalah lagu yang sudah disediakan,jika anda ingin memilih sendiri lagu yang ingin ditampilkan berikut caranya:

1. Pada halaman depan Musik-Live, cari lagu favorit anda dengan kotak pencari.

2. Lalu klik Play & Embed code untuk menampilkan kodenya

3. Copy kodenya lalu paste ke menu HTML/ Javascript blogger anda.

4. Selesai

Note: Cara ini hanya bisa untuk memutar 1 lagu saja. Jika anda ingin memutar banyak lagu maka gunakan eSnips.

Cara memasang musik player dari eSnips akan dibahas pada postingan selanjutnya

Jika anda orang baik tinggalkan komentar untuk kedewasaan blog ini,thank’s

Menghilangkan Garis Bawah pada Link

Jika kawan perhatikan baik-baik,ketika Kursor Mouse diarahkan kesuatu link ,maka secara otomatis akan ditampilkan garis bawah pada link tersebut,tentu hal tersebut akan menggangu keindahan blog.jadi jika kawan ingin menghilangkan garis bawahnya(seperti blog qu),ikutilah tutorial berikut ini(seperti siaran radio ya)


1.Logn in lah ke blogger
2.Jika sudah masuk kehalaman Dashboard,klik link Layout,lalu pilih Edit HTML
3.Pada halaman Edit HTML,carilah kode dibawah ini

a:hover, a:active { color: #3C78A7; text-decoration:underline; }

4.Lalu ubah menjadi kode dibawah ini

a:hover, a:active { color: #3C78A7; text-decoration:none; }

5.Lalu klik SAVE TEMPLATE
6.Lihatlah blog kawan ,dan cobalah mengarahkan Kursos Mouse ke sebuah link,jika kawan menempatkan kodenya dengan benar,maka garis bawah tidak akan ditampilkan lagi.

membuat pengunjung blog kamu tahu jika kamu sedang online

cara supaya pengunjung blog, friendster, atau website kita tau ketika kita sedang online adalah menggunakan feature yahoo messengger, dan tentunya kita harus punya yahoo id.
setelah dua syarat tadi terpenuhi kita tinggal copy kode di bawah ini (piilh yang suka)

<a href="ymsgr:sendIM?ai_amakusa"> <img border="0" src="http://opi.yahoo.com/online?u=ai_amakusa&m=g&t=2" /></a>

jika online, jika offline

<a href="ymsgr:sendIM?ai_amakusa"> <img border="0" src="http://opi.yahoo.com/online?u=ai_amakusa&m=g&t=1" /></a>

jika online, jika offline

<a href="ymsgr:sendIM?ai_amakusa"> <img border="0" src="http://opi.yahoo.com/online?u=ai_amakusa&m=g&t=1" /></a>

jika online, jika offline



kode di atas terbagi menjadi dua bagian :

1. ::: berguna untuk memanggil program yahoo mesengger dan langsung mengirim perintah sendIM ke id yahoo ai_amakusa, jadi ganti aja id nya pake id kamu gampang kan
2. berguna untuk mendeteksi apakah kita online

sebenarnya kode di atas disediakan oleh yahoo, tepatnya di yahoo geocities ... tp pada kode aslinya pengiriman pesan dilakukan bukan lewat yahoo messanger melainkan lewat web mesengger yahoo dan waktu saya coba loadingnya lama buangget jadi malassz deh...
nah klo pake kode di atas kan langsung pake YM jadi agak cepetan dikit ... tapi kelemahannya adalah klo komputer kita ga ada Yahoo Messengernya ... ya link pemanggil YM nya jadi ga jalan deh ....


Source:http://www.kolom-tutorial.blogspot.com

Teks berjalan di bar menu

Apa ya maksud judul postingan iniya,gini maksudnya anda pernahkan melihat sebuah blog dengan teks yang berjalan di menu bar(di bagian atas),untuk lebih memudahkan anda memahaminya silahkan alihkan perhatian anda sebentar ke bagian atas layar monitor anda,anda pasti melihat teks yang berjalan-jalan,gimana ngertikan,masa itu aja gak ngerti,ok kita kembali ke bahasan,sebenarnya ada banyak mode teks berjalan yang dapat di pasang bi menu bar,tapi,kita akan belajar membuat teks berjalan seperti punya saya saja.

Anda tentu tertarik membuatnyakan karna lebih membuat blog lebih hidup,lebih fres gitu, sebenarnya caranya cukup mudah hanya dengan sedikit trik aja,anda dapat melakukannya baiklah kita langsung aja mulai membuatnya,silahkan anda copy kode di bawah ini dan letakan diatas kode <head>

<script type='text/javascript'> //<![CDATA[ msg = " http://blogkomputers.blogspot.com "; msg = "--- [Author: Arif.K-K] ---" + msg;pos = 0; function scrollMSG() { document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++; if (pos > msg.length) pos = 0 window.setTimeout("scrollMSG()",200); } scrollMSG(); //]]> </script>

Jika anda melakukannya dengan benar,anda dapat melihat hasilnya di menu bar layar anda Ok selamat berkarya,dan stop penjiplakan.

oh ya pada teks yang berwarna merah ubah dengan kata-kata anda sendiri Ok

^_^

Menampilkan Widget di Halaman Tertentu

Untuk menyambung pembahasan yang lalu, cara membuat tab view versi 1 atau versi 2, atau memasang buku tamu di sidebar. Ada trik lain yang sangat menguntungkan tang dapat diterapkan pada trik-trik diatas, yaitu kita dapat memunculkannya pada halaman tertentu saja. Keuntungannya kita dapat memperhemat sidebar kita dan juga dapat mempercepat loading blog kita. Karna kita bisa menampilkan widgetnya secara bergantian.

Untuk memasangnya ikuti langkah dibawah ini.

Masuk ke blogger acount anda, dan pilih Dashboard >> layout >> Edit html dan sebelumnya anda centang Expand Widget Templates.

Lalu cari kode dibawah ini:

<b:widget id='HTML1' locked='false' title='Shoutbox' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "index"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:if>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

NB:
Kata shoutbox yang bercetak tebal diatas menandakan title sidebar anda jadi harus disesuaikan

Jika Anda ingin menampilkan Shoutbox pada halaman depan saja maka tambahkan kode berwarna hijau diatas,

Berikut ini Tag lain yang bisa digunakan:

Untuk menampilkan widget pada homepage / halaman depan saja.

<b:if cond='data:blog.pageType == "index"'>

Untuk menampilkan widget pada halaman archive saja.

<b:if cond='data:blog.pageType == "archive"'>

Untuk menampilkan widget pada halaman artikel saja.

<b:if cond='data:blog.pageType == "item"'>

hanya menampilkan widget pada halaman tertentu saja. Ubah [masukkan URL] dengan halaman pada blog kamu yg widget yg kamu inginkan muncul.

<b:if cond="[masukkan URL]" == data:blog.url'>

Selain Tag diatas, kita juga dapat menampilan kebalikannya.
Caranya, ubah tanda = (samadengan) tang pertama dengan tanda ! (seru)

Misalnya, saya ingin menampilkan widget pada halaman selain homepage, maka kode yg digunakan :

<b:if cond='data:blog.pageType != "index"'>

Full Screen Window Opener And Open 4 Window

Hmmmm... Mungkin banyak yang bertanya-tanya apasih gunanya memasang trik ini..??
jawabanya adalah nggak penting.??? loch kok bisa gitu,kalo gak penting kenapa harus di posting..
yaaaahh sebenernya sih ada 2 jawaban..

Jawaban pertama :
gak penting karena kalau kita para blogger hanya memberikan postingan hanya sekedar tips-trik atau hanya sekedar info tentang dunia maya trik ini memang nggak penting.

Jawaban yang kedua :
nah jawaban inilah yang di tunggu-tunggu :D
sebenarnya trik ini memang di khususkan buat para blogger yang suka mencari duit recehan,hihihi maaf yah agak terang-terangan..lebih simpelnya begini,kebanyakan iklan di dunia maya itu mengharapkan Paid To Click (PTC) yang artinya membayar para bloger bila iklannya di klik orang,coba bayangkan bila gan memasang trik ini,bila ada orang yang mengklik iklan gan, waaaaaaaahhhh bisa ngumpulin banyak duit tuh.Nah sekarang udah paham kan,jadi intinya trik ini memang di khususkan buat para pengepul duit recehan hihihi.
Nih Contoh demonya coba gan klik satu-persatu

Gimana..?? Mau..???

Caranya Pertama-tama sign in di blogger lalu kamu cari Dasbord --> Element Laman --> Tambah Gadget --> HTML/JavaScript

Script 1 Windows

<script>
<!--

/*

Do not edit because real script code from http://joesetapart.blogspot.com

*/

function fullwin(){
window.open("http://melq-nge.blogspot.com/","","fullscreen,scrollbars")
}
//-->
</script>
<form>
<input onclick="fullwin()" type="button" value="Open window" /></form>

Script 4 Windows

<script language="JavaScript1.2">
/*

Do not edit because real script code from http://joesetapart.blogspot.com

*/
function open4()
{
a= window.open("http://melq-nge.blogspot.com","myName0",
"width=385,height=180,top='+screen.availTop+',left=0',status,toolbar=1,scrollbars,location");
b= window.open("http://melq-nge.blogspot.com","myName1",
"width=385,height=180,top='+screen.availTop+',left=395,status,toolbar=1,scrollbars,location");
c= window.open("http://melq-nge.blogspot.com","myName2",
"width=385,height=190,top=290,left=0,status,toolbar=1,scrollbars,location");
d= window.open("http://melq-nge.blogspot.com","myName3",
"width=385,height=190,top=290,left=395,status,toolbar=1,scrollbars,location");
}
</script>

<form>
<input onclick="open4();" type="button" value="Open 4 Windows" />
<l>
</l></form>

Nah huruf a,b,c,d itu untuk mengurutkan membuka windows dan  silahkan gan ganti dengan URL gan dan untuk 385-395 adalah besar dan tinggi windows baru bisa gan ganti sendiri,tolong kalian jangan merubah ini Do not edit because real script code from http://joesetapart.blogspot.com sebagai pengguna yang Legal
Bila gan kurang puas dengan 4 windows gan bisa tambahkan kode di bawah ini

d= window.open("http://joesetapart.blogspot.com","myName3",
"width=385,height=190,top=290,left=395,status,toolbar=1,scrollbars,location");

Usahakan nama Open 1 Windows atau Open 4 Windows gan ganti dengan nama yang unik agar pengunjung tertarik untuk mengklik

Selamat Mencoba.

MEMBUAT WIDGET COPY ARTIKEL

Jika anda ingin berbagi artikel dengan pengunjung blog sama persis seperti postingan yang anda miliki. Anda dapat menerapkan tips ini pada blog anda.
Widget ini ditempatkan dibawah setiap postingan artikel sehingga penampilannya tidak merusak tampilan halaman muka (beranda) blog anda dan jika tombol yang tampil (Blog This) di klik oleh pengunjung, akan langsung dibawa pada entri blognya masing-masing.
Simak caranya ...!!

1. Masuk ke Blogger.
2. Pilih Rancangan bagian Edit HTML.
3. Backup dulu template anda, jika takut gagal.
4. Kasih tanda cek pada kota Expand Template Widget.
5. Cari kode <data:post.body/> pada template anda.
6. Copy kode dibawah ni kemudian paste tepat dibawah kode <data:post.body/>. Jika kode <data:post.body/> ada dua buah, coba anda pilih yang kedua (yang bawah).
   
   
   
   <div style='text-align: center;'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<br/> <br/>
Copy artikel ini,
untuk mendapat backlink ke blog ini
<form action='http://www.blogger.com/blog-this.g' method='post' target='_blank'>
<textarea cols='45' name='t' onclick='select()' readonly='readonly' rows='5'>
<data:post.body/> <br/> Sumber Asli:
<a expr:href='data:post.url'>
<data:blog.title/>
</a>
</textarea> <br/>
<input expr:value='data:post.url' name='u' type='hidden'/>
<input expr:value='data:post.title' name='n' type='hidden'/>
<input type='submit' value='Blog This!'/>
</form>
</b:if>
</div>
   
   
   Kalimat yang berwarna kuning dapat anda ganti dengan yang diinginkan


7. Klik tombol Simpan Template.
8. Lihat salah satu postingan blog anda untuk melihat hasilnya.
9. Selamat mencoba, semoga bermanfaat.

Read more: http://epg-studio.blogspot.com/2011/03/membuat-widget-copy-artikel.html#ixzz1f5dHxFYW

Membuat Energy Saving Mode untuk Blog

Bumi semakin tua, energi semakin mahal. Mari kita buat blog kita juga hemat energi. Yaitu dengan membuat Energy Saving Mode. Sama seperti yang ada di komputer, dengan Energy Saving Mode akan membuat layar yang menampilkan (membuka) blog kita menjadi gelap ketika tidak aktivitas di blog. Dan akan kembali normal ketika mouse digerakan. Bagaimana? Ada niat untuk membuat blog kita juga ikut berpartisipasi nyata dalam menghemat energi? Mari kita buat Energy Saving Mode di blog kita.

Cara Membuat Energy Saving Mode untuk Blog

1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode </head>
6. Taruh (copy paste) kode berikut di atasnya

<script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'/>
<script>jQuery.noConflict();</script>

7. Simpan Template jika sudah selesai.

Memasang sebuah buku tamu

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 pemilik 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 lebih bagus.

Ok, Bagaimana caranya mendapatkan sebuah buku tamu. Untuk mendapatkannya sangat mudah, anda tinggal mencarinya pada mesin pencari contoh: 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 ade akan langsung memberikan alamat situs penyedia buku tamu yang servernya lumayan bagus dan jarang sekali mengalami down yakni http://www.shoutmix.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.
9. Selesai

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

1. Silahkan Login dengan id anda
2. Klik menu Tata Letak
3. Klik Elemen Halaman
4. Klik Tambah gadget
5. Klik tombol Tambahkan ke Blog atau tanda "+"  yang berada di bawah tulisan HTML/JavaScript
6. Tuliskan judul shoutbox anda pada judul. Contoh : Buku tamu ku, atau my guestbook atau apa saja yang anda suka
7. Copy paste kode HTML shoutbox anda di dalam konten
8. Klik tombol Simpan Perubahan
9. Tekan & Pindahkan yang telah anda buat tadi di tempat yang di sukai
10. Tekan tombol Simpan
11. Selesai

Selamat mencoba ! Sebagai tambahan, guestbook yang sering dipakai para blogger lainnya : 1. http://www.cbox.ws/ 2. http://www.oggix.com/ Untuk langkah-langkahnya hampir sama dengan langkah diatas.

Form Button Berjejer / Horizontal

Form Button Berjejer / Horizontal: "
Jika sebelumnya saya pernah memposting tentang membuat form button,sekarang kita akan membahas tentang membuat form button berjejer.
Untuk sebuah form,jika di sejajarkan akan mengalami sedikit kesulitan.
Disini kita akan mengakalinya dengan menambahkan tabel,untuk meletakkan form-form yang akan kita publikasikan.

<p align="center"><table border="0" cellspacing="1" width="104"><tr> <td width="72"><form method="get" action='http://www.google.com/'target='_blank"><p><input type="submit" value='Google' name="1"></form></td> <td width="69"><form method="get" action='http://www.yahoo.com/'target='_blank"><p><input type="submit" value="Yahoo' name="2"></form></td> <td width="69"><form method="get" action='http://www.youtube.com/' target='_blank"><p><input type="submit" value="Youtube' name="3"></form></td> <td width="69"><form method="get" action='http://www.Friendster.com/' target='_blank"><p><input type="submit" value="Friendster' name="4"></form></td> </tr></table>

---

Untuk tulisan warna hijau,rubah sesuai atribut blog anda,jika anda ingin memposisikan form-form diatas,ke kiri,tinggal merubah baris kode yang berwarna merah.
Untuk posisi tengah='center', kiri='left' sedangkan untuk kanan='right',namun masalah posisi,biasanya browsre IE yang berfungsi dengan baik.
Untuk hasil eksekusi diatas,jika anda menginginkan link akan terbuka,pada window yang sama,gantilah kode _blank gantilah dengan _self.
Gimana? minat mau mencoba?