Excalibur
Info
Selamat datang di blog Roy Lichtenstein- saya senang Anda berada di sini, dan berharap Anda sering datang kembali. Silakan Berlama - Lama di sini dan membaca lebih lanjut tentang artikel yang saya susun. Ada banyak hal dapat anda pelajari, Anda mungkin akan menemukan sesuatu yang menarik

Nama saya Roy Lichtenstein, Saya Bukan Seorang Blogger, Desainer atau Apapun Tapi Saya Hanya Seseorang Yang Ingin Selalu Belajar dan Ingin Tahu Sesuatu Yang Baru...

Pages

Subscribe:

Ads 468x60px

Social Icons

Cara Memasang Tombol Share Dll Berada Di Sudut Blogger Page

Anda mungkin pernah melihat gambar,animasi, logo, icon rss feed, tombol share, tombol feedback dll yang berada di sudut atau pojok halaman blog/website . Untuk kali ini saya akan mengajak anda untuk bereksperimen tentang Cara Memasang Tombol Share dll berada di Sudut halaman blog anda. seperti screenshot berikut :



Untuk pemasangannya silakan perhatikan tutorial berikut
Sisipkan kode dibawah ini diatas kode ]]></b:skin> pada template anda

#kode_sudut {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop +
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLe ft+ document.documentElement.clientWidth - offsetWidth); }

Kode diatas adalah untuk penempatan suatu objek yang posisinya berada di bawah kiri blog anda, jika anda ingin merubah penempatannya sesuai keinginan anda yang perlu anda lakukan adalah cukup mengganti "bottom" dengan "top" atau "left" dengan "right".

Selanjutnya anda cari dan temukan kode </body> di template anda, setelah menemukannya sisipkan kode berikut sebelum kode </body>

<div id="kode_sudut">
masukan disini kode gambar,animasi, logo, icon rss feed, tombol share, tombol feedback dll
</div>

Contoh
<div id="kode_sudut">
<a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</div>

Selesai dan save template anda kemudian lihat hasilnya

0 comments:

Post a Comment

Berikan Komentar Anda Dibawah Sini Jika Belum Punya Akun Google/Blogger Anda Bisa Pilih Anonymous