Tutorial Cara Membuat Menu Navigasi Horisontal di Blog

Menu Navigasi pada blog merupakan elemen yang perlu diperhatikan di dalam sebuah blog yang mementingkan penampilan dan style untuk setiap detilnya. Ada bermacam-macam bentuk menu navigasi di dalam sebuah blog itu, ada menu navigasi horizontal, menu navigasi vertikal atau yang lainya. Umumnya, para blogger menggunakan fungsi menu navigasi horizontal untuk dipasang di blognya. Pada artikel tutorial kali ini saya akan membahas tentang petunjuk pemasangan menu navigasi ini pada template blog blogger maupun wordpress.org.

Pada tutorial kali ini, saya kan membahas tentang menu navigasi horizontal, langsung saja yak!

Style Nav : O-OM template

Untuk Blogger.com

Login di Blogger
Rancangan » Edit HTML » Expand Template Widget
Cari ]]>
Letakan kode CSS berikut, diatasnya

#nav {
background:url(“http://3.bp.blogspot.com/_C6KkooKXCEw/TICgsEwQ6VI/AAAAAAAAGzc/uKEKlKRK6mY/s1600/topmenu-c.png”) no-repeat scroll 0 0 #FFFFFF;
clear:both;
height:32px;
margin:0 auto;
padding:4px 0 0;
}
#nav-left {
display:inline;
float:left;
padding-left:6px;
padding-top:1px;
width:660px;
}
#nav-right {
display:inline;
float:right;
padding-right:15px;
padding-top:3px;
width:200px;
}
#nav ul {
font:bold 1em Verdana,Arial,Helvetica,sans-serif;
margin:0;
overflow:hidden;
padding-left:0;
position:relative;
}
#nav ul li {
float:left;
list-style:none outside none;
}
#nav ul li a, #nav ul li a:visited {
color:#FFFFFF;
display:block;
margin:1px 4px;
padding:4px;
text-decoration:none;
}
#nav ul li a:hover {
-moz-border-radius:3px 3px 3px 3px;
background-color:#999999;
color:#FFFFFF;
margin:1px 4px;
padding:4px;
}
#nav ul li a.current, #nav ul li a.current:visited, #nav ul li a.current:hover {
-moz-border-radius:3px 3px 3px 3px;
background-color:#999999;
color:#FFFFFF;
margin:1px 3px;
padding:4px;
}

NB : Kamu bebas mengganti seperti warna background, ukuran lebar, dll sesuai selera kamu!
Untuk meletakanya di dalam template, cari kode :

kalau tidak ada, coba pakailah add-ons mozilla FIREBUG! untuk mempermudahnya
Setelah itu, pastekan kode HTML berikut di bawah kode tadi. Ini kode HTML-nya :

• About Me
• Archives
• Contact
• Help Me
• Guest Book
• Testimonials
• Top Post

NB : Ubahlah warna merah atau nama menu + URLnya sesuai kebutuhan kamu, seperti Contact, About Me, kamu dapat bebas menggantinya!
Selesai, dan Simpan Template, semoga berhasil!!
Semoga Bermanfaat :)

