loading...

Sunday, December 16, 2012

12/16/2012

Cara Membuat Menu Navigasi Horisontal Bercabang / Drop Down Menu


saaya mencoba menjelaskan sedikit tentang 
Cara Membuat Menu Navigasi Horisontal Bercabang / Drop Down 
Template default bawaan blogger biasanya minim sekali dengan widget-widget termasuk menu navigasi. Terkecuali jika kita mendownload sendiri template dari blog lain. Menu navigasi penting artinya untuk meningkatkan kunjungan ke blog kita, walaupun masih ada cara lain seperti menambahkan label, recent posts, related posts ataupun popular posts di blog kita. Menu navigasi biasanya terdiri dua macam; vertikal dan horisontal. Menu navigasi Vertikal atau menu navigasi lurus ke atas biasanya diletakkan di sidebar, sedangkan menu navigasi horisontal kita letakkan di atas judul posting atau di bawah header/judul blog.

memasang menu navigasi horizontal
menu navigasi horizontal bercabang

Membuat menu navigasi bisa dilakukan dengan berbagai cara, bisa memasukkan kode css ke dalam template, ini permanen tentunya, dan cara yang kedua cukup menambahkan widget dengan memasukkan kode tertentu ke dalam widget/gadget tersebut. Pada tutorial ini saya akan membuat menu navigasi horizontal dengan cara yang cukup mudah yang letaknya di bawah header.

Oke langsung saja bagaimana cara membuat menu navigasi horisontal bercabang,
Masuk ke akun blogger> Dasbor > tata letak > Tambahkan gadget > pilih HTML/Javascript, kemudian masukkan kode berikut ini. (Jangan lupa saat menambahkan gadget, pilih gadget yang di bawah header.)

