Cara Gampang Download Video dari Dailymotion

Tweet

Cara gampang download video dari dailymotion (berdasarkan pengalaman pribadi) berhubung IDM nya rada dong dong alias gabisa full downloadnya.. ^^ yaitu lewat savevideo.me  yaa walau jalannya cuma pakai download manager biasa, hehe
Sebenernya kalau aku bilang, tampilannya hampir sama kayak keepvid Tapi sayangnya, gatau kenapa keepvid gabisa dipakai lagi buat download dan memang selama ini cuma pakai IDM.. ^^
Jadi begini kurang lebih..

Simple nya :

• Cari Video Dailymotion yang mau di download
• Buka Tab Baru >> Masukin alamat : http://savevideo.me/
• Copy URL (CTRL + C)Video Dailymotion yang sudah dipilih, misal : Go Eun Bi (Ku Hye Sun) - A fox of ChungdamDong http://www.dailymotion.com/video/xl9j1g_the-musical-e04-cut-go-eun-bi-ku-hye-sun-a-fox-of-chungdamdong_shortfilms
• Paste URL (CTRL + V) video tadi di savevideo.me >> Klik DOWNLOAD 
• Nanti akan muncul tulisan :

Download video file (MP4 format)
Right-click mouse and choose "Save Link As..." to download (rename file to - VIDEOFILE.MP4)

Download video file (MP4 format - Mobile)
Right-click mouse and choose "Save Link As..." to download (rename file to - VIDEOFILE.MP4)

• Pilih jenis video yang tersedia untuk didownload >> save file >> ok

Untuk lebih jelasnya, lihat gambar langsung ^^

Ada kemungkinan hasil videonya kan berupa file other (tak terbaca) misal kayak gini :

Biar bisa dilihat, convert aja lewat formatfactory. Bisa diconvert jadi macem macem file (.avi .mp4 .mp3). Untuk Download aplikasi FormatFactory bisa klik DISINI.
Cara Convert nya bisa dilihat di gambar dibawah ini :)

Cara Memasang Player Musik Otomatis Jalan di Blog

Tweet



Simple nya :

• Masuk Akun Blogger
• Klik Rancangan Pada Blogger
• Tambah Gadget >> HTML/JavaScript
• Copy Paste kode HTML Lagu yang dipilih

Kalau dari aku pribadi, ada 3 situs yang paling sering kupakai buat blog ku. Ada musicdumper, mp3-codes, sama singingbox. Nah, kalau player singel bisa memakai musicdumper & mp3-codes. Kalau mau pasang player otomatis biar nggak perlu susah susah masang lagu satu satu bisa buat playlist lagu di singingbox, yang nantinya langsung bisa memutar otomatis di blog. Bisa dilihat jadinya pada contoh gambar dibawah ini ;)

Keterangan
Gambar 1 = musicdumper
Gambar 2 = mp3-codes
Gambar 3 = singingbox

Nah, cara pasangnya kalau yang masih belum paham :

• Masuk ke salah satu situs diatas
• Ketik lagu yang diinginkan
• Pilih lagu yang diinginkan
• Nanti muncul : embeb, html, url, nah pilih yang EMBEB
• Copy code EMBEB tersebut
• Paste / masukkan html embeb tersebut di blog (bisa di entri "html" atau bisa juga pasang di rancangan tambah gadget)

Sekedar contoh html lagu Lmfao - Party Rock Anthem
Kode HTML di musicdumper :

<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEzMTkzNDM*NDQwMjkmcHQ9MTMxOTM*MzQ1MDc5NSZwPTEzNzkyMSZkPSZnPTEmbz*3Y2I5ZjBhNzJiMDA*Yjk4OWY4/YTQwNzIyMDU3MjIxMyZvZj*w.gif" />  <center><embed src="http://static.4shared.com/flash/player.swf?file=http://dc249.4shared.com/img/763068762/b0ecd3a3/dlink__2Fdownload_2F9tLham60_3Ftsid_3D00000000-000000-00000000/preview.mp3&image=http://www.musicdumper.com/lg.jpg&repeat=always&autostart=true&frontcolor=cccccc&lightcolor=428cdb&backcolor=111111" width="300" height="68" allowscriptaccess="always"></embed>
  <br /><small><a href="http://www.musicdumper.com/" target="_blank">Lmfao - Party Rock Anthem</a></small></center> 

Kode HTML di mp3-codes

