2008-08-29

cara membuat gambar / sesuatu selalu berada di pojok

[x] Skip this

Pujangga Bird Farm :
Bagi pecinta dan penggila Burung merpati tinggian berkelas, silahkan kunjungi www.pujanggapati.com untuk mendapatkan Tips dan info seputar burung merpati tinggian.. dan tersedia juga merpati indukan, merpati bakalan, accessories dan berbagai macam jamu tradisional untuk merpati

Kontak : Bapak Kristiono Mursalim. Hp : - Website : www.pujanggapati.com

[+/-] Detailnya..masa aktif iklan : 10 jan 2014

Beberapa hari yang lalu ada salah seorang pengunjung blog ini yang bertanya tentang cara menampilkan gambar foto atau sesutu agar selalu berada di pojok terus (untuk melihat contohnya silahkan lihat poto saya yang berada di pojok kiri bawah yang ada yahoo messengernya), sebenernya pertanyaan ini sudah banyak yang masuk di blog ini baik lewat media chat box maupun langsung lewat yahoo messenger saya, tapi sebelumnya saya minta maaf karena tidak langsung memposting tutorial tentang ini karena keterbatasan waktu dan di tambah lagi kebingungan saya untuk memposting postingan di blog ini ( yang mana dulu yah yang musti saya posting duluan..? saking banyaknya bahan pembahasan untuk di jadikan tutorial.. ) perasaan inilah yang kerap mucul di pikiran saya dan yang akhirnya membuat saya jadi binun dan ga jadi memposting hehehe.... tapi saya sudah mengambil suatu kebijakan yang mana saya akan mendahulukan pertanyaan pertanyaan yang masuk lewat komentar blog ini ( biar ga binun lagi, hehehehe.. )...
Ah udah dulu ah ocehannya keburu di tinggal tidur para pembaca... hehehe. Sekarang kita menuju ke topik pembahasan yaitu cara membuat / menampilkan gambar poto atau sesuatu agar selalu berada di pojok.
Sekarang anda cukup mengcopy seluruh code di bawah ini :


#pojok {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }


Lalu masukkan ke bagian HEAD dan untuk lebh tepatnya biar ga binun taruhlah tepat di atas code :

]]></b:skin>

Dan sedikit tambahan jika anda ingin mengubah posisi atau tempat ke yang lain, semisal mau anda taruh di bagian pojok kanan bawah atau pojok kanan atas atau pojok kiri atas atau bahkan berada tepat di tengah tengah blog (kalo yg ini ga mungkin dech... sangat menggangu pengunjung blog yang membaca artikel anda jadinya) silahkan anda berfokus pada tulisan :

position:fixed;_position:absolute;bottom:0px; left:0px;