Tips & Trik. Tags: blogger, css, how to, html, kreasi, menu, modifikasi, nav, navigasi, tutorial
SearchTerm : cara membuat menu di blog, membuat menu di blog, cara membuat menu pada blog, cara membuat menu horizontal di blog, cara membuat menu di blogger, cara membuat menu blog, membuat menu pada blog, membuat menu blog, membuat menu di blogger, cara buat menu di blog, membuat menu horizontal pada blog, cara membuat menu home di blog, cara membuat menu horizontal pada blog, bikin menu di blog, cara membuat menu horizontal, cara membuat menu navigasi, cara membuat home di blog, cara menambah menu di blog, buat menu di blog, cara membuat menu pada blogger, cara membuat menu blogspot, cara menambahkan menu di blog, cara menambahkan menu pada blog, membuat menu navigasi di blog, cara membuat menu navigasi di blog, membuat menu di blogspot, cara memasang menu di blog, cara menambah menu pada blog, buat menu blog, cara membuat tombol navigasi di blog, membuat menu blogger, menu horizontal blog, menu navigasi blog, membuat menu blogspot, membuat menu horizontal di blog, membuat tombol navigasi di blog, cara buat menu di blogger, cara memberi menu pada blog, cara membuat menu navigasi pada blog, cara membuat navigasi blog, cara buat menu pada blog, cara membuat menu vertikal di blog, cara menu di blog, cara membuat menu diblog, cara membuat menu home pada blog, membuat menu pada blogger, buat menu di blogger, cara BIKIN menu di blog, cara membuat menu navigasi horizontal, cara membuat menu pada blogspot, membuat menu home, membuat navigasi horizontal di blog, cara buat home di blog, cara membuat menu blogger, cara membuat navigasi horizontal, MEMBUAT MENU DIBLOG, menambahkan menu di blog, cara membuat menu keren di blog, bagaimana cara membuat menu di blog, cara memasang menu pada blog, cara membuat Home pada blogspot, cara membuat menu horizontal di blogger, cara membuat tombol navigasi, cara membuat top menu pada blog, cara mengisi menu di blog, membuat menu home di blog, membuat menu home pada blog, membuat menu horizontal, cara buat menu navigasi di blog, cara membuat nav pada blog, cara merancang menu blogger, membuat menu navigasi horizontal, cara bikin menu blog, cara buat menu navigasi, cara membuat menu horizontal blog, cara membuat menu navigasi blog, cara membuat tombol navigasi pada blog, membuat home pada blog, membuat tombol navigasi pada blog, cara buat menu horizontal, cara buat menu horizontal di blog, cara membuat menu horisontal di blog, cara membuat menu navigasi di blogspot, cara menambah menu pada blogger, membuat home di blog, membuat menu keren di blog, membuat navigasi menu di blog, navigasi pada blog, tutorial membuat menu pada blog, buat menu pada blog, cara buat menu blogger, cara buat menu home di blog, cara membuat menu di bloger, membuat menu horisontal pada blog, menambah menu di blog, cara buat menu navigasi pada blog, cara memberi menu di blog, cara membuat menu blog horizontal, cara membuat menu navigasi di blogger, cara membuat tombol home di blog

Trik Mudah membuat Read more

halo kawan ...! Lagi-lagi soal membuat fasilitas Read more.. atau Selengkapnya.. pada template baru (XML), maka pada kesempatan kali ini saya akan mencoba membuat metoda tersebut pada artikel membuat fungsi Read more.. atau Selengkapnya...
Saran saya, ketika anda melakukan Editting pada kode template. Bagi yang belum sukses membuat fungsi read more..., coba ikuti langkah berikut ini :
Langkah #1

* Sign in di blogger dengan id anda.


* Klik Pengaturan


* Klik Format


* Pada layar paling bawah, ada text area kosong disamping tulisan Template Posting, isi tesxt area kosong tersebut dengan kode di bawah ini :







* Klik tombol Simpan Pengaturan


Pemasangan kode ini di maksudkan agar pada saat posting artikel, kode tersebut langsung muncul tanpa harus menuliskan terlebih dahulu, jadi membantu kita agar tidak harus selalu mengingat kode tersebut.

Langkah #2

* Klik menu Dasboard


* Klik Tata Letak


* Klik tab Edit HTML


* Klik tulisan Download Template Lengkap.


* Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula


* Beri tanda centang pada kotak di samping tulisan Expand Template Widget , lihat gambar di bawah :


expand widget template


* Tunggu beberapa saat ketika proses sedang berlangsung


* Silahkan anda cari kode berikut pada kode template milik anda :




atau kode di bawah ini (sama saja) ;

* Hapus kode diatas, lalu ganti dengan kode di bawah ini (klik pada tombol untuk menandai):

Selengkapnya...

* Klik tombol Simpan Template
* Selesai.

Cara Merubah Tampilan Facebook

Saat ini siapa sih yang gak kenal Facebook? hampir semua orang ketagihan dengan jejaring sosial ciptaan Mark Zuckerberg ini.Tidak bisa dipungkri mengakses Facebook membuat kesenangan tersendiri, dimana kita bisa mengenal banyak orang dengan hanya duduk diam sambil memandangi layarBosan dengan tampilan warna Facebook yang biru tua itu? Apalagi bila anda punya laptop atau komputer pribadi di rumah dan tiap hari selalu mengakses Facebook, tentu pernah suatu saat bosan dengan tampilan Facebook yang standar dari hari ke hari.

ingin tampilan facebook anda seperti ini?Klik gambar untuk memperbesar
Tenang saja,saya akan sedikit membagi tips,tentang cara merubah layouts facebook seperti contoh di atas.
Berikut ini langkah langkahnya:

