Tutorial Blog Untuk Pemula
  • 1. Panduan membuat blog
  • 2.Cara Mengatur/setting blog
  • 3.Membuat Text berjalan
  • 4.Cara memposting artikel
  • 5.Cara membuat Text Area
  • 6.Cara membuat menu dropDown
  • 7.Cara memasang Metta Tags
  • 8.Cara memasang jam di Blog
  • 9.Cara memasang Feed Di Blog
  • 10.Cara Membuat Email Subscribe Form dengan Feedburner
  • 11.Cara Menghilangkan Judul Blog
  • 12.Mengubah Title Blog dengan Title Postingan
  • 13.Cara menampilkan widget hanya di halaman depan
  • 14.Cara Membuat Refresh di Blog
  • 15.Cara Mengimpor Blog Ke Catatan Facebook
  • 16.Apa Siih Peringkat Alexa..?
  • 17.Mengatasi Blogspot yang di hapus Blogger
  • 18.Membuat Pagging Di Blogspot
  • 19.Membuat pesan Selamat Datang dan Selamat tinggal Di Blog
  • 20.Cara Membuat Form Contact via E-mail Untuk Blog
  • 21.Mengatur Huruf dan Warna di blogger
  • 22.Cara Memasang Tombol Facebook Share Dalam Postingan Blog
  • 23.Buat Tulisan Bergaya Web Secara Online
  • 24.Pasang User Online Status
  • 25.Cara Memasukan Video Di dalam postingan
  • 26.Cara membuat atau mengganti Favicon Di Blog
  • 27.Cara Menampilkan Form Komentar Hanya di Postingan Tertentu
  • 28.Cara Mengubah Tampilan Kursor Blog
  • 29.Cara MeMbuat Banner Animasi Untuk Blog
  • 30.Memasang Tombol Like Facebook Di Blog
  • 31.Pasang Fasilitas Print di Blog
  • 32.Pasang Icon Emotions Upin dan Ipin di Komentar Blog
  • 33.Membuat Tulisan terbalik Di Blog
  • 34.Cara Menampilkan kode HTML di Postingan
  • 35.Cara Pasang Recent Post
  • 36.Cara membuat Search Box pada Blog
  • 37.Daftar Situs Social Bookmarking Dofollow
  • 38.Cara Membuat Menu di Blogspot dengan List-O-Matic
  • 39.Mengganti Template Di Blogger
  • 40.Cara Daftar di Search Engine
  • 41.Apa siih Google Page Rank..??
  • 42.Menambahkan Search Engine di blog
  • 43.Pasang Pelacak IP Address di Blog
  • 44.Pasang Widget Top Artikel
  • 45.Tips membuat Blog Lebih menarik
  • 46.Membuat Tulisan Yang Dicoret pada postingan
  • 47.Cara mendaftar Google Sitemap
  • 48.Fitur Fitur baru Dari Blogger.com
  • 49.Cara Pasang Recent Post dengan Thumbnails
  • 50.Menghilangkan Icon Obeng dan Tang / Quick edit Blogger
  • 51.Cepat Terindeks di Search Engine
  • 52.Membuat Drop Cap( Tulisan bergaya Koran )
  • 53.Membuat Tanda Tangan(Signature) Online
  • 54.Membuat Gambar ASCII
  • 55.Cara Upload Foto Ke Photo Bucket
  • 56.Cara Memasang Widget Visitor Di Blog
  • Seputar SEO (Search Engine Optimezed)

    Senin, 07 Maret 2011


    Cara Membuat Menu di Blogspot dengan List-O-Matic


    Pengen pada tau cara buat menu di blogspot pake List-O-matic..?? Jangan pindah Chanel pokoknya..pantengin terus blog gue.. Untuk blogspot, sebelum membuat menu, halaman yang akan di link sebaiknya di buat dulu dari postingan biasa, karena di blogspot tidak ada fasilitas membuat halaman, yang ada hanya membuat postingan. jadi menu kita nantinya akan di link ke postingan yang udah kita buat.
    Misalnya kamu ingin membuat menu Beranda, About, dan Profil. maka kamu harus membuat postingan dengan Judul/Title: Beranda, About, dan Profil, dengan demikian kita akan mempunya 3 halaman dengan url http://nama.blogspot.com/beranda.html, http://nama.blogspot.com/about.html dan http://nama.blogspot.com/profil.html.
    Selanjutnya ikuti langkah-langkah pembuatan menu secara otomatis menggunakan List-O-Matic. Setelah semua langkah di lakukan, kamu akan di beri 2 jenis kode yaitu HTML dan CSS.
    Here is the HTML for this list:

    <div id="navcontainer">
    <ul id="navlist">
    <li>
    <a href="http://nama.blogspot.com/depan.html">beranda</a></li>
    <li><a href="http://nama.blogspot.com/tentang.html">About</a></li>
    <li><a href="http://nama.blogspot.com/portofolio.html">Portofolio</a></li>
    </ul
    </div>

    Copy kode HTML dan masukkan lewat Add a Page Element – HTML/JavaScript dan letakkan dimana kamu pengen menunya muncul.

    Here is the CSS for this list:
    #navlist ul
    {
    margin-left: 0;
    padding-left: 0;
    white-space: nowrap;
    }
    #navlist li
    {
    display: inline;
    list-style-type: none;
    }
    #navlist a { padding: 3px 10px; }
    #navlist a:link, #navlist a:visited
    {
    color: #fff;
    background-color: #036;
    text-decoration: none;
    }
    #navlist a:hover
    {
    color: #fff;
    background-color: #369;
    text-decoration: none;
    }


    Sedangkan untuk kode CSS harus di copy dan di letakkan dalam kode template. Di halaman template blog kamu, pilih Edit HTML, letakkan kode CSS dari List-O-Matic tadi sebelum kode ]]></b:skin> dan save template.

    Semoga Bermanfaat………………………….

    Ingin artikel Blog ini langsung ke Email anda? Silahkan masukan alamat email anda untuk berlangganan.

    Masukan Alamat Email Anda :
    Postingan yang Berhubungan

    0 komentar:

    Posting Komentar

    Download buku Yang Bermanfaat

    Gabung bersama kami