Minggu, 14 Februari 2021

Cara Membuat Gambar Melayang di Blog

this slowpoke moves
 Cara Kesatu
Cara Membuat Gambar Melayang di Blog. Pernah melihat gambar melayang di website atau di blog? nah kali ini saya akan memcoba menulis artikel tentang Cara Membuat Gambar Melayang di Blog. Seperti terlihat di blog saya gambar logo facebook dan twitter yang di sebelah kiri. Langsung saja yuk begini cara membuatnya : Pertama Login ke Akun Blogger anda. Lalu masuk ke Tata Letak dan add a gadget Pilih HTML/JavaScript. Copy kode dibawah ini diatas kode dan masukkan ke gadget yang tadi di pilih :
  1. Pertama Login ke Akun Blogger anda.
  2. Lalu masuk ke Tata Letak dan add a gadget Pilih HTML/JavaScript.
  3. Copy kode dibawah ini diatas kode dan masukkan ke gadget yang tadi di pilih :
<div style="display:scroll; position:fixed; top:260px; left:-6px;"> <a class="linkopacity" href="https://www.facebook.com/rizkirosoneri" target="_blank" rel="nofollow" title="Add me your facebook" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://i239.photobucket.com/albums/ff304/cxoluvme/facebook_32.png" /></a><br /> <a class="linkopacity" href="http://twitter.com/rizkirezcherbonz" target="_blank" rel="nofollow" title="Add me your Twitter" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://i239.photobucket.com/albums/ff304/cxoluvme/twitter.png" /></a><br /> <a class="linkopacity" href="https://membuatblogme.blogspot.com/feeds/posts/default" target="_blank" rel="nofollow" title="Newslater" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://i239.photobucket.com/albums/ff304/cxoluvme/feed.png" /></a><br /> </div>
  1. Untuk kode berwarna hijau, itu merupakan pengaturan letaknya.
  2. Untuk kode berwarna biru, itu pengaturan linknya.
  3. Untuk kode berwarana merah jambu, itu pengaturan source gambarnya.
  4. Nah setelah semua sudah diatur, tekan Simpan. 
Selesai deh artikel Cara Membuat Gambar Melayang di Blog. Terima Kasih.

Cara Kedua Lebih Simple 

satu cara untuk mempercantik blog adalah dengan memasang gambar/widget yang menarik di blog.Mungkin kalau hanya memasang gambar/widget saja sudah bisa sobat laukan.Tapi dalam panduan blogger ini berbeda,yaitu memasang gambar/widget di agar tampil melayang di blog,sehingga blog sobat akan tampil lebih menarik lagi.

Dan jika sobat tertarik tentang bagaimana caranya memasang sebuah gambar/widget melayang di blog,silahkan ikuti langkah-langkah seperti di bawah ini :

1. Login terlebih dulu ke akun blog sobat
2. Klik Tata Letak
3. Klik Tambah Gadget
4. Pilih Opsi HTML/Java Script
5. Copy dan Paste kode HTML di bawah ini

 Posisi Atas Kiri
<div style="display:scroll;position:fixed;top:0;left:0;">
Isi dengan kode HTML widget/url gambar
</a></div>
Posisi Atas Kanan

<div style="display:scroll;position:fixed;top:0;right:0;">
Isi dengan kode HTML widget/url gambar  
</a></div>

Posisi Bawah Kiri

<div style="display:scroll;position:fixed;bottom:0;left:0;">
Isi dengan kode HTML widget/url gambar  
</a></div>

Posisi Bawah Kanan 

<div style="display:scroll;position:fixed;bottom:0;right:0;">
Isi dengan kode HTML widget/url gambar  
</a></div>

6. Klik Simpan
7. Selesai deh artikel Cara Membuat Gambar Melayang di Blog. Terima Kasih.

Subscribe to receive free email updates:

1 Response to "Cara Membuat Gambar Melayang di Blog"

Langganan: Posting Komentar (Atom)