Home » » Cara Membuat Buku Tamu Tersembunyi di Blog

Cara Membuat Buku Tamu Tersembunyi di Blog

Cara memasang buku tamu/guest book tersembunyi di blog atau cara agar buku tamu/guest book bisa tersembunyi di blog.
Buku tamu merupakan tempat untuk menaruh pesan singkat di blog anda ketika sedang ada yang berkunjung.  Membuat buku tamu harus menggunakan jasa web yang menyediakan layanan buku tamu. Maksud dari judul tersembunyi disini bukan lah buku tamu yang tidak bisa dilihat oleh pengujung, tetapi buku tamu ini akan berada di sebelah artikel blog yang akan terbuka jika ada yang klik gambar buku tamu tersebut. Langkah ini merupakan salah satu langkah dalam menghemat tempat di blog kita. Selain itu, untuk menghemat tempat, anda juga menambahkan tab view di blog Anda. Baca: cara membuat tab view di blog. Jika anda tertarik untuk membuat buku tamu tersembunyi ini, silahkan ikuti langkah berikut:
Sebelum anda membuat buku tamu di blog anda, anda harus memiliki kode buku tamu, anda bisa mendapatkannya di Shoutbox, Cbox, atau Shoutmix. Setelah anda memiliki kode buku tamu tersebut, lanjut ke langkah berikut:
1. Login di blogger dengan ID anda
2. Klik menu Layout
3. Klik Page Elements
4. Klik Add a Page Element
5. Klik ADD TO BLOG pada menu HTML
6.Lalu Copy kode berikut dan Pastekan Pada kotak HTML
<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('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.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">

< Letakkan disini kode Shoutbox Anda>

<div style="text-align:right">
<a href="http://amronbadriza.blogspot.com/2012/05/cara-membuat-buku-tamu-tersembunyi-di.html">
[Blogaul]
</a>|<a href="javascript:showHideGB()">
[tutup]
</a>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>
Ganti tulisan < Letakkan disini kode Shoutbox Anda> dengan kode script buku tamu sobat.
7.Save Widget tersebut.
Jika langkah tersebut sudah anda lakukan, anda dapat melihat hasilnya pada blog anda masing-masing.
Anda sedang membaca artikel tentang Cara Membuat Buku Tamu Tersembunyi di Blog. Anda bisa bookmark halaman ini dengan URL http://rujakcemil.blogspot.com/2012/06/cara-membuat-buku-tamu-tersembunyi-di.html. Jika Anda menyukai Artikel di blog ini, Silakan masukkan email Anda di bawah ini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit.
Bagikan artikel ini :
Description: Cara Membuat Buku Tamu Tersembunyi di Blog
Rating: 4
Reviewer: Aditya Nugroho
ItemReviewed: Cara Membuat Buku Tamu Tersembunyi di Blog

Artikel Terkait

3 komentar:

  1. Thanks gan infonya..

    bermanfaat skali bagi perkmbangan blog sy .. :)

    Mohon komentarny dblog sy y :)

    Blog Fuadditiya | The FIM Site

    BalasHapus
  2. mantap gan infonya,,,sangat bermanfaat sekali buat saya. semoga apa yang agan bagikan bermanfaat buat pembaca lainnya. salam kenal ya gan semoga artikel tentang Cara Membuat Buku Tamu Tersembunyi Pada Bloggermendap tempat di hati pembaca semua. Amin.
    Semangat.

    BalasHapus
  3. Keren gan artikelnya, saya harap agan bias lebih berkreasi lagi dengna artikel barunya. Oh iya gan klo bias jangan membuat artikel tutorial semua, kalo bias bikin artikel tips seperti artikel Panduan Cara Cepat Hamil, Buku Panduan Cara Cepat Hamil, Panduan Lengkap Cara Cepat Hamil, Cara Cepat Hamil, Buku Cara Cepat Hamil, Buku Cepat Hamil, Tips Cepat Hamil, Solusi Agar Cepat Mengandung dan tips – tips lainnya gan…biasanya artikel tips itu banyak yang cari dan bias meningkatkan pengunjung dari blog agan.
    Terimakasih.
    Semoga komentar saya bermanfaan khususnya buat admin dan pembaca setiap dari artikel ini.

    BalasHapus

 
DMCA.com
Copyright © 2013. Rujakcemil-Blog - All Rights Reserved
Proudly powered by Blogger

Log In Blogger