Tiwi Berbagi: Menambahkan Buku Tamu/ Chat Box melayang di samping kanan pada Blogger/ Blogspot

Menambahkan Buku Tamu/ Chat Box melayang di samping kanan pada Blogger/ Blogspot

tiwi-berbagi

Hai sahabat blogger, apa kabar? semoga dalam keadaan sehat ya..

Apakah anda ingin mempercantik blog anda dengan menambah Buku Tamu/ Chat Box? mungkin ada beberapa dari anda yang tidak tahu bagaimana cara menambahkan Buku Tamu/ Chat Box di samping kanan, disini saya akan berbagi dengan anda bagaimana cara menambahkan Buku Tamu/ Chat Box di Blog untuk mempercantik blog sekaligus memudahkan pengunjung untuk berkomunikasi dengan kita di blog kita..

Langsung saja ya..

Pertama anda masuk kesini, lalu anda mendaftar/ register di link tersebut
Setelah anda mendaftar/ register, lalu anda login ke akun tersebut
Setelah itu anda klik Publish! yang ada diatas
Lalu di tulisan Website Anda, anda tulis alamat blog anda
lalu di Langkah 1 anda klik dimana anda akan menginstal Cbox anda (contoh: Blogger/ Blogspot), langkah ke 2 anda klik Inline (default), langkah 3 anda copy clipboard yang ada disana dengan menekan Ctrl+C
Anda masuk ke akun blog anda, lalu masuk ke tata letak, klik add gadget, lalu masukkan script dibawah ini dan simpan, dan lihat hasilnya..

</span></div>
<div>
<font face="Times New Roman, serif"><span style="line-height: 18px;"><div title="header=[:: Isi Buku Tamu Dengan Sopan ::] body=[:: Click Here to Buku Tamu::]">
 </span></font><div>
<font face="Times New Roman, serif"><span style="line-height: 18px;"><style type="text/css"></span></font></div>
<div>
<font face="Times New Roman, serif"><span style="line-height: 18px;">.gb_fixed{</span></font></div>
<div>
<font face="Times New Roman, serif"><span style="line-height: 18px;">position:fixed;</span></font></div>
<div>
<font face="Times New Roman, serif"><span style="line-height: 18px;">top:10px;</span></font></div>
<div>
<font face="Times New Roman, serif"><span style="line-height: 18px;">right:0px;</span></font></div>
<div>
<font face="Times New Roman, serif"><span style="line-height: 18px;">z-index:+10;</span></font></div>
<div>
<font face="Times New Roman, serif"><span style="line-height: 18px;">}</span></font></div>
<div>
<font face="Times New Roman, serif"><span style="line-height: 18px;">* html .gb_fixed {position:relative;}</span></font></div>
<div>
<font face="Times New Roman, serif"><span style="line-height: 18px;">#hidden_gb2 {</span></font></div>
<div>
<font face="Times New Roman, serif"><span style="line-height: 18px;">display:none;</span></font></div>
<div>
<font face="Times New Roman, serif"><span style="line-height: 18px;">border:2px solid #004831;</span></font></div>
<div>
<font face="Times New Roman, serif"><span style="line-height: 18px;">background:#000000;</span></font></div>
<div>
<font face="Times New Roman, serif"><span style="line-height: 18px;">padding:10px;</span></font></div>
<div>
<font face="Times New Roman, serif"><span style="line-height: 18px;">padding-top:0px;</span></font></div>
<div>
<font face="Times New Roman, serif"><span style="line-height: 18px;">}</span></font></div>
<div>
<br></div>
<div>
<font face="Times New Roman, serif"><span style="line-height: 18px;"></style></span></font></div>
<div>
<font face="Times New Roman, serif"><span style="line-height: 18px;"><div class="gb_fixed">
</span></font></div>
<div>
<font face="Times New Roman, serif"><span style="line-height: 18px;"><table id="hidden_gb2" cellpadding="0" cellspacing="0"></span></font></div>
<div>
<font face="Times New Roman, serif"><span style="line-height: 18px;">
<tr><td></span></font></div>
<font face="Times New Roman, serif"><span style="line-height: 18px;"><center>
</span></font></div>
<div>
<font face="Times New Roman, serif"><span style="line-height: 18px;"><br></span></font></div>
<div>
<span style="font-size:12.0pt;line-height:115%;
font-family:"Times New Roman","serif";mso-fareast-font-family:Calibri;
mso-fareast-theme-font:minor-latin;mso-ansi-language:IN;mso-fareast-language:
EN-US;mso-bidi-language:AR-SA">ALAMAT LINK CBOX ANDA</span></div>
<div>
<span style="font-size:12.0pt;line-height:115%;
font-family:"Times New Roman","serif";mso-fareast-font-family:Calibri;
mso-fareast-theme-font:minor-latin;mso-ansi-language:IN;mso-fareast-language:
EN-US;mso-bidi-language:AR-SA"><br></span></div>
<div>
<span style="font-size:12.0pt;line-height:115%;
font-family:"Times New Roman","serif";mso-fareast-font-family:Calibri;
mso-fareast-theme-font:minor-latin;mso-ansi-language:IN;mso-fareast-language:
EN-US;mso-bidi-language:AR-SA"><div>
</center>
</div>
<div>
<div>
<a href="javascript:void(0)" onclick="gb_showHideGB()"><b style="color:white">[TUTUP ]</b></a></div>
</div>
<div>
</td></tr>
</table>
</div>
<div>
</div>
</div>
<div>
<script src="http://sites.google.com/site/copycatgroup/Home/jsfile/hiddengb2.js"></script></div>
<div>
<div style="z-index:+5" class="gb_fixed">
</div>
<div>
<a href="javascript:void(0)" onclick="gb_showHideGB()"></div>
<div>
<img border="0" style="border:0px" src="http://i921.photobucket.com/albums/ad54/mangkunuklir/ChatBox3.png" /></div>
<div>
</a></div>
<div>
</div>
</div>
</div>
</span></div>
<div>
<span style="font-size:12.0pt;line-height:115%;
font-family:"Times New Roman","serif";mso-fareast-font-family:Calibri;
mso-fareast-theme-font:minor-latin;mso-ansi-language:IN;mso-fareast-language:
EN-US;mso-bidi-language:AR-SA">

Jika anda ingin mengganti gambar untuk penampilan Cbox anda bisa mengganti gambarnya dengan menghapus http://i921.photobucket.com/albums/ad54/mangkunuklir/ChatBox3.png dan menggantinya dengan gambar yang sesuai dengan keinginan anda disini, disini atau disini (bisa pilih salah satu).

lalu coba lihat hasilnya.. cbox akan terlihat di samping kanan.

Semoga Bermanfaat

Apabila ada kesalahan kata-kata mohon maaf, apabila ada link yang salah mohon tinggalkan komentar di Guest Book karena komentar di blog ini sedang ada masalah, terima kasih

Labels: tambahan |

Pages

Waktu

Translate

Popular posts

Followers

Pencarian

Text Widget

Categories

Recent Posts

Blog Archive

Popular Posts

Pengunjung

Blogroll

About Me