1.Download add-ons mozilla, di sini
2.Klik add to Firefox,terus install dan restat mozilla
3.Pilih tampilan layouts anda paling sukai di sini
4.Setelah itu klik load into sylish
5.SimpAn,dan refresh halaman facebook anda
6.Sekarang lihat halaman facebook anda,pasti tambah keren.Cukup mudah kan?

Cara di atas mempunyai kekurangan dan kelebihan,kelebihannya anda bisa memilih milih,layouts mana yang paling anda sukai,kekurangnnya cara ini hanya berlaku bagi anda yang mempunya Pc/Laptop sendiri.tidak minjam tempat teman atau main di warnet dan perubahan ini hanya anda yang bisa menikmatinya

Membuat pesan pembuka dan penutup pada blog

Anda tentu sering menemukan saat membuka sebuah blog kemudian tampil sebuah pesan pada layar baik itu ucapan selamat datang ataupun hanya sekedar pesan dari pemilik blog. Mungkin sebagian dari anda akan mengatakan bahwa trik ini sudah cukup basi, tapi tidak ada salahnya kalau saya tulis kembali sekedar untuk catatan pribadi dan mungkin akan bermanfaat bagi anda yang belum tahu cara membuatnya.

Lalu bagaimana triknya, ikuti saja langkah-langkah berikut:
Login ke akun Blogger anda, klik Layout-Edit HTML lalu pada bagian atas cari kode <head> dan masukan script berikut ini dibawahnya.

<script type='text/javascript'>
alert("Selamat datang di blog saya..Jangan lupa komen ya..")
</script>

Ada ucapan selamat datang pasti ada ucapan selamat tinggal, lalu bagaimana menampilkan pesan jika halaman blog ditutup untuk meninggalkan pesan bagi pengunjung, berikut triknya:

Masih dalam mode Edit HTML dan dengan cara yang sama seperti diatas hanya script dan kode acuannya yang berbeda, masukan script berikut dibawah kode </head>......

<script type='text/javascript'>
// goodbye alert
function goodbye(){
alert('Hayoo mau kemana??..Besok mampir lagi yaa.. ');
}
parent.window.onunload=goodbye;

</script>

Text yang berwarna merah bisa anda ganti sesuai keinginan anda, lik pratinjau atau preview sebelum menyimpannya. Kalau anda sudah berhasil, silahkan di simpan pekerjaan anda. Bagaimana, mudah bukan? Anda cukup menambahkan sedikit kode Java script pada halaman blog anda dan anda sudah tampil beda. Selamat mencoba..

Cara Memasang Jam di Blog

Jam adalah pengingat waktu yang penting, tanpa jam kita tidak seperti buta akan waktu. Hampir semua orang mempunyai jam, entah itu jam dinding atau jam tangan. Karena begitu pentingnya jam, kita semua tidak bisa mengabaikannya sebagai hal yang tidak penting atau tidak berguna. Jam tidak hanya di gunakan dalam dunia nyata , sekarang dunia maya juga banyak menggunakan jam. Lalu bagaimana dengan blog? bisakah kita memasang jam di blog?, tenang saja semua jenis blog bisa ( Blog Pribadi, Blog Bisnis, Dll ) dan untuk itu saya membuat tutorial ini. Silahkan baca langkah - langkah di bawah ini.

Langkah Pertama / First step

Seperti biasa jika anda belum login ,silahkan login terlebih dahulu di www.blogger.com
Setelah login masuklah ke halaman tata letak / layout.

Langkah Kedua / Second Step

Silahkan kunjungi http://clocklink.com , atau cari di google dengan keyword clock widget for blog .Akan tetapi sekarang saya hanya menjelaskan tentang clocklink.com. Setelah anda masuk ke clocklink.com , anda akan tampil di halaman home (halaman utama), silahkan klik Gallery dan anda akan menemukan beberapa kategori yang ingin anda pilih.

Keterangan

Newest. Jenis jam terbaru 
Analog. Bentuk jam yang menyerupai jam dinding.
Animal. Jam - jam lucu berbentuk binatang.
Animation. Jam berbentuk kartun.
Count down & Up. Bentuk jam sederhana seperti digital.
Dark background. Jam dengan background hitam.
Digital. Bentuk jam digital.
Holidays. Bentuk jam yang lucu dan unik.
Logo. Bentuk jam yang menyerupai logo atau terdapat logo dalam jam tersebut.
Seasons. Jam berbentuk musim, dan terdapat 4 musim.
Sports. Jam yang bentuknya berhubungan dengan olahraga.
Transparent. Jam dengan background transparan.
Wallpaper. Jam yang menjadi wallpaper.

