Soory admin jarang Ngepost :v karna lg Mempelajari Tampilan Baru Blogger :) hahaah udh 2 hari admin gk Ngepost Tentang Tutorial Blog :) oke lah admin akan member tutorial blog yaitu : Cara Membuat Petunjuk Chat Box Dengan Gambar Monyet XD haahha pengen liat contoh nya ?? Lihat Di gambar di atas itu :)
Mau tutorial nya ??
Oke Let's Go :
- Login blogger
- klik tanda panah ke bawah dekat tulisan 'Lihat Blog'
- Pilih Template
- Pilih Edit HTML
- Lalu Klik Lanjutkan
- Cari Kode ]]></b:skin> Letakkan CSS ini Dia atas nya
ul#XTchat{position:fixed;margin:0;padding:0;top:150px;left:0;list-style:none;z-index:9999}ul#XTchat li{width:0}ul#XTchat li a{;display:block;margin-left:-142px;margin-top:105px;width:195px;height:60px;font-family:Cooper Std,cursive;font-size:10px;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://www.laymark.com/l/m/m120.gif);border:4px solid transparent;-moz-border-radius:0 10px 10px 0;border-radius:0 10px 10px 0;box-shadow:0 0 15px #fff;opacity:.9;filter:alpha(opacity=90);background-repeat:no-repeat;background-position:right;background-size:50px}ul#XTchat li a:hover{;display:block;margin-left:-55px;margin-top:105px;width:195px;height:60px;mememaker.net font-size:10px;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://www.laymark.com/l/m/m120.gif);border:4px solid #cbcbcb;-moz-border-radius:0 10px 10px 0;border-radius:0 10px 10px 0;box-shadow:0 0 15px #fff;opacity:.9;filter:alpha(opacity=90);background-repeat:no-repeat;background-position:right;background-size:50px}ul#XTchatKamu Edit Sendiri Ya Semua nya :)
- Lalu Cari Kode <body> Letakkan HTML ini Di bawah nya
<ul id='XTchat'>
<li class='Chat'><a href='http://www.cheatermaninjau.net/p/blog-page_07.html' title='Chat'><h3>Chat Box</h3></a></li></ul>
Sblm nya Klik Pertinjau klo berhasil Simpan Bila Tidak Harap Berkomentar :)
0 komentar:
Posting Komentar