Jika anda adalah user multiply.com dengan status Premium Account, anda akan diberikan kesempatan untuk memasang link maupun embed-flash di rail dan iklan dari pihak ketiga atau partner penyelenggara iklan MP tidak akan muncul lagi di rail anda.
Bagi user free, tidak ada pilihan lain kecuali menerima apa adanya, termasuk terbitnya iklan di rail kita.
Pada kesempatan ini, saya tidak mengajak anda sekalian untuk menghilangkan iklan tersebut, karena iklan tersebut adalah salah satu sumberdaya MP agar bisa melangsungkan hajat hidupnya. Termasuk memberikan tempat bagi user FREE Account untuk exist di halaman sosial multiply.com ini.
Saya akan pasang link ini di tempat lain, dengan segala "keanehannya" yang bagi sebagian orang akan terlihat sedikit mengganggu.
Tips ini, akan lebih bermanfaat bagi anda penyelenggara online shop / toko online atau apapun sebutan untuk itu.
Dikarenakan site Dangdut Koplo bukan site komersial, maka sebagai contoh link yang akan saya pasang adalah link untuk menuju album lagu yang sudah ada di site DK.
Saya akan mencoba pasang link ini tidak di rail, karena akan mengganggu iklan MP.
Untuk site / page MP yang berbasis full-wide, seperti SKYLINE akan sedikit bermasalah.
Yang berkrmungkinan untuk memasang link ini, adalah Theme yang mempunyai sisa space di kiri maupun kanan layar, yaitu space antara batas kiri maupun kanan layar dengan perbatasan bodywrap.
Sebagai contoh, link akan saya pasang di site DK yang berbasis AVLACK.
Kita mulai.
- Siapkan image untuk dipakai sebagai link-button, dan image ini bisa berbentuk dan berformat apa saja, mulai PNG (tanpa kompresi), JPG (dengan kompresi maupun tanpa kompresi) hingga GIF (animasi).
- Siapkan alamat link nya, yang bisa berasal dari dalam MP maupun dari luar MP
- Siapkan segelas kopi, karena akan sedikit lama mengetikkannya.
Tambahkan ID dan Class declaration berikut ini pada akhir custom CSS anda.
.customadlink img {
border: medium none;
margin: 2px 5px;
width: 60px;
height: 60px;
}
#customadleft {
display: block;
width: 70px;
left: 0pt;
top: 0pt;
position: fixed;
}
#customadright {
display: block;
width: 70px;
right: 0pt;
top: 0pt;
position: fixed;
}
Jika saya ingin link ini tampil di semua page item, maka kode berikut ini akan saya isikan ke dalam Page Title. Tetapi jika saya hanya ingin tampil di hompage saja, maka saya akan mengisikannya di Welcome Box. Dan jika saya hanya ingin menampilkannya di item tertentu, kode berikut ini akan saya paste ke Description Item tertentu tersebut.
Dan jika akan ditampilkan di Blog / Journal, pastikan saat paste contreng :
| Edit HTML |
<div id="customadleft">
<a class="customadlink" href="http://dangdutkoplo.multiply.com/music/item/868"><img src="http://img300.imageshack.us/img300/734/mawarbiru.jpg" alt="DangdutKoplo Mawar Biru"></a>
<a class="customadlink" href="http://dangdutkoplo.multiply.com/music/item/864"><img src="http://img141.imageshack.us/img141/3898/tanjungmas.jpg" alt="DangdutKoplo Tanjung Mas"></a>
<a class="customadlink" href="http://dangdutkoplo.multiply.com/music/item/862"><img src="http://img259.imageshack.us/img259/1053/luntur.jpg" alt="DangdutKoplo Luntur"></a>
<a class="customadlink" href="http://dangdutkoplo.multiply.com/music/item/860"><img src="http://img301.imageshack.us/img301/6196/kesepian.jpg" alt="DangdutKoplo Kesepian"></a>
<a class="customadlink" href="http://dangdutkoplo.multiply.com/music/item/858"><img src="http://img223.imageshack.us/img223/5821/rekasaningurip.jpg" alt="DangdutKoplo Pacobaning Urip"></a>
</div>
<div id="customadright">
<a class="customadlink" href="http://dangdutkoplo.multiply.com/music/item/846"><img src="http://img4.imageshack.us/img4/6601/bimbang.jpg" alt="DangdutKoplo Bimbang"></a>
<a class="customadlink" href="http://dangdutkoplo.multiply.com/music/item/844"><img src="http://img10.imageshack.us/img10/1593/tujuhsumur.jpg" alt="DangdutKoplo Tujuh Sumur"></a>
<a class="customadlink" href="http://dangdutkoplo.multiply.com/music/item/838"><img src="http://img297.imageshack.us/img297/4207/sumpahbenang.jpg" alt="DangdutKoplo Sumpah Benang Emas"></a>
<a class="customadlink" href="http://dangdutkoplo.multiply.com/music/item/836"><img src="http://img11.imageshack.us/img11/7149/bulandiranting.jpg" alt="DangdutKoplo Ranting Cemara"></a>
<a class="customadlink" href="http://dangdutkoplo.multiply.com/music/item/834"><img src="http://img6.imageshack.us/img6/1061/perih.jpg" alt="DangdutKoplo Perih"></a>
</div>
ID customadleft akan mengatur tampilan di kiri layar, dan customadright akan mengatur tampilan link di kanan layar.
Khusus sebelah kanan, harap berhati-hati jangan sampai menutupi rail.
http://dangdutkoplo.multiply.com/music/item/868 adalah alamat yang dituju apabila image yang berada di http://img4.imageshack.us/img4/6601/bimbang.jpg di klik pengguna.
Sesuaikan alamat referensi href= dan alamat gambar src= sesuai dengan link anda.
| Anda dapat mencobanya : |
Semoga bermanfaat.
Enjoy.
© 2009 Lilok Dangdut-Koplo.-
keren boss ..
ReplyDeletecoba ahh..
TQ ..
btw, CS MP bakalan protes gak yee ??
Silahkan Boss.
ReplyDeleteentah knapa kt belakangan ini ngomongin iklan mlulu ^ ^..
ReplyDeletebtw, ukuran pixel iklan2-nan nya berapa nih ?
ukuran bisa berapa saja, akan di-set menjadi 60px x 60px.
ReplyDeleteyang ada di contoh berkisar 300px x 300px
ukuran asli :
ReplyDeleteakan tampil :
mantep bgt, tfs
ReplyDeletebase theme saya skyline mas...
ReplyDeletejadi agak kurang cocok..
ngikut aja dah....
thanks mas
ReplyDeleteOk.
ReplyDeleteTerimakasih kembali.
ReplyDeletethx mas
ReplyDeleteapa harus kotakbujursangkar gitu , atau boleh agak memanjang ke bwh tapi lebarny tetep sama ? ^
ReplyDeletetidak harus bujur sangkar, jika tinggi tidak ditentukan, hapus height: 60px; maka akan di-set ke lebar saja ... tinggi ngikut aspek-rasio gambar.
ReplyDelete.customadlink img {
border: medium none;
margin: 2px 5px;
width: 60px;
height: 60px;
}
^.^ d
ReplyDeletesip sip ..
keren bwgt mas!!
ReplyDeletetp pgen tanya ney.
ni yang bisa di edit2 tu yang di bawah edit html itu???
klo pengen bikin 1 link aja, harus di paste semuanya sebanyak itu??
maf mas dangdut..pemula ney, jd kurang taw. tp gy semangat pengen belajar ney...
mkasi :)
untuk satu link, cukup seperti berikut ini saja :
ReplyDelete<div id="customadleft">
<a class="customadlink" href="http://dangdutkoplo.multiply.com/music/item/868"><img src="http://img300.imageshack.us/img300/734/mawarbiru.jpg" alt="DangdutKoplo Mawar Biru"></a></div>
kerennnnn.....
ReplyDeletesip...
tengkiu Bos
makasih kembali.
ReplyDeletethxs info'y... :D
ReplyDeleteSama-sama.
ReplyDeleteThx yaa infonya.. btw, mau tanya..kalo aku mau tampilin cuman 1 & posisinya di bagian bawah bisa ga ya? Soalnya kalo satu, aku coba dia muncul di atas.. thx again..
ReplyDeleteganti :
ReplyDeletetop: 0pt;
menjadi :
bottom: 0pt;