Buat Side Menu

Pada postingan kali ini aku akan mengetengahkan (emang nyamping) bagaimana membuat Side Menu. Kebanyakan menu berada di atas, tetapi ini berada di samping. Selain itu menu ini akan keluar secara slide jika kamu menunjuk menu ini dan akan melayang walo kamu men-scroll down halaman blog. Hal ini akan mempermudah pengunjung dan pembaca blogmu untuk melihat menu tanpa harus kembali ke atas. Contoh bisa kamu lihat dan check di samping kiri blog ini!
Jika kamu tertarik untuk membuatnya, silakan ikuti jejak di bawah ini:

Jejak 1
Download file menu.zip ini, di mana terdapat 2 file .js yaitu ssm.js dan ssmItems.js

Jejak 2
Buka file "ssmItems.js" dengan text editor (misal dengan notepad) untuk mengedit style menu dan linkmu

Jejak 3
Upload kedua file .js (ssm.js dan ssmItems.js yang telah kamu edit) tersebut ke webpage directory (misal googlepages)

Jejak 4
Login ke blogger > lay out > edit html > [v] expand widget

Jejak 5
Masukkan kode di bawah <head>

<style type="text/css">
<!--
A.ssmItems:link {color:black;text-decoration:none;}
A.ssmItems:hover {color:black;text-decoration:none;}
A.ssmItems:active {color:black;text-decoration:none;}
A.ssmItems:visited {color:black;text-decoration:none;}
//-->
</style>

<SCRIPT SRC="ssm.js" language="JavaScript1.2">

//Dynamic-FX slide in menu v6.5 (By maXimus, http://maximus.ravecore.com/)
//Updated July 8th, 03' for doctype bug
//For full source, and 100's more DHTML scripts, visit http://www.dynamicdrive.com

</SCRIPT>

<SCRIPT SRC="ssmItems.js" language="JavaScript1.2"></SCRIPT>

Jejak 6
Ok, itu saja. Mudah kan?

Keterangan:
Kamu bisa mengubah warna sesukamu dengan mengganti tulisan "black".
Ganti warna biru dengan alamat ssm.js dan ssmItems.js yang telah kamu upload. OK, simpan deh template.
Posted by Unknown at 10:23 AM 0 comments

 

Kotak Komentar dari IntenseDebate

Ada beberapa blogger yang ga bisa pasang kotak komentar dari blogger yang baru. Seperti i punya blog ini. Blog ini ga bisa di pasangin kotak komentar apapun baik dari standar blogger, kotak komentar blogger yang baru, dari haloscan dan modifikasi jackbook setelah ganti template. Hal ini mungkin dipengaruhi oleh templatenya. Aku dah minta bantuan juga dengan bos Kendhin tapi hasilnya masih nihil. Sebenere aku dah pasang kotak komentar dari intense debate sebelumnya tapi saya ganti dengan haloscan.
Bagi yang mengalami hal yang sama denganku dan juga malas ganti template karena merasa template yang digunakan sekarang disukai dan bagus kamu bisa pasang aplikasi dari Intensedebate. Ok, yang mau pasang silakan ikuti langkah-langkah berikut ini :

1. Pertama-tama buka situs IntenseDebate.
2. Klik link "Sign Up" di pojok kanan atas.
3. Isi semua kolom yang disediakan dengan data Anda. Klik tombol "Create Account".
4. Selanjutnya Anda akan dibawa ke halaman "Users" atau "Profile".
5. Cari link "Add Intense Debate to a Blog" atau tombol "Put Intense Debate on Your Blog�di bagian pojok kanan atas. Klik.
6. Di halaman baru Anda akan diminta memasukkan alamat blog. Isi dengan benar dan klik tombol "Get Intense Debate".
7. Ada 4 pilihan yang akan ditampilkan IntenseDebate, yakni untuk Blogger, TypePad, WordPress atau dalam bentuk javascript snippet. Karena saya membahas Blogger, maka klik tombol berlogo Blogger.
8. Saatnya memasukkan IntenseDebate ke dalam blog. Pilihan yang diberikan ada 2, yakni berupa widget atau template. Opsi widget jauh lebih simpel dan cepat, tapi terkadang tidak dapat bekerja dengan baik di blog yang terlalu banyak kustomisasi di blog, misal banya pasang page element. Lebih baik kita pilih opsi template saja. Untuk itu Anda harus masuk ke account blogger kamu dan mendownload template blog Anda lalu menyimpannya di komputer. Bagian yang ini dah bisa kan? Klo bisa tapi lupa ok dijelasin. Setelah login blogger,pilih lay out > edit html > download tempate lengkap.
9. Setelah template blog disimpan, upload ke IntenseDebate. Lalu atur apakah kolom komentar IntenseDebate akan muncul di semua posting atau hanya di posting yang belum mempunyai komentar. Pilihan terserah Anda, tapi pilihan kedua dapat menghilangkan/menutupi semua komentar yang pernah ada di blog Anda.
10. Klik tombol "Upload and Continue" di bagian paling bawah.
11. Selanjutnya yang perlu Anda lakukan hanyalah mengganti template blog Anda dengan template baru hasil kreasi IntenseDebate. Caranya dengan melakukannya sendiri dengan mengkopi paste kode HTML yang telah dimodifikasi Intensedebate atau biarkan Intensedebate yang melakukannya dengan menekan tombol instal (klo ga salah). Tapi lebih baik dilakukan sendiri mumpung buka blogger. Kamu tinggal copi paste kode yang telah dimodif ke edit template, tapi ingat Expand template widget JANGAN dicentang.
12. Tekan "simpan template".
13. Selese dech. Lihat kotak komentarmu yang baru. Jangan khawatir, IntenseDebate hanya menambahkan kotak komentarnya saja, so pengaturan dan page element yang kamu buat sebelumnya tidak akan hilang.

Tapi namanya fasilitas dari pihak ketiga, tentu saja ada kelemahannya. Antara lain, klo ada yang komentar di blogmu tidak akan tersimpan di database blog karena yang menyimpan IntenseDebate. Program IntenseDebate memang sejatinya menutup fasilitas komentar asli Blogger, jadi semua komentar yang dibuat pengunjung masuknya ke account IntenseDebate.
Ada informasi yang mengatakan bahwa menambah aplikasi ini akan mempengaruhi SEO dan dikhawatirkan akan melanggar ToS Blogger. Semuanya terserah kamu ya?
Posted by Unknown at 6:15 AM 0 comments

 
Subscribe to: Posts (Atom)
diooda