Langkah dan Cara Membuat Menu Navigasi dengan Sub Menu Untuk Blogger

  • Pertama,pergilah ke Dashboard (Gb.1) blog yang akan anda beri menu navigasi dengan sub menu ini.
  • Selanjutnya pilih tab Edit Html 
  • Setelah itu,contreng tulisan / checkbox 'Expand Widget Templates'
  • Setelah itu carilah kode seperti ini ]]></b:skin> (Gunakan Ctrl+F pada keyboard untuk mempermudah pencarian),setelah ketemu letakkan kode dibawah ini tepat diatas kode ]]></b:skin>
    tersebut.
    #NavbarMenu { background: #000; width: 400px; height: 10px; font-size: 11px; font-family: Trebuchet MS, Tahoma, Verdana; color: #fff; margin: 0px; padding: 0px; } #NavbarMenuleft { width: 400px; float: left; margin: 0; padding: 0; } #nav { margin: 0; padding: 0; } #nav ul { float: left; list-style: none; margin: 0; padding: 0; } #nav li { list-style: none; margin: 0; padding: 0; } #nav li a, #nav li a:link, #nav li a:visited { background: #222222; height: 15px; color: #fff; display: block; font-size: 11px; font-family: trebuchet ms, ; text-transform: none; text-decoration: none; margin: 0; padding-top:6px; padding-bottom:5px; padding-left:13px; padding-right:13px; border-right: 1px solid #000; } #nav li a:hover, #nav li a:active {background: #222222; color: #ffffff; margin: 0; padding-top:6px; padding-bottom:5px; padding-left:13px; padding-right:13px; text-decoration: none; } #nav li li a, #nav li li a:link, #nav li li a:visited { background: #ffffff; width: 150px; color: #222222; font-size: 11px; font-family: trebuchet ms,; font-weight: normal; text-transform: none; float: none; margin: 0; padding: 7px 10px; border: 1px solid #000; } #nav li li a:hover, #nav li li a:active { background: #222222; color: #ffffff; padding: 7px 10px; } #nav li { float: left; padding: 0; } #nav li ul { z-index: 9999; position: absolute; left: -999em; height: auto; width: 170px; margin: 0; padding: 0; } #nav li ul a { width: 140px; } #nav li ul ul { margin: -32px 0 0 171px; } #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; } #nav li:hover, #nav li.sfhover { position: static; }
  • Setelah itu Simpan Templates.
  • Sekarang giliran kita menentukan dimana tempat menu navigasi submenu ini akan kita letakkan.
  • Pilih Tab Rancangan / Tata Letak pada Dashboard blog anda,seperti (Gb.1),selanjutnya klik tulisan 'Add New Widget / Tambah Gadget' dan pilihlah Html / Javascript


  • Setelah itu letakkan kode berikut pada widget HTML / Javascript tersebut.

    <div class='menuhorisontal'>
    <ul id='nav'>

    <li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
    <li><a href='http://tulis_alamat_url_tujuan'>Utama Ganti Sesuai Keinginan</a>
    <ul>
    <li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
    <li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
    <li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
    <li><a href='http://tulis_alamat_url_tujuan'></ul> </li>

    <li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
    <li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>

    <li><a href='http://tulis_alamat_url_tujuan'>Utama Ganti Sesuai Keinginan</a>
    <ul>
    <li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
    <li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
    <li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
    <li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
    <li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
    <li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
    <li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
    <li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
    <li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
    <li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
    <li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
    </ul> </li>
    <li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
    </ul>
    </div>

  • Lalu simpan,selesai dan lihat hasilnya

** Untuk http://tulis_alamat_url_tujuan gantilah sesuai tujuan kamu kemana link akan diarahkan,misal;
http://pelajaran-blog.blogspot.com/2009/03/membuat-menu-navigasi-css-di-element.html dan tulisan Ganti Sesuai Keinginan gantilah denga keterangannya,misal dengan keterangan Membuat Navigasi Css dengan Sub Menu,maka dalam penulisannya;
<li><a href='http://pelajaran-blog.blogspot.com/2009/03/membuat-menu-navigasi-css-di-element.html'>Membuat Navigasi Css dengan Sub Menu</a> </li>
read more “Langkah dan Cara Membuat Menu Navigasi dengan Sub Menu Untuk Blogger”

Membuat Read More Otomatis pada Blogger

Disini akan disajikan bagaimana kita membuat read more .... sehingga tampilan tidak memenuhi layar sehingga kita hanya menampilkan penggalannya aja, inilah tehniknya dari tutorial om Jaloe semoga bermanfaat.

  1. Seperti biasanya untuk meng-edit template sobat harus melakukan Log In --> Layout --> Edit HTML --> Centang/tic Expand template widget
  2. Cari tag </head>
  3. Taruh script seperti dibawah ini diatas tag </head>
    <script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>
  4. Cari tag <data:post.body/>
  5. Ganti tag tersebut diatas (<data:post.body/>) dengan script seperti dibawah ini :
    <b:if cond='data:blog.pageType != &quot;item&quot;'> <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div> <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'> read more &#8220;<data:post.title/>&#8221;</a></span> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
  6. Save

Sebagai catatan :
  • summary noimg= 430 – tinggi artikel terpenggal tampa image
  • summary img=340 – tinggi artikel terpenggal dengan image.
read more “Membuat Read More Otomatis pada Blogger”

DATA POKOK PENDIDIKAN

