Buku Tamu Satu Halaman

Sekarang saya ingin membahas tentang posting membuat buku tamu satu halaman. Biasanya sobat blogger meletakkan buku tamu di sidebar. Nah sekarang saya ingin mengajak sobat memasang buku tamu di dalam satu halaman seperti di blog wordpress.com. Lalu apakah di Blogspot bisa? Jawabannya bisa sekali. Jika tertarik memasang buku tamu satu halaman, ikuti langkah berikut:

# Langkah Pertama:

1. Copy kode di bawah ini ke Notepad Anda:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!Code by: http://arawna.blogspot.com pada Jum'at-17 Juli-2009 >
 <html>     
 <body>
      
<div style="position:center;width:900px;height:auto;padding:10px;border:3px double #CCC; background:#fff; font:verdana;">
<img src="YOUR_LOGO_LINK" width="160" height="100"> <!-- Begin - http://www.bidvertiser.com -->
<SCRIPT LANGUAGE="JavaScript1.1" SRC="http://bdv.bidvertiser.com/BidVertiser.dbm?pid=243704%26bid=603375" type="text/javascript"></SCRIPT>
<noscript><a href="http://www.bidvertiser.com">affiliate program</a></noscript>
<!-- End - http://www.bidvertiser.com -->
<br/><br/>
<center>
<div style=background:#f1f1f1; border:1px solid #CCC; height:50px;><a href="

ALAMAT_BLOG_ANDA

"><b>HOME</b></a> - <a href="http://arawna.blogspot.com/search/label/Tutorial"><b>TUTORIAL BLOG</b></a> - <a href="http://freeshop2.blogspot.com" target="_blank"><b>DOWNLOAD CENTER</b></a> - <a href="mailto:

ALAMAT_EMAIL_ANDA

"><b>CONTACT</b></a></p></div>
<p><b>BUKU TAMU</b></p>
<!-- Begin: http://adsensecamp.com/ -->
<script src="http://adsensecamp.com/show/?id=xSYnwj7nmi0%3D&cid=1mKE6FR8OXo%3D&chan=8la%2BmOzMXOs%3D&type=4&title=0000FF&text=000000&background=FFFFFF&border=FFFFFF&url=006699" type="text/javascript">
</script>
<!-- End: http://adsensecamp.com/ -->

KODE BUKU TAMU PASANG DISINI

  <!-- Begin: http://adsensecamp.com/ -->
<script src="http://adsensecamp.com/show/?id=xSYnwj7nmi0%3D&cid=1mKE6FR8OXo%3D&chan=8la%2BmOzMXOs%3D&type=4&title=0000FF&text=000000&background=FFFFFF&border=FFFFFF&url=006699" type="text/javascript">
</script>
<!-- End: http://adsensecamp.com/ -->
<br/><br/>
<a href="http://www.bidvertiser.com/bdv/bidvertiser/bdv_ref.dbm?Ref_Option=pub&Ref_PID=243704" target="_blank" rel="bookmark" title="ads"><img alt="ads" width="125" src="http://roele112.googlepages.com/bidvertiser125x125.png" height="125"/></a>  <a href="http://adsensecamp.com/?ref_id=20709" target="_blank" rel="bookmark" title="Adsense Indonesia"><img alt="ads" src="http://adsensecamp.com/images/banner/happy-money.jpg"/></a>  <a href="http://kumpulblogger.com/?refid=80103" target="_blank" rel="bookmark" title="ads"><img alt="ads" width="125" src="http://roele112.googlepages.com/imgad.gif" height="125"/></a>  <a href="http://www.co.cc/?id=167010" target="_blank" rel="bookmark" title="co cc"><img alt="co cc" width="125" src="http://get-banner.lookup.co.cc/banner_img/cocc250_250c.gif" height="125"/></a>
<br/>
</center>
<span style="font-size: 80%">Design by: <a href="http://arawna.blogspot.com/" target="_blank">aRawna</a></span>
</div>

 </body>
 </html>

2. Setelah selesai di copy simpan dengan extensi .html
(contoh: bukutamu.html)

3. Kemudian upload di Google Pages atau di mana saja seperti 000webhost.com atau yang lainnya.

# Langkah Kedua:

1. Sign In ke blog anda.

2. Tuju tab Layout/Tata Letak » Edit HTML

3. Backup template anda dengan mengklik Download Full Template.

4. Centang kotak yang bertuliskan Expand Widget Template.

5. Setelah itu copy file link yang sudah di upload tadi
(misal: http://demo.googlepages.com/bukutamu.html )

6. Setelah di copy pasang di Navbar Menu
(jika di blog anda sudah ada fasilitas Navbar Menu)

7. Simpan template dan lihat hasilnya...

PENTING:

Untuk tulisan yang saya warna merah-kan itu Sobat ganti dengan milik sobat contoh alamat email.
Lalu isi kode buku tamu Sobat diantara  dan , Selesai.

Untuk melihat DEMO klik disini

Moga manfaat...!

Salam Blogger