Langkah Ketiga / Third Step

Setelah anda menemukan jenis jam yang cocok dengan selera anda silahkan klik view html tag yang berada tepat di bawah jam.

setelah anda mengklik view html tag maka akan terbuka jendela kecil berisikan peraturan dari clocklink. Klik accept, dan saya sarankan anda membacanya terlebih dahulu.

Langkah Keempat / fourth step

Setelah anda setuju / accept maka anda akan berada pada halaman pengaturan

Keterangan :

Color. Pilih warna yang anda sukai. Warna yang tersedia tergantung dari jenis jam masing - masing.
Select by time zone. pilih GMT +7 .
Size. Pilih ukuran sesuai kehendak anda.

Setelah selesai mengatur silahkan anda copy semua kode di kotak pertama. Copy code yang berada di kotak pertama.

Jika anda menemukan settingan yang lebih banyak yang dari saya sebutkan jangan binggung. Hal ini di karenakan setiap jam mempunyai settingan uniknya masing - masing.

Langkah Kelima / Fifth step

• Kembali ke Elemen halaman pada Tata Letak / Layout.
  
• Kedua Klik Tambah gadget / add gadget.
  
  
  
  
  
  
  
  
  
  
• Ketiga pilih Html / javascript dan klik tanda + di samping kanannya.

Sebenarnya pemasangan jam ini hanya untuk memperindah tampilan blog, karena pada pada jaman sekarang di komputer rata - rata sudah mempunyai jam sendiri. Menurut saya aksesoris jam hanya cocok di pakai oleh blog pribadi, akan tetapi ada beberapa blog bisnis yang memakai jam. Akan tetapi pemasangan jam pada blog yang bukan jenis blog pribadi sering kali dianggap tak berguna dan hanya memperberat loading blog. Yah mau bagaimana? tergantung kalian.

Membuat Teks Berjalan (Marquee)

Sebelumnya nggak pernah kepikiran untuk bikin tips seperti ini kalo saja Iman my little brother nggak minta bikinin tutorial marque. Sebenarnya saya ragu, bener nggak seorang yang pinter blog seperti Iman yang mempunyai template bagus minta saya bikinin tutorial marquee? Lagian bahasa html memang paling rawan untuk orang seusia saya, masih hijau lumut Tapi ya apa salahnya sih sekedar berbagi, yang jelas ini bukan tutorial lho, hanya sekedar tips memaksimalkan kemampuan, keindahan serta teks pada postingan atau pun sidebar blog Anda.
Apa itu Marquee?
Marquee adalah teks berjalan dalam bahasa html. Kalo kita lihat marquee menurut semantik sepertinya ga ada hubungan dengan teks berjalan, tapi kalo diperhatikan lagi… mmmmh memang ga ada hubungannya ^_^ (sepertinya). Tapi kalo kita mau perhatikan lebih dalem, Marquee mempunyai arti “Tenda Besar,” atau “tempat berteduh seperti atap dimuka pintu masuk sebuah gedung” Mmmmh… apa hubungannya dengan marquee sebagai teks berjalan…? Setidaknya menurut saya memang ada, melalui “tenda” tersebut orang lalu lalang berjalan.
Berikut ini contoh-contoh sebagian kecil penggunaan marquee pada teks. Sengaja marquee-marquee di bawah ini saya beri title mulai marquee 1.0 sampai 3.0.3, tidak ada keistimewaan dari penamaan tersebut, hanya untuk memudahkan saya dalam memberi penjelasan. Plus tambahan saya sertakan kode html yang diperlukan, Anda tinggal mengganti teks yang ada dalam kode tersebut “Teks Anda”.
Marquee 1.0
Marquee adalah teks berjalan lho
Marquee 1.0 ini merupakan marquee standar agar teks Anda bisa berjalan secara default (dari kanan ke kiri).

Tag Html
<marquee>Teks Anda</marquee>

Marquee 1.0.1
Marquee adalah teks berjalan lho
Marquee 1.0.1 adalah pengembangan dari 1.0, keistimewaannya jika Anda arahkan mouse pada teks tersebut maka dia akan istirahat dan berhenti dari perjalanannya yang panjang.

Tag Html
<marquee onmouseover="this.stop()" onmouseout="this.start()">Teks Anda</marquee>

Marquee 1.0.2
Marquee adalah teks berjalan lho
Marquee 1.0.2 jika Anda menggunakan teks Arabic yang dimulai dari kanan ke kiri, maka Anda membutuhkan Marque ini yang berjalan sebaliknya; dari kiri ke kanan, contoh dengan teks arabic:
مرقو ادلح تيكس برجالان

