Tips menampilkan Page Fans Facebook & Twitter Di Blog

Tweet

Tips ini special buat meow, semoga membantu deh yaaaa ^^

Page Fans 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)

Widget Twitter

Tahap - tahap nya sih kurang lebih hampir sama seperti diatas, untuk buat widget nya klik disini pilih yang twitter. Copas HTML yang sudah dibuat di rancangan blog ^^
Nanti jadinya kurang lebih seperti ini :



Nah, kalo mau persis diatas copy paste aja Html dibawah ini :

<script src="http://cdn.widgetserver.com/syndication/subscriber/InsertWidget.js" type="text/javascript">
</script><script type="text/javascript">
if (WIDGETBOX) WIDGETBOX.renderWidget('b0885a6c-4927-4778-8b41-4d185494566b');
</script><noscript>Get the &amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;a href="http://www.widgetbox.com/widget/rossy-kusuma-rkusuma1"&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;Nick Twitter&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/a&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt; widget and many other &amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;a href="http://www.widgetbox.com/"&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;great free widgets&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/a&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt; at &amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;a href="http://www.widgetbox.com"&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;Widgetbox&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/a&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;! Not seeing a widget? (&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;a href="http://docs.widgetbox.com/using-widgets/installing-widgets/why-cant-i-see-my-widget/"&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;More info&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/a&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;)</noscript>

Catatan : Nick Twitter = ganti pake nick twitter punyamu sendiri

Kalo belum jelas tanya aja ;)

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

Rossy Banner

Rossy Main Blog

Mau Tukeran Link? Copas Aja ^^

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

Rossy Note Blog

Mau Tukeran Link? Copas Aja ^^

<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="200" /></a>

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

Cara Membuat Halaman Kontak Saya

Tweet

Untuk Membuat Form Kontak Saya Seperti Diatas langsung saja klik disini. Ikuti petunjuk penggunaan. Copy paste pada halaman web yang diinginkan. It's so Simple! ^^

Musik Download

Tweet

Korean Drama OST

• Boys Before Flowers (Boys Over Flowers) Part 1 (Download)
• Boys Before Flowers (Boys Over Flowers) Part 2 (Download)
• Boys Before Flowers (Boys Over Flowers) Part 3 (Download)
• Choon Hyang (Download)
• City Hunter Instrument (Download)
• Full House (Download)
• Mackerel Run (Download)
• Princess Hour (Download)

Taiwan Drama OST

• Hanazakari Ni Kimitachihe / Hanakimi (Download)
• Hot Shot (Download)

Anime OST & Japanese Song

• Inuyasha (Download)
• Utada Hikaru (Download)

Campur-Campur :p

• Aaron Carter (Download)
• Birthday Song (Download)
• Lenka (Download) 
• Rihanna - Good Girl Gone Bad (Download)

Silahkan Didonlot! ^^

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