<center><embed src="http://static.4shared.com/flash/player.swf?file=http://dc249.4shared.com/img/763068762/b0ecd3a3/dlink__2Fdownload_2F9tLham60_3Ftsid_3D20111023-041726-c91aefc/preview.mp3&image=http://www.mp3-codes.com/pl4.jpg&repeat=always&autostart=true" width="440" height="67" allowscriptaccess="always"></embed><br /><b>Lmfao - Party Rock Anthem Mp3</b><br /><a href="http://www.mp3-codes.com/"><small>Mp3-Codes.com</small></a></center>

Contoh kode HTML playlist ku pribadi di SINGINGBOX:

<center style="line-height:0;"><embed src="http://www.singingbox.com/singingbox.swf?user29=b3,np,z,q=="  quality="high" width="223" height="261" name="sbox" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed><br />
<a href="http://www.singingbox.org/" target="_blank" style="line-height:20px;">
<img src="http://www.singingbox.com/i/000000/66ff00.gif" border="0" />
</a></center>

So simple me! ^^

Tips Mengubah Http ke Https

Tweet

Sekedar berbagi pengalaman ^^ jelajah aman dengan media sosial facebook & twitter.

Facebook

• Masuk Akun Facebook
• Klik Akun >> Pilih Pengaturan Akun >> Pilih Keamanan >> Cetang Jelajah Aman >> Simpan Perubahan

Twitter

• Masuk Akun Twitter
• Klik Panah Bawah >> Pilih Setting >> Cetang Https Only >> Save

Selamat Mencoba! ;)

Cara Membuat Banner Blog

Tweet

Mau Buat Banner buat Tukeran Link? 
Simple nya :

• Masuk Akun Blogger
• Klik Rancangan Pada Blogger
• Tambah Gadget >> HTML/JavaScript
• Copy Paste Kode Script Dibawah Ini

<a href="URL Blog"><img border="0" height="75" src="URL Gambar" width="150" /></a>
<b>Judul/Kata-Kata</b>
<div style="text-align: left;">
<div style="background-color: #c1eeec; border: 3px solid rgb(153, 153, 153); height: 50px; overflow: auto; padding: 5px; width: 150px;">
&lt;a href="URL Blog"&gt;&lt;img border="0"  height="50"  src="URL Gambar"  width="150" /&gt;&lt;/a&gt;</div>
</div>

Catatan :

• URL Blog = url website yang mau di hubungkan 
• Judul/Kata-Kata = Bisa Diganti Dengan Kata-kata sendiri
•  width="150 = ukuran yang bisa disesuaikan sesuai keinginan
•  URL Gambar = url gambar yang sudah diupload di web

Contoh Banner Yang sudah Jadi:

Rossy Main Blog

<a href="http://rossykusuma.blogspot.com/"><img border="0" height="50" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0BxdZJv1bSG4YFtLwuGMxKLyhaPSqAPhc8DUxZ7R1KNfO4Hf6ja8DRRoda9pJec4nd0pRW_ery_ZW4sairKeOwppCUn3V0glODBY5sMzwkSFxunu8djo8L0ZoGqYQ9gjQFlyJ_hGW5Zah/s200/rossykusuma.blogspot.com.png" width="150" /></a>

Rossy Note Blog

<a href="http://rokunote.blogspot.com/"><img border="0" height="100" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnPaS-X9nFd_ImrNt7cm9adU2zY6Mvh8rvvQrncxjvvGVGHqHARrGNLFMKLeQ7t_eYBqyLsIs8qzaoaU9l6RAbFKJB7xpwuP6L9RLAg2Tb7QxlzyyHVqdaJbeWx-cvrJEDaPU43HkLVn67/s200/rokunote.blogspot.com.png" width="150" /></a>

Selamat Mencoba! ^^

Cara Membuat Teks Area & Teks Border

Tweet

Simple nya :

• Masuk Akun Blogger
• Klik Edit Entri* pilih yang mau ditambahi Teks Area / Teks Border *
• Copy Paste Kode Script Dibawah Ini

1. Teks Area

<div align="center" style="color: black;">
<div style="background-color: #c1eeec; border: 3px solid rgb(153, 153, 153); height: 100px; overflow: auto; padding: 5px; text-align: justify; width: 200px;">
Up to you ^^
</div>
</div>

<div style="border:2px #006400 solid; padding:10px; background-color: #c3fdb8; text-align: left;">
Up to you ^^ </div>

2. Teks Border

• Solid

<div style="border: 3px solid rgb(0, 0, 0); padding: 4px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">

Kata - Kata

</div>

• Double
  

<div style="border: 3px double rgb(0, 0, 0); padding: 4px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">

Kata - Kata

</div>

•  Ridge

<div style="border: 3px ridge rgb(0, 0, 0); padding: 4px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">

Kata - Kata

</div>

