berikut akan ivonk11 bahas sedikit trik menampilkan buku tamu / chatting
shoutmix melayang di blog, para sobat tentunya pada tau kan apa itu
buku tamu shoutmix? bagi sobat yang belum tau coba sobat lihat gambar di
samping kiri. kalau di blog aku letakknya di pojok kanan atas yang aku
kasih nama chatting. saya rasa buku tamu ini sangatlah berguna pada blog
- blog sobat karena eh karena disamping buat vareasi blog bisa juga
buat meringkas komentar2 dari pengunjung blog kita.
untuk cara2nya simak totorialnya berikut ini cekidoottt...
1. anda harus punya id shoutmix jika sobat belum punya klik mendaftar shoutmix
-jika halaman dah kebuka klik create shoutbox
-isi data2nya sesuai dengan keinginan sobat
-kalau sudah di isi data2nya centang pada i have read
-klik continue
-jika data2 anda benar maka akan keluar halaman baru jika tidak benar perbaiki dooong...
-sekarang copy pastekan embed code anda caranya:
1. klik kiri pada mus pass di code embednya lalu klik kanan arahkan ke copy / salin >>> oke.
2. arahkan muz sobat pada layar pc yng kosong klik kanan pada muz arahkan ke new >>> tex document
3. buka new text document
4. jika sudah kebuka klik kanan pada muz arahkan ke paste >> oke
klik file pojok kiri atas arahkan ke save >> oke
sekarang HTML shoutmix sobat sudah tersimpan di pc sobat sekarang gimana cara masukinnya ke blog biar melayang biar tau simak berikut ini:
-Login ke blogger dengan akun blogger anda.
-klik rancangan
-buat widget baru (add widget / tambah widget )
-pilih yang HTML/javaScript
-copy pastekan kode berikut ke conten HTML/java scriptnya
berikut kode - kodenya
{<script><br /> new TWTR.Widget({<br /> version: 2,<br /> type: 'profile',<br /> rpp: 3,<br /> interval: 6000,<br /> width: 100,<br /> height: 100,<br /> theme: {<br /> shell: {<br /> background: '#fa0d28',<br /> color: '#ffffff'<br /> },<br /> tweets: {<br /> background: '#f59505',<br /> color: '#ffffff',<br /> links: '#eb1a07'<br /> }<br /> },<br /> features: {<br /> scrollbar: true,<br /> loop: false,<br /> live: false,<br /> hashtags: true,<br /> timestamp: true,<br /> avatars: false,<br /> behavior: 'all'<br /> }<br /> }).render().setUser('rephery').start();<br /> </script><br /> <br /> <style type="text/css">body {cursor:url("http://i166.photobucket.com/albums/u93/am13n/Header/cursor.gif"),default}</style><br /> <br /> <style type="text/css"><br /> #gb{<br /> position:fixed;<br /> top:50px;<br /> z-index:+1000;<br /> }<br /> * html #gb{position:relative;}<br /> .gbtab{<br /> height:220px;<br /> width:30px;<br /> float:left;<br /> cursor:pointer;<br /> background:url('FILE.png') no-repeat;<br /> }<br /> .gbcontent{<br /> float:left;<br /> border:2px solid #A5BD51;<br /> background:#F5F5F5;<br /> padding:10px;<br /> }<br /> </style><br /> <script type="text/javascript"><br /> function showHideGB(){<br /> var gb = document.getElementById("gb");<br /> var w = gb.offsetWidth;<br /> gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);<br /> gb.opened = !gb.opened;<br /> }<br /> function moveGB(x0, xf){<br /> var gb = document.getElementById("gb");<br /> var dx = Math.abs(x0-xf) > 10 ? 5 : 1;<br /> var dir = xf>x0 ? 1 : -1;<br /> var x = x0 + dx * dir;<br /> gb.style.right = x.toString() + "px";<br /> if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}<br /> }<br /> </script><br /> <div id="gb"><br /> <div class="gbtab" onclick="showHideGB()"> </div><br /> <div class="gbcontent"><br /> MASUKKAN HTML SHOUTMIX SOBAT DISINI<br /> <div style="text-align:right"><br /> <a href="javascript:showHideGB()"><br /> [close]<br /> </a><br /> </div><br /> </div><br /> </div><br /> <script type="text/javascript"><br /> var gb = document.getElementById("gb");<br /> gb.style.right = (30-gb.offsetWidth).toString() + "px";<br /> </script> }
-sobat bisa ganti "FIle.png" dengan gambar kesukaan sobat
- sobat ganti "MASUKKAN HTML SHOUTMIX SOBAT DISINI" dengan kode HTML sobat yang tadi ada di new text document
- klik save / simpan lihat hasilnya.
GImana mudah kan soob???
semoga bermanfaat and semoga sukses
untuk cara2nya simak totorialnya berikut ini cekidoottt...
1. anda harus punya id shoutmix jika sobat belum punya klik mendaftar shoutmix
-jika halaman dah kebuka klik create shoutbox
-isi data2nya sesuai dengan keinginan sobat
-kalau sudah di isi data2nya centang pada i have read
-klik continue
-jika data2 anda benar maka akan keluar halaman baru jika tidak benar perbaiki dooong...
-sekarang copy pastekan embed code anda caranya:
1. klik kiri pada mus pass di code embednya lalu klik kanan arahkan ke copy / salin >>> oke.
2. arahkan muz sobat pada layar pc yng kosong klik kanan pada muz arahkan ke new >>> tex document
3. buka new text document
4. jika sudah kebuka klik kanan pada muz arahkan ke paste >> oke
klik file pojok kiri atas arahkan ke save >> oke
sekarang HTML shoutmix sobat sudah tersimpan di pc sobat sekarang gimana cara masukinnya ke blog biar melayang biar tau simak berikut ini:
-Login ke blogger dengan akun blogger anda.
-klik rancangan
-buat widget baru (add widget / tambah widget )
-pilih yang HTML/javaScript
-copy pastekan kode berikut ke conten HTML/java scriptnya
berikut kode - kodenya
{<script><br /> new TWTR.Widget({<br /> version: 2,<br /> type: 'profile',<br /> rpp: 3,<br /> interval: 6000,<br /> width: 100,<br /> height: 100,<br /> theme: {<br /> shell: {<br /> background: '#fa0d28',<br /> color: '#ffffff'<br /> },<br /> tweets: {<br /> background: '#f59505',<br /> color: '#ffffff',<br /> links: '#eb1a07'<br /> }<br /> },<br /> features: {<br /> scrollbar: true,<br /> loop: false,<br /> live: false,<br /> hashtags: true,<br /> timestamp: true,<br /> avatars: false,<br /> behavior: 'all'<br /> }<br /> }).render().setUser('rephery').start();<br /> </script><br /> <br /> <style type="text/css">body {cursor:url("http://i166.photobucket.com/albums/u93/am13n/Header/cursor.gif"),default}</style><br /> <br /> <style type="text/css"><br /> #gb{<br /> position:fixed;<br /> top:50px;<br /> z-index:+1000;<br /> }<br /> * html #gb{position:relative;}<br /> .gbtab{<br /> height:220px;<br /> width:30px;<br /> float:left;<br /> cursor:pointer;<br /> background:url('FILE.png') no-repeat;<br /> }<br /> .gbcontent{<br /> float:left;<br /> border:2px solid #A5BD51;<br /> background:#F5F5F5;<br /> padding:10px;<br /> }<br /> </style><br /> <script type="text/javascript"><br /> function showHideGB(){<br /> var gb = document.getElementById("gb");<br /> var w = gb.offsetWidth;<br /> gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);<br /> gb.opened = !gb.opened;<br /> }<br /> function moveGB(x0, xf){<br /> var gb = document.getElementById("gb");<br /> var dx = Math.abs(x0-xf) > 10 ? 5 : 1;<br /> var dir = xf>x0 ? 1 : -1;<br /> var x = x0 + dx * dir;<br /> gb.style.right = x.toString() + "px";<br /> if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}<br /> }<br /> </script><br /> <div id="gb"><br /> <div class="gbtab" onclick="showHideGB()"> </div><br /> <div class="gbcontent"><br /> MASUKKAN HTML SHOUTMIX SOBAT DISINI<br /> <div style="text-align:right"><br /> <a href="javascript:showHideGB()"><br /> [close]<br /> </a><br /> </div><br /> </div><br /> </div><br /> <script type="text/javascript"><br /> var gb = document.getElementById("gb");<br /> gb.style.right = (30-gb.offsetWidth).toString() + "px";<br /> </script> }
-sobat bisa ganti "FIle.png" dengan gambar kesukaan sobat
- sobat ganti "MASUKKAN HTML SHOUTMIX SOBAT DISINI" dengan kode HTML sobat yang tadi ada di new text document
- klik save / simpan lihat hasilnya.
GImana mudah kan soob???
semoga bermanfaat and semoga sukses
Comments