Showing posts with label tamu. Show all posts
Showing posts with label tamu. Show all posts

Sunday, December 25, 2016

Cara Membuat Buku Tamu Melayang Pada Blog

Cara Membuat Buku Tamu Melayang Pada Blog


  1. Langkah Pertama  pergi ke Cbox
  2. Lalu masuk akun Cbox atau jika belum punya daftar ke Sign Up Cbox
  3. Jika Sudah mendaftar Cbox lalu pemirsa disuruh masuk Cbox
  4. Setelah sudah masuk edit sendiri Cbox anda sendiri

dan Langkah berikutnya Copy-Paste HTML dibawah ini

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc1u95c90_tzOwofDvfNshGoaa6o2thCoVNpJILTqw3esKJCCn_EvIi3hG0YgGWwbl6wmr-BAdnPuvAIkqtgH-kE0E-tmHg-xYGwHXrpCYWCUIy0app3Zb5LXf7VmmsMLoD4qWfJFHTss/s1600/bukutamu.png) no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</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">
Silakan Pasang Kode Buku Tamu yang sudah di copy tadi Di Sini

<div style="text-align:right">
<a href="http://abelavriyanno.blogspot.com/2012/04/cara-membuat-buku-tamu-melayang-di-sisi.html">[get this widget]</a>><a href="javascript:showHideGB()">
[Tutup]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>
Cara menaruh html di atas
  1. Masuk akun blogger siapa ajah boleh
  2. Ke tata letak
  3. Add gadget atau Tambah gadget
  4. Edit html/javascript
  5. Masukan html di atas
  6. Selesai
dan ganti tulisan yang biru dengan html/javascript Cbox/buku tamu
yang tadi

Go to link Download

Read more »
Posted by at
Labels: , , , , , ,

Saturday, December 3, 2016

Cara Membuat Buku Tamu Tersembunyi

Cara Membuat Buku Tamu Tersembunyi


Kali ini saya akan berbagi tentang cara membuat buku tamu tersembunyi.
Langsung aja kita menuju ke tkp :
1 Masuk ke rancangan -> elemen laman -> tambah gadget -> HTML/JavaScript
2 Masukan kode di bawah ini
3. Simpan

catatan

Go to link Download

Read more »
Posted by at
Labels: , , , ,

Tuesday, November 29, 2016

Cara Membuat Buku Tamu Guestbook Auto Hide di Blog

Cara Membuat Buku Tamu Guestbook Auto Hide di Blog


Cara Membuat Buku Tamu / Guestbook Auto Hide di Blog- Selamat malam sobat blogger !!! Setelah sebelumnya aq telah memposting artikel tentang Cara mendaftar di Cbox, kali ini aq akan memposting artikel tentang Cara membuat buku tamu auto show / hide di blog seperti di sidebar blog fahrurrozi18 ini.

Cara Membuat Buku Tamu / Guestbook Auto Hide di Blog

Auto hide Shoutbox ini adalah efek yang akan membuat buku tamu muncul tanpa di klik dan tersembunyi tanpa di klik pula ( di sorot cursor mouse ), hanya beda sedikit dengan buku tamu show / hide. Jika Sobat tertarik memasang widget ini, silahkan ikuti langkah-langkah di bawah ini ya.
  • Login ke akun blogger.com sobat.
  • Pada dashboard blogger, klik Tata letak => Tambah gadget.
  • Pilih HTML/Javascript.
  • Copy kode dibawah ini, lalu letakkan di kotak widget.

<style type="text/css">#gb{position:fixed;top:20px;z-index:+1000;}* html #gb{position:relative;} .gbtab{height:150px;width:50px;float:left;background:url(http://i1108.photobucket.com/albums/h405/christian410/ghtrf.png) no-repeat;} .gbcontent {float:left;border:1px solid #000000;-moz-border-radius-bottomleft:5px;-webkit-border-radius-bottomleft:5px;-o-border-radius-bottomleft:5px;-khtml-border-radius-bottomleft:5px;-moz-border-radius-topright: 5px;-moz-border-radius-topleft: 5px;background: #F2F2F2; url() no-repeat bottom;padding:10px;} </style> <script type="text/javascript">function showHideGB(){var gb = document.getElementById("gb");var w = gb.offsetWidth;gb.opened ? moveGB(0, 51-w) : moveGB(30-w, 0);gb.opened = !gb.opened;}function moveGB(x0, xf){ var gb = document.getElementById("gb");var dx = Math.abs(x0-xf) > 25 ? 25 : 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+")", 5);}}</script> <div id="gb"><div class="gbtab" onmouseover="showHideGB()"> </div> <div class="gbcontent"><center><!-- 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://www6.cbox.ws/box/?boxid=759055&amp;boxtag=90066b&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain6-759055" style="border:#ababab 1px solid;" id="cboxmain6-759055"></iframe></div><div><iframe frameborder="0" width="200" height="75" src="http://www6.cbox.ws/box/?boxid=759055&amp;boxtag=90066b&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform6-759055" style="border:#ababab 1px solid;border-top:0px" id="cboxform6-759055"></iframe></div></div><!-- END CBOX --><br /><div style="text-align:center"><span style="float:right; color:#000000;">Get this <a target="_blank" href="http://fahrurrozi18.blogspot.com/2013/11/cara-membuat-buku-tamu-guestbook-auto.html"> widget! </a></span></div></center></div><script type="text/javascript">var gb = document.getElementById("gb");gb.style.right = (50-gb.offsetWidth).toString() + "px";</script> </div>
  • Kalau sudah, Klik Save.
