Tip dan trik kali ini adalah bagaimana cara menempatkan menu-menu horizontal tepat diatas header yang kita inginkan. Ini khusus template baru atau beta, Menu itu seperti contoh gambar berikut ini:
Untuk menempatkan persis seperti itu caranya adalah:
1. Login ke blogger anda setelah anda di Desboard
2. Pilih Kostomisasi
3. Pilih Tempalte
4. Pilih edit HTML dan Ceklis Expand Template Widget
Kemudian anda cari kode html seperti berikut:
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</div>
</b:if>
</b:includable>
</b:widget>
</b:section>
</div>
Nah setelah script </div> inilah kita menaruh link-link yang akan kita jadikan header. Penempatan link itu pun tidak mutlak harus persis dibawah script </div> dan bisa ditempatkan lebih bawah lagi dari script tersebut. Tapi yang jelas link-link itu harus di simpan setelah script <p class='description'><span><data:description/></span></p>
. Untuk lebih memuaskan hasil yang di inginkan silahkan Privew atau pratinjau sebelum anda menyimpannya. Semoga berhasil.
Tip kali ini adalah bagaimana kita memasok atau menampilkan link postingan atau artikel dari blog orang lain pada blog kita, sekaligus menjawab pertanyaan dari saudara Ainuddin yang beralamat di
Anak santan, yang menanyakan alamat feeds blog
Seuntai Kenangan ini.
Alamat feeds defaultnya adalah seperti dibawah ini:
http://
nama.blogspot.com
/feeds/posts/default
Dari alamat tersebut anda tinggal mengganti alamat yang tercetak merah diganti dengan alamat blog yang anda inginkan beberapa artikel terbarunya tampil pada blog anda.
Untuk yang hendak memasang feedsnya seuntai kenangan harus tahu terlebih dahulu alamat kolom mana yang akan di pasang pada blog anda, karena blog ini memiliki bebreapa kolom (multi blog) yang mempunyai alamat sendiri-sendiri.
Misalnya:
Oase ==> http://seuntaikenanganoase.blogspot.com/feeds/posts/default
Jendela keluarga ==> http://seuntaikenangankeluarga.blogspot.com/feeds/posts/default
Dan lain sebagainya silahkan anda pilih mana yang ingin anda pasok.
Adapun langkah-langkah atau cara memasukkan alamat tersebut adalah sebagi berikut (untuk blogger baru/beta).
1. Login ke Akun blogger anda
2. Masuk ke Layout
3. Tambah sebuah Elemet Halaman
4. Pilih Feed
5. Isi alamat URL Feed (URL feed seperti format diatas)
6. Kemudian klik Lanjutkan dan tunggu sampai
muncul Pratinjau/priveuw
7. Langkah terakhir Simpan
Semoga bermanfaat
Pada kesempatan yang lalu admin telah menyajikan bagai mana memasang
icon YM pada blog anda serta bagai mana kita bisa chat dengan
Al-Quran.Pada kesempatan ini tip dan trik yang admin sajikan adalah bagaimana menjalankan 2 (dua) atau lebih accout YM (yahoo massanger) yang berbeda secara bersamaan. Pada dasarnya satu accout default dapat di tambahkan dengan beberapa nama account tambahan.
Namun pada kali ini adalah bagaimana menjalankan account yang berbeda pada satu komputer secara bersamaan.
Dengan cara sederhana Anda bisa menjalankan dua account Yahoo Messager secara bersamaan, hanya dengan sedikit mengedit registry anda sudah bisa melakukannya, untuk itu ikutilah langka-langkah berikut ini :
1. Start ==>Run lalu ketik regedit
2. Pilih HKEY_CURRENT_USER ==> Software ==> yahoo ==> pager ==> Test
3. Klik kanan pada folder test pilih new ==> DWORD value lalu rename menjadi Plural lalu sesudah di rename, klik ganda dan kasih value misalnya 1, 2, 3 dan seterusnya.
Tutuplah registry editor lalu jalankan YM Anda sesudah login pertama lalu klik ganda icon YM lagi untuk Login kedua dengan user yang berbeda.
Pada contoh ini admin mencoba dengan Value=3, dan hasilnya dengan mencoba masuk 6 (enam) Account yang berbeda bisa di tampilkan secara bersama-sama pada satu komputer bahkan bisa lebih.
Jika anda belum menginstal Yahoo Massanger (YM) pada komputer, anda dapat mendomnlodnya atau anda tak perlu menginstal dan langsung cukup buka URL webnya di webmessenger.yahoo.com.
Silahkan di coba saja!!! *Telkom.net
Jika anda pernah melihat tampilan teks yang berjalan dari bawah ke atas atau sebaliknya, dari kanan ke kiri atau sebaliknya, tentu sangat memesona dan mengundang perhatian pengunjung.
Semua berkat kerja si Marquee dalam kode HTML. Ya, dengan kata Marquee ini kita bisa menjalankan teks maupun gambar sesuai dengan keinginan kita. Menggunakannya pun sangat mudah tapi hasilnya sangat menyenangkan.
Berikut adalah beberapa kode marquee dasar yang bisa kita gunakan :
<marquee direction=left>Teks berjalan ke kiri </marquee> maka hasilnya adalah seperti di bawah ini.
<marquee direction=up>Teks berjalan ke atas </marquee>
hasilnya adalah:
Keterangan : Untuk mendapatkan efek yang berbeda, kita bisa mengganti 'left' ke 'right' agar teks berjalan ke kanan, atau gantilah 'up' dengan 'down' agar teks berjalan ke bawah.
Si Marquee juga memiliki atribut lain untuk melengkapi hasil yang bisa ditampilkan.
Misalnya : <onmouseover="this.stop()" onmouseout="this.start()">
Dengan menyelipkan atribut diatas didalam marquee, maka saat teks yang berjalan didekati oleh mouse, maka teks akan tertahan (stop) dan saat mouse menjauh maka teks akan kembali berjalan. Sangat membantu bila kita menyertakan tautan (link) di dalam marquee agar mudah dikendalikan pengunjung. Contoh seperti ini <marquee direction=up onmouseover="this.stop()" onmouseout="this.start()">
dan hasilnya seperti dibawah ini.
Jika teks bergeraknya terlalu cepat anda dapat menambahkan skript <scrollamount="x">, nialai "x" dapat anda ganti sesuai dengan kebutuhan misal dengan nilai 1,2,3...dst sesuai seberapa cepat pergerakan teks yang anda inginkan contoh dibawah ini adalah Jika scrollamount="1":
<marquee direction=up onmouseover="this.stop()" onmouseout="this.start()" scrollamount="1">Contoh kerja si Marquee klik di <a href="http://seuntaikenangantiptrik.blogspot.com">sini</a> untuk kembali ke Tip dan trik
atau klik di <a href="http://seuntaikenangan.blogspot.com">sini</a> untuk ke Beranda/Home
</marquee> Dan hasilnya seperti di bawah ini:
Selain itu si marquee juga dapat digabung dengan perintah <behavior="alternate"> jika anda menyisipkan perintah ini maka text bergerak bulak-balik untuk lebih jelasnya berikut ini contonya: <marquee behavior="alternate"> Aku capek nihh bulak-balik seperti setrikaan saja</marquee> dan hasilnya seperti ini:
Selamat mencoba semoga berhasil.
Bagi anda yang ingin menampilkan icon Yahoo Messanger(YM) pada blog anda, ini adalah script untuk menampilkan Icon YM tersebut. Icon ini akan berubah warna menjadi kuning jika anda sedang Online dan menjadi warna sedikit gelap (tidak kuning) jika anda off atau singn Out.
Jika anda memilih yang t=1 atau t=2 maka akan menunjukan status anda dengan Online now/I'm Online dan menjadi Not Online jika Sign Out. Silahkan anda Copy dan paste script di bawah ini pada template anda, letak maupun posisinya tergantung anda.
Namun perlu di ingat jangan lupa untuk mengganti text yang berwarna merah dengan id YM anda. Untuk ukuran Icon anda dapat menganti menjadi t=... (0,1,2,3) sesuai dengan selaera. <a href="ymsgr:sendim?admseuntaikenangan"><br/><img border="0" src="http://opi.yahoo.com/online?u=admseuntaikenangan&m=g&t=2"/></a>
Jika anda ingin menambahkan keterangan id di bagian atas/bawah icon YM tersebut anda cukup hanya menambahkan script <span class="menuatas">YM: Nama/ ID YM dan jangan lupa untuk menambahkan script </span> pada akhir script. atau klo kita gabungkan menjadi seperti ini,
<span class="menuatas">YM: AdmSeuntaikenangan</span><a href="ymsgr:sendim?admseuntaikenangan"><br/><img border="0" src="http://opi.yahoo.com/online?u=admseuntaikenangan&m=g&t=2"/></a>
Berikut ini adalah contoh penerapan tip dan trik diatas:
Untuk t=0
Untuk t=1 dan Posisi nama Id di bawah.
Untuk t=2
Tip dan trik kali ini adalah bagaimana cara membuat banner blog yang mungkin anda sering melihat sebuah bener yang dipasang pada blog sebagai link terhadap yang punya banner (blog) tersebut.
Sebagai contoh adalah benner seuntai kenangan ini, 
maaf sangat sederhana sekali silahkan sobat buat yang semenarik mungkin dengan berbagi tambahan animasi.
Yang jadi permasalahn adalah bagai mana orang (pengunjung) dapat memasang banner kita di blognya tanpa harus susah payah? tentunya kita harus membuatkan sebuah langkah-langkah untuk mengarah tersebut bukan?
Nah ini adalah langkahnya adalah sebagai berikut:
1. Buat banner dengan ukuran misal 80*15 pxl.
2. Setelah di buat silahkan di upload di tempat anda hosting misalnya flickr.com atau yang lainnya.
3. Silahkan anda kopy scrif (koding berikut)
<img src="{alamat URL banner}" alt="{alamat URL Blog}" border="0" width="{lebar gambar banner}" height="{tinggi gambar banner}"><br><textarea rows="3"><a href="{alamat URL blog" target="_blank"><img src="{alamat URL banner}" border="0" alt="{alamat URL Blog" width="{lebar gambar banner}" height="{tinggi gambar banner}"></a></textarea>
4. Sebelum ada menyimpan koding tersebut jangan lupa menganti alamat URL blog sesuai dengan alamat blog anda, dan alamat URL banner yang telah anda Uplod tadi.
Inilah hasil penerapan tip dan trik tersebut.
Silahkan untuk mencobanya semoga berhasil.
Icon biasa ditampilkan di bagian address bar, selevel dengan lokasi kita mengetikan alamat URL. Dengan kombinasi tag link rel="SHORTCUT ICON" maka tampilan web kita makin menjadi cantik.
Banyak manfaat dari pemilikan icon, dari sekedar menambah gaya, icon ini juga menunjukkan kepemilikan sebuah web/blog. Anggap kita menggunakan browser Firefox yang dalam satu window memiliki kemampuan menampilkan beberapa web dalam kumpulan Tab.Maka icon kita akan lebih terlihat mudah dicari dalam browser. Lebih memudahkan kita untuk mencari web yang kita tuju kan?
Yup gini caranya, buat dulu di Photoshop ato software grafis lainnya berupa image dengan ukuran 16x16 pixel. Terus save kedalam JPEG ato GIF.
Langkah terakhir upload file tersebut ke hosting milikmu, bagi yang punya ID Yahoo! aktifkan aja free hostingnya di Geocities.com, bagi yang dah punya hosting di Photobucket.com atau flickr.com
Setelah itu untuk memunculkan icon tersebut ke website kita, masukkan kode dibawah ini diantara tag <head> dan </head>. Jangan lupa untuk mengganti URLnya (yang di coret) sesuai dengan letak file icon yang barusan kamu upload.
<link rel="shortcut icon"
href="http://www.hostingmilikmu.com/favicon.gif" />
atau seperti ini
<link href='http://hostingmilikmu.com' rel='shortcut icon'/>
*Edittag.blogspot.com
Baca Selengkapnya..
