Cara Membuat Buku Tamu di Blogspot

Cara Membuat Buku Tamu di Blogspot

Hosting Unlimited Indonesia

Hai sahabat blogger, kali ini saya akan berbagi CaraMembuat Buku Tamu di Blogspot . Jika sebelumnya saya sudah mengeshare CaraMembuat Tulisan Berjalan di Blogspot.  Berikut caranya untuk membuat buku tamu

    1. Login dulu ke blogspot
    2. Pilih menu Rancangan
    3. Setelah itu klik tambahkan Widget, kemudian copy dan paste-kan script dibawah ini:
             #gb{
				position:fixed;
				top:50px;
				z-index:+1000;
			}
			
			* html #gb{
				position:relative;
			}
			.gbtab{
				height:100px;
				width:30px;
				float:left;
				cursor:pointer;
				background:url('https://2.bp.blogspot.com/-mrsZX_-WDkk/Te5tiGXpqNI/AAAAAAAAAZg/hDLjMWDN6_U/s1600/bukutamu.png') no-repeat;
			}
			.gbcontent{
				float:left;
				border:2px solid #A5BD51;
				background:#00000;
				padding:10px;
			}
			 
			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);
				}
			}
        
			<iframe frameborder="0″width="180″ height="320" src="http://www6.cbox.ws/box/?boxid=644409&boxtag=j0qjtd&sec=main" marginheight="2″ marginwidth="2″ scrolling="auto" allowtransparency="yes" name="cboxmain6-644409″ style="border:#ababab 1px solid;" id="cboxmain6-644409″>
			<a href="https://andihartono.net/2012/09/12/cara-membuat-buku-tamu-di-blogspot/">[get this widget]>
				[Tutup]
			</a>
			var gb = document.getElementById("gb");
			gb.style.right = (30-gb.offsetWidth).toString() + "px";
		
    1. Script yang berisi angka untuk mengatur letak posisi buku tamu, bisa diganti angkanya sesuai posisi yang di inginkan.
    2. Ke-dua untuk mengatur tinggi dan lebar tempat untuk menampilkan komentar pada buku tamu, silahkan atur tinggi dan lebarnya.
    3. Ke-tiga untuk jenis warna background atau latar belakang buku tamu (kode #00000=transparan), silahkan kode warnanya bisa diganti sesuai minat,. Untuk kode warna bisa dilihat disini (linnkkan).
    4. Ke-empat untuk mengatur tinggi dan lebar buku tamu yang terdiri dari nama, alamat email atau URL, dan isi komentar (tepatnya dibawahnya tempat untuk menampilkan komentar), silahkan atur tinggi dan lebarnya di sesuaikan.

·

  • Setelah selesai dan klik simpan.

 

Selamat mencoba 😀
Jangan lupa sering-sering mengunjungi, komentar atau meninggalkan pesan ya, hanya di https://andihartono.net

Hosting Unlimited Indonesia
Share