Tutorial Cara Memasang Cbox atau Buku Tamu di Blog Bagian II

Assalamu 'alaikum wr wb
postingan kali ini saya akan memberikan penjelasan mengenai cara membuat buku tamu di Blog bag.II
postingan Sebelumnya saya sudah menjelaskan tata cara membuat buku tamu dan kini saya akan memberikan tutorial lagi berkaitan dengan judul diatas.

berikut Tutorialnya, simak ya !

1). Langkah Pertama kamu masuk/login ke Dashboard blog kamu
2). Klik opsi lainnya--> Tata Letak --> Tambah gadget --> HTML/Javascript
3). Masukkan kode script dibawah ini pada kotak yang di sediakan.


<div class='widget-content'>
<style type="text/css">
.gb_fixed{
position:fixed;
top:0px;
left:0px;
z-index:+10;
}
* html .gb_fixed {position:relative;}
#hidden_gb2 {
display:none;
border:2px solid #004831;
background:#000000;
padding:10px;
padding-top:0px;
}
</style>
<div class="gb_fixed">
<table id="hidden_gb2" cellpadding="0" cellspacing="0">
<tr><td>
<div><a href="javascript:void(0)" onclick="gb_showHideGB()"><b style="color:red">[ Selesai ]</b></a></div>
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="200" height="305" src="http://www5.cbox.ws/box/?boxid=839171&amp;boxtag=24dr0b&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain5-839171" style="border:#ababab 1px solid;" id="cboxmain5-839171"></iframe></div>
<div><iframe frameborder="0" width="200" height="75" src="http://www5.cbox.ws/box/?boxid=839171&amp;boxtag=24dr0b&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform5-839171" style="border:#ababab 1px solid;border-top:0px" id="cboxform5-839171"></iframe></div>
</div>
<!-- END CBOX -->

</td></tr></table>
</div>
<script src="http://sites.google.com/site/copycatgroup/Home/jsfile/hiddengb2.js"></script>
<div style="z-index:+5" class="gb_fixed">
<a href="javascript:void(0)" onclick="gb_showHideGB()">
<img border="0" style="border:0px" src="https://lh3.googleusercontent.com/-DDNjgH_n_MM/UzQ1rWVlHcI/AAAAAAAAAKI/h9ZZy_8oSDw/w346-h930/gol.png"/>
</a>
</div>
</div>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='//www.blogger.com/rearrange?blogID=8372343446577335578&widgetType=HTML&widgetId=HTML7&action=editWidget&sectionId=sidebar' onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML7"));' target='configHTML7' title='Edit'>
<img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>



4). Kemudian SAVE / SIMPAN

Gampang, kan?????


Keterangan :
- Text yang saya beri warna HIJAU, silahkan kamu ganti dengan CBOX yang kamu punya .
   bagi yang belum punya CBOX? Silahkan

KLIK DISINI

- Blog ID yang saya beri warna MERAH, silahkan kamu ganti dengan Blog ID kamu.


Semoga Tutorial kali ini dapat membantu teman-teman.
Terima Kasih atas kunjungannya.

Wassalamu 'alaikum wr wb.