Sabtu, Agustus 01, 2009

Cara membuat Buku tamu atau shoutmix tersembunyi

Tadi siang saya berjalan jalan di dunia maya mengunjungi blog sodara sodara. Seperti biasa, saya pasti meninggalkan jejak di blog dimana saya kunjungi dan tadi saya menemukan blog yang memiliki Shoutmix atau Buku tamu tersembunyi.Karena saya orangnya suka penasaran dengan sesuatu yang belum aku tahu, maka saya mencari cara memasang Shoutmix yang tersembunyi itu di om Gugel.

Ok bagi ang sudah penasara cara buatnya,ikuti tutorial berikut ini :

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 Paste-kan 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://rezarezong.blogspot.com/2009/07/cara-membuat-shoutmix-buku-tamu.html">
[Pasang Widget]
</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>

7. Save Widget tersebut.

Jika sudah anda pasti akan mempunyai Shoutmix yang tersembunyi seperti di blog saya. Selamat mencoba.

7 komentar:

Otak's mengatakan...

Siap gan,.,.,.,sedot dulu ya ilmu'y,.,.,.

tapi ngomong2 tarus dimana tuh koding'y,.,.,.
di element java n scrip apa di kode html template,.,.,?????

KANdaNGTips mengatakan...

ku juga dah pake tuch. thanks ya!

application4you mengatakan...

thx atas infonya mas,udah kupasang juga :)

ayhez mengatakan...

thanks gan infonya

Gudang Informasi mengatakan...

mas terimakasih atas infonya oh ya buat teman2 yang senang ngebelog jangan lupa info banyak juga ne tempat Bang Udin.
yang pengen tambahan dan gampang membuat buku tamu tersembunyi ini linknya dijamin mudah selamat mencoba .

http://www.wisatainformasi.co.cc/2010/11/membuat-buku-tamu-tersembunyi-di.html
http://www.wisatainformasi.co.cc/2010/11/membuat-buku-tamu-tersembunyi-di.html

kalau teman2 pengen nonton filem2 indonesia, barat, dan filem jaman dahulu datang aja ke sini :
http://andisco.blogspot.com/2011/01/action.html
http://andisco.blogspot.com/2011/01/action.html


BY : wisatainformasi.co.cc
following me teman.

Zulfan Web mengatakan...

Mnteb jg sih artikel_a..

Honda Center Semarang mengatakan...

Tips yang bermanfaat mas walaupun agak ribet

Keluarga Blogger In Cara membuat Buku tamu atau shoutmix tersembunyi

Posting Komentar