Cara Membuat Menu Vertical Dengan Icon di Blog


Cara Membuat Menu Vertical Dengan Icon di Blog. Cara Membuat Menu Vertical di Blog

Assalamualakium sobat semuanaya... Cara Membuat Menu Vertical Dengan Icon di Blog, bagaimana judul artikel kita kali ini ,,,? yah , kali ini kita akan belajar membuat Menu Vertical dan agar tambah cantik,, kita gunakanIcon untuk menghiasinya. Cara membuat menu vertical ini sangatlah mudah, kita juga bisa menaruh menuh vertical ini di mana saja kita mau ,, mau sebelah kanan, kiri, atas atau bawah,, terserah selera sobat saja, Ok tanpa panjang lebar langsung aja kita ke TKP : 
  • Menu Vertical Dengan Icon di Blog :
  • Login ke Blig sobat
  • Pilih Rancangan
  • Pilih Tata Letak
  • Pilih Add Gadget
  • Pilih Html/Java Script
  • Copy Code berikut 

-webkit-gradient(linear, left top, left bottom, from(#ccc), to(#ffffff))
; border:1px solid #ccc;">


    http://icons.iconarchive.com/icons/deleket/sleek-xp-basic/32/Home-icon.png
" width="18" height="18" />
  • ALAMAT WB TUJUAN
    • ">Home


    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzE8eybbKQVNtXuJpSmHpFZw9bf6ClK86SUk7XJyVQVejdeibx-9wrxwu7orGcBwbVZOdMrkXvBmv5_YxvsXPMGBSFWm-jZBl81IldSzqOu0p14tkOH0pGJjYv3Ypwc5ToZ28QjONOS20x/s1600/report_magnify.png
    " width="18" height="18" />
  • ALAMAT WB TUJUAN
    • ">Daftar Isi


    http://icons.iconarchive.com/icons/kyo-tux/phuzion/32/Misc-Misc-Box-icon.png
    " width="18" height="18" />
  • ALAMAT WB TUJUAN
    • ">Kumpulan Icon


    http://icons.iconarchive.com/icons/kyo-tux/soft/32/Tutorial-icon.png
    " width="18" height="18" />
  • ALAMAT WB TUJUAN
    • ">Tutorial Blog


    http://icons.iconarchive.com/icons/emey87/social-button/32/blog-icon.png
    " width="18" height="18" />
  • ALAMAT WB TUJUAN
    • ">Tips Blog


    http://icons.iconarchive.com/icons/itzikgur/my-seven/32/Graphics-Painting-icon.pn
    g" width="18" height="18" />
  • ALAMAT WB TUJUAN
    • ">Download Template Blog


    http://icons.iconarchive.com/icons/iconshock/brilliant-graphics/32/colors-icon.png
    " width="18" height="18" />
  • http://blazerracing.blogspot.com/2012/01/kode-warna.html#id
    • ">Kode Warna


    http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/32/Actions-insert-link-icon.png
    " width="18" height="18" />
  • http://blazerracing.blogspot.com/2012/01/tukat-link.html#id
    • ">Tukar Link


    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv4S3eAWfj-0U-Uc2DGQQRwNj_YbbE2SAhZ91koBMjQk2F_5oSymtQX1CgM8KbDpO1Yk01PONlrkfB2IR28sRM7uOg6jmImDKYmpDgS8Whkcg_CACBFZEyxoWAPP9yXoND87Vr6PMSyhkn/
    " width="18" height="18" />
  • ALAMAT WB TUJUAN
    • ">Facebook


    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEvhDKHX4six0xGg_kzA9zqRI69iRzTlifP3YbjopRuX92ZPIeKfVuJXkbqiibob-12xZLfLJqxrIh_zZOleJNeq99KTgQCn-EFnjwl6R9SYORmJOTKxsdAwQLz34ec4YOlP9DtxFaISbf/
    " width="18" height="18" />
  • ALAMAT WB TUJUAN
    • ">Twitter


    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgglscME7_G0FHCkJph2vwkCvaS1wtbLfl7kbTLFCaBuKHqqD-qLyz9sZA94M0hdUoFK4FictvOr2taLZQwGdq0IEjV87xVYLDCcxcMBA-BSagn0B4TgcXHV9a3ZLFs3_Uuvwa-igSecURy/s1600/feed_burner.png
    " width="18" height="18" />
  • ALAMAT WB TUJUAN
    • ">Feedburner


    http://icons.iconarchive.com/icons/iconshock/real-vista-web-design/32/Banner-design-icon.png
    " width="18" height="18" />
  • ALAMAT WB TUJUAN
    • ">Advertise


    http://icons.iconarchive.com/icons/fatcow/farm-fresh/32/book-addresses-icon.png
    " width="18" height="18" />
  • ALAMAT WB TUJUAN
    • ">Contact Us



    CATATAN : 
    • Yang berwarna Merah silahkan sobat ganti dengan URL icon sobat
    • Yang berwarna Biru silahkan sobat ganti dengan URL Tujuan
    • Yang berwarna Ungu Muda silahkan sobat ganti dengan Nama
    • Yang berwarna Hijau yang paling atas sobat atur background sesuai selera sobat
    Kalau sobat memerlukan Icon,, sobat bisa berkunjung ke www.iconarchive.com disana ada banyak icon yang bisa sobat gunakan. OK kalo udah sobat tingal save aja ,, dan selesai deh, se