• Dotted

<div style="border: 3px dotted rgb(0, 0, 0); padding: 4px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">

Kata - Kata

</div>

• Dashed

<div style="border: 3px dashed rgb(0, 0, 0); padding: 4px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">

Kata - Kata

</div>

• Groove

<div style="border: 3px groove rgb(0, 0, 0); padding: 4px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">

Kata - Kata

</div>

• Inset

<div style="border: 3px inset rgb(0, 0, 0); padding: 4px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">

Kata - Kata

</div>

• Outset

<div style="border: 3px outset rgb(0, 0, 0); padding: 4px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">

Kata - Kata

</div>

credit : Blog Bludus , Pay & Vikry

Tips & Trik Blogging

Tweet

• Cara Memasang Buku Tamu di Blog Berupa Gambar

• Cara Memasang Icon Berada disamping Blog 

• Cara Memasang Player Musik Otomatis Jalan di Blog

• Cara Membuat Banner Blog

• Cara Membuat Halaman Kontak Saya

• Cara Membuat Teks Area & Teks Border

• Cara Gampang Download Video dari Dailymotion

• Cara Gampang Mengganti Kursor di Blog

• Tombol Suka & Box Suka Facebook, Tombol Tweet , Tombol Google +1 Untuk Blog

• Tips menampilkan Page Fans Facebook & Twitter Di Blog

• Tips Mengubah Http ke Https

Tombol Suka & Box Suka Facebook, Tombol Tweet , Tombol Google +1 Untuk Blog

Tweet

1. Tombol Suka Facebook, Tombol Tweet , Tombol Google +1

Simple nya :

• Masuk Akun Blogger
• Klik Entri Yang Ingin Diberi Tombol Suka facebook, Tombol Tweet, Tombol Google +1
• Copy Paste kode HTML dibawah ini

<script src="http://connect.facebook.net/en_US/all.js#appId=153995621346412&amp;xfbml=1">
</script><fb:like action="like" font="arial" href="URL Entri Tersebut" layout="button_count" send="true" show_faces="true" width="0"></fb:like><a class="twitter-share-button" data-count="horizontal" data-url="URL Entri Tersebut" data-via="Nick Twitter" href="http://twitter.com/share">Tweet</a><script src="http://platform.twitter.com/widgets.js" type="text/javascript">
</script><g:plusone href="URL Entri Tersebut"></g:plusone>

Keterangan : 

• URL Entri Tersebut = URL entri blog yang sudah dibuat
•  Nick Twitter = Nick Twitter yang dipunyai

Catatan : Kalo mau improvisasi sendiri, untuk Facebook klik disini, untuk twitter klik disini, untuk Google +1 klik disini.

2. Tombol Box Suka Facebook
Simple nya :

•  Pertama siapkan halaman Facebook
Catatan : Untuk membuat halaman sendiri di facebook klik disini, lalu pilih Tambah Box Suka atau klik disini. Masukan URL Halaman tersebut. lalu Klik Dapatkan Kode (Get Code). Salin yang bertuliskan *XFBML*.

• Masuk Akun Blogger
• Klik Rancangan Pada Blogger
• Tambah Gadget >> HTML/JavaScript
• Copy Paste kode HTML Dibawah Ini

<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="URL Halaman Facebook" width="300" colorscheme="dark" show_faces="true" border_color="" stream="false" header="false"></fb:like-box>

Keterangan : 

• URL Halaman Facebook = URL yang sudah dibuat
•  300 = ukuran besar kecil nya Box Yang ingin ditampilkan
• dark = Warna Box Yang diinginkan. (Tersedia Putih Dab Gelap)

Contoh Box Suka Facebook :
Rossy Page (https://www.facebook.com/RossyPage)

Cara Gampang Mengganti Kursor di Blog

Tweet

Simple nya :

• Masuk Akun Blogger
• Klik Rancangan Pada Blogger
• Tambah Gadget >> HTML/JavaScript
• Copy Paste kode HTML Kursor

Contoh kode HTML kursor-kursor lucu ^^

Leci

<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/food/foo-5/foo424.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2010/08/25/cute-cherry.html" target="_blank" title="Cute Cherry"><img src="http://cursors-4u.com/support.gif" border="0" alt="Cute Cherry" style="position:absolute; top: 0px; right: 0px;" /></a>

Stroberi

<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/food/foo-5/foo421.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2010/08/25/cute-strawberry.html" target="_blank" title="Cute Strawberry"><img src="http://cursors-4u.com/support.gif" border="0" alt="Cute Strawberry" style="position:absolute; top: 0px; right: 0px;" /></a>

Anggur

<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/food/foo-5/foo420.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2010/08/25/purple-grapes.html" target="_blank" title="Purple Grapes"><img src="http://cursors-4u.com/support.gif" border="0" alt="Purple Grapes" style="position:absolute; top: 0px; right: 0px;" /></a>

Apel

<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/food/foo-5/foo427.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2010/08/25/cute-apple.html" target="_blank" title="Cute Apple"><img src="http://cursors-4u.com/support.gif" border="0" alt="Cute Apple" style="position:absolute; top: 0px; right: 0px;" /></a>

Love Ungu

<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/symbols/sym-6/sym531.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2010/11/18/fruity-plum-heart.html" target="_blank" title="Fruity Plum Heart"><img src="http://cursors-4u.com/support.gif" border="0" alt="Fruity Plum Heart" style="position:absolute; top: 0px; right: 0px;" /></a>

Lolipop Pink

<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/food/foo-4/foo348.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2009/04/20/pink-lollipop.html" target="_blank" title="Pink Lollipop"><img src="http://cursors-4u.com/support.gif" border="0" alt="Pink Lollipop" style="position:absolute; top: 0px; right: 0px;" /></a>

Catatan : Cari kursor yang diinginkan, misal cari disini, setelah ketemu kursor yang diinginkan Copy Paste kode HTML kursor tersebut.

Cara Memasang Icon Berada disamping Blog

Tweet

Simple nya :

• Masuk Akun Blogger
• Klik Rancangan Pada Blogger
• Tambah Gadget >> HTML/JavaScript
• Copy Paste Kode Script Dibawah Ini

<a href="URL Akun" rel="nofollow" title="Kata-Kata Yang Ingin Dimunculkan" target="_blank" style="position: fixed; bottom: 300px; left: 5px;"><img src="URL gambar yang sudah diupload"/></a>

<a href="URL Akun" rel="nofollow" title="Kata-Kata Yang Ingin Dimunculkan" target="_blank" style="position: fixed; bottom: 250px; left: 5px;"><img src="URL gambar yang sudah diupload"/></a>

<a href="URL Akun" rel="nofollow" title="Kata-Kata Yang Ingin Dimunculkan" target="_blank" style="position: fixed; bottom: 200px; left: 5px;"><img src="URL gambar yang sudah diupload"/></a>

<a href="URL Akun" rel="nofollow" title="Kata-Kata Yang Ingin Dimunculkan" target="_blank" style="position: fixed; bottom:150px; left: 5px;"><img src="URL gambar yang sudah diupload"/></a>

<a href="URL Akun" rel="nofollow" title="Kata-Kata Yang Ingin Dimunculkan" target="_blank" style="position: fixed; bottom: 90px; left: 5px;"><img src="URL gambar yang sudah diupload"/></a>

<a href="URL Akun" rel="nofollow" title="Kata-Kata Yang Ingin Dimunculkan" target="_blank" style="position: fixed; bottom: 60px; left: 5px;"><img src="URL gambar yang sudah diupload"/></a>

Catatan :

• URL Akun = url akun yang mau di hubungkan (facebook, twitter, youtube, myspace, blog)
• Kata-Kata Yang Ingin Dimunculkan = Bisa Diganti Dengan Kata-kata sendiri
•  bottom: 60px; left: 5px = ukuran yang bisa disesuaikan sesuai keinginan
•  URL gambar yang sudah diupload

Contoh URL Gambar :

Icon Facebook

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvBKUiB83yidqAnL4td6O-xZZVLQX9VXa67HH8QOtkTTfdq52-zHXFdX-KconrgPOi9iOi2l_IBWSFnHLv9kceIXvUfPt0uYCps_dIvICaG60HU8aL0L9onQ0dOyZmYaFJ0mL3GxdSqjAA/s1600/roku+facebook.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipJKcXjuxvNXsrLNPyUYMpvASFVD9WBZcg5-yy9i75QA9ebh2d4nIYCIcYBh8cJUC5rydsY1nEinMLkCPYAtZAMJJOb6ceZb5TCn8DBTBU7JVveh6PnWkI98mYOeIFOV9l0iOOPc6NRYF9/s1600/roku+facebook2.png

Icon Twitter

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkzbLVm7tfdFt7xdrJ4Ujj6uKJhzzFSROGrtdUV-o2kW0ib-WDscfr41P2xG027wj_K7OhIntjdBi5C4B3ZZo7kBJCa91Fxi0y0l61aQeykU5IIwKjo145h-Q_k7zG8ZDIgKRDe14MUt1X/s1600/roku+twitter.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwLV_bAqQeVkPgCBPQRCgCJYLLvE7U9j9zLY2PZp9a08XZZZvp4SShQesXhso5yCxjKMJGQDII_jvIpAZqiMTC2MkwCx1OQrKriRyAvkc99QffOCROGNa5gclh1hxIRyf6pm6vwWe_he1z/s1600/roku+twitter2.png

Icon Myspace

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNVQXi7Dfvr1XRuoC1IGgjhXZKVuBLLQkbuBDGCbQU8aspOTn1ciKdPJFULmPnMgvv-3P5RuAro6oHsZLIARxsoMVnxmVl4RqTzjoCB-oOPoPA3Wt05Pw_mqNEmsvTAmTEY6_rq1wooJka/s1600/roku+myspace.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYNmo0fWH5WUe7xsLjacDnnTKBzEr0FwwGnMYBQE1YkyqqlGf5b2xrP0RC-xpS87wXkA8ymKKZxXJ67uQ6RvjUWSqi34c6kBqvIkC9vM7NLwVSMjSzFFK7A__H3km-UFE5pkNdnXqGJyqd/s1600/roku+myspace2.png

Icon Youtube

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVpF0_T0VAkjxUnV7KjoFLp7YqRf7ni4Kl3yeR28KFeA57GjPT-VdCeFwEx0vRpDXfN4rZilwimBI-ORnaHaUczIztn4Ze4sCPRvtyHmtDANffwx2qRwR3gC-pgW9LhWPzUgNpHqc-5x1V/s1600/roku+youtube.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_L4mt8NGmhOmYd3sxnV_lp1e6oGmSncHmXnkkL1qeDTA24YYOPKrlgpUBZTHRnr7u2RdBOA-gshOyf4Kmm9B99_eYGTDWBcHIOq9sKVwNGb5VrcByipORKPA8ElQLAAZhw45tv-q_2DFB/s1600/roku+youtube2.png

Icon Blog

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_RdOpOXJWSPIVU6KYYAvUQ9y6CTD7B76kZGp2uAkdmgp4Zjr7UOA7IRmJKnpcHVZYLfc1vE85wOtMiEZ_jjlUaPu-K94Jtu-n-9AMnBKysUCAfw4fo7MZLK6KX4XUfaPDo9D0bpodGYh-/s1600/roku+blog.png

Icon Google +1 Button

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGC2EUpyupfWRt7WKHjfI_y5g-8aAsrzVtx2dyEPm5glM9paSmtZ2o8QQj_P4wh58MOaJVVqgn8EjzgjMITMypC37a-1UqjrRPBR4lNpeNgFBpxZgTaH71oLy-czMXoJOEl_8-3g5HX0mc/s1600/roku+google.png

credit : Adhani

Cara Memasang Buku Tamu di Blog Berupa Gambar

Tweet

Simple nya :

• Masuk Akun Blogger
• Klik Rancangan Pada Blogger
• Tambah Gadget >> HTML/JavaScript
• Copy Paste Kode Script Dibawah Ini 

<style type="text/css">

#gb{

position:fixed;

top:50px;

z-index:+1000;

}

* html #gb{position:relative;}

.gbtab{

height:400px;

width:150px;

float:left;

cursor:pointer;

background:url('Url Gambar Anda') no-repeat;

}

.gbcontent{

float:left;

border:2px solid #666666;

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 KODE SHOUTBOX DISINI  

<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>

Catatan : 

Url Gambar Anda << artinya gambar yang sudah diupload di web

MASUKKAN KODE SHOUTBOX DISINI << url kode buku tamu yang dipunyai

* Contoh Gambar *

♥ Lee Min Ho ♥



https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3SMW2UgefKdb4QOy5wg83Mj06zYSLPTcf6FXVX-dlST77mIQjuJvLw2b4r_MYP3g7O0Q1CZy3WoiwhX6aY9a7ZP9JweJO2dbqxyraOsTh2PZrtKlil8OTIhxPZqbzLe9vH7N1P5ExtWrq/s1600/lee+min+ho.png

♥ Kim Hyung Jung ♥



https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVi0LID8kwz8fzl1y7qsx0wE3LibAT8TTvaY9LndtMTagwirWhcpZd2GVTjAck7OsZyORbV1-TZY7slNdad58SqZul7jeHxJAvT67-ZOfxF_jeZoo_-YqYq2REjsjFC6FNudjsV6yEIxfn/s1600/kim+hyung+jung.png

Kode Buku Tamu bisa dibuat dimana saja, contoh : Shoutmix, ShoutBox, Chantago

Contoh chat box :


[ Copy this | Start New | Full Size ]

credit : Hana