Selasa, 11 Agustus 2009

Cara Merapikan Banner dan Link


Sebelumnya terima kasih banyak atas atensi untuk para sobat blogger yang telah ikut saling meramaikan blog / situs masing-masing sehingga kita berlomba-lomba mengejar Google Pagerank dan Alexa Rank blog kita.
Wah, to the point aja nich ...
Tulisan ini khusus request dari Mbak Sifa, Si pemilik Siluet Malam.
Banyak cara merapikan banner dan link dengan script yang berbeda-beda, namun sebenarnya aku adalah blogger newbie sehingga sebenarnya ilmu ini berasal dari yang lebih senior dan ahli nye-cript yang juga sobat dari Hakiembunitas, yaitu Mas Kriep2, jadi mohon ijin Mas Kriep2 yach atas sharing ilmunya yang sangat berharga ini, sehingga ilmu ini aku sharing juga ke Mbak Sifa.

1. Untuk merapikan banner adalah dengan cara seperti ini :
- Model Marquee
Model Marquee ini scriptnya seperti :

<marquee direction="up" onmouseover="this.stop()" scrollamount="2" onmouseout="this.start()">

[Letakkan kode banner atau link disini]

</marquee>

Script tersebut diatas ditambahkan sebelum kode/script banner atau link.
Keterangannya : marquee direction="up" adalah arah dari scrolling, scrollamount="2" adalah kecepatan scrolling-nya dan bisa diubah sesuai selera.

- Model Scrollbar, model ini yang aku terapkan untuk merapikan banner dan link di blogku.
Penerapannya sama kok, jadi script-nya ditaruh sebelum kode/script banner.

<div style="border: 1px solid rgb(204, 204, 204); padding: 2px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; overflow: auto; margin-left: 2px; height: 200px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">

[Letakkan kode banner atau link disini]

</div>

Yang tercetak warna biru adalah tinggi scrollbar.
Contoh kode banner seperti ini :

<a href="URL blog kamu" target="_blank"><img border="0" alt="title blog kamu" src="URL image blog kamu"/></a>

Keterangan : yang tercetak merah adalah url banner sobat blogger kita dan url image atau gambar dari banner sobat kita. Untuk tulisan yang berwarna biru (width :125px; height: 55px;) adalah berguna untuk merapikan ukuran / postur banner sesuai dengan ukuran sidebar kita. Pasti setiap banner memiliki ukuran yang berbeda-beda, namun dengan adanya kode yang tercetak biru tersebut akhirnya banner dengan ukuran apapun secara otomatis menyesuaikan dengan kode yang telah kita terapkan dan sesuai dengan ukuran sidebar blog kita masing-masing dan kode tersebut bisa kita ubah sesuai selera. Paham 'kan? Pasti paham dunk, expert blogger lah !!

2. Untuk merapikan link dengan cara seperti yang sama seperti diatas. Pilih sesuai selera, yang marquee atau yang scrollbar.
Contoh kode link biasanya seperti ini :

<p><a href="URL Blog Kamu">Title Blog Kamu</a></p>

Mungkin sudah jelas kode/script diatas dan tidak perlu dijelaskan.

Sementara, itu saja yang bisa aku sharing, terima kasih mau bersharing ilmu dengan aku dan semoga bermanfaat.

12 komentar:

  1. tips nya bagus sekali kawan :) salam kenal ya

    hill

    BalasHapus
  2. wah tipsnya OK nihh ^^
    oh iya
    ada awards dari ku untuk kamu mohon di terima yah :)

    http://riaadria.blogspot.com/2009/08/corat-coret-awards.html

    BalasHapus
  3. nice tips my friend
    thank you very much
    very helpfully :))

    BalasHapus
  4. mas, makasih ya tuk request di atas.
    dh saya coba di template yg baru dan alhamdulillah berhasil..^_^

    BalasHapus
  5. Boleh juga nih dicoba..tukeran link yah..link anda sudah saya pasang diblog saya..jangan lupa pasang link saya juga

    BalasHapus
  6. wah matur nuwun mas langsung tak praktekin dan langsung bisa gak salah diikuti
    maklum mbaru coba coba ngeblog
    http://onlinebusinessclick.blogspot.com

    BalasHapus
  7. Thx gan buat tutorialnya. :)

    Follow blog saya top-ilmu.blogspot.com, ane udah follow. thx. :)

    BalasHapus
  8. mantap kalo sempat bisa di coba nii

    http://karoangga.blogspot.com/

    BalasHapus