Demonya ya seperti yang ada di blog ini, yang ada di bagian kanan. Bagaimana anda tertarik utuk mencobanya. silahkan ikuti tutorial berikut...
- Login ke blogger
- Pilih menu template >> edit HTML >> lanjutkan
- Cari Kode ]]></b:skin> Lalu letakkan code di bawah ini tepat diatasnya...
ul#XTchat{position:fixed;margin:0;padding:0;top:150px;right:0;list-style:none;z-index:9999}ul#XTchat li{width:0}ul#XTchat li a{;display:block;margin-left:-57px;margin-top:120px;width:230px;height:40px;font-family:Cooper Std,cursive;font-size:20px;text-align:center;text-shadow:1px 1px 1px #000,-1px 1px 1px #000,-1px -1px 1px #000,1px -1px 1px #000;color:#fff;background-image:url(http://i46.tinypic.com/2cijh9z_th.gif);border:4px solid transparent;-moz-border-radius:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;box-shadow:0 0 15px #fff;opacity:.9;filter:alpha(opacity=90);background-repeat:no-repeat;background-position:left;background-size:50px}ul#XTchat li a:hover{;display:block;margin-left:-200px;margin-top:120px;width:230px;height:40px;mememaker.net font-size:20px;text-align:center;text-shadow:1px 1px 1px #000,-1px 1px 1px #000,-1px -1px 1px #000,1px -1px 1px #000;background-image:url(http://i46.tinypic.com/2cijh9z_th.gif);border:4px solid #cbcbcb;-moz-border-radius:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;box-shadow:0 0 15px #fff;opacity:.9;filter:alpha(opacity=90);background-repeat:no-repeat;background-position:left;background-size:50px}ul#XTchat
- Copy code di bawah ini lalu letakkan setelah kode <body>
<ul id='XTchat'>
<li class='Chat'><a href='http://adithya-putr4.blogspot.com/2012/09/guest-book-adithya-blog.html' title='Chat'><h3>GuestBook</h3></a></li></ul>
- Ubah text yg berwarna kuning dengan URL Chat Box milik kalian
- Lalu Simpan HTML kalian.
Sekian Tutorial dari saya semoga berguna bagi anda semua..
No comments:
Post a Comment