- Home >
- Blogger , Tips And Trick >
- Cara Membuat Petunjuk Chat Box
Posted by : Rendy Note
Minggu, 23 September 2012
Hay Sobat XT
Ketemu Lagi Yah Di blog XT XD
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 :
Sblm nya Klik Pertinjau klo berhasil Simpan Bila Tidak Harap Berkomentar :)
Ketemu Lagi Yah Di blog XT XD
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 :)
Backlinks Please Thanks ^_^
| URL |
| Code For Forum |
| HTML Code |
{ 12 komentar... read them below or Comment }
[X-T] COMMENTS RULE :
-DONT SPAM
-DONT FLOOD
-BILA ANDA SUKA DENGAN ARTIKEL INI SILAHKAN BERKOMENTAR
-BILA ANDA INGIN MENDAPATAKAN INFO DI BLOG INI SILAHKAN FOLLOW BLOG INI
-GUNAKANLAH BAHASA YANG SOPAN
-FOLLOW THIS BLOG I WILL FOLLOWBACK !!
Author/Admin = RendyBoyz_25
Add Facebook admin : Klik Disini
Blog ini Telah Saya Setting Jadi Blog Dofollow :D
- Alexa Rank 169,500+
- Links in 117
- Jadi Berkomentar Lah Yang Sopan :)

Wah, Postnya Keren Sob !!
BalasHapusVisit Back yah : http://www.best-cheater.blogspot.com/
whahahah thanks :)
Hapusudh di kunjungi balik :)
Bermanfaat ^_^
BalasHapusVisit balik ya http://ihsan-xp.blogspot.com/
Oke Mas Bro :)
HapusMantap Post nya ! , !
BalasHapusKunjungan Balik + Comment yaa , http://kevin-thereds.blogspot.com
oke oke Sudah Di komenent Bali :)
HapusTop Markotop
BalasHapusVisit ,Follow ,Komment Back Y :
http://arnoldi-technology.blogspot.com/
Wahahaha Thanks Ya :)
Hapuskalau membuatnya di sebelah kanan kayak mana.
BalasHapusapa yg harus di ganti...!!!
atur saja Margin-left atau Margin-right nya
Hapuswew
BalasHapusnIH MANTEP SEKALI!
BalasHapusPasang BANNER kU YA KAK,AKU PASANG BALIK NANTI banner kakak!