Pages

Monday, March 9, 2009

Trik Pojok Copy Banner Dan Logo Blogger Melayang

Buat para sobat blogger yang kebetulan atau mungkin pingin buat copy banner tetapi di luar halaman Blog ( lebih di kenal dengan nama "Trik Pojok" ), sobat bisa mencoba tips ini, dan kebetulan juga ada yang menayakan, " bagaimana sih cara buat copy banner di luar halaman ",ya...itung2 sambil bareng2 belajar...hehehe...., sebenarnya trik pojok itu sama seperti kita pasang gambar, foto, animasi, bisa juga banner iklan dll, cuma kebetulan saya gak punya gambar yang bagus (kenyataannya emang saya gak bisa buat gambar kok) jadi ya tak manfaatin untuk pasang copy banner sama logo blogger, baiklah saya tidak akan panjang lebar, sekarang kita langsung saja pada pokok tujuannya:

* Sign in seperti biasa di blogger dengan id milik sobat.

* Klik menu Layout.

* Klik menu Edit HTML.

* Klik tulisan Download Full Template.

* Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula.

* Beri tanda centang pada kotak di samping tulisan Expand Widget Template, sekali lagi jangan lupa beri tanda centang dulu yah, sebab kalau tidak, nanti akan tidak sesuai dengan langkah selanjutnya.

* Tunggu beberapa saat ketika proses sedang berlangsung.

* Langkah pertama:

* Sekarang silahkan Sobat cari kode ini »» ]]></b:skin> pada Template milik sobat.

* Copy kode berikut di bawah dan paste persis di atas kode ini »» ]]></b:skin>

#trik_pojok {
position:fixed;_position:absolute;bottom:0px; right:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
#melayang {
position:fixed;_position:absolute;bottom:0px; right:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }


* Langkah ke dua:

* Copy kode berikut di bawah dan paste persis di bawah kode ini »» </head>

<div id='trik_pojok'> <marquee align='center' direction='up' height='665' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='1' width='100%'> <center><a href='http://www.blogger.com/'><img src='http://2.bp.blogspot.com/_8yAmNvOPuaw/SXhKLzXwQ0I/AAAAAAAAAaA/p5bqDyFZF-4/s200/blogger-powerby-blue.gif'/></a></center></marquee> <center><img src='http://4.bp.blogspot.com/_zAAY5TLuWGg/SVy5AwYeCYI/AAAAAAAAAFc/eje_rRXzTkg/s320/logo+nwi.gif'/></center> <center><textarea name='codes' onclick='this.focus();this.select()' style='border: 1px solid rgb(0, 0, 0); background: rgb(237, 237, 237) none repeat scroll 0% 50%; width: 98px; height: 50px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; text-align: justify; font-size: 12px;'><center><a href='http://1-1y4n9.blogspot.com/' target='_blank'><img src='http://4.bp.blogspot.com/_zAAY5TLuWGg/SVy5AwYeCYI/AAAAAAAAAFc/eje_rRXzTkg/s320/logo+nwi.gif'/></a></center></textarea></center> <center><span style='font-family: times new roman;'><span style='font-size:85%;'><span style='font-weight: bold;'><span style='color: rgb(255, 255, 255);'><blink>ADD MY BANNER</blink></span></span></span></span></center> </div>



* Kode yang berwarna BIRU ganti dengan nama URL Blog milik Anda.

* Kode yang Berwarna COKLAT ganti dengan kode scripe Banner milik Anda.

* Kemudian Save Template.

* Jika Sobat Blogger mengalami error kode, sobat bisa memparse kode langkah yang ke dua dan baru di pasang kembali kode yang telah di parse, Sobat blogger bisa memparse kodenya DISINI

* Selesai dan silahkan lihat hasilnya, mudah-mudahan berhasil.

* Selamat mencoba.

0 comments

Post a Comment

Silahkan Berkomentar, Yang sopan ya :)