Tag Html
<marquee direction="right">Teks Anda</marquee>

Marquee 2.0
Marquee adalah teks berjalan lho
Marquee 2.0 Marquee ini tidak memiliki kemampuan magic seperti David Coperfield marquee sebelumnya yang bisa menembus ruang, Marquee 2.0 ini kerjaannya bolak-balik dari ruang kotak yang kasat mata.

Tag Html
<marquee behavior="alternate">Teks Anda</marquee>

Marquee 2.0.1
Marquee adalah teks berjalan lho
Marque 2.0.1 Pengembangan dari marquee sebelumnya, dengan pancingan scrollamount dia menjadi sangat agresif
Marquee adalah teks berjalan lho

Tag Html
<marquee behavior="alternate" scrollamount="18">Teks Anda</marquee>

Marquee 2.0.2
Marquee adalah teks berjalan lho
Marquee 2.0.2 Masih pengembangan dari Marquee 2.0 dengan sentuhan on-mouse-over stop dan on-mouse-out start, seperti marquee 1.0.1 jika Anda arahkan mouse pada teks maka dia akan berhenti.

Tag Html
<marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">Teks Anda</marquee>

Marquee 3.0
Marquee adalah teks berjalan lho #1

Marquee adalah teks berjalan lho #2

Marquee adalah teks berjalan lho #3

Marquee adalah teks berjalan lho #4

Marquee adalah teks berjalan lho #5

Marquee adalah teks berjalan lho #6

Marquee adalah teks berjalan lho #7

Marquee 3.0 Dia adalah marquee climbing, marquee pendaki ini suka sekali ketinggian, sehingga kita lihat arah teksnya pun ke atas (up) . Jika Anda memiliki teks yang banyak, maka marquee ini merupakan pilihan yg tepat dan sangat cocok sebagai teman pendamping hidup Anda.

Tag Html
<marquee direction="up">Teks Anda</marquee>

Marquee 3.0.1
Marquee adalah teks berjalan lho #1

Marquee adalah teks berjalan lho #2

Marquee adalah teks berjalan lho #3

Marquee adalah teks berjalan lho #4

Marquee adalah teks berjalan lho #5

Marquee adalah teks berjalan lho #6

Marquee adalah teks berjalan lho #7

Marquee 3.0.1 Pengembangan dari marquee sebelumnya yang tidak mempunyai batas ruang, marquee ini kita batasi ruang kasatnya sehingga memliki height 100 saja. Demikian dengan kemampuan scrollamountnya kita perlambat. Dan kita kasih on mouse stop/start juga.

Tag Html
<marquee direction="up" onmouseover="this.stop()" width="100%" scrollamount="2" onmouseout="this.start()" height="100">Teks Anda</marquee>

Marquee 3.0.2
Marquee adalah teks berjalan lho #1

Marquee adalah teks berjalan lho #2

Marquee adalah teks berjalan lho #3

Marquee adalah teks berjalan lho #4

Marquee adalah teks berjalan lho #5

Marquee adalah teks berjalan lho #6

Marquee adalah teks berjalan lho #7

Marquee 3.0.2 Masih pengembangan dari marquee sebelumnya, hanya saja teks berada di tengah ruang kasat.
Tag Html

<marquee direction="up" width="100%" scrollamount="2" height="100" align="center">Teks Anda</marquee>

Marquee 3.0.3
Marquee adalah teks berjalan lho #7

Marquee adalah teks berjalan lho #6

Marquee adalah teks berjalan lho #5

Marquee adalah teks berjalan lho #4

Marquee adalah teks berjalan lho #3

Marquee adalah teks berjalan lho #2

Marquee adalah teks berjalan lho #1

Marquee 3.0.3 Pengembangan juga dengan arah berlawanan dari marquee sebelumnya, marquee ini senang sekali berjalan menurun. Sehinggan teks yang kita lihat berjalan dari atas ke bawah. Kemampuan scrollamountnya tidak kita batasi sehingga terlihat agresif dengan ruang kasat yang kecil. Silahkan Anda perlambat sendiri.

Tag Html
<marquee direction="down" width="100%" height="100">Teks Anda</marquee>

Demikian tips sederhana ini, silahkan Anda coba….! Jika ingin manambahkan marquee yang lain silahkan tulis komentar.
Keep Blogging ^_^

Mempercantik Penampilan BUKU TAMU dengan Custom Smileys

