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.

.

.

.

ARTIKEL TERKAIT ADA DIBAWAH SPONSOR (DIBAWAH INI).

Artikel Terkait



13 komentar:

Hill mengatakan...

tips nya bagus sekali kawan :) salam kenal ya

hill

Ria Nugroho mengatakan...

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

Anonim mengatakan...

nice tips my friend
thank you very much
very helpfully :))

Unknown mengatakan...

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

Mr. Andry mengatakan...

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

Iman Hijrah dan Jihad mengatakan...

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

Hack Mozilla mengatakan...

makasih bro

Hack Mozilla mengatakan...

tukeran link

hery "Cool"gunawan mengatakan...

dicoba...doain berhasil

Unknown mengatakan...

tukar link yaa gan di http://blog.teliti.net/

Achmad mengatakan...

Thx gan buat tutorialnya. :)

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

Angga Pangestu mengatakan...

mantap kalo sempat bisa di coba nii

http://karoangga.blogspot.com/

Unknown mengatakan...

nice share.
thx...

blog roll

Posting Komentar