Membuat sajian Vertical dan Horizontal pada Blog | ||||||||||||||||||||||||||||
A. Menu Horizontal Ada yang ingin menciptakan sajian horizontal untuk blognya? ini ialah salah satu caranya, tapi sebelumnya apasih sajian horizontal itu? Menu horizontal ialah menu-menu yang disusun secara horizontal (menyamping). menyerupai ini :  Contohnya dapat dilihat disini . Untuk membuatnya ikuti cara berikut ini: pertama-tama siapkan dulu gambarnya, contohnya menyerupai ini :  dan  kalo nggak punya gimana? kalo nggak punya pake gambar yang ini juga boleh.
Ok, bahan-bahannya sudah ada, mari kita mulai meraciknya: 1. Login ke blogger terus pilih Layout --> Edit HTML, jangan lupa template di backup dulu. 2. Cari script menyerupai ini ]]>, kalo udah ketemu copy script dibawah ini dan taruh diatasnya /*credits : http://trik-tips.blogspot.com */ #tabshori { float:left; width:100%; font-size:13px; border-bottom:1px solid #2763A5; line-height:normal; } #tabshori ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabshori li { display:inline; margin:0; padding:0; } #tabshori a { float:left; background: url("http://kendhin.890m.com/menu/blackleft.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabshori a span { float:left; display:block; background: url("http://kendhin.890m.com/menu/blackright.gif") no-repeat right top; padding:5px 14px 4px 4px; color:#fff; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabshori a span {float:none;} /* End IE5-Mac hack */ #tabshori a:hover { background-position:0% -42px; } #tabshori a:hover span { background-position:100% -42px; } Tulisan yang dicetak tebal dapat kau ganti dengan gambar-gambar (text dibawah gambar) diatas tadi. Misalnya, kalau kau pilih yang warna merah maka scriptnya menjadi menyerupai ini; background: url("http://kendhin.890m.com/menu/redleft.gif") no-repeat left top; background: url("http://kendhin.890m.com/menu/redright.gif") no-repeat right top; 3. Copy script berikut ini 4. Ganti http://trik-tips.blogspot.com dengan link yang kau tuju. Link tersebut dapat berupa alamat blog lain atau link postingan km. Untuk mendapat link postingan caranya klik kanan pada judul postingannya trus pilih "copy link location" (untuk mozilla firefox). Kemudian text yang dicetak tebal dapat kau ganti dengan text yang kau suka. Text tersebut ialah text yang muncul di tombol/menu. 5. Cara memasangnya ada beberapa macam tergantung dari template yang digunakan, salah satu pola memasangnya yaitu begini cari isyarat berikut ini : caranya nyari semoga gampang, copy script diatas kemudian tekan Ctrl-f kemudian paste di kotak find, nha pribadi ketemu kan. Kalo sudah ketemu copy script yang tadi diatasnya 6. Simpan hasil pengeditan. 7. Lihat hasilnya. 8. kalo akhirnya kurang bagus/acak-acakan coba script tadi dipindah tempatnya, contohnya pindah keatasnya yaitu diatas isyarat 9. Kalo masih belum berhasil juga coba cara ini: - Cari isyarat berikut ini : terus ganti text yang berwarna hijau sehingga menjadi menyerupai ini: terus di Save Klik tab Page Elements, kemudian di tempat header klik Add a page element kemudian pilih HTML/JavaScript paste script link tadi di dalam kotak content terus simpan, coba drag kebawah dikit, terus simpan dan lihat hasilnya. akhirnya niscaya akan berbeda-beda di setiap template. kalo gagal berarti coba diteliti lagi langkah-langkahnya dan dipahami maksudnya, Good luck..... A. Menu Vertical  Menu vertikal ini cocok kalau dipasang di sidebar alasannya bentuknya berjajar sevara vertikal. Contohnya menyerupai gambar disamping itu. Cara membuatnya :1. Login ke blogger trus pilih "Layout-->Edit HTML" 2. Masukkan kede berikut sebelum isyarat |
Membuat Sajian Vertical Dan Horizontal Pada Blog
Subscribe to:
Post Comments (Atom)
0 Response to "Membuat Sajian Vertical Dan Horizontal Pada Blog"