Setelah beberapa hari menggunakan Shoutmix sebagai Buku Tamu, saya coba cari sesuatu di google untuk memperkeren tampilan blog saya. ternyata saya menemukan tips untuk mempercantik Default Smileys di sesama bloggernya. nah, tak ambil pusing saya langsung ikuti saja tips nya, ya berhasil deh seperti di buku tamu saya..

Berikut adalah daftar Custom Smileys Image URL koleksi Uda :

1. http://img7.imageshack.us/img7/5660/pinginbelajar1.gif

2. http://img7.imageshack.us/img7/5660/pinginbelajar1.gif

3. http://img162.imageshack.us/img162/9828/pinginbelajar2.gif

4. http://img338.imageshack.us/img338/2876/pinginbelajar5.gif

5. http://img178.imageshack.us/img178/4784/pinginbelajar6.gif

6. http://img15.imageshack.us/img15/5646/pinginbelajar7.gif

7. http://img54.imageshack.us/img54/9709/pinginbelajar8.gif

8. http://img228.imageshack.us/img228/2490/pinginbelajar9.gif

9. http://img254.imageshack.us/img254/9241/pinginbelajar10.gif

10. http://img249.imageshack.us/img249/715/pinginbelajar16.gif

11. http://img19.imageshack.us/img19/8225/pinginbelajar20.gif

12. http://img249.imageshack.us/img249/368/pinginbelajar21.gif

13. http://img249.imageshack.us/img249/3122/pinginbelajar23.gif

14. http://img8.imageshack.us/img8/7082/pinginbelajar24.gif

15. http://img249.imageshack.us/img249/9643/pinginbelajar25.gif

16. http://img3.imageshack.us/img3/9077/pinginbelajar26.gif

17. http://img249.imageshack.us/img249/5254/pinginbelajar27.gif

18. http://img8.imageshack.us/img8/4191/pinginbelajar28.gif

19. http://img13.imageshack.us/img13/3637/pinginbelajar29.gif

20. http://img167.imageshack.us/img167/1944/pinginbelajar32.gif

21. http://img53.imageshack.us/img53/61/pinginbelajar33.gif

22. http://img186.imageshack.us/img186/7215/pinginbelajar35.gif

23. http://img106.imageshack.us/img106/7729/pinginbelajar36.gif

24. http://img106.imageshack.us/img106/700/pinginbelajar17.gif

25. http://img231.imageshack.us/img231/4497/pinginbelajar34.gif

26. http://img4.imageshack.us/img4/1805/pinginbelajar31.gif

27. http://img72.imageshack.us/img72/7403/pinginbelajar30.gif

28. http://img249.imageshack.us/img249/5619/pinginbelajar22.gif

29. http://img249.imageshack.us/img249/9919/pinginbelajar15.gif

30. http://img254.imageshack.us/img254/9607/pinginbelajar14.gif

31. http://img19.imageshack.us/img19/6241/pinginbelajar13.gif

32. http://img19.imageshack.us/img19/2213/pinginbelajar12.gif

33. http://img249.imageshack.us/img249/2448/pinginbelajar11.gif

34. http://img162.imageshack.us/img162/6028/pinginbelajar3.gif

35. http://img162.imageshack.us/img162/1236/pinginbelajar4.gif

36. http://img254.imageshack.us/img254/50/pinginbelajar19.gif

37. http://img19.imageshack.us/img19/464/pinginbelajar18.gif

Kalau smileys di atas belum memenuhi keinginan dan selera anda silakan ambil disini atau bisa dicari lewat Google... oke.

Untuk merubah Default Smileys ke Custom Smileys ikuti petunjuk sbb :

• Login ke Shoutmix
• Klik link Smileys
• Hilangkan centang/contreng pada kolom yang ada tulisan : Use the default smileys set shown above
• Tuliskan daftar Smileys Image URL satu-persatu pada kolom isian dibawahnya
• Kolom kode boleh diisi dengan huruf atau angka terserah anda, lalu tekan tombol add
• Untuk Basic Member anda hanya diperbolehkan memilih 10 dari daftar image url yang sudah ditambahkan untuk ditampilkan sebagai Custom Smileys
• Untuk Premium Member anda boleh menampilkan sampai 500 smileys
• Tekan tombol Save Settings dan selesai

Coba cek penampilan Shoutmix anda apakah sudah sesuai dengan yang anda harapkan, bila belum silakan dicek settingnya mungkin ada yang salah.
Selamat mencoba dan semoga SUKSES !