Letak Anu Di Sudut Biar Bergerak :D

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 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.

Code:

#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>

Code:<div id="trik_pojok">
<a href="http://maviagembel.blogspot.com">
<img src="http://bunga.bunga.com/apaaja.gif" border="0" /></a>
</div>

"http://maviagembel.blogspot.com" adalah link. ganti dengan link kamu.
"http://bunga.bunga.com/apaaja.gif" adalh 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.



==========================================================================

Memasang RSS Feed Model Lipatan Halaman (page peel banner) disudut kanan atas Blog

Pernahkah anda melihat tampilan RSS Feed atau link halaman lainnya yang dikemas menarik dengan dimasukkan kedalam Page Peel Banner atau Lipatan Halaman di pojok kanan blog? Untuk lebih jelasnya lihat dipojok kanan atas blog wahyu winoto ini atau lihat gambar berikut:

RSS Feed model Page Peel Banner

Menurut beberapa blogger efek lekukan kertas disudut atas halaman blog ini katanya sangat bermanfaat untuk meletakkan link penting anda, dan juga tampilannya sangat menarik dari sisi estetika blog.

Pada posting kali ini saya akan share cara memasang link RSS Feed kedalam lipatan halaman blog (page peel banner):

1. Silahkan Login ke akun blogger anda.

2. Lalu masuk ke design, klik Edit HTML3. Kemudian cari kode </head>

4. Setelah ketemu silahkan anda copy-kan kode berikut ini dan paste-kan tepat di atas kode </head>

<script type='text/javascript'>var tujuan =&#39;http://maviagembel.blogspot.com/&#39;</script><script src='http://wahyuwinoto.googlecode.com/files/script%20pojok%20kanan%20atas.txt' type='text/javascript'/>

5. Silahkan Anda ganti tulisan yang berwarna merah dengan alamat link URL anda. Dalam contoh diatas saya masukkan URL link ke Feed atau daftar artikel saya. Nantinya anda bisa saja menggantinya dengan link menuju RSS Feed anda.

6. Kemudian simpan template dan refresh blog anda.

Lihat hasilnya, bagus bukan. 

Jika anda cukup trampil maka link maupun gambar dalam page peel banner dipojok kanan atas blog tersebut dapat anda ganti dengan yang lainnya sesuai keinginan anda. Misalkan anda ganti dengan gambar serta link ke akun Facebook atau halaman Twitter anda.

Silahkan anda berkreasi sendiri, jika masih ada kesulitan silahkan berikan pertanyaan melalui kolom komentar dibawah ini, saya akan dengan senang hati membantu anda.

Read More......