Langsung ke konten utama

Cara Membuat Gambar Slalu DiPojok

Kali Ini Masih Seputar Trick N' Tips Blogger Dan Lain-lain lah.

Gambar Pojok Adalah ya Gambar Yang Selalu Di pojok Bukannya betul gan???
ya iya lah namanya saja gambar pojok ya selalu di pojok masak di "LAUT".

To The Point

  1. Log In to Blogger
  2. "Rancangan" >> Edit HTML
  3. Cari Code Berikut ]]></b:skin>


kemudian Letakan Code Berikut Ini Di atas Code tersebut

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



4. 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://sjscheat.blogspot.com">
<img src="http://i1120.photobucket.com/albums/l496/brangsi/Twitter-blue-bird-48.png" border="0" /></a>
</div>


Ganti "http://sjscheat.blogspot.com" manjadi Link kamu
Dan "http://i1120.photobucket.com/albums/l496/brangsi/Twitter-blue-bird-48.png" Ganti Link berikut ini menjadi link gambar kalain yang sudah kalian upload di web hosting kalian.


Dan save Tempaltnya.
lihat Hasilnya.




Komentar

Postingan populer dari blog ini

Cara Menyembunyikan Powerd by Jcow 4.2.1

Assalamualakum Wr wb - emmb Setelah 2 hari saya tidak update blog ini karena ada masalaha dengan domain DNS, jadi terpaksa harus nunguin 2-1 hari dec, tapi untung saja uda cepet selesi perbikannya :D Dan langsung saja saya kali ini dengan judulnya  " Cara Menyembunyikan Powerd by Jcow 4.2.1 ". Ok. let's begin. Setelah semalaman suntuk utak - atik source code Jcow Social Network dengan tujuan untuk menghilangkan tulisan Powered by Jcow 4.2.1 , lebih tepatnya Jcow Attribution Information yang berada pada bagian "footer", akhirnya saya temukan juga jalan keluarnya. Tidak bisa dihilangkan, lebih baik disembunyikan saja. Banyak informasi yang mengatakan jika "footer" tersebut dihilangkan maka akan ada peringatan Anyone who attempts to remove Jcow branding illegally, the site will be closed without warning. Dan satu - satunya cara untuk menyembunyikan tulisan Powered by Jcow 4.2.1 agar tidak tampak pada bagian footer adalah dengan action tag ...

Free Download Easy Gif Animator 5 Pro + Crack

Assalamualakium Wr Wb. - Setelah kemaren saya Share Artikel " 7 Tanda di Bagian Tubuh Cewek Yang Masih Perawan " dan " Celah Pada Situs Seag2011.com " Dan Kali ini saya kembali share Sebuat Software Editing Gambar. Easy GIF Animator is powerful yet very easy to use software for creating and editing animated GIF images. With this animated GIF editor you can easily create animated GIF pictures, banners and buttons in no time. You can use special features to add stunning visual effects and prepare your animation for publishing on your web page. Easy GIF Animator supports all types of GIF animation and provides high compression and great quality for your animated GIF images. To top it all off, Easy GIF Animator is the best priced animated GIF editor on the market today. With Easy GIF Animator You Can Easily create animated banners, pictures and buttons Create animated GIF images from scratch Edit and modify animated GIF images Add visual effects to your GIF anima...

Cara Membuat Menu Slide CSS3 Animated

Assalamuakum Wr Wb -  Setelah Kemaren saya share " cara membuat efeck post Hover dengan menggunakan CSS " Dan Kali Ini saya akan Kembali share Post Tentang CSS lagi :D Langsung Saja Ke TKP Tapi Sebelumnya Silakan Lihat Demo-Nya Terlebih dahulu :D DEMO Masuk Blogger » Rancangan » Edit HTML Copy CSS di bawah Ini dan Letakan Di atas Code ]]></b:skin>  <style> ul.svertical{ width: 200 px; /* width of menu */ overflow: auto; background: black ; /* background of menu */ margin: 0; padding: 0; padding-top: 7px; /* top padding */ list-style-type: none; } ul.svertical li{ text-align: right; /* right align menu links */ } ul.svertical li a{ position: relative; display: inline-block; text-indent: 5px; overflow: hidden; background: rgb(127, 201, 68); /* initial background color of links */ font: bold 16px Germand; text-decoration: none; padding: 5px; margin-bottom: 7px; /* spacing between links */ color: black; -moz-box-shado...