Berisikan data NISN (Nomor Induk Siswa Nasional, NUPTK (Nomor Unik Pendidik & Tenaga Kependidikan, NPSN (Nomor Pokok Sekolah Nasional), yang memberikan informasi bagi putra / putri tercinta ... see more
read more “DATA POKOK PENDIDIKAN”

"Hacking Password Ms.Word dan Excel"

Untuk mengamankan dokumen, seringkali kita melindungi dokumen dengan Password. Demi alasan keamanan juga, kita memberi Password yang berbeda-beda pada setiap dokumen tersebut, sehingga sering kejadian data yang kita simpan terlalu aman hingga kita sendiri tidak bisa membukanya karena lupa Passwordnya.

Artikel Komputer kali ini membahas tentang bagaimana cara membuka Password File Ms.Word dan Ms.Excel yang tidak anda ingat alias lupa.

Untuk mengatasi hal tersebut, kita bisa memanfaatkan sebuah tools (software) pengingat password Ms.Word dan Ms.Excel. Salah satu Tools (software) yg bisa kita manfaatkan adalah Free Word/Excel Password Recovery.

Cara menggunakan sofware pembuka password ini cukup mudah, yaitu:
1. Tentukan file MS word/excel yang akan dicari passwordnya di tab “select file”

2. Pilih dictionary yang akan digunakan di tab “dictionary recovery.” Dictionary ini akan membantu mencari password dari kata-kata yang disimpan dalam dictionary ini. Klik next.

3. Klik tab brute force recovery, tentukan karakter yang mungkin anda gunakan dalam password tersebut. Tentukan perkiraan panjang password yang anda gunakan. Usahakan rangenya jangan terlalu panjang karena kombinasinya akan semakin banyak dan prosesnya menjadi lama. Lebih baik sedikit demi sedikit. Klik Next

Sekarang anda tinggal menunggu software tersebut mencari password file Ms.Word atau Ms.Excel anda.

Untuk mendapatkan Tools ini silahkan Download di sini
read more “"Hacking Password Ms.Word dan Excel"”

"Mengatasi Flash Disk Bermasalah"

Masalah yang cukup sering dijumpai dalam penggunaan USB flash disk adalah tidak terdeteksinya perangkat tersebut oleh Windows. ini antara lain ditandai dengan tidak munculnya ikon “removable hardware” pada system tray. Tanda lain adalah tidak adanya drive USB flash disk di Windows Explorer.

Masalah ini cukup sering dijumpai pada komputer yang penggunaan sumber daya sistemnya (apalagi RAM) cukup tinggi sehingga pendeteksian keberadaan perangkat baru menjadi terganggu.

Berikut ini langkah-langkah untuk mengantur pendeteksian USB Disk secara manual di Windows XP

1. Buka menu Add Hardware dengan cara mengklik [Start]>[Control Panel]>[Add Hardware]. Jika menu tersebut belum terlihat, klik [Switch to Classic View] yang ada di menu sebelah kiri.
2. Setelah menu tersebut dipilih, maka akan muncul wisaya yang menuntun pada proses pendeteksian hardware, Klik [Next]
3. Sistem selanjutnya akan memeriksa keberadaan hardware baru yang sudah tertancap namun belum terdeteksi. Kalau USB flash disk sudah berhasil dikenali, muncul salah satu hal dari hal-hal berikut ini : Muncul menu autorun, Pernyataan bahwa USB flash disk mendukung koneksi USB yang lebih cepat, Muncul ikon “Removable hardware “pada systen tray dan Muncul dirive baru di Windows Explorer atau My Computer.


4. Kalau salah satu hal tersebut terjadi, pendeteksian tidak perlu diteruskan. Klik [Cancel] pada tampilan berikutnya.

Nah, biar enggak bolak-balik Control Panel setiap kali ada perangkat USB yang dicolok, buatlah shortcut [Add Hardware] di Quick Launch Toolbar. Langkah-langkah seperti berikut ini.

1. Buka Control Panel dan ubah tampilannya ke mode “klasik” (switch to Classic Mode) seperti langkah 1 di atas.
2. Seret ikon Add Hardware dan jatuhkan ke Quick Launch Toolbar. Kalau toolbar tersebut belum muncul, Anda dapat mengaktifkannya dengan klik kanan pada taskbar, klik [Propertis]>[Taskbar]. Kemudian, beri tanda centang pada [Show Quick Launch].
read more “"Mengatasi Flash Disk Bermasalah"”

"Membuka file office 2007 dengan office 2000/2003"

Jika kita ingin membuka file office 2003 dengan menggunakan Office 2007 itu hal yang biasa, namun bagaimana jika sebaliknya?? Pasti kita akan merasa jutek, kesal, kecewa, menggerutu dan sebagainya jika ada file penting yang ingin dibuka tetapi, filenya adalah Office 2007 sedangkan aplikasi yang terinstall adalah Office 2000 atau 2003.

Mau beralih menggunakan office 2007 merasa enggan atau gak tertarik. Hal ini mungkin disebabkan karena kita-nya masih lebih familiar menggunakan office 2000 atau 2003 dibandingkan office 2007 dikarenakan bentuk tampilannnya yang sudah jauh berbeda.

Namun gak usah merasa sedih dan kecewa karena file office 2007 tersebut bisa dibuka menggunakan office 2000 atau 2003 loh... Lalu bagaimana cara membuka file office 2007 menggunakan office 2000 atau 2003.

Untuk keperluan ini kita perlu menginstall software tambahan yang namanya FileFormatConverters.exe. Software ini dibuat oleh microsoft sendiri, hanya saja mungkin ada beberapa fitur yang tidak jalan, tetapi yang penting intinya kita dapat membuka file yang kita inginkan. Jadi jika ingin mencobanya silahkan UNDUH sendiri disini.
read more “"Membuka file office 2007 dengan office 2000/2003"”