Catatan :


  • Silahkan sobat Ganti kode yang berwara Merah dengan kode buku tamu milik sobat sendiri. Jika Sobat belum mempunyai kode buku tamu, silahkan sobat buat terlebih dahulu di Cbox atau situs yang lainnya. 
  • Untuk tutorial mendaftar di Cbox, bisa sobat lihat disini.
Sekian dulu ya, tutorial dariku kali ini mengenai Cara Membuat Buku Tamu / Guestbook Auto Hide di Blog. Semoga bermanfaat. :)

Go to link Download

Read more »
Posted by at
Labels: , , , , , , , ,

Sunday, November 6, 2016

Cara Membuat Chat Box Buku Tamu

Cara Membuat Chat Box Buku Tamu


Untuk membuat Cbox sangatlah mudah,sobat hanya perlu daftar kemudian copas kodenya di widget blog sobat.Sobat tw caranya ga??,hehehehe..kalo ga tw silahkan ikuti langkah dibawah ini,yang pasti singkat padat dan memuaskan.
  • Klik disini
  • Setelah halamanya udah muncul pilih"sign up".Isi semua formulir pendaftaran ya!
  • Langkah selanjutnya Cbox akan mengirim email konfirmasi ke alamat email yang tadi sobat gunakan ketika mendaftar Cbox,klo udah dibuka emailnya,langsung saja klik link yang ditujukan ke website Cbox.Kalau udah,gunakan nama Cbox dan password sobat untuk login ke Cbox tadi.
  • Sekarang klik"publish"
  •  Kalau sudah,pada tengah-tengah postingan akan ada tulisan seperti ini dibawah ini :
  • Step 1: Where are you installing your Cbox? ==>Pilih Blogger/Blogspot
  • Step 2: Choose a variation: Pilih wariasi yang sobat inginkan.
  • Step 3: Get your code==>Copy kode Cbox yang terdapat dibawahnya.Untuk pemasanganya,silahkan baca aturan pakai dibawah ini :
  • Login ke blooger.com.
  • Pilih design.
  • Add a Gadget/Tambah Gadget.
  • Pilih HTML/Java Script,paste-kan kode yang sudah sobat copy tadi.
  • Langkah terakhir adalah"SAVE"  :)
Selamat mencoba,semoga berhasil kawan
Sumber: http://www.kawulanesia.com/2012/04/cara-membuat-kotak-chat-box.html

Go to link Download

Read more »
Posted by at
Labels: , , , , ,

Friday, October 7, 2016

Cara membuat buku tamu chatbox menggantung

Cara membuat buku tamu chatbox menggantung


Cara membuat buku tamu/chatbox menggantung seperti yang saya pakai di blog saya ini.
Selain sebagai aksesoris blog buku tamu juga bisa memudahkan para pengunjung blog yang pernah berkunjung untuk meninggalkan pesan maupun tulisan-tulisan lainnya.

Adapun langkah-langkahnya Sebagai berikut :
Pertama : yang anda harus lakukan adalah mengunjungi Cbox untuk mendapatkan kode, langsung saja masuk disini. Tampilannya seperti di bawah ini :
Silakan anda klik Get your own free C box now! Kemudian ikuti panduan yang ada sampai anda mendapatkan kode dari Cbox.

Kedua :

- Login ke blog Anda
- Silahkan klik Rancangan
- Klik elemen laman
- Klik tambah gadget/add gadget
- Klik opsi HTML/Javascript
- Silahkan sobat Copy dan Paste Kode HTML di bawah 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/AVvXsEjxZcyDLu6pQISIXqzrtRlQSocibnGxF0ahCeECqlfeX5AvDX_2o5sKyyI1UYj2ZXkDOQfV-LYnExsvHQWCU9oMgMnard_ZFxDM7Ug5nO9zKVGS8isII_XZY_vXnn7QnmGY4Q8tcQfhQyCi/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 Anda <!-- END CBOX --> <br/>Mau buat buku tamu ini ?<br/>Klik <a href="http://jill5iii7.blogspot.com/2012/12/cara-membuat-buku-tamuchatbox.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>
Catatan :   
Ganti tulisan berwarna merah dengan kode Cbox yang telah anda dapat.
SAVE/ SIMPAN LIHAT HASILNYA.

.:SEMOGA BERMANFAAT:.

Go to link Download

Read more »
Posted by at
Labels: , , , , ,
Subscribe to: Posts (Atom)