(#) kata bottom : menunjukkan posisi di bawah, jika anda ingin mengubah posisi di atas silahkan ganti kata " bottom " menjadi " top " (tanpa tanda petik) dan nilai 0px; bisa anda sesuikan sendiri (pokoknya di coba2 aja dech... ga meledak, hehehe)

(#) kemudian lihat pada kata left : menunjukkan posisi berada di kiri, jika anda ingin mengubah posisi menjadi di kanan silahkan ganti kata " left " menjadi " right " (tanpa tanda petik) dan nila 0px; bisa nada sesuikan sendiri juga...


Kemudian tahap selanjutnya adalah pemasangan code script pada bagian body blog yaitu caranya copy seluruh code di bawah ini :

SEBELUM ANDA MENCOPY SELURUH CODE DIBAWAH INI MOHON DI BACA DAN DI TELITI, KARENA ADA KATA KATA YANG MUSTI DI IKUTI DAN DI GANTI DI DALAM CODE TERSEBUT...!! (jangan asal comot/copy aja tanpa memperhatikannya)


<div id='pojok'>
<img src='http://alamat-url-gambar-or-poto-anda.jpg' border='0' height='isiterserahanda' width='isiterserahanda'/>
</div>

( contoh script diatas jika hanya menampilkan image aja, jika ingin menampilkan image dengan link silahkan pilih code yang di bawah ini.. )

<div id='pojok'>
<a href='http://alamat-blog-anda.blogspot.com'><img src='http://alamat-url-gambar-or-poto-anda.jpg' border='0' height='isiterserahanda' width='isiterserahanda'/></a>
</div>

(dan jika anda ingin menampilkan gambar beserta sedikit tambahan tulisan, seperti pada blog ini silahkan copy code script di bawah ini..)

<div id='pojok'>
<table bgcolor='pink' width='350'><tr><td align='center'><img src='http://alamat-url-poto-anda.jpg'/><a><blockquote/><a href='ymsgr:sendIM?TULISAN INI GANTI DENGAN ID YAHOO MESSENGER ANDA'><img border='0' src='http://opi.yahoo.com/online?u=TULISAN INI GANTI DENGAN ID YAHOO MESSENGER ANDA&amp;m=g&amp;t=2' width='95'/></a></a></td><td bgcolor='yellow'><div align='justify' style='font-weight:bold; color:red'>MASUKKAN KATA KATA ATAU PESAN ANDA DISINI</div></td></tr></table>
</div>


Nah setelah anda memilih salah satu atau bahkan semua script yang saya tunjukkan di atas, kemudian taruhlah tepat di atas code :

</body>

mudah kan..? selamat mencoba yah... kalo masih binun tanyakan aja yah... n tinggalkan di kotak komentar di bawah ini... thx


Gabung di Facebook penulis

Klik Disini Untuk Baca Tutorial Lainnya

Berkomentar Sambil BerIklan Gratis Disini..?

Masukkan Email Untuk Berlangganan :

64 comments:

  1. ehm.. ehm.. numpang "pengumuman"

    pengen dapet domain dotcom, dotnet, dll GRATIS ??
    ikuti aja lomba membuat posting disi

    ni
    thx mas ayiek...

    ReplyDelete
  2. duh kang kong gambarnya diem aja yah...jdi klo kita scrol ke atas gambarnya g kliatan kumaha iye....:((

    ReplyDelete
  3. W3aduh mas !! makasih banget !! infonya !!
    mas dapet ngliat hasil ngasih ilmunya di blog ku,
    tuh liat di http://geliat-bisnis.blogspot.com
    Thank's ya mas !!
    Aku sering berkunjung lho !!!

    ReplyDelete
  4. Duh kang saya copy ya ilmunya untuk pribadi dan saya coba untuk berlangganan artikelnya makasih, berkarya terus dan tetap jaya...

    ReplyDelete
  5. Makasih banget mas, saya ingin belajar seperti mas bisa mendesain blog dengan bagus. Ajarin donk mas.... soalnya saya masih pemula dan butuh banyak masukan dan pelajaran. kalau ada waktu saya akan kunjungi blog mas lagi...thanks ya mas...
    http://masterblog82.blogspot.com
    http://irawandi.cjb.net

    ReplyDelete
  6. Bagus dech


    http://achmaddardiri.com
    http://prositelink.com
    http://proswiftmusic.com

    ReplyDelete
  7. buat semuanya, yang telah berkunjung dan berkomentra.. saya mengucapkan terimakasih.. dan salam knal semuanya.. jika ada kesulitan dalam pemasangn kode silahkan tanyakan aja yah buat yang lainnya.. thx..

    ReplyDelete
  8. Weits..keren euy...kalo ada yang bagus, postingin lagi ya biar kita bisa ambil ilmunya..hehehehe...(maunya...). Makasih infonya.

    ReplyDelete
  9. Weits..keren euy...kalo ada yang bagus, postingin lagi ya biar kita bisa ambil ilmunya..hehehehe...(maunya...). Makasih infonya.

    ReplyDelete
  10. kok gak bisa sih ,.... ajarin dunk yang detile

    ReplyDelete
  11. aq tertarik ama teknik nya tapi aq gak bisa2 nih padahal udah aq bolak balik

    ReplyDelete
  12. makasih ya mas ilmunya..berguna banget nich..

    ReplyDelete
  13. Dari semalaman pusing, akhirnya nemu blognya mas,makasih mas

    ReplyDelete
  14. terima kasih banyak...
    informasi dari anda sangat membantu saya...

    ReplyDelete
  15. Tengkyu lagi om..........
    om smua disini slm knal yach...
    jangan lupa mampir...

    ReplyDelete
  16. Otre dah makasih buat infonya, nanti info yah kalau sudah diterbitkan!!!

    ReplyDelete
  17. lagi bikin blog baru pusing nyari tutorial kanan kiri, maklumlah newbie,.eh gak taunya ada MAster yang kasi ilmu, saya aplikasikan lagsung jadi dua jempol deh buat master ayiek.
    skalian kalo ada yg mau blajar e-bisnis sy jg ada di
    http://www.systembisnis.com/?id=Djamild
    walaupun cm jd reseller setidaknya ada deh itung2 buat belajar mana tau ntar bisa punya produk sendiri dikasi ilmu dari master
    alamat blog saya
    http://www.black2brothers.blogspot.id

    ReplyDelete
  18. BLOGNYA OKE BANGET ....SANGAT MEMBANTU SEKALI INFORMASINYA.......KOMANDO!!!

    ReplyDelete
  19. mas...saya gk ngerti mas..
    bisa jelasin Lebih Detail gk mas????

    ReplyDelete
  20. Thank's berat Saudaraku..
    Semoga dengan ilmu yang kau bagikan ada back link dari yang pemberi rezeki,,, hampir semua tutorialnya saya terapkan di Blog saya

    ReplyDelete
  21. saya sangat salut ama blognya, tapi aku mau nanya bagaimana caranya bikin tab dibawah header kayak punya sampeyan ini misalnya [ Home, Tentang saya, Contact Us dsb ].......thanks!

    ReplyDelete
  22. mungkin karena orang indo banyak yang curang kali...yah????betewe thanks for Infonya brur.....

    ReplyDelete
  23. Cantik banget, tapi kenapa aku punya kalau time online nggak bisa berubah gambarnya, masih tetap offline, gimana ya caranya ?

    ReplyDelete
  24. info bagus buat saya boz nuwun

    ReplyDelete
  25. Wah ini blog yang sangat unik. Desain sangat pro, padahal hosting di blogger.

    Kalo boleh bagi script-nya dong boz? hehe :D

    ReplyDelete
  26. makasih...sangat berguna bagi saya

    ReplyDelete
  27. Pak, gimana caranya membuat Post a Comment yg ada kolom untuk "Kunjungi juga blog yg berkomentar yah ..."

    Maklum masih Newbie nich hehe....
    Terimakasih ya ?

    ReplyDelete
  28. thanks bro atas infonya.... baru mo coba ni.

    ReplyDelete
  29. wahhh keren ni mass...
    bolehlah buat belajar-belajar. apalagi saya sebagai pemula :D

    ReplyDelete
  30. silahkan kunjungi blog ini.

    www.cara-instalasi.blogspot.com

    ReplyDelete
  31. kang blog U is no.1 Kepriben to carane gawe????

    ReplyDelete
  32. Kalo buat wordpress gimana bro?

    ReplyDelete
  33. Aku dah coba cara/script nya mas, thanx banyak ya?@@@

    ReplyDelete
  34. oke bos siap, iseng2 aku coba ikuti langkah2nya
    topik taruh gambar selalu dipojok,..

    saya coba di web saya, udah tampil tapi posisi ko dikiri atas? padahal sdh saya rubah posisinya dgn mengganti,
    ke dua saya gak bisa nampilkan gambar foto, sdh sy upload lo fotonya? cuma tampil x sptnya ada yg salah editnya,..
    tolong dibantu, ma'lum br kale ne megang komputer.
    suwun banget

    ReplyDelete
  35. Thanks 4 all.....

    Lean More...

    ReplyDelete
  36. Selamat siang, mo tnya mengani script close untuk script di bwh ini bgmna ?
    #pojok {
    position:fixed;_position:absolute;bottom:0px; left:0px;
    clip:inherit;
    _top:expression(document.documentElement.scrollTop+
    document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

    ReplyDelete
  37. bagus ni blognya ajarin napa ;;)

    ReplyDelete
  38. wah ga bisa ganti backgroud fhoto gimana caranya..

    ReplyDelete
  39. aku sudah coba
    eh ternyata bisa
    thanks ya..

    ReplyDelete
  40. wah.....keren bang, gampang dimengerti dan diterapkan, bahkan untuk pemula seperti saya,great!!!

    ReplyDelete
  41. tutorial yang berguna mas. Tapi gimana caranya agar box floatingnya bisa di close manual oleh pengunjung?

    ReplyDelete
  42. Terima kasih atas infonya mas...........
    mari kita gabung bersama saling tukar pengalama dan ilmu yang bermanfaat

    http://lora-malunk.blogspot.com

    ReplyDelete
  43. Terima kasih atas infonya mas...........
    mari kita gabung bersama saling tukar pengalaman dan ilmu yang bermanfaat
    Mantap oi
    http://hr2online.blogspot.com

    ReplyDelete
  44. thx infonya gan....banyak bermanfaat niey

    ReplyDelete
  45. good..good. OM JANGAN LUPA DI FOOLOW YA. THANKS


    Nama : irwan rojali

    Website :
    http://pesonaalamcianjur.blogspot.com/
    http://subsidirumah.blogspot.com/
    http://promopedagang.blogspot.com/
    http://fasilitaskpr.blogspot.com/
    http://tahap1.blogspot.com/
    http://hargarumahpap.blogspot.com/
    http://forumrumah.blogspot.com/
    http://siteplane.blogspot.com/
    ;;);;);;);;);;);;);;);;);;);;)

    ReplyDelete
  46. Wah nice info nih bos, kalo di pasang di wordpress gimana caranya ya pak bos .. mohon pencerahannya nih

    ReplyDelete
  47. Berguna berkah dan pahala yang tak putus-putusnya so jadi... kut daftar berlangganan info ya...
    http://seragamsponsor.com
    thx

    ReplyDelete
  48. aku bingung................hahahahahah

    ReplyDelete
  49. aku binggung banget,,,,,,,,,,hahaha

    ReplyDelete
  50. Ehm. Terima kasih oom, Artikelnya hebat2. sy akan coba dl

    ReplyDelete
  51. http://tanamanhiaszens.blogspot.com/

    menjual berbagai macam tanaman hais dan pohon pelindung

    ReplyDelete
  52. makasih infonya,,jgn lupa saudara2 mampir ya..?

    http://galeriobat-kosmetik.blogspot.com

    ReplyDelete

Berkomentar sambil beriklan ( iklan baris ), mau ga..?
So.. jadilah orang PERTAMA yang berkomentar, blog anda akan di lihat banyak orang.....
Tapi perlu diingat,.. DILARANG SPAM / KOMENTAR SAMPAH, bercanda / guyonan oke.. spam no...!
Spam / Sampah akan saya hapus tanpa ampun...

 
Close [X] .
dua langkah bikin widget recent post generator blog anda
mau bikin kayak gini, caranya klik disini