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.
Langganan:
Posting Komentar (Atom)
tips nya bagus sekali kawan :) salam kenal ya
BalasHapushill
wah tipsnya OK nihh ^^
BalasHapusoh iya
ada awards dari ku untuk kamu mohon di terima yah :)
http://riaadria.blogspot.com/2009/08/corat-coret-awards.html
nice tips my friend
BalasHapusthank you very much
very helpfully :))
mas, makasih ya tuk request di atas.
BalasHapusdh saya coba di template yg baru dan alhamdulillah berhasil..^_^
Boleh juga nih dicoba..tukeran link yah..link anda sudah saya pasang diblog saya..jangan lupa pasang link saya juga
BalasHapuswah matur nuwun mas langsung tak praktekin dan langsung bisa gak salah diikuti
BalasHapusmaklum mbaru coba coba ngeblog
http://onlinebusinessclick.blogspot.com
makasih bro
BalasHapustukeran link
BalasHapusdicoba...doain berhasil
BalasHapusThx gan buat tutorialnya. :)
BalasHapusFollow blog saya top-ilmu.blogspot.com, ane udah follow. thx. :)
mantap kalo sempat bisa di coba nii
BalasHapushttp://karoangga.blogspot.com/
nice share.
BalasHapusthx...
blog roll