membuat gambar melayang dipojok halaman blog

TutorWidget kali ini akan membahas tentang Cara membuat gambar melayang dipojok halaman blog. Berbagai macam cara untuk mempercantik tampilan blog agar pengunjung tidak bosan berkunjung ke blog kita. Seperti di halaman ini, bisa kalian lihat ada gambar cewek lagi joget dibagian kiri bawah layar. Cara ini bisa menjadi salah satu cara untuk mempercantik blog kamu. Untuk membuatnya sangat mudah, kita hanya menyisipkan kode CSS ke dalam gambar.

Pertama anda harus memiliki gambar/animasi yang ingin ditampilkan diblog nantinya. Silahkan buat desain gambar anda terlebih dahulu, lalu upload. Tempat upload gambar bisa di photobucket.com, imageshack.com, flickr.com, dan lain-lain. Untuk tipe file terserah anda, baik jpg, gif, png, dll.
Atau jika anda malas membuat gambarnya anda bisa browsing di internet, lalu copy kan link gambarnya terlebih dahulu.

Cara membuat gambar melayang di pojok blog kita.

1. Masuk ke Blogger.com
2. Klik Tata Letak => Tambahkan Gadget
3. Pilih HTML/JavaScript
4. Copy kode dibawah ini :
<div style="position:fixed; bottom:0px; left:0px; clip:inherit; border:none;">
<a href="http://tutorwidget.blogspot.com/2015/03/membuat-gambar-melayang-dipojok-halaman.html">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgieZrRihlYqB25EJ-r4Iq5a-e0y5qRLZGZxsYR0CmpNYfrKKtzWh7JLTlsn_i9BvM5Dsbc3IBz-t80lM8eurbbWDpeZ4gKsZ3quv4FI3GSMSBqRdFHQsHodTbeySJpL1udXwlXYH970mI/s1600/cewek+goyang.gif" /></a>
</div>
  •  Note : Silakan ganti teks berwarna merah 'URL blog' dan yang berwarna biru dengan link gambar kalian, untuk bottom dan left silakan sesuaikan dengan keinginan kalian. Kalau gambarnya mau melayang di pojok:
    kiri atas ganti dengan top left,
    kiri bawah ganti dengan bottom left,
    kanan atas ganti dengan top right,
    kanan bawah ganti dengan bottom right.
5. SIMPAN dan lihat hasilnya.

Berikut contoh kumpulan link gambar di sini

Comments

  1. AnonymousMarch 15, 2015 at 8:58 AM

    sederhana tapi sangat bermanfaat untuk menambah daya tarik blog mas. padahal yang dipakai adalah tag style sehingga tidak memberatkan loading blog. tinggal kompres gambar aja biar tambah meringankan. ok makasih ya gan triknya. saya simpan dulu kodenya. sapa tau nanti mau digunakan jadi gampang mencomotnya. salam sahabata blogger.

    ReplyDelete

Post a Comment

Popular posts from this blog

Contact Form diHalaman Statis

Image
 Widget Contact Form Blogger pada Halaman Statis.  Sudahkah anda memasang fasilitas menu "contact form/ contact me/ contact us" di blog, Fitur ini biasanya berupa widget/gadget. Jika belum ada baiknya kamu membuatnya sekarang juga soalnya manfaat dari menu ini cukup penting untuk kita pasang di blog, gunanya untuk memfasilitasi pengujung blog yang ingin mengirimkan pesan kepada kita melalui email sebagai sharing secara personal antara pembaca dan pemilik blog, jika ada yang mau ditanyakan oleh pengunjung kepada pemilik blog atau ada perlu sesuatu lain, maka keberadaan menu contact form ini, keberadaan nya sangat penting dalam suatu blog. Untuk membuatnya sangatlah mudah, karena blogger sendiri sudah menyediakan fasilitas tersebut akan tetapi penempatan Contact Form pada widget ini kayaknya kurang disukai, dan lebih memilih menempatkan contact form pada halaman statis atau halaman posting. Nah dalam kesempatan ini, saya ingin memberikan sedikit trik agar widget Contact For
Read more

Membuat Profil Blogger keren Seperti Google+

Image
Membuat Profil Blogger keren Seperti Google+ - Widget yang saya maksud adalah sebuah Widget yang menampilkan Foto Profil Google+, Memudahkan seseorang untuk Melingkari Akun anda atau menjadi teman anda, dan juga menampilkan jumlah lingkaran yang anda miliki saat ini. Selain itu google plus merupakan sarana jaringan yang dapat menghubungkan anda dengan beberapa orang untuk mendapatkan info perkembangan terbaru mengenai apa saja yang anda butuhkan sehingga optimasi blog dapat meningkatkan trafik pengunjung. Modifikasi ini terinspirasi dari profil Google yang berada di pojok kanan atas ketika kita login ke akun Google kita. Di pojok kanan atas akan tampak sebuah photo kita yang kecil dan bulat yang apabila di klik akan keluar sebuah kotak yang berisi profil kita. Cara memasang widget profile ala google+ supaya tampil di blogger ini cukup gampang hanya Dengan menambahkan sedikit custom style CSS dan HTML maka widget Google+ pun siap terpasang dan mempercantik blog, penasaran de
Read more

Mengapa harus ngeblog dari sekarang

Image
Selama ini kita beranggapan bahwa ngeblog hanya sebagai tempat curahan atau sekedar berbagi pengalaman saja. Padahal dalam perkembangan jaman yang semakin pesat blog ini bisa dimanfaatkan sebagi ladang bisnis. Bahkan ada juga yang beranggapan blog adalah investasi yang menjajikan dengan catatan memang benar-benar terurus dan terawat  bukan cuma sekedar pajangan. Ini info sekilas jika dipandang dari segi materi dengan memanfaatkan sebuah blog, dapat dikatakan sangat menguntungkan, karena tidak mengeluarkan modal yang banyak, cukup dengan modal koneksi internet. Dengan membuat blog banyak manfaat yang bisa kita dapatkan, itulah mengapa kita harus mulai ngeblog dari sekarang. Lalu apa saja manfaat dari ngeblog berikut ini akan saya jelaskan: Dapat menambah dan berbagi ilmu pengetahuan Pada dasarnya jika kita ingin mencari info sesuatu dari internet seperti materi pelajaran, berita, gosip,lamaran kerja dan sebagainya maka kita akan diarahkan ketempat halaman website dan salah s
Read more