cara menambahkan menu navigasi drop down bercabang
add menu navigasi


   
   

               
                

  •                   Daftar Isi ▼                 
       

                       
  • Sub Menu 1 
                       
  • Sub Menu 2 
                       
  • Sub Menu 3 
                       
       
                         
    • Sub 
    Sub Menu 1 
                       
  • Sub 
  • Sub Menu 2 
                       
  • Sub 
  • Sub Menu 3 
                       
                       
                                   
             
     
            Pengaturan dan modifikasi;

    1. Silahkan ubah warna background menu sesuai selera ditandai dengan kode seperti#2E9AFE

    2. Untuk membuang cabang yang tidak dibutuhkan (mungkin terlalu banyak lihat kode berwarna biru 
                     
       

                        <li>Sub Sub Menu 1
     
                       
  • Sub 
  • Sub Menu 2 
                       
  • Sub 
  • Sub Menu 3 
                      bisa juga sobat tambahkan di item menu lainnya jika ingin.

    3.  Masukkan alamat halaman atau postingan blog yang dikehendaki pada kode # .

    4.  Perhatikan kode-kode yang sudah diberi warna saat menambah atau membuang item menu tertentu agar tidak error.

    Selamat mencoba.  
    jangan lupa buka yang ini juga oke

  • cara membuatjaringan ad-hoc pada windows 8
  • cara mndapatkan domain dot com gratisdari intuit
  • cara mengganti slide show di template xml
  • samsung galaxy mini
  • cara meng upload agar bisa di wonload
  • download template blog
  • 10 tamplate blogger seo 2012
  • Monday, December 10, 2012

    12/10/2012

    cara membuat slide show di blog

    Cara Membuat SlideShow di Blog

    salam buat kalian para blogger.pada kesempatan siang ini saya akan mencoba mempostingkan sebuah tutorial Blogging di blog ane. Ketika teman-teman sibuk berseluncur di jejering social Facebook dan Twitter malah saya sendiri berseluncur dengan membagikan Tutorial Blogging. Tutorial kali ini judulnya Cara Membuat Slideshow pada blog. 


    Cara Membuat SlideShow di Blog


    Dengan slideshow ini, anda tidak perlu menggunakan java script yang diberikan jasa pembuat slide. Anda bisa menambahkan slideshow pada web atau blog anda dengan membuat slideshow sendiri. Dan cara buatnya sangat mudah, yaitu anda tinggal copy paste kode-kode dibawah, kemudian anda bisa mengubah kecepatan tampilan slide dan ukuran panjang serta lebar gambar yang disesuaikan dengan web atau blog anda. Kemudian anda tinggal mengganti ulr yang ada dengan ulr gambar anda dan memberi uraian setiap gambar yang akan ditampilkan.


    Silahkan ikuti langkah-langkah berikut ini :
    Pertama :
    Silahkan Login terlebih dahulu ke Akun Blogger Anda

    Kedua :
    Klik Rancangan >> Edit HTML

    Ketiga :
    Tempatkan / Copas Kode berikut Tepat Di atas Kode
    https://sites.google.com/site/selinganfiles/SlideShow%201.txt
    Keterangan :
    Ganti nilai dari width:600px; height:240px; sesuai dengan kebutuhan web atau blog anda.
    Ganti nilai dari waktu slideShow(3000); sesuai keinginan anda

    Kempat :
    Simpan  template.


    Kelima :
    Lankah selanjutnya kembali ke Rancangan dan pilih Elemen Halaman.

    Keenam :
    Silahkan tambah Gadget >> Pilih 'HTML / Javascript' dan masukkan kode dibawah ini :
    Keterangan :
    Silahkan Ganti Kode di atas yang berwarna biru dengan Kata-kata Anda Sendiri
    Anda Juga bisa menambah Slide lainnya sesuai dengan jumlah yang anda Inginkan.

    sekian yang bisa saya jelaskan semoga bermanfaat bagi agan2 sekalian..
    owh ia jangan lupa buka yang lainnya 

    Saturday, December 8, 2012

    12/08/2012

    Cara Share Internet dengan Wi-Fi

     Untuk menjadikan laptop kita sebagai hot-spot, mudah sekali. Yang paling mudah, anda tinggal pakai Connectify-me. Nah, bagaimana kalau kita tidak punya Connectify-me? Anda perlu membuatnya secara manual, yaitu dengan membuat Ad-Hoc Network. Nah, langkah selanjutnya, anda tinggal share internet yang anda dapatkan dari perangkat selain wi-fi, modem, atau kabel misalnya. Berikut langkah-langkahnya:
    Buka Control Panel>Network and Internet>Network and Sharing Center
    Pada panel kiri, klik 'Change Adapter Settings


    Pilih jaringan yang akan di-share. Pastikan koneksi internet dari jaringan yang akan di-share sedang terputus, kalau tidak, share dakan berfungsi setelah disconnect dan connect lagi. Di sini saya akan share internet dari modem Qualcomm (Wireless Terminal).
    Klik kanan>Properties>pilih tab Sharing, centang 'Allow other network users to connect through this computer's internet connection.
    Karena di sini saya membuat Ad-Hoc network dengan nama WARNETKOE (Wireles Network Connection 2 [lihat di gambar ke-2]), nah, pilih jaringan 'wireles network connection 2'  (disesuaikan dengan Ad-Hoc Network anda).
    Selanjutnya klik OK dan koneksikan kembali modem/internet kabel yang anda share. Untuk membuktikannya, tes koneksi di perangkat lain. Jika sudah dapat mengakses internet, anda berhasil.
    sekian penjelasan dari saya jika tidak ada yang dimengerti mohon ditanyakan........
    Selanjutnya klik OK dan koneksikan kembali modem/internet kabel yang anda share. Untuk membuktikannya, tes koneksi di perangkat lain. Jika sudah dapat mengakses internet, anda berhasil.
    sekian penjelasan dari saya jika tidak ada yang dimengerti mohon ditanyakan........

    12/08/2012

    si anak kampung RAJA PRAKTEK



    saya seorang siswa di sebuah sekolah negeri di kota banjar, disitu saya mulai dengan kehidupanku yang berbeda
    yang biasanya setiap hari aku main kesawah disini aku pulang sekolah hanya diam dirumah sambil ditemani buku-buku paket yang begitu tebal, mungkin ini jalan untuk menuju keberhasilanku,,,,,,,
    tapi aku tak menyerah karena hal itu, aku terus berjuang dan berjalan karena aku mikir buat apa aku kesini kalau bukan untuk sekolah mencari ilmu untuk masa depan, orang tuaku hanyalah seorang petani yang hanya hidup pas-pasan, dan mereka berkata padaku " muin kamu sekolah yang  benar, orang tuamu gak punya apa-apa bapak dan ibumu hanya bisa menyekolahkanmu ga bisa ngasih harta apa-apa" kata orang tuaku " ia ibu aku ngerti aku juga begitu" jawabku.
    tapi ada saja fikiranku yang tiba-tiba tercengang kepengin sepeda motor karena iri dengan teman-teman yang membawa motor, mereka berkata " in mana motormu ?" kata temenku " aku nda punya motor teman q ikut kamu saja ia" jawabku, "ah jangan aku tak mau boncengan sama kamu aku udah janji" jawab temanku, pada saat itu hatiku terasa di beset pake belahan bambu yang tipis
    hidupku terasa seperti sampah yang tidak di harapkan oleh mereka, tapi kadang ada temanku yang lain yang terus mengatakan padaku " semangat in hidup penuh dengan perubahan tidak selamanya orang itu diatas, dan tidak selamanya pula orang dibawah" " ia zar aku tau tapi mereka seperti tidak menghargaiku sama sakeli" jawabku " sabar semua akan kembali normal, buktikan pada mereka bahwa dirimu itu pantas untuk di hargai" nah mulai hari itu aku makin semangat aku membuktikan apa yang sudah dibicarakan oleh nizar, dan akhirnya teman-temanku mengakuiku bahwa aku pantas di hargai dan sampai sekarang mereka semua menjadi dekat denganku karena aku mempunyai kelebihan di bidang olahraga dan akademik, tapi aku belum puas dengan semua itu, aku terus berusaha mencari kelebihan-kelebihan yang ada di dalam diriku.
    banyak temanku yang mengatakan bahwa muin itu lemah di materi tapi dia mempunyai kelebihan yaitu pada saat praktek aku nomor satu, itu kata mereka sehingga aku mendapat julukan RAJA PRAKTEK.....


    Wednesday, December 5, 2012

    12/05/2012

    cara Membuat File HTML (Website) dengan CorelDRAW

    Untuk kesempatan kali ini kita mengulas cara membuat file HTML (Hyper Text Markup Language) yang sederhana dari desain yang kita buat dengan CorelDRAW, sehingga dapat dipublikasikan ke alamat WWW (World Wide Web) di Internet, disarankan Mas Bro sekalian menggunakan CorelDRAW X5, karena tutorial ini aku menggunakan CorelDRAW X5, sebab kalau Mas Bro sekalian menggunakan versi dibawahnya ada kemungkinan langkah-langkah dan kotak dialognya beda sehingga Mas Bro mungkin mengalami kesulitan untuk memulainya.

    Ok.. ini agak serius dikit !!! ,,,,, kita asumsikan HARDDISK komputer kita adalah server internet, ikuti langkah2 sebagai berikut:



    1. Kita buat sebuah desain dengan 3 halaman yang berisi object : Text Paragraph, Text Artistic, Image Bitmap, seperti gambar dibawah ini (ini hanya contoh, untuk desain terserah kreasi sampeyan pokoknya ada ke 3 unsur object seperti diatas)









    2. Selanjutnya pemberian nama pada halaman langkahnya; satu persatu klik kanan pada Page > kemudian pada kotak dialog Rename Page isikan nama halaman contohnya > page1 = Belajar CorelDRAW (yang nantinya akan menjadi homepage, page2 = Belajar CorelDRAW : Halaman1, page3 = Belajar CorelDRAW : Halaman2





    3. Selanjutnya kita lakukan perubahan material dengan Convert To Bitmap pada Text Artistic (seperti tulisan Home, Watermark tulisan Belajar CorelDRAW) dan untuk Paragraph Text, Klik Text > Make Text HTML Compatible, seperti gambar dibawah







    4. Langkah selanjutnya kita membuat Link (tautan) caranya klik kanan pada object yang akan di beri link (bisa object bitmap atau text dengan di blok) > pilih Internet Link dan Mas Bro atur sendiri halaman mana yang akan di beri link.






    Contoh paragraph text yang diberi link





    Contoh image Bitmap yang di beri link








    5. Kemudian langkah terakhir; pada menu File pilih > Export HTML > klik OK...... maka file HTML kita sudah jadi dan siap publish.....






    Maka kalau langkah sampeyan benar hasil direktori-nya/folder-nya seperti gambar dibawah ini, kemudian coba double klik pada salah satu file HTML yang sudah kita buat, maka akan tampil pada Broswer kita dengan tampilan selayaknya Website.........






    mungkin cukup sekian penjelasan dari saya,,,, mohon maaf bila ada kesalahan.....
    loading...