Cara Memasang Gambar Tetap di Kiri Halaman Blog (Perbaikan)


Halo, gimana kabarnya hari ini. Mudah mudahan lebih sukses dari sebelumnya ya.
Kali ini saya akan memperbaiki postingan saya mengenai "cara membuat gambar tetap di kiri halaman blog" yang dulu. karena beberapa komentar (panas) telah memberitahukan bahwa mereka tidak berhasil. Saya ucapkan terima kasih kepada Mas Omech, yang sudah mengingatkan hal ini. Sepertinya dia sudah tidak sabar lagi untuk membuat gambar tetap itu.
Ketika saya cek, ternyata memang ada kesalahan script yang saya berikan. Sekarang saya akan menulis ulang tutorial ini. Saya tidak akan menghapus postingan saya yang lama. Tapi saya akan memberikan direct link menuju postingan yang ini.

Btw, sudah tahu kan apa yang saya maksud dengan gambar tetap di kiri halaman blog ..
Contohnya bisa anda lihat di blog saya ini. Tepatnya di kiri bawah halaman blog ini.
Yang gambarnya foto saya (kartun) itu. Gambar itu akan tetap berada di pojok, walaupun halaman blog discroll ke atas bawah. Selain itu, gambar itu juga akan tetap hadir di setiap halaman blog.
OK, saya anggap anda sudah mengerti. Sekarang bagaimana cara membuatnya ?

Berikut adalah step-stepnya.

1. Silahkan masuk (login) ke Blogger. (Disini saya hanya akan menjelaskan untuk blog bermesin Blogger/ Blogspot saja ya)
2. KLik tata letak > edit html.
3. Centang "".
4. Kemudian cari kode ]]></b:skin>. Untuk mempermudah pencarian, anda bisa gunakan fungsi FIND, dengan menekan CTRL+F.
5. Sudah ketemu ? Kalau sudah, copy dan paste kode di bawah ini tepat di atasnya.

#trik_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); }

6. Kemudian cari lagi kode </body>. Copy dan paste kode ini tepat diatasnya.

<div id="trik_pojok">
<a href="http://www.blogputra.com">
<img src="http://img2.pict.com/2f/4c/b2/1670175/0/ininiyangmantaf.png" border="0" /></a>
</div>

7. Kemudian ganti http://www.blogputra.com dengan alamat blog anda. Dan juga ganti http://img2.pict.com/2f/4c/b2/1670175/0/ininiyangmantaf.png dengan alamat gambar yang ingin anda jadikan gambar tetap di kiri halaman blog anda.

OK, Save. Selesai. Sekian tutorial (perbaikan) ini. Semoga anda berhasil menggunakan trik saya ini. Terutama Mas Omech. Silahkan komplain di kotak komentar jika anda masih belum berhasil. Atau YM saya di jam 9-10 malam. Insa Allah saya akan bantu.
http://www.blogputra.com/2017/07/blogputra-buka-jasa-like-fb-page.html

Wahyu Putra Perdana

49 comments:

  1. pertamax ga yah..... kalau postingan q kadang g aq pasang gambar sob, sip nih nati d coba kalau ada postingan q yang ada gambar pendukungnya

    Parse Code HTML Ala Mbah Google

    ReplyDelete
  2. Wahhh... keren nich putra...

    Saya coba dulu... makasih untuk triknya...

    ReplyDelete
  3. Thanks bro, tuh langsung tak praktekin.....:f:

    ReplyDelete
  4. Put, gue udah coba pake trik ini gak bisa, lebih gampang pake: http://www.allblogtools.com/static-image-code-generator/

    ReplyDelete
  5. :k:
    :k:

    yahhh yahhh... mantap broooo.... tapi tetep aza ku mau complain.. g' berhubungan ma postingnya. kalo' soal postin 10.000% mantabbbb n berhasillll silll...
    tapi ku mau komplain, soal mas omech...
    waduuuhhh duhh duuuhhh aiiii,,,,
    gw cewek gitu....
    bisa dipanggil mas.....
    busyettt dahh..
    but thx yeeee... triknya ampuh tenannn,,,,

    ReplyDelete
  6. Put makasih atas postinganx.... Sekali lagi thanks..
    Oke lah ku mulai jalankan blog q lagi... Sekali lagi thank bro... Sukses slalu...

    ReplyDelete
  7. trimakasih untuk pengetahuannya sobat
    salam kenal

    ReplyDelete
  8. tapi kalo gambarnya terlalu besar menurut saya sangat mengganggu lho, membuat pengunjung kurang nyaman :)

    ReplyDelete
  9. ntar nyoba ahh,,,,mau bikin gambarnya dulu...hee
    makasih banyak sob

    ReplyDelete
  10. nambah kamus tutor nih.... keren bro

    ReplyDelete
  11. thanks infonya
    ok saya follow balik

    ReplyDelete
  12. wah buat blog dari wordpress bisa nggak nich sob :D

    ReplyDelete
  13. tambah keren juga ya kalo dikasih gambar...
    sayang ane gak ada gmbarnua

    ReplyDelete
  14. koq... aq cb pasang gambar seblh kiri ikut cara di atas koq g bisa yach...???

    ReplyDelete
  15. kalo blog wordpress gimana cara masang gambar tetap dikiri pojok blog?

    ReplyDelete
  16. gw blm bisa coba, kalo gambar yang berada di atas tetap gmn? apa memang yg harus di ubah gambarnya atau posisi 'bottom' dan 'leftnya' bro?

    ReplyDelete
  17. To: e-blogcom ,,
    benar sekali. Caranya dengan merubah postition nya saja. TOp, Right, atau left.

    ReplyDelete
  18. gak bisa diem tu gambar,..
    kalo di scroll ilang,...

    ReplyDelete
  19. eh thank you. it really works in my blog, Thanks for share :f
    ^^ http://greeninworld.blogspot.com/

    ReplyDelete
  20. kok ga bis sie kk putra.....undah tak coba nie tp g bs..knp yak ?

    ReplyDelete
  21. than's for share.... :e: :f: :g:

    ReplyDelete
  22. kok gambarx malah expired??tu gmna caranya???

    ReplyDelete
  23. To: jegeg bali ,,
    Kalau gambarnya expired itu berarti hosting gambarnya yang expired. Coba upload ulang gambrnya di hosting yang gratis, seperti picasa.
    Thanks,

    ReplyDelete
  24. Thank bro...Tutornya keren..Kalo urusan Gambar, coba kunjungi blogku..Ok bro...Sukses..

    ReplyDelete
  25. Numpang coret-coret gan, mantap lah, maju terus,,,,kali-kali mampir gan...

    ReplyDelete
  26. misi bang,.

    kalo saya mau naro yang begonoan di web wordpress bisa kaga ya?
    bantu-bantu bang,.
    hehehe :h:

    ReplyDelete
  27. To : Patrick ,,
    Wah, kalau di wordpress saya kurang tau mas. Karena saya nggak pernah pake wordpress. Tapi setau saya wordpress itu menggunakan pHP, kalau blogspot menggunakan html. Jadi mungkin berbeda. :)

    ReplyDelete
  28. insya Allah akan saya coba kalu gak bisa tolong di bantu ya?....

    ReplyDelete
  29. makasihh bro infonya..
    sya pemula blogger...

    ReplyDelete
  30. mksih teritorial blog'a jlzzzz,.,.,.,.,.,.
    ,.,.,.cra menambah navigasi horizontal dblog,.,.,
    yg jlz cz yg dtliz dblog in g bgtu,.,.,.,thx

    ReplyDelete
  31. mohon ijin tuk sedot artikel bro !

    ReplyDelete
  32. makasih gan infonya. oy gmn cara transparasi pinggiran gambarnya??? mhn blasan di emailku. mksih
    aa_saifull@yahoo.com

    ReplyDelete
  33. bang putra..
    saya coba kok gambar saya gak jalan ya??
    cuma di bawah..
    gak bisa tetap di pojok bawah..
    gmn tuu ??

    ReplyDelete
  34. bang putra saya mau nanya nihh..

    kan gambar milik bang putra itu formatnya psd?
    lha cara upload gambar format psd ke blog gimana bang?
    kok gak bisa yaa?

    ReplyDelete
  35. KAk infonya bagus, follow back dong kak! http://uzumakiakram.blogspot.com

    ReplyDelete
  36. gan cara pasang ym gambar melayang di pojok atas gmn

    ReplyDelete
  37. thanks ya gan atas postingan nya

    ReplyDelete
  38. maaf om , kalo gambarnya biar didepan teks atau tamplatenya gmn ya ? ko saya malah di belakangnya. jadi yg keliatan cman setengahnya aja , sisanya ktutup sama tamplate.
    Thank you sebelumnya

    ReplyDelete
  39. hmm, jadi terlihat konsisten dengan begini

    ReplyDelete

You can comment in English or Bahasa Indonesia
No Spam !