belajar

• Home
• Advertise
• Contact
• Support
• About

Share & Tips

• Home
• Browses
• Computers
• News
• General
• Web Design
• Tutorials
• Contact

New Templates

                       GuembeL                          

Recent Posts

<a href="http://dhedie-tips-triks.blogspot.com" target="_blank" title="http://dhedie-tips-triks.blogspot.com"><img border="0" src="http://dhedyfaste.xp3.biz/images/guembel.gif" /></a>

Categories

All Efek (2) Blog Lebar (1) Computer (14) Copy Paste (1) Cursor (1) Disable (1) First Blog (33) google (1) HTML (1) Icon calender (1) judul address (2) Konfirmasi (1) Link (3) Marquee (1) Membuka situs yang di block (1) Paging (1) Pembuka (1) Scrollbar (2) Shoutmix (1) Tag Cloud (1) Text Melayang (1)

Blog Archive

• ►  2011 (2)

• ►  2010 (5)

• ▼  2009 (44)
  • ►  Juni (2)
  • ►  Mei (2)
  • ▼  Maret (10)
    • Menyembunyikan File ke Dalam Gambar
    • Membuat Menu Blog Keren
    • Mendisable Shortcut Keyboard Mozilla Firefox dan O...
    • Mengganti Cursor pada Blog
    • Cara Cepat Agar Blog Anda Tampil di Google
    • Membuat Navigasi Halaman Bernomor/Paging
    • Membuat Judul Address bar tambah keren versi 2
    • Mengganti tanggal pada post dengan icon calender
    • Membuka situs yang di block oleh kantor atau sekol...
    • Efek Marquee
  • ►  Februari (23)
  • ►  Januari (7)

3.10.2009

Membuat Menu Blog Keren

10.56 Dedy Kurniawan

Anda pasti bertanya menu blog seperti apa ? bentuknya seperti pada blog saya di sebelah kanan yang berwarna coklat kalau mousenya di dekatkan maka menu blognya akan keluar, mau tau bagaiman cara membuatnya , langsung aja :
1. pastinya login terlebih dahulu
masuk ke tata letak (layout) >> elemen halaman

2. tambah gedget >> html/java script
3. masukkan code berikut:

<script src='http://dhedyfaste.xp3.biz/script/menukeren.js' type='text/javascript'></script>
<script>
YOffset=150;
XOffset=0;
staticYOffset=30;
slideSpeed=20
waitTime=100;
menuBGColor="green";
menuIsStatic="yes";
menuWidth=150;
menuCols=2;
hdrFontFamily="verdana";
hdrFontSize="2";
hdrFontColor="black";
hdrBGColor="#ffffff";
hdrAlign="left";
hdrVAlign="center";
hdrHeight="15";
linkFontFamily="Verdana";
linkFontSize="2";
linkBGColor="black";
linkOverBGColor="#000000 ";
linkTarget="_top";
linkAlign="Left";
barBGColor="green";
barFontFamily="Verdana";
barFontSize="2";
barFontColor="red";
barVAlign="center";
barWidth=20; // no quotes!!
barText="CATEGORIES";


// ----- Mulai Edit Menu
ssmItems[0]=["Daftar Menu"] //Header Menu
ssmItems[1]=["Home", "http://dhedie-tips-triks.blogspot.com",""]
ssmItems[2]=["About me", "http://www.blogger.com/profile/16222178000193634246",""]
ssmItems[3]=["My Facebook", "http://facebook.com/siiguembel.elite",""]
ssmItems[4]=["My Twitter", "http://twitter/guembel",""]
ssmItems[5]=["Balikita", "http://balikita.net",""]
ssmItems[6]=["Tips N Triks", "http://dhedie-tips-triks.blogspot.com/first blog",""]

buildMenu();
//----- Selesai Edit Menu
</script>

4. ubahlah text yang berwarna merah dengan link yang akan anda tuju . .
5. simpan perubahan . lihat hasilnya . . .


Baca juga post ini:

• Membuat judul adressbar pada blog keren
• Membuat judul adressbar tambah keren versi 2
• Cara sepat agar blog anda tampil di google
• Mengganti tanggal posting dengan icon calender
• Membuka situs yang di block
• Efek marquee
• Mendisable Shortcut Keyboard Mozilla Firefox dan Opera Dengan JavaScript
• Membuat Read more (Baca Selanjutnya)
• Membuat menu horizontal
• Membuat Emotion di kotak komentar
• Membuat gambar melayang di blog
• Membuat code HTML tampil di posting
• Membuat Scrollbar di dalam posting
• Membuat blog tidak dapat di copy paste
• Membuat efek Pelangi pada link
• Memdisable klik kanan pada blog
• Membuat pesan konfirmasi
• Menghilangkan garis bawah pada link
• Membuat efek kembang api pada blog
• Eksekusi link pada jendela baru
• Membuat salam pembuka pada blog
• Membuat scrollbar di posting
• Membuat blog lebih lebar
• Membuat efek salju pada blog
• Membuat text melayang pada blog
• Membuat Navigasi Halaman Bernomor/Paging
• Mengganti Cursor pada Blog

Subscribe

Follow me!

Bottom Right

BThemes

Translators

BTricks

Download

My dictionary

 

WordPress Theme Design by New WP Themes | Bloggerized by Lasantha - Premiumbloggertemplates.com

Powered by Blogger

Posted in: