Membuat Gambar Hidup Di Pojok Halaman Blog

Anda pingin ada sesuatu gambar hidup yang menghiasi halaman blog anda..?
Gambar ini bisa anda letakkan di salah satu pojok di halaman blog anda.
Anda bisa meletakkannya di kiri atas, kiri bawah, kanan atas ataupun kanan bawah

Bagaimana caranya..?
Silahkan ikuti langkah-langkah berikut ini.

1. Pertama-tama silahkan cari dulu icon yang cocok dengan selera anda di sini [ gifs ]
2. Setelah ketemu gambar yang anda inginkan, silahkan di copy alamat URL nya
3. Masuk ke Dasbor
4. Klik Tata Letak
5. Klik Edit HTML
6. Klik kotak kecil Expand Template Widget
7. Silahkan cari di dalam template anda kode ]]></b:skin>
8. Persis sebelum kode tersebut, copypastekan script berikut ini

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

9. Text yang berwarna merah adalah menunjukkan posisi penempatan dari gambar tersebut
10. Silahkan anda ganti sesuai keinginan anda, (kiri=left, kanan=right, atas=top, bawah=bottom)
11. Berikutnya cari lagi di dalam template anda kode </body>
12. Persis sebelum kode tersebut, copypastekan script berikut ini

<div id="trik_pojok">
<a href="http://pinginbelajar.blogspot.com">
<img src="http://www.boongan_doang.gif" border="0" /></a>
</div>

13. Silahkan ganti http://pinginbelajar.blogspot.com dengan alamat blog anda
14. Ganti juga http://www.boongan_doang.gif dengan alamat URL gambar pilihan anda, yang telah anda copy (lihat langkah no. 2)
15. Cara mendapatkan URLnya, silahkan anda klik kanan pada gambar yang anda inginkan, kemudian klik Properties, kemudian copy alamat URL yang ditampilkan pada baris Location
16. Klik Pratinjau untuk melihat hasil kerja anda
17. Jika sudah sesuai dengan keinginan anda, klik Simpan Template
18. Selesai

Selamat mencoba, semoga bermanfaat

Sampai Saat Ini Sudah Diterima 35 Komentar Untuk Artikel
" Membuat Gambar Hidup Di Pojok Halaman Blog "

Ree mengatakan...

agak rumit nih...tapi patut dicoba!!hehe

herman mengatakan...

keren nih......ajiiibbbbbbb.....
makasih ya utk tutorialnya

Triana's TheBLackID™ mengatakan...

Ijin Copas bang www.b43net.tk

hasi mengatakan...

mas,,,mkasih nyh info nya ya,,,,klo yang ini emang unik banget niyh mas,,,

can301 mengatakan...

Dapat ilmu baru, thank's bro

Rinto mengatakan...

kok ga muncul yaaa

Rinto mengatakan...

aku pake yg spiderman drops,kok gbnya ga muncul...gmn neh

Pingin Belajar mengatakan...

@ Rinto
mungkin salah alamat URL nya... pastikan alamat URL itu terlebih dahulu. copy alamat tersebut kemudian masukan ke addres bar kemudian klik. jika bukan gambar anda yg keluar,berarti masih salah.

coba anda pakai alamat URL ini sebagai contohnya
http://img14.imageshack.us/img14/6214/pinginbelajarwe7.gif

semoga berhasil

LaNie mengatakan...

kok dapetin Url nya ga bisa mas..??
bingung nih...

Pingin Belajar mengatakan...

@ LaNie..
cara gampang untuk mendapatkan alamat URL nya adalah...
klik kanan gambar tersebut, kemudian klik properties...
nah keluar alamat URL nya kan..?
selamat mencoba.

LaNie mengatakan...

Saya coba lg ya uda...
trims....

SiX6 mengatakan...

benernya m coba.....
mata kok ngantuk banget....
kapan2 ae....gi males...
thank....

Harno mengatakan...

asu

common mengatakan...

sy coba ah

e-je mengatakan...

thanks uda..
ntar di coba ah..

Abdillah mengatakan...

:) sudah di terapkan ilmunya "uda...terima kasih..

barukutau mengatakan...

wah kok abdillah...he he he

barukutau mengatakan...

pingin juga bikin yang kayak " Daftar Postingan " itu...gimana kalo yang itu..?

laroz mengatakan...

mt mlm boz uda.
lare= anak
osing= nama suku asli banyuwangi.
lare osing= anak asli banyuwangi.
u got that?heh heh. mt mlm...

suki mengatakan...

bagus banget..............
coba dulu ahhhhhhhhh.........
ijin juga tuk ambil artikel
he....he... sumber tetap tercantum

aMriE mengatakan...

bro''''''''' bLog qO hancur bnget........

g ngerti qW buat nya........

huuuuuuuuuuuuuuuu

Santai Disini mengatakan...

saya tidak menemukan langkah no.11 "/body" tapi yang saya temukan hanya "body" dan sudah saya coba tapi hasilnya nihil gambar gift nya gak bisa tampil, tolong pencerahannya......:41

Santai Disini mengatakan...

uda sekarang dah berhasil ternyata ambo copy urlnya kurang lengkap uda,, thanks trik nya ya keep posting :11

Dica mengatakan...

Aduh, nyari kodenya kok susah, ya? :33
:23

play game to get money mengatakan...

:10
bro trimakasih infonya
aku bisa ternyata
coba lihat di http://uanganget.co.cc

Imam S. mengatakan...

:24
Asyiiiik!!!
Akhirnye aye temuin blog yang kagak pelit.
Malahan kite boleh copy-paste, jadi sekalian aye ijin boleh ye...
http://nggonenyong.blogspot.com
:35
Sekalian minta tolong kasih unjuk kesalahan aye boleh ye, uda.?
Jadi begini, blog aye tuh pengen punya 2 sidebar dengan postingan di tengah tapi malah sidebar kagak mau dipisahin.! Eeeh...maunye nempel aje bedua-duaan gitu. Pegimane ye.? Kesalahan aye ade di mane uda.? :41
Mohon tutorialnya. Maturnuwun atas bantuannya. :42

ImamS mengatakan...

:10
Uda, aye udeh berhasil buat gambar bergerak tapi di layarnye... bukan di blognye.
Bener kagak tuh?
Trus pegimane caranye biar ntuh gambar kagak bisa di-klik lagi ya? Biar cuma jadi hiasan doang, bukan buat nge-link. Bisa kan?
Terima kasih atas postingannya yang memotifasi saya untuk semakin serius memperbaiki wajah blog saya. (Walau isinya masih belum jelasszzz.)
Tank's Uda.

tama_ma mengatakan...

wah bagus banget..
aku udah ambil..
bagus juga
tukeran link ya.. :15

[ Uda ] mengatakan...

@ Imam S

untuk memisahkan sidebar dan diletakkan di kiri dan kanan postingan, memang sedikit rumit, karena banyak yang harus kita rubah, saran saya, sebaiknya ganti template saja yang mempunyai sidebar di kiri dan kanan postingan, karena saat ini banyak sekali free template.

untuk menciptakan gambar pojok hanya berupa gambar saja tanpa mengikutsertakan link, anda cukup menghilangkan script ini <a href="http://pinginbelajar.blogspot.com">

[ Uda ] mengatakan...

@ tama_ma
untuk tukeran link, silahkan anda surfing di sini Exchange Link

RILEKS 'N SHARING mengatakan...

hebat uda..
klo yang ini bisa saya praktekin di blog saya ..
terima kasih uda infonya..

HHS19 mengatakan...

ThankS utk tutorialnya, aku da banyak belajar dari sini... dan Cari Film+Subtitle "http://hhs19-2.blogspot.com/" Download Link For Indonesia Only dan GRATIS. High Speed :19

kenali dan kunjungi objek wisata dipandeglang mengatakan...

langsung praktek nih
kenali dan kunjungi objek wisata di pandeglang

benehalfirman mengatakan...

Patut dicoba ini...

yanuardi7 mengatakan...

kunjungi blog www.yanuardi7.blogspot.com

Tambahkan Emoticon Berikut Ini Ke Dalam Komentar Anda. Caranya Cukup Dengan Mengetik Kode Yang Berwarna Biru Di Samping Kanan Emoticon Tersebut

:10 :11 :12 :13
:14 :15 :16 :17
:18 :19 :20 :21
:22 :23 :24 :25
:26 :27 :28 :29
:30 :31 :32 :33
:34 :35 :36 :37
:38 :39 :40 :41
:42 :43 :44 :45

Poskan Komentar