Baca lewat email biar asik ->
author

Artikel ini ditulis oleh : Putu Hadi

Putu Hadi adalah Blogger dan Penulis penyuka Android. Follow saya di Twitter, artikel ini bermanfaat buat kamu? jangan lupa tinggalkan komentar ya...


Kamis, 11 Desember 2008

Membuat gambar/widget tampil di pojok blog


Waduh, makin banyak pengunjung malah jadi gak pede nih, mau posting apaan yak? takut dibilang basi dan udah gak level ma pengunjung karena sepertinya yang kunjung udah pada pro-pro semua, nah masalahnya yang buat posting yang newbie...hu3..nangis dulu. Ya udah, kali ini adalah posting untuk teman blogger ( yang non blogger juga boleh mbaca, monggo aja ). Sebelumnya maaf ya kang Rohman karena saya posting duluan tentang tutorial ini, pengunjungnya gak bakalan berkurang kok gara-gara saya, iya tah? Ini tentang cara membuat gambar/widget dinamis di pojok blog entah itu di pojok bawah kiri, pojok bawah kanan, atas kanan, bawah kanan, mundur jurang, apaan sih? yaudah lets go dan monggo aja dibaca lagi lanjutannya.

Anak-anak, kali ini kita akan membahas membuat iklan/gambar/sesuka kamu yang penting tampil di pojokan blog kita, mengerti? gak ngerti? seperti biasanya apa yang saya katakan? LIHAT GAMBAR!!!

Image Hosted by ImageShack.us


Nah..maknyus kan? misalnya kita mau naruh apa-apa di pojokan, maka gambar/widget yang anda pasang tidak akan ikut terscroll saat para pengunjung melihat ke bagian bawah blog karena gambar di pojok ini dinamis lho...Mau tahu cara buatnya, ikuti ini, gampang buanget kok:

1. Syarat pertama, puasalah sehari, gak kok bercanda, anda masuk ke account blogger anda. Setelah masuk ke account maka cari Layout/Tata Letak lalu Edit HTML. Setelah masuk di edit HTML silahkan centang expand template widget.

2. Cari kode ini yak ]]></b:skin>, nyarinya di kotak kodenya aja ya jangan di bawah kasur, gak akan ketemu. Kalau udah ketemu taruh kode di bawah ini di atas kode tadi:


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



3. Nah buat memodifikasi letaknya, ubah saja yang saya warnai biru juga warnai merah. Misalnya mau di kanan bawah kamu ubah yang left jadi right, begitujuga kalau mau di atas ya tinggal ganti bottom ma top, ngerti kan?

4. Cari lagi kode </body> dan letakkan script di bawah ini sebelum kode tersebut.


<div id="Lookj_keren">
<a href="http://lookj.blogspot.com">
<img src="http://img361.imageshack.us/img361/1435/pojokyu7.jpg" border="0" /></a>
</div>



5. Ganti kode tersebut dengan ketentuan yang saya warnai merah ganti dengan alamat link yang anda inginkan dan kode biru adalah alamat link gambar yang anda ingin tampilkan.

Jengjeng..jadi deh, terserah mau masukin iklan, gambar,script widget jam, kalender blablabla... suka-suka anda aja. Oiya, gak keberatan kan kalau gabung di lookfriends? gabung aja disana, komunitas seru-seruan para netter dan blogger. Bye-bye, i'm blogging to share.

26 komentar:

  1. yang dicari akhirnya dengan mudah saya temukan.

    gak salah deh, saya subscribe rss blog ini

    BalasHapus
  2. Wah,..cocok untuk newbie seperti say nech,..
    Mantab,bro tutorialnya,..
    Makasih!'
    Sukses!

    BalasHapus
  3. Bagus infonya, thanks dah sharing!

    BalasHapus
  4. wow,ada lagi neh blog tentang tutorial blog!!

    BalasHapus
  5. @Cengeng : makasih udah subscribe blog ini, yang lain kapan nih?
    @indungg : Saya juga newbie nih mas...
    @a2i3s : Sama-sama, anda juga sering sharing kan?
    @Bang peha : masih jauh ilmunya ma kang Rohman, oiya, ini blog juga tentang internet kok..cari tutorial yang menurut anda bagus..

    BalasHapus
  6. Mantab... Saya simpan dl ya...

    BalasHapus
  7. seep mantab tutorialnya..ditunggu lagi ya tutorial2 selanjutnya..

    BalasHapus
  8. Wah.. keren nih artikelnya..
    Mantap...
    Sukses terus ya!!!

    BalasHapus
  9. @Hangga : Wah, Hangga tanpa hentinya kesini, sukses ya..
    @Fitri : Sami - sami
    @AiWy : Monggo silahkan
    @Achiles : Ah Achiles sok-sok gak ngerti nih..
    @1001 : Mudah-mudahan bisa nulis terus, kalau gak ada yang baca mau berhenti aja ah..

    BalasHapus
  10. Owh jadi gitu toh caranya, saya coba deh

    BalasHapus
  11. Yang bisa diklik closenya juga donk ?

    BalasHapus
  12. iya nih, yang ada tombol silangnya juga.

    BalasHapus
  13. kalo nyari gambar yang maknyus dmana mas?

    BalasHapus
  14. mas, ngimana cara yah buat tambahin tata letak baru lagi plus cara buat kotak2 untuk iklan? aku da beli bukummu ttg blogger tapi tak diajarin mas..tanx

    BalasHapus
  15. ok jhon thanks bt info-y.....mn2 ke blog chugygogog.blogspot.com
    :santai

    BalasHapus
  16. thanks... lumayan buat tambah ilmu
    pemula nech mas, belajar lewat
    "Buku Sakti Nge-blog"
    maklumlah baru 2 minggu ini
    belajar lewat buku mas

    BalasHapus
  17. Mampir Boss...
    numpang Baca-baca

    BalasHapus
  18. Coba dulu ah. Ntar klo gak bisa, saya balik lagi kesini

    BalasHapus
  19. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  20. Tipsnya menarik Mas,mohon ijin tuk diterapkan di blogku,salam kenal.Makasih Mas and happy blogging.

    BalasHapus

Artikel ini berguna? jangan menjadi silent reader, saya akan selalu menjawab komentar

Ada 2 aturan berkomentar yaitu jangan asal komentar, jangan mengiklan, hargai penulis yang membuat artikel ya..terima kasih.