Cara Memasang Gambar Tetap di Kiri Halaman Blog (Perbaikan)

49 Comments

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

Putra

49 comments:

  1. RizkyzoneFebruary 24, 2010 at 8:59 PM

    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. RockFebruary 24, 2010 at 9:13 PM

    Wahhh... keren nich putra...

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

    ReplyDelete
  3. AdminFebruary 24, 2010 at 10:50 PM

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

    ReplyDelete
  4. Ngeposting ni yeeFebruary 24, 2010 at 10:55 PM

    tHanks uDh dI sHare sObat.,.

    ReplyDelete
  5. AnonymousFebruary 24, 2010 at 11:22 PM

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

    ReplyDelete
  6. omechFebruary 25, 2010 at 6:06 AM

    :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
  7. BasirFebruary 25, 2010 at 9:08 AM

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

    ReplyDelete
  8. AriFebruary 25, 2010 at 9:36 AM

    trimakasih untuk pengetahuannya sobat
    salam kenal

    ReplyDelete
  9. bolangFebruary 25, 2010 at 9:49 AM

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

    ReplyDelete
  10. Alvhie aja ga pake NFebruary 25, 2010 at 10:16 AM

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

    ReplyDelete
  11. richoFebruary 25, 2010 at 12:09 PM

    nambah kamus tutor nih.... keren bro

    ReplyDelete
  12. secangkir teh dan sekerat rotiFebruary 25, 2010 at 8:00 PM

    gambar melayang ini bukan...???

    ReplyDelete
  13. adminFebruary 25, 2010 at 8:28 PM

    thanks infonya
    ok saya follow balik

    ReplyDelete
  14. kikakiranaFebruary 25, 2010 at 9:17 PM

    wah buat blog dari wordpress bisa nggak nich sob :D

    ReplyDelete
  15. vanFebruary 27, 2010 at 9:28 PM

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

    ReplyDelete
  16. IriantoApril 18, 2010 at 9:35 PM

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

    ReplyDelete
  17. Afrid FransiscoApril 25, 2010 at 10:00 AM

    makasih yah :-)

    ReplyDelete
  18. Кредит под залог недвижимостиApril 30, 2010 at 4:31 PM

    Chilli - chilli cha-cha! :i:

    ReplyDelete
  19. Fika Kartika PutriMay 30, 2010 at 10:24 PM

    huhu
    aku kok gak bisa ya mas? TT

    ReplyDelete
  20. AnonymousMay 31, 2010 at 6:07 PM

    kalo blog wordpress gimana cara masang gambar tetap dikiri pojok blog?

    ReplyDelete
  21. e-blogcomJune 2, 2010 at 5:20 AM

    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
  22. PutraJune 2, 2010 at 10:26 AM

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

    ReplyDelete
  23. FIFAFOREVERJune 20, 2010 at 7:17 PM

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

    ReplyDelete
  24. Rindy MurezgaSeptember 3, 2010 at 8:49 PM

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

    ReplyDelete
  25. ghusinkSeptember 28, 2010 at 3:17 AM

    thx utk ilmunya,,slm kenal..

    ReplyDelete
  26. menyinulNovember 22, 2010 at 6:26 AM

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

    ReplyDelete
  27. AdsyahDecember 6, 2010 at 9:21 AM

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

    ReplyDelete
  28. Admin 3December 31, 2010 at 12:15 PM

    :f:

    ReplyDelete
  29. jegeg baliJanuary 5, 2011 at 9:08 AM

    kok gambarx malah expired??tu gmna caranya???

    ReplyDelete
  30. jegeg baliJanuary 5, 2011 at 9:09 AM

    kok ga sa y??

    ReplyDelete
  31. PutraJanuary 5, 2011 at 10:44 AM

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

    ReplyDelete
  32. Design ImageJanuary 7, 2011 at 2:14 AM

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

    ReplyDelete
  33. JNX StarMarch 19, 2011 at 7:10 PM

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

    ReplyDelete
  34. patrickMarch 28, 2011 at 1:55 PM

    misi bang,.

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

    ReplyDelete
  35. PutraMarch 29, 2011 at 4:51 AM

    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
  36. Mr. PinterApril 1, 2011 at 8:55 PM

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

    ReplyDelete
  37. araleMay 26, 2011 at 1:29 PM

    makasihh bro infonya..
    sya pemula blogger...

    ReplyDelete
  38. Dhamar RetnaJuly 8, 2011 at 12:59 PM

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

    ReplyDelete
  39. Lanjut Usia BanyuwangiSeptember 4, 2011 at 11:36 PM

    mohon ijin tuk sedot artikel bro !

    ReplyDelete
  40. www.just_for_bhinoxz.comOctober 22, 2011 at 10:17 PM

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

    ReplyDelete
  41. UnknownDecember 2, 2011 at 10:17 PM

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

    ReplyDelete
  42. UnknownDecember 3, 2011 at 9:25 PM

    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
  43. Ali Akram ShintaroJanuary 28, 2012 at 8:38 AM

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

    ReplyDelete
  44. acengFebruary 20, 2012 at 9:14 PM

    gan cara pasang ym gambar melayang di pojok atas gmn

    ReplyDelete
  45. UnknownApril 12, 2012 at 7:17 PM

    follow me gan.. #newbie :g:

    ReplyDelete
  46. AnonymousJune 24, 2012 at 6:06 AM

    oke lanjutkan

    ReplyDelete
  47. UnknownAugust 5, 2012 at 5:18 PM

    thanks ya gan atas postingan nya

    ReplyDelete
  48. UnknownSeptember 17, 2012 at 9:48 PM

    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
  49. Jasa seo ProfesionalSeptember 20, 2013 at 2:43 PM

    hmm, jadi terlihat konsisten dengan begini

    ReplyDelete

You can comment in English or Bahasa Indonesia
No Spam !