Cara Memasang Menu dan Submenu Di Blog

Cara Memasang Menu dan Submenu Di Blog

Dalam posting [kali] ini saya akan share Cara Memasang Menu dan Submenu Di Blog. Saya akan mencoba berbagi pengalaman kepada sobat blogger.

Dan ini juga termaksud salah satu cara mempercantik/memperindah blog sobat blogger dengan modifikasi-modifikasi menggunakan Trik-Trik Blogger. Mungkin bagi sobat yang sudah lama menggunakan blogger sudah tidak asing lagi dengan apa yang akan saya share [kali] ini, tapi mungkin bagi blogger pemula seperti saya ini masih perlu mempelajari hal yang seperti ini.

Oky..., Jika sobat blogger ingin mengetahui bagaimana Cara Memasang Menu dan Submenu Di Blog, lebih tepatnya cara pasang Menu dan Submenu Di Blog (Menu Horizontal di blog kita).

Ikuti langkah-langkah berikut : 

• Pertama silahkan kunjungi website berikut : http://www.mycssmenu.com/ .
  
  
• Di halaman utama web tersebut akan kita temui berbagai macam variasi betuk menu horizontal maupun yang vertical. Kita tinggal pilih yang mana yang akan sobat gunakan. 
Perhatikan pada gambar berikut ini, saya ambil satu contoh saja. 

• Untuk mengambil kode dan mengatur tampilan Menu Horizontal silahkan [kali] customize.
  
  
• Setelah di [kali] akan muncul jendela baru.
  Maka akan terlihat tampilan seperti berikut :
  
  
  
• Double [kali] satu per satu menu atau sub menu untuk menentukan target pencaharian. 
  Seperti contoh  tampilan berikut :

• Mohon Di isi pada kotak dialog bagian "URL" misalnya http://www.blogger.com/post-title.g?blog=2564568286445614 untuk menuju ke alamat tersebut. Sedangkan untuk kotak target dan title text (Boleh tidak diisi/kosong).
  
  
• Setelah semua [link] menu dan submenu selesai dibuat (di [link] kan) dan sebaiknya semua [link] harus sudah ter [link] supaya proses peng-copyan Kode HTML atau CSS hanya dilakukan satu kali saja.
  
  
• Proses selanjutnya klik pada tab HTML . Copy kode HTMLnya .
  
  
• Log in ke Blogger anda. => Blogger.com
  
  
• Pilih Rancangan.
  
  
• Pilih Tambah Gadget.
  
  
• Paste kode yang sobat Copy tadi.
  
  
• Kemudian Save. Lihat Hasilnya dech....!!

Semoga Bermanfaat.....!!

EnaL Rhay SyahRinggan Next..>>

READ MORE - Cara Memasang Menu dan Submenu Di Blog

Memasang Emoticon Smiley Untuk Komentar Blog

Memasang Emoticon Smiley Untuk Komentar Blog

Semakin meningkatknya para komentator di blogger dan semakin meningkatnya pula keinginan sobat blogger untuk mengubah tampilan di area komentar atau menambah pernak-pernik lainya. Maka dari itu saya juga ingin membuat pernak-pernik komentar di blogger dengan Emoticon Smiley sehingga para komentator bisa mengexpresikan ucapanya dengan sebuah gambar Emoticon Smiley.

Nach.. posting saya kali ini yaitu cara memodifikasi Blogspot sobat Blogger agar tampak menarik, tapi kali ini saya akan share tentang cara Memasang Emoticon Smiley Untuk Komentar Blog.

Lihat gambar dibawah ini :

:)):)];));;):D;):p:((:):(:X=((:-o:-/:-*
:|8-}~x(:-tb-(:-Lx(=))

Gambarnya kurang lebih seperti diatas, teks atau tulisan yang disamping kanan gambar adalah symbol yang jika ditulis di kotak komentar akan berubah menjadi gambar yang ada disamping kirinya.

Okey....capeg juga low cerita panjang lebar..!! Hufttttt....... :D

Jika sobat blogger tertarik untuk memasangnya silahkan ikuti langkah-langkah berikut :

• Seperti biasa Log in ke Blogger anda. => Blogger.com
• Pilih Tata Letak/Edit HTML.
• Jangan lupa centang pada Expand Widget Templates
• Cari Kode </body> (Gunakan saja pencarian cepat => Ctrl + F) 
• Copy paste kode Script di bawah ini. Taruh kode Script di bawah ini tepat di atas kode </body>

<script src='http://sites.google.com/site/anasceria/smiley.js' type='text/javascript'/>

• Kalau sudah, sobat cari kode seperti di bawah ini :

<p class='comment-footer'>

<b:if cond='data:post.embedCommentForm'>

<b:if cond='data:post.allowNewComments'>

<b:include data='post' name='comment-form'/>

<b:else/>

<data:post.noNewCommentsText/>

• Kemudian selipkan kode Skript di bawah ini diantara kode berwarna biru dan orange atau tepatnya di bawah kode <p class='comment-footer'>

<b><img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/>
:))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/>
:)]
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/>
;))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/>
;;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/>
:D
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/>
;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>
:p
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/>
:((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/>
:)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/>
:(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/>
:X
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/>
=((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/>
:-o
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/>
:-/
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/>
:-*
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/>
:|
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/>
8-}
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/>
~x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/>
:-t
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/>
b-(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/>
:-L
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/>
x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/>
=))</b>

• Nah...kalou sudah, Simpan hasil kerja sobat...dan lihat hasilnya.

EnaL Rhay SyahRinggan Next..>>

READ MORE - Memasang Emoticon Smiley Untuk Komentar Blog