22 January 2008

(102) Comments

Membuat Anu Supaya Selalu Berada Di pojok

Kendhin

Pasti pada bingung nih, apa maksudnya dan kenapa judulnya begitu, sebenarnya aku sendiri juga bingung mau ngasih judul apa untuk trik yang berikut ini. Setelah aku pikir-pikir :t eee.. nggak nemu-nemu juga judul yang cocok, ya udah deh aku asal aja kasih judul gitu. Trus apa maksudnya dari judul tersebut dan trik apa yang akan dibahas?
Gini, untunya itu gini :D trik nyoba ngebahas gimana cara membuat "ANU" itu selalu berada di pojok (bisa atas, bawah, kiri, kanan) meskipun "scroll bar" ditarik kemana-mana. "Scroll bar" itu apa sih? itu lho kotak kecil panjang yang ada disamping itu, yg biasanya ditarik kebawah dan keatas supaya bisa ngelihat isi blog yang kepanjangan. Trus maksudnya "ANU" itu apa? "ANU" itu maksudnya bisa gambar atau photo kamu, animasi, Jam, Hit Counter, Shoutbox, Kalender, Adsense, Iklan, Widget-widget dan lain-lain. Kalo untuk di blog ini aku pasang gambar sonic yg sedang lari-lari (pojok kiri bawah). Nha udah tahu kan maksudnya. Kalo dah tahu dan pingin mencobanya mari ikuti trik berikut ini:

1. Login ke blogger trus klik "Layout -->> Edit HTML
2. Cari kode ini ]]></b:skin> kalo dah ketemu taru kode berikut ini 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); }



3. Text yang dicetak tebal adalah posisinya, kalo pingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "bottom", jika pingin di posisi atas bisa diganti dengan "top".
4. Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode </body>


<div id="trik_pojok">
<a href="http://trik-tips.blogspot.com">
<img src="http://http://superinhost.com/images/soniclari.gif" border="0" /></a>
</div>



"http://trik-tips.blogspot.com" adalah link. ganti dengan link kamu.
"http://superinhost.com/images/soniclari.gif" adalah lokasi gambarmu. ganti dengan lokasi gambar kamu.

5. Jika kamu pingin yang ada disitu bukan gambar tetapi jam/kalender/hit counter/widget-widget yg lain, maka ganti text yang berwarna merah dengan script widget-widget tersebut.
6. Simpan hasil kerja kamu dan lihat hasilnya.




Artikel yang Berhubungan :



Jumlah Komentar = 102
Ijal said :
03 July, 2008
Artikel yang Bagus..
Anda pasti Pinter.
Ada waktu untuk chat ga?
Pengen tau banyak lagi ttg blgging.
Thanks be4
gratis... said :
04 July, 2008
kod eitu d ksh jarak gk? mksh
RoBeKeR said :
05 July, 2008
gila ini orang apa bukan sih...

pinter banget..moga gw ketularan pinternya

klo lo keren gw juga mau ketularan kerennya, kalo jelek gjd deh,hahahah piss
HARYANTO said :
05 July, 2008
sangat bagus sekali mas artikelnya.. tambah lagi informasi tentang bloggingnya mas....
saya tunggu
arrya said :
08 July, 2008
keyen...:)
Iwak Teri said :
09 July, 2008
pokoknya keren abis deh, trimakasih ya, tp aku blm sempat punya inimasi gif, sy pinjam dulu animasi sonic larinya, klu sdh ada biar q ganti, thanks
09 July, 2008
tolongggggggggggggggggggggggggggggg.......aku sangat2 gaptek...tapi pingin coba buat blog....udah berusaha ngikutin trik disini tapi masih pusing juga.....ada yg bisa bantu???????

pinginnya sih tinggal nulis doangg....sumpah..ga ngerti gimana caranyaaaaaaaaaaaa buat biar tampilan blog gue enak diliat.....ada yg mau buatin? test ilmu gitu maksudnya...hehehe
dhawuh said :
10 July, 2008
setelah saya pasang kode diatas dan save kok keluar, "We were unable to save your template
Please correct the error below, and submit your template again.
Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The element type "img" must be terminated by the matching end-tag "".
Anonymous said :
12 July, 2008
eh..ternyata ketemu juga ilmunya...mksh yo..,
badboys said :
13 July, 2008
wah bro sumpah lucu abisss...thanks triknya...btw uda gak nerima tuker link nih? :D
Kendhin said :
14 July, 2008

@ladypapillon, keep try and error :D

@dhawuh, perhatikan kode untuk imagenya yg terakhir harus seperti ini /> . yang sebelum kode </a> itu lho

14 July, 2008
coba pasang di blogkyu yach...maksi tipsnya
14 July, 2008
yup...berhasil...thanks ya...
Bani Risset said :
15 July, 2008
nyoba ahhh
yahya said :
15 July, 2008
bro, minta tolong cariin n upload animasi yang lucu di "http://kendhin.890m.com/*.gif"
plizzz...
thx b4
18 July, 2008
salut saya bos ama ilmu IT ente. tolong di liat lah bos blog aku.kira2 apa yang harus di ganti dan di robah. nubie nie bos soal blog.

motor tenk bawa kayu. tenkiu
dhawuh said :
18 July, 2008
sori baru bisa bls. gini pak, saya kan tidak pasang animasi, yg saya pasang adalah script seperti counter ( < img src="http://kendhin.890m.com/soniclari.gif" border="0" />< /a> <--- ini saya ganti scripnya counter ) tapi kok gak bisa ya pak. mhn pencerahannya. ngelu pengen ngapi`i blog ben laris.
dhawuh said :
18 July, 2008
kotak expand - nya apa ndak di centang???
Kamaluddin said :
19 July, 2008
thanz ya tas icon yang di sampingnya...
VicaLuna said :
21 July, 2008
Udah saya coba dan berhasil !! makasih banyak :D
22 July, 2008
wah bagus mas ..

thengs ya bisa dapet banyak ilmu ne ..
tho_phan said :
25 July, 2008
wah....klo gini ngajak ngelembur donk....
thnks yah brow atas ilmunya...
untuk sekian kalinya....
eRmA said :
25 July, 2008
aku uda nyoba, tp kuk gag da perubahan y??

aku ny yg payah kali y??

uda d try mpe gempor padahal..

huh!!
*jd bete sendiri*

tlg y..
arah said :
25 July, 2008
Makacih ya Om, pokoknya dah berhasil...thanks akbar.
Arie said :
28 July, 2008
mang animasi nya harus puxa sendiri/ cari di /juga iku copy
29 July, 2008
trimakasih atas triknya keren2 semua lo dan jangan lupa kasih saya trik ter baru
29 July, 2008
asik, berhasil... thks ya buat tutor nya
flexter said :
30 July, 2008
ada bisnis lain nih....
baik dan memberi peluang usaha
silahkan coba
thanks banget ya...
tambahin postingan tentang yg lain donk..
Eko hari said :
01 August, 2008
terimakasih banyak mas.

maju terus dan semoga tampah pinter lagi!!!
jangan lupa tambahlagi tips dan triknya!!
01 August, 2008
Thanks banget mas trik2nya..
bagus bgt...
Arie Anti eL said :
01 August, 2008
pokoknya keren abis deh, trimakasih ya, tp aku blm sempat punya inimasi gif, sy pinjam dulu animasi sonic larinya, klu sdh ada biar q ganti, thanks
erick said :
05 August, 2008
thenkyu.....
GL....
Kendhin said :
05 August, 2008

@dhawuh, yg diganti kode yg ini <a href="http://trik-tips.blogspot.com"> <img src="http://kendhin.890m.com/soniclari.gif" border="0" /></a> , gak perlu dicentang kotak "expand widget templatenya"

@eRmA, dilihat lagi kode2nya, mungkin ada yg salah atp salah taruh.

@semua, makasih atas komentarnya....

Anonymous said :
08 August, 2008
mas setelah saya jalankan semua instruksinya, setelah saya preview yang keluar malah kode scripnya keluar diatas dalam bentuk kode yang saya copy . saya coba lagi kode yg pertama saya taruh di bawah "b:skin" nah kode yang pertama muncul hilang sudah tapi animasinya gak muncul tuh.....solusinya gimana yah
cakilbuto said :
09 August, 2008
bener bener maknyussssss....
Panda said :
10 August, 2008
wah, mantab nih...

tenkyu broth :)
KurNea said :
10 August, 2008
Ijin menerapkan mas...
Anonymous said :
11 August, 2008
loadingnya lama banget bos....perbaaikin donk!
lazio100% said :
12 August, 2008
mas aku bingung deh...klo animasinya ada di komputer aku gmn???masukin urlnya yg gmn?hrs upload dl y?kmn?
lazio100% said :
12 August, 2008
saya minjem sonicnya dulu y...tar saya ganti ko....makasih
Damai said :
13 August, 2008
matur nuwon bos barusan belajar.nol putol soal blog.wong tukeran ling gak eroh.trems
Profile said :
14 August, 2008
mau nanya bro, kalo dua sisi kiri dan kanan mau dipasang si anu gimana >>??? thanks sebelumnya
Ksatria said :
15 August, 2008
Om kendhien,aku mau minta animasi yang lain kayak naruto atau karakter one piece ada nggak? Aku masih kls 4 lagi belajar ngeblog.. Thanks Om
Pare widiTYA said :
16 August, 2008
saya udah berjuta2 kali nyobaj trik iang ine piii gagal tyus......... ada solusi na pak...????
Pare widiTYA said :
16 August, 2008
selalu muncul pesan

Template Anda tidak dapat diparse karena tidak well-formed. Harap pastikan bahwa semua elemen XML ditutup dengan benar.
Pesan error XML: The element type "body" must be terminated by the matching end-tag "".
ayas said :
16 August, 2008
mas kendhin, salam kenal......
trik n tips nya bagus2. aq dah nyoba yang bikin blog lebih ekspresif. kalo boleh aq minta animasi lain untuk blog ku. thanks ya mas. aq baru lahir di dunia blogging nih, butuh banyak pencerahan :).
Chuany said :
17 August, 2008
keren banget, trims banyak :D
18 August, 2008
muantap man
18 August, 2008
Thanks a lot
19 August, 2008
sy udah taur di blog saya, eh malah selalu muncul di bawah blog, udah sy ganti2 posisinya tapi tetap aja munculnya di bagian bawahnya
22 August, 2008
Mas Kendhin, trik nya dipakai lagi nih di Blog sy, thanks lg ya....
gajah_pesing said :
24 August, 2008
untuk joomla ada gak?
ardi said :
25 August, 2008
makasih ya mas udah bagi2 ilmu
saya mau tanya mas
gimana caranya promote blog kita pada search engine pada google
mohon pencerahannya
maklum baru belajar bloging
Budi Prayoga said :
26 August, 2008
mau tanya mas..aku kok gak bs masukin fhoto yg banyak ya.klu di upload bisa nya cuma satu doank mas..
mohon saran nya donk.
tank's ya.
Kendhin said :
26 August, 2008

@anonime, coba diperhatikan lagi, km pasti salah menaruh kode2nya.
@anonime lagi, akuras bukan karena kodenya yg lam, tp tergantung dari gambar yg km pasang. soalnya kodenya cm CSS.
@lazio100%, bisa diupload dulu di hosting ato di tempat menaruh gambar seperti photobucket.com. nanti akan dapet URLnya
@Profile. cb aja buat lagi seperti itu tp div id diganti.
@ksataria, cb aja cari lewat google pake keyword "free gif animation"
@Pare widiTYA , kalo seperti itu bukan karena salah dari trik ini, tp karena emang templatemu dah erro. walopun km gak ngedit apa2 kalo km simpan pasti akan muncul pesan seperti itu. cb dilihat di daerah body
@Wahyu Ramadhan, salah peletakan kode kali bos.
@gajah_pesing, sory bos, ini husus untuk blogger. sebenarnya bisa sih, intinya cm taruh kode di CSS dan di HTML.
@Ardi, cba baca YANG INI
@Budi Prayoga, masak sih, gak bisanya knapa? ada pesen error ato gmn?

Ali said :
26 August, 2008
Om kendhin kayaknya sibuk nguduh $ ni.. :D
Ali said :
26 August, 2008
Ken, kalo gw jiplak blog ini boleh ya,, tentunya link sumbernya gw taru di setiap post... :D gak ada kerja lagi ni.. boring ung..
Ali said :
26 August, 2008
Boleh ya... izin ni, tpi klo enggak juga gak papa si.. :D
Huzaifah Hamid said :
27 August, 2008
Makasih atas semua triknya
27 August, 2008
Matur nuwun kang...
k3 said :
27 August, 2008
permisi..salam kenal ya,
udah dicobain n hasilnya keren banget.
makasih :)
28 August, 2008
Boss sonic lari banyak yang suka deh kayaknya...kasi petunjuk pasangnya yang bagus, Ok! Tak tunggu....
ce_sexy said :
30 August, 2008
masih bingung bos...
d4nkte4 said :
01 September, 2008
tlg ajarin saya bikin blog yang bagus donk
ini email saya d4nkte4@gmail.com
maztegh said :
02 September, 2008
matur suwun, mas kendhin.
keren banget lho, tapi sementara pinjem supersonicnya dulu, ntar tak gantinya. thanks.
Kendhin said :
06 September, 2008

@Ali, silahkan aja bos.
@I Gede Budiasa, lha emangnya petunjuknya ini kurang bagus ya :(

Anonymous said :
07 September, 2008
Mas gimana me upgrade blog standar menjadi blog yang layoutnya ada add page elementnya...
atokaja said :
09 September, 2008
iya nih orang kok pinter yah. aku aja mo pasang tempate masih ga bisa nih, lagi pencet2 cari caranya di web ini
nOun said :
10 September, 2008
Masnya pinter e poooooollll....
Matur tenKyu saNgadh mas...
bole mnta Ym ato smacam nya bwt chat???

maen" ke blog q y mas..
klo da yg salah" kasi tw..
:p
http://coklatholic.blogspot.com/
tenkyu sangedh...
10 September, 2008
gk bisa kanan kiri ya..biar rame....cuma bs satu aja posisinya mas....
Den B@gus said :
12 September, 2008
Blognya komplit banget, tutorialnya oke banget,sangat membantu para blogger baru kaya gue'
As-Rock said :
13 September, 2008
keren bro, cari terus trik lainnya
raja santai said :
14 September, 2008
aku jg di blogger....
thx bwt tips'x.......
widiz1312 said :
14 September, 2008
mas ko gambar sonik saya ga bisa tetap di bawah si mesti di scrool dulu ke halaman bawah baru ada gambar sonic nya, saya bukan bi blogspot jadi gimana buat masukin yang langkah 1
ambon warkop transit said :
16 September, 2008
trims atas trik2nya smoga smakin maju kulo nunut promosi bosss kalau boleh silah ka copy paste di blog rekan2
warkop-transit-karanglo.blogspot.com
bayu said :
16 September, 2008
salam kenal mas, saya coba ikutin instruksi dari mas, ko pas saya mau save yg keluar kaya ginian, maksudnya apa mas......Template Anda tidak dapat diparse karena tidak well-formed. Harap pastikan bahwa semua elemen XML ditutup dengan benar.
Pesan error XML: Element type "img" must be followed by either attribute specifications, ">" or "/>".

mohon penjelasannya......
christo said :
19 September, 2008
wuihh!!!saya sudah coba sampe 3x!!!:f
GAGAL!:(
coba lagi!
ternyata...
GAGAL juga...:(
lagi! coba lagi!
akhirnya...
MASIH GAGAL juga! :(
tapi saya coba cek lagi...:@ untungnya!;;)
BISAAAAAAAAAAAAAAAAA:))

buat mas kendhin thnx berat ya pelajarannya,
membuat saya makin berGAIRAH untuk terus ngeblog.


Salam Sukses!!!
asibimaulani said :
20 September, 2008
:)) ternyata yang ini BERHASIL BOS.. maturnuhun
Kendhin said :
20 September, 2008

@Anonim, masuk ke menut "template --> Customize Design" lalu klik tombol "Upgrade your template"
@awan_clickerz, kayaknya sih bisa.
@widiz1312, km mungkin salah naruh script yg pertama itu.
@bayu, perhatikan kodenya itu, yg terakhir ada tanda "/".

TopexXx said :
20 September, 2008
Kalo pingin buat dua, kiri bawah & kanan bawah bisa gak ???
Anonymous said :
21 September, 2008
keRen abiz dah pkknya :D kurang 1 klo type klasic gmn??? :?
3rm@n ( Li ) said :
24 September, 2008
wahhhhhh.........dasyat baget ouy.......Triks & tips-nya. Liat deh Blog ku (http//www.komunitasanakmelawi.blogspot.com), smuanya hasil editan-nya bersumber dari Blog_nya Mas Kendhin.
Makasih ya Mas.
the riph ö said :
25 September, 2008
saya sudah memasukkan gambar yang transparan tapi kok jadinya belakangnya putih? kotak dan tidak transparan?

mohon bantuannya?

bahkan saya juga sudah memasukkan kode lengkap anda tanpa mengganti satupun. kan jadinya adagambar sonic itu... tapi ya... kotak putih belakangnya... jadi jelek...

ni kenapa ya?
28 September, 2008
Untuk menyimpan gambar di http://... itu bagaimana caranya? harap maklum pemula...
Sangat Aku tunggu jawabannya.
`IndrY said :
28 September, 2008
ternyata aku berhasillllll
buat slideshow nya
hhahahahhahaha :))
Kendhin said :
29 September, 2008

@TopexXx, kayaknya sih bisa, scriptnya dikasih doble tapi kasih nama beda untuk yg di cssnya.
@Anonim, untuk template classic caranya hampir sama. tinggal masukin dibagian css dan HTML.
@the riph ö , masak sih gitu? apa mungkin templatenya ya :?
@lilisindrawati.blogger.com , yg paling mudah itu disimpan di photobucket.com , upload gambar disana , nanti akan dapet URLnya.

29 September, 2008
Tutorialnya keren...tak pinjam dulu sonic larinya..belum punya gif yang bagus..ok..ok..jeh tutorialnya..makasih
Rimz.Kawaii said :
30 September, 2008
klo mo apload gmbar gif dmna iia :? ?binunnd buwad gnti gmbarny :f, jd pake sonic dlo . mav iia :D
04 October, 2008
mas kalo bikin logo yang disamping kanan tulisan http://...gimana hayooo...saya penasaran banget tapi belum dapet solusinya..tolong blog saya di koreksi biar search engine friendly..maap masih pemula..
http://bisniskyu.blogspot.com/
Malik_13 said :
04 October, 2008
Jenius keren !!!

btw mo nanya, icon smile (bukan yahoo) yang di atas tu gimana nambahkannya ???kepingin juga nih...

:)

mas, kalo ada info baru bagi2 ya !!!
chaca said :
08 October, 2008
aku coba bisa sih mas..tapi kok malah muncul di atas header blog aku :?.. rasanya udah pas benar buatnya..mohon penjelasannya ya. thanks
dianrapian said :
12 October, 2008
untuk triknya
imam faiq hr said :
13 October, 2008
bottom-nya udah ta' ganti top, tapi koq tetep di bawah ya? trus left-nya juga ta' ganti right tapi ga' pindah ke kanan? gimana doenx?
sarie said :
14 October, 2008
keren.... :)

blog ku jdi bgus,, thx yh!!
Hamidz said :
14 October, 2008
Thnk's Brow.. udang gue pasang ... Keren...
ѪiqBalѪ said :
17 October, 2008
:D thank 4 jasa" kamu..... oK!!!! :o
sekarang sy ga9 repod lageee.._ :))
orangndut said :
21 October, 2008
Keren.....!!! :x Mas, cara masang emoticon kayak di kotak comment ini gimana? Bantu saya dunk :s
NuriL said :
22 October, 2008
mantaaaff mantaafffff....



jadii pengeeeennnn


:f :D :) ;;) :x :$ x( :? :@ :~ :|:)):( :s:((:o



mauuu nyoobaaaa sekayaaangg jujjaaa
bAngE_hEre said :
26 October, 2008
thanx bro...
edy said :
27 October, 2008
many thanks for your sharing about this knowledge, o y i've looked your blog worth now is $ 402,962.02. it's amazing do you know... great...
luvaholic said :
30 October, 2008
Mas Kendhin...saya coba ganti image sonic nya dgn lokasi gambar http://freeanimatedavatar.blogspot.com ko malah error ya...tapi setelah saya pakai mas kendhin punya bisa "jalan" tu mas.
Cari2 gambar yg bagus kaya mas kendhin punya dimana sih?.
Niwei, thanx bwt semua ilmu yg udah mas share bwt teman's bloger, sangat membantu bwt para newbi seperti saya. jujur aja blog saya jadi cantik berkat tips n trik dari mas kendhin...saya tunggu tips2 yg lainnya...ciaoooo...

Post a Comment