00.20.00
Syamsudinnamaku
Saya yakin tutorial ini telah anda tunggu-tunggu.
Sudahkah mengisi RUANG SAHABAT blog ini ?
Kalau belum, isilah terlebih dahulu ...
sebelum anda menggunakan tutorial ini.
Kalau belum, isilah terlebih dahulu ...
sebelum anda menggunakan tutorial ini.
banyaknya para pengunjung blog ini yang menanya-
kan tentang cara membuat ShoutMix Chat seperti
yang terpasang di blog ini. Tanpa harus mempersilah-
kan anda untuk mencobanya karena saya yakin anda
semua telah mengetahui bagaimana tampilan ShoutMix
Chat model yang satu ini, terlebih lagi bagi anda
yang sering berkomunikasi di ShoutMix Chat blog ini.
Tanpa buang waktu lagi, berikut ini cara membuatnya :
1. Siapkan kode ShoutMix Chat anda.
2. Rancangan -> Tambah Gadget ->
pilih HTML/JavaScript
4. Masukkan kode yang ada di bawah ini
ke dalam kontennya kemudian
simpan dan anda lihat hasilnya.
01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 | <!-- Start Shoutmix light effect -->
<script type="text/javascript" src="http://h1.ripway.com/syamsudin/shoutmix.js"></script>
<script>
$(document).ready(function() {
//select all the a tag with name equal to syam
$('a[name=syam]').click(function(e) {
//Cancel the link behavior
e.preventDefault();
//Get the A tag
var id = $(this).attr('href');
//Get the screen height and width
var moveHeight = $(document).height();
var moveWidth = $(window).width();
//Set heigth and width to move to fill up the whole screen
$('#move').css({'width':moveWidth,'height':moveHeight});
//transition effect
$('#move').fadeIn(500);
$('#move').fadeTo("slow",0.5);
//Get the window height and width
var winH = $(window).height();
var winW = $(window).width();
//Set the popup window to center
$(id).css('top', winH/2-$(id).height()/2);
$(id).css('left', winW/2-$(id).width()/2);
//transition effect
$(id).fadeIn(1000);
});
//if close button is clicked
$('.window .close').click(function (e) {
//Cancel the link behavior
e.preventDefault();
$('#move').hide();
$('.window').hide();
});
//if move is clicked
$('#move').click(function () {
$(this).hide();
$('.window').hide();
});
});
</script>
<style>a {color:#ffffff; text-decoration:none}
img { border: none; }
#move {
position:absolute;
left:0;
top:0;
z-index:5000;
background-color:#000;
display:none;
}
#house .window {
position:fixed;
left:0;
top:0;
width:330px;
height:479px;
display:none;
z-index:9999;
padding:0px 100px 0px 0px;
}
#house #shoutmix {
background:url(http://i1128.photobucket.com/albums/m486/syamsudin1/template_buku.gif) no-repeat 0 0 transparent;
width:330px;
height:479px;
padding:83px 0px 0px 0px;
}
#closed {
padding:2px 0 0 0;
}
</style>
<ul><div style='display:scroll; position:fixed; top:150px; right:3px;'>
<a href="#shoutmix" name="syam"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY6LwDGkSk6Y3JNkGvC2Pr8J9GptXLTEGR-RYZxiS3MR50q7cNoamurZ-7GWXjzXjKYQYZrMZ4HZ7dj6bQuQuaI9bwaZOa07pSXfQygsiTwuZe3_ERTLFZcr34rQRC4P9yHBqqwNhCudLa/" width="30" height="100" /></a>
</div>
</ul>
<div id="house">
<!-- Start Shoutmix -->
<center>
<div id="shoutmix" class="window">
KODE ShoutMix ANDA LETAKKAN DI SINI.
<div id="closed"><input type="button" value="Close Here" class="close" /></div>
</div></center></div><!-- End Shoutmix -->
<div id="move"></div>
<!-- End of Shoutmix light effect --> |
KETERANGAN :
Gantilah gambar buku tamu dan backgroundnya
dengan gambar yang anda inginkan.
Sesuaikan ukuran ShoutMix, buku tamu dan background
yang anda miliki tersebut.
Untuk ukuran background ShoutMix
seperti yang terdapat pada blog ini,
buatlah ukuran shoutmix anda :
width="280" height="340"
Aturlah posisi ikon buku tamu anda
pada kode position:fixed;
CATATAN :
Agar anda tidak kesulitan dalam menyesuaikan ukuran
antara background Shoutmix dan Shoutmixnya, ikuti
saja ukuran background Shoutmix dan Shoutmixnya
seperti yang ada pada contoh di atas.
Semoga anda suka, good luck!
4 comments:
Blognya "rame"...
Invonya keren Makasih Bgt...
Jngan lupa mampir ke blogku ya :D
http://yogyakarta-hacker.blogspot.com/
http://www.penasaran.net/?ref=snxf5x
PENGAKUAN SAYA BERSAMA KELUARGA BESAR SAYA,INI BUKAN REKAYASA ATAU PUN CERITA BENE BENER TERBUKTI SAMASAYA.
ASSALAMU ALAIKUM WR.WB....
Perkenalkan nama saya IBU MASUJI saya sangat berterimah kasih banyak kepada Aki atas bantuanya angka ghoib yang aki berikan kepada yaitu (1227) benar-benar tembus 100%, mohon maaf AKI ini pengalaman saya...waktu itu saya pernah minta bantuan pada seseorang yang mengaku pintar meramal angka jitu...dan saya harus belajar untuk mendapatkan angkanya sampai saya hutang sana sini tapi apa yang terjadi angka yang saya terimah ngak ada yang keluar mampus dalam hati kecil saya....dimana saya harus bayar hutan yang terlanjur menumpuk ,hingga akhirnya saya di kasih info kepada teman saya untuk menjadi member AKI RANGGONG,dan ternyata angka ritual ghoib yang AKI kirim kepada saya ternyata jitu..akhirnya terbayar hutang saya ini dan akhirnya saya Membeli 8 unit rumah di Karawang, Tanah Kavling, dan franchise minimarket .hanya sekedar pengalam saya...bagi anda yang mau mencoba angka ghoib dari AKI RANGGONG silahkan hub/sms di nomor ( 085-222-967-279 ) ngak usah ragu-ragu...karna saya sudah merasakanya..terimah kasih AKI RANGGONG..salam bahagia...!!!
KARNA RASA HATI YANG GEMBIRA MAKANYA NAMA BELIAU SAYA CANTUMKAN DI INTERNET…
Posting Komentar