Tutorial ini berawal dari rasa penasaran saya ketika membuka daftar link dan banner sahabat blogger yang ingin bertukar link. Saat mengecek keberadaan link blog ini, tanpa sengaja menyorot sebuah banner dengan cursor mouse. Dan saat itu pula dengan tiba-tiba link yang disorot tadi terbuka tanpa klik sedikit pun.
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..
oi
BalasHapus