MENERIMA RESELLER DROPSHIP DAN ECERAN
COSTUMER SERVICE CALL ONLY ( 081261292229 ) >>> SMS ONLY ( 085364322299 ) PIN ( 7E6EEB38 )
Home » blogger
Panduan Membuat Buku Tamu Gratis Dan Bisa Buka Tutup Disamping

Silahkan anda kunjungi situs ini http://www.cbox.ws
lihat gambar dibawah ini


lalu isi kolom dibawah ini 

Cbox name : Nama atau username untuk anda masuk ke akun Cbox nantinya
Email address : Alamat email anda yang valid
Password : Kode keamanan untuk masuk ke akun Cbox anda
Confirm password : Password yang anda masukkan pada kolom diatasnya
Website : Nama website anda yang valid contoh http://sahabatmayacc.blogspot.com
Language : Bahasa yang anda inginkan
Style : Gaya Cbox yang anda inginkan
Kemudian centang I have read and do agree to the Cbox terms and conditions of service
Lalu klik Create my Cbox
Pembuatan akun telah selesai , kemudian anda masuk ke akun Cbox dan klik publish
lihat gambar dibawah ini
klik publish seperti gambar yang berkolom merah diatas
kemudian copy kode yang tersedia seperti gambar dibawah ini
Lalu pasang buku tamu Cbox kamu dengan menambahkan widget HTML/javascript
untuk buku tamu yang ada buka tutup disamping silahkan copy kode berikut ini

 <style type="text/css"> #gb{ position:fixed; top:50px; z-index:+1000; } * html #gb{position:relative;} .gbtab{ height:150px; width:30px; float:left; cursor:pointer; background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFO-tAw0j9XQw24G5QFQB2-zJlWeAZyPIz15Lbafcgti4E1hi9LJW7Gn9QeHRSMfTI7Vyd34A4yU7Ijd8zTJLL6nTjyiO0Io3wwxVmfhgyg6-T_Vosgn9wjArG5scgCQhzUbUyYE99DY-s/s1600/buku+tamu.png') no-repeat; } .gbcontent{ float:left; border:1px solid #B3B3B3; background:#E6E6E6; padding:5px; } </style> <script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0); gb.opened = !gb.opened; } function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; gb.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} } </script> <div id="gb"> <div class="gbtab" onclick="showHideGB()"> </div> <div class="gbcontent">   <!-- BEGIN CBOX - www.cbox.ws - v001 --> Code CBox milik sampeyan <!-- END CBOX -->  <br/>Mau buat buku tamu ini ?<br/>Klik <a href="http://sahabatmayacc.blogspot.com/2012/12/panduan-membuat-buku-tamu-gratis-dan.html"target="_blank"> di sini </a> <div style="text-align:right"> <a href="javascript:showHideGB()"> [hide] </a> </div> </div> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script> 

setelah anda menambahkan widget HTML/javascript silahkan pastekan kode diatas
kemudian tulisan berwarna biru itu anda ganti dengan kode Cbox anda tadi 
kemudian save , selesai deh .....
semoga bermanfaat ya postingan saya ini , amiin .....

Cara membuat menu dibawah header blog

Membuat menu header blog itu sangat mudah, kita hanya perlu menambah beberapa kode. Contoh menu itu adalah Home / Beranda / Depan / Halaman utama , Menu Contac, menu Profile, menu Disclaimer, dan menu-menu lain yang ingin sobat buat. Manfaatnya adalah mempermudah user / pengunjung blog bernavigasi di blog kita, sehingga memperbesar pageview.

Nah, menu-menu diatas tergantung kebutuhan sobat, jika sobat merasa penting tidak salah kalau mencoba menggunakan cara dibawah ini, namun yang perlu diperhatikan agar berhasil adalah layout blog sobat harus sama atau mirip dengan template yang saya gunakan.


Langkah-langkah dibawah sudah saya uji coba di blog DEMO saya, dan berhasil. Sebelum memulai langkah-langkah dibawah backup terlebih dahulu template blog sobat.

Langkah - langkah membuat menu dibawah header blog adalah :

1. Masuk ke dashboard Blog sobat, lalu ke menu Rancangan >> Edit HTML,  centang '

2. Cari kode seperti dibawah atau cari yang mirip (CTRL+F , cara cepat untuk mencari kode).
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='x-Demo (Header)' type='Header'>
<b:includable id='main'>

ganti maxwidgets='1' menjadi 2 atau lebih dan showaddelement='yes'>

3. Jika sudah selanjutnya sobat cari kode ]]></b:skin>

4. Hapus kode tersebut dan ganti dengan kode dibawah ini.
a.navigation {
background: #3333ff ;
color: #ffffff ;
margin: 1px;
padding: 2px;
border-width: 0;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
}
a.navigation:hover {
background: #333333;
color: #ffffff;
text-decoration: none;
}

]]></b:skin>

Keterangan :

5. Save template lalu klik Elemen Laman atau klik rancangan.

6. kemudian klik tambah gadget >> pilih HTML/JavaScript

7. Copykan kode berikut kedalam kotak tersebut
<a href="http://www.masterendi.com " class="navigation">HOME</a>
<a href="http://www.masterendi.com/p/rekomendasi.html " class="navigation">CONTACT</a>
<a href="http://www.masterendi.com/p/buku-tamu.html " class="navigation">BUKU TAMU</a>
<a href="http://www.masterendi.com/2011/01/links-sahabat-master.html " class="navigation">LINKS</a>

Keterangan : Ganti yang dicetak tebal merah dengan URL menu, dan warna biru adalah nama menu.

8. SAVE lalu lihat hasilnya..

SOURCE BY : MASTERENDI

FOLLOWERS

ADI WALUYO. Diberdayakan oleh Blogger.