Skip to main content

Membuat buku tamu disamping kiri dan kanan

berhubung sekarang lagi sedang ngetrend-nya membuat buku tamu tersembunyi di samping kiri atau kanan monitor, saatnya saya tulis lagi untuk sekedar menambah koleksi artikel saya.

Script ini hampir sama seperti yang pernah saya pernah buat silahkan di baca dulu iklan melayang di blog jika anda ingin memasang buku tamu tersembunyi anda harus bedakan kode-nya dengan script melayang tersebut (jika di blog anda memasang script melayang atau iklan melayang)

Silahkan Anda ikuti langkah-langkah berikut ini.
>> Login Blogger
>> Klik Rancangan/Design
>> Tambah Gadget / Add a Gadget
(Gambar, Cara Membuat Menu buku Tamu di pinggir monitor, Cara 
membuat buku tamu enggak keliatan, membuat buku tamu di samping kiri 
kanan,)
>> Anda pilih HTML/javascript
(Gambar, Cara membuat buku tamu di pinggiri kiri monitor, buku
 tamu di samping layar monitor)
Kemudian Copy paste kode di bawah ini di dalam Html/javascript tadi.


<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/AVvXsEhes4AsEwMvzIC9ZjM7IexjMPhFXd8gRrF55ZHdb6Fbnwg4EQ1qPQkurP1XV5u5P7ObmJAVxiyspTS2hgdZk0djSbci96oEG5bxKk-LpizMCmrD57OY9uLCMbK-UqFEAc-gttEtuX4a1wIF/') 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, Iklan, Menu Dll
<div style="text-align:right">
<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>
DAN INI YANG STYLENYA AGAK BEDA
<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('http://vodca.wapsite.me/images/logo.gif') 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">

Letakan javascript buku tamu anda DI SINI
<div style="text-align:right">
<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>


 YANG INI PUN STYLE ""A JUGA BEDA DAN TERLETAK DI SEBELAH KIRI

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:60px;
float:right;
cursor:pointer;
background:url('http://i457.photobucket.com/albums/qq291/wakthingtegar/Shoutbaru.gif') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #2A0A0A;
background:#000000;
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.left = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">

Taruh Script Shoutmix Sobat Disini

<br/>
Mau lihat tips yang lain?
<br/>
Klik di
<a href="http://ndeso-net.blogspot.com/">
sini (Info Blog)
</a>
<div style="text-align:left">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.left = (30-gb.offsetWidth).toString() + "px";
</script>
Nah kalo udah, simpen tuh hasil perbuatan panjenengan, lihat hasilnya dan shoutmix akan tampil statis di sebelah kiri blog sobat. Mudah kan?Sekedar informasi kalo tips ini dibuat di browser mozilla firefox, jadi kalo sobat menggunakan browser selain mozilla mungkin hasilnya tidak bagus



Yang saya cetak merah pada kode pertama dapat anda ganti posisi-nya tapi anda harus mengatur juga dari style-nya. Dan yang berwarna biru bisa anda letakkan kode buku tamu, iklan dan terserah.

Comments

Popular posts from this blog

Counter Strike Extreme Ultimate by Bluelytning

Title: COUNTER-STRIKE XTREME ULTIMATE Released: 2013 Genre: Action (Shooter), 3D, 1st Person Developer: bluelytning Publisher: CS-XTREME.ORG Translation: bluelytning Language: English Language: English Publication Type: pirates Tablet: Included Features COUNTER-STRIKE XTREME ULTIMATE: 1. New Menu Launch 2. New maps and full radar system cards 3. New Modes 4. New weapons now available to all and always 5. Full gun shop 6. Weapons heroes now available 7. New models Yuri & Alice Casual 8. Updated scoreboard 9. Life zombies and updated hero 10. New Animation & Effect and many, many other upgrades! * Tested in Windows Xp Sp3 * Source : http://cs-xtreme.org/forum/2-49-1 * DOWNLOAD 

Counter Strike Extreme V7 Remake by Bricks_966

Title: COUNTER-STRIKE XTREME V7 Released: 2013 Genre: Action (Shooter), 3D, 1st Person Developer: bluelytning Publisher: CS-XTREME.ORG Translation: Bricks_966 Language: Russian Language: English Publication Type: pirates Tablet: Not required. Description: I present you the new version of the game - Counter-Strike Xtreme v7. Now added more than 60 new models of weapons and the players that can not but rejoice. The game has changed beyond recognition in the store became available new weapons and players that make the game even brighter and more exciting. Also changed logos, textures, sprites and sounds. But with new features, new, specific requirements for rail component of your computer. Counter-Strike Xtreme v7 is markedly different from previous builds the world-famous fashion Half-Life. The first thing that catches your eye - it's graphics. It has become more colorful through changes in the composition of new t...

Membuat Link Tersembunyi (Tambahan/Link Source ) ketika Artikel di Copy Paste

Hal ini mungkin sering dialami oleh para pengcopi paste artikel web/blog ketika mengcopy sebuah artikel lau dipastekan akan muncul tambahan kata/link atau bisa disebut juga link source contoh silahkan anda membuka blog ini ( Klik ) dan copy , lalu pastekan di notepad atau blog atau m.word atau lainya terserah maka akan muncul tambahan kata di akhir kata seperti dibawah ini ( walaupun nanti bisa dihapus ) : tapi ketika di paste akan muncul tambahan seperti dibawah ini : Pada awalnya dulu pernah bertanya tanya dalam hati , saya gak merasa mengcopynya tapi kok ada ketika dipaste , ini gimana ya ? Ternyata telusur punya telusur untuk membuatnya tidak terlalu susah atau ribet , hanya membutuhkan waktu beberapa saat saja untuk membuatnya , silahkan pertimbangkan sendiri apakah ini penting atau tidak untuk blog anda , karena ini berlaku bagi semua artikel di blog anda , tak terkecuali bila blog anda berisi tutorial tutorial blog menurut saya jangan, karena untuk ...