Salah satu trik blogger agar blog kelihatan tambah menarik adalah memasang image di sudut blog. Pemasangan image bisa di atas kiri, atas kanan, bawah kiri, dan bawah kanan. Selain itu trik ini juga dapat dimanfaatkan untuk fungsi yang lain, sesuai dengan apa yang kamu inginkan. Sebab kalau disebutin kebanyakan...
Tanpa ba..bi..bu.. lagi, langsung kita mulai trik memasang image di sudut blog :
Tanpa ba..bi..bu.. lagi, langsung kita mulai trik memasang image di sudut blog :
- Login ke account blogger kamu.
- Pilih Tata Letak --> Edit HTML.
Tips : Sebelum melakukan edit template, sebaiknya simpan dulu template kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula.
- Tambahkan kode berikut di atas kode ]]></b:skin>.
#anima_sudut {
position:fixed;_position:relative;top:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
- Ganti kode yang berwarna merah dengan posisi image yang kamu inginkan (ex : top=atas, bottom=bawah, right=kanan, left=kiri). Dan atur kode yang berwarna hijau sesuai dengan tampilan di blog kamu.
- Kemudian tambahkan kode ini di atas kode </body>.
<div id='anima_sudut'>
<a href='http://optimasi-blog.blogspot.com/'>
<img alt='' border='0' src='http://i647.photobucket.com/albums/uu191/ariamsi/disiniann.gif'/></a>
</div>
- Ganti kode yang berwarna merah dengan alamat blog dan alamat penyimpanan image kamu.
- Jangan lupa disimpan
Selamat mencoba pasang image di sudut blog...
thank....
BalasHapussatu lagi tambah ilmu dari kang OB . . . bisa dicoba and thanks banget ya . . .
BalasHapusjangan lupa backlink punya aku. .heehehhe
siip deh ijin copas yach
BalasHapuskeren mas... nantilah kalau ada waktu...saya belajar lagi.... Maklum lagi Deadline Majalah
BalasHapusmakasih ilmunya mas....
BalasHapuslangsun ane praktekin...
hahaha.. tengkyu tengkyu.. salwa here :)>-
BalasHapusto all: sami-sami, tapi jangan lupa, kapan-kapan berkunjung kembali yaa... :D
BalasHapussumpah,,,blog q jd tambah keren,,makasi bozzzzzzzz
BalasHapusMantapp banget mas,, thanks yah
BalasHapusto ardyan & ReMo-XP: thanks, friends. Akan lebih banyak tips dan trik lagi, jika sobat-sobat pada rame ngunjungi ini blog...
BalasHapusok bang OB udah ku praktikin neh keren hasilnya.. tnx yak...;):D
BalasHapusAduh terima kasih banyak nih mas OB... :)
BalasHapusthank you so much..
BalasHapusilmu tambahan
BalasHapusthankz kang ob
makasih ya atas postingnya, mo di coba ah
BalasHapuslumayan lengkap...
BalasHapusmakasih sob...;;)
kode /b:skin ada di bagian mna yah ? ada yang bisa bantu ? klik http://mzvha.blogspot.com
BalasHapusmakasi :)
to mznha: klo tidak salah, blog mba menggunakan template klassik. Jadi ngga keliatan, tp mungkin kode </b:skin> sama fungsinya dengan kode </style>
BalasHapustrims :)
BalasHapusAkhirnya ketemu juga caranya, khan keren kl ada di blog :D
BalasHapusArtikelnya bermanfaat banget nie...
BalasHapusTrims bwt infonya ya...;)
Salam kenal,
Angwie
(pendiri situs beritakita-angwie.blogspot.com)
Trimakasih tipsnya, ada yang mo tak tanyakan nih :
BalasHapuskalo buat image-nya di 2 tempat kiri-kanan apa harus nambahin kode yang sama diatas ]]></b:skin> tadi..???
kunjungi blog-ku ya http://lolidsonline.blogspot.com/
keren neh artikel nya..mohon bimbingannya:D
BalasHapusto Lolids Here: untuk menambah image di sudut yang lain, maka buat lagi kumpulan kode CSS anima_sudut dengan nama yang berbeda ex: anima_sudut1, anima_sudut2, dst. Kemudian tambahkan pula kode di atas </body>. Caranya mengganti kode div id='anima_sudut' dengan nama yang sesuai dengan CSS yang kamu tambahkan
BalasHapusakhirnya dapet juga jawabannya setelah mencari cari
BalasHapusTOLONG LIHAT BLOG SAYA DONG BISA NGGAK BLOG SAYA DI MODIP BIAR KEREN N BANYAK PENGUNJUNG WWW.BISNIS-HP-DAHSYAT.BLOGSPOT.COM MAKACIIIIIIIIIIIIIIIIIIIIIIIIIH BUANYAAAAAAAAAAAAAAAAAAK.... TAK TUNGGU LHOOOOO
BalasHapusOh ya lupa sampean ini pakai template apa kayaknya sederhana namun rapi bersih....=))
BalasHapusto SUNARDI: Pakai template "minima green Fragmentary", ingin lebih tahu infonya silakan kunjungi http://www.zoomtemplate.com/2009/05/minima-green-fragmentary.html
BalasHapusnih blog iklasnya minta nasi
BalasHapustx banget sob,,,
BalasHapuspostingan ni membantu,,,
ok
BalasHapusMakasih banyak yaa...
BalasHapustolong dong bikinin blog yang bagus
Mantep ilmunya =))
BalasHapusklo dpake di wordpress gmana dong...???..pasti bisa dong.. b-( ??
BalasHapusLANJUTKAN....I LOVE YOU FULL HA HA HA
BalasHapuskalo di pasang script bisa gak yah?
BalasHapusko tak bisa ya kang OB.. :((
BalasHapusjawabannya tutup semua dengan benar :-/
piyee ya.. :-?
maen ke blogku dumz.
BalasHapushhu..huu..higz..higz..
gagal nii.http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif
terima asih banyak kang....
BalasHapusbisa buat di blogku
Thanks om. udh bagi bagi ilmunya...:D
BalasHapusthanx infona?! ;)
BalasHapusmakasih bgt y mas atas tutorialnya.jangan lupa backlink ya mas
BalasHapusthanks sudak ku pasang juga
BalasHapusmakasih infonya bermanfaat banget buat akang yang masih belajar blogging pake blogspot. btw, main dong ke http://www.kanghanif.co.cc
BalasHapusterima kasih udah terpasang, lihat blogku kalo gak percaya. Tapi bisa nggak ya diisi warna selain putih....?
BalasHapusMAKASIH BANG ATAS ILMUNYA JAYA TERUS INDONESIA
BalasHapusKoko said
BalasHapusThanks ata informasinya
Salam untuk semua BLOGGER
Makasih tutorial memasang image di sudut blog nya sobat...
BalasHapusmakash y mz atas infonya... aq akan coba nanti
BalasHapusRecent Visitorsnya udah saya pasang, dan berhasil. Tapi wuaadduh susahnya. pertama sih gak berhasil, bikin penasaran, setelah dicoba dan dicoba lagi, eh.... gak tahunya di account MBL-nya yang gak benar. Makasih ya
BalasHapusbisa dipake buat wordpress gak?
BalasHapusnumpang koment...minta ijin copas yak...
BalasHapustengkyu...???
cara ganti gambarnya gimana bos?
BalasHapusijin copas bozz
BalasHapusmantappppp............siph.....tengkiuuuuu^^
BalasHapusthanks yah
BalasHapusini yg aku cari thanks ya
BalasHapusMAntaP ...
BalasHapusbagus ..
tipsnya
kereeeen gan!!! :D
BalasHapussilakan blogwalking k tempat saia
http://akirawisnu.blogspot.com
gambar gif...
BalasHapusnggak web2.0 bgt ah :)
salam balik, abna-aulad.blogspot.com, blognya tak pasang.
BalasHapusTrimz Tipz ea....=))
BalasHapusThx ya infonya salam kenal jagang lupa klik di http://blogharriz.blogspot.com ya!!!
BalasHapuskeren....
BalasHapusdicoba n berhasil.........
teng kyu....
teng kyu gan.....
BalasHapus;;)
Komentar ini telah dihapus oleh pengarang.
BalasHapusBerhasiel..!!,Terima Kasih Banyak
BalasHapus:))
Tnx Sobat ;))
BalasHapus~x( gak bisaaaaaaaaaaaa..... aku bego..... :((
BalasHapushttp://ilmu-komputernya.blogspot.com/
kang, tu klu mau taroh d tengah gmna.jd pas center d tengah...Q otak atik kok g bisa ya....
BalasHapusmohon bantuanya kang...
Komentar ini telah dihapus oleh pengarang.
BalasHapusIjin cOPAS
BalasHapusthanks for the info ^^
BalasHapuskeren cuy... :beer:
BalasHapusitu kok cm bs satu sih?kl dua gitu gimana caranya?
BalasHapusMakasih...
BalasHapusmakasih infonya om
BalasHapusinfonya sangat bagus, makasih yah, mas
BalasHapuskalo dipasang form subcriber di sudut kayak pasang gambar bisa gak bos??
BalasHapus@Dela yuntuk menambah image di sudut yang lain, maka buat lagi kumpulan kode CSS anima_sudut dengan nama yang berbeda ex: anima_sudut1, anima_sudut2, dst. Kemudian tambahkan pula kode di atas </body>. Caranya mengganti kode div id='anima_sudut' dengan nama yang sesuai dengan CSS yang kamu tambahkan
BalasHapus@kaos couple dicoba aja, mas. Sebab OB belum pernah coba, mudah-mudahan bisa
BalasHapuswaw...mantep mas,,,,sip dah tak pasang di blog saya juga yo...tankki
BalasHapustrim .... kasih.....kank?aq wes isoooooooo..........adddeeeeemmmmm rasa ne..........hikz ghikz=))=))=))=))
BalasHapusKomentar ini telah dihapus oleh pengarang.
BalasHapusmisi misi,,, aqu ijin plagiat "cara pasang ini" nya ya pak,, heeee
BalasHapusWah...Kerenn.. Thx gan.. ane dah nyoba, langsung tok cer, bisa muncul gambarnya..
BalasHapusNICE bgt kk...
BalasHapusijin sedot triknya y....
sy kasi smber link nya kk...tq ;))
oh y cara biar ada tulisan "cara pasang ini" gmn kk??
@Rizhardy Cara pasang link-teks "Cara Pasang ini" di bawah anima, cukup dengan menambahkan link-nya di atas </div> pada kode HTML anima_sudut, contoh :
BalasHapus<div id='anima_bawah'>
<a href='http://optimasi-blog.blogspot.com/'>
<img alt='tips seo dan trik blogger' border='0' src='http://i647.photobucket.com/albums/uu191/ariamsi/disiniann.gif'/></a><br/>
<a href='http://optimasi-blog.blogspot.com/2009/03/cara-pasang-image-di-sudut-blog.html' title='trik blogger'>Cara pasang ini</a>
</div>
mantap coy...pasang dolo dah
BalasHapusiya bagus ne mas.. sayang kecepatan load blogku jadi lama.. but btw thanks a lot ya mas infonya.. ;;)
BalasHapusehhh mmpir ke blok aq dong aq gi trget pny 100 knjungan
BalasHapusaq gi dftr ggle adsnse
yayayayayaaaa.....please
@Rani R Tyas : Lambatnya loading mungkin bukan karena masang trik ini kk Rani, kecuali ukuran image-nya besar.
BalasHapus@Muhammad arfans : Udah beberapa kali mampir, kk arfans. Mungkin hanya butuh komentarnya, kk. he..he..
sangat informatif Sob..lanjutkan..sukses selalu!
BalasHapusWIH...
BalasHapuswajib di coba ni....
maksih kang...
salam kenal ja ya...
Mkasih yo yo
BalasHapusterima kasih mas. maklum saya ini blogger baru. jadi tutorial seperti ini adalah yang paling saya cari… :)
BalasHapusLihat juag:
Cara Memasang Star Rating di Blog