Suka Dengan Blog ini Silakan

Related Posts Plugin for WordPress, Blogger... Tiny Book

Pengikut-Pengikut Saya ツ

Tutorial 1 Hide Shoutbox

on Saturday, June 23, 2012

As'salam,kepada sesiapa yang nak belajar menyembunyikan shoutbox ni,ejai buleh ajarkan kepada pengguna2 blog yg baru,sapa2 yang rasa semak sangat kepala bila tngk shoutbox dok kat luar ni,sekarang bolehla ringankan sket,huhuhu..Nak boh gambaq pon boleh kat tepi shoutbox tu,pastikan gmbaq yang bersesuaian la,huhuhu..jangan besar sangat tau..huhuhu..Cara-caranya :

=================================================================
<style type="text/css">#gb{position:fixed;top:50px;z-index:+1000;}* html #gb{position:relative;}.gbtab{


height:350px;
width:140px;

float:left;cursor:pointer;
background:url('URL PIC YANG KAWAN2') no-repeat;}.gbcontent{
float:left;border:2px solid #00000;background:#F5F5F5;padding:10px;}</style>
<script type="text/javascript">function showHideGB(){
var gb = document.getElementById("gb");var w = gb.offsetWidth;
gb.opened ? moveGB(0, 150-w) : moveGB(170-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">

MASUKKAN KOD SHOUTMIX KORUNK KAT SINI :)

<div style="text-align:right"><a href="javascript:showHideGB()">[close]
</a></div></div></div><script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (140-gb.offsetWidth).toString() + "px";</script>
=================================================================

  1. First skali pi kat dashboard > design > add gadget > html 
  2. Pastikan kawan2 copy dulu tau kod yang kat bawah ni 
  3. Lepas dah copy kod tu,paste kod tu kat html tau.. 
  4. Yang Warna MERAH tu, kawan2 p la cari pic mana2 yang ada tulis shoutbox tau.. 
  5. Pastu,masukkan kat dlm kurungan dia tu :) Nak cari kat ( http://photobucket.com/ ) pon buleh gak tu,huhu ;) 
  6. Yang warna BIRU tu plak,kawan2 boleh tulis size mcm mana pon buleh,pastikan ianya sangat sesuai k.. 
  7. Las skali save dan siap !!..

0 Orang Kuat Komplem:

Post a Comment