Artikel Terbaru :
Home » » Cara Membuat Gambar Di Pojok Kanan/Kiri Blog

Cara Membuat Gambar Di Pojok Kanan/Kiri Blog

Friday, November 30, 2012 | 20komentar

Pada kesempatan kali ini saya akanmembahas artikel tentang  
Cara Membuat Gambar Di Pojok Kanan Atau Kiri Blog
biasanya saya sering menemukan blog yang memasang gambar bergerak penuh animasi yang keren-keren, nah! disini tidak perlu  EDIT HTML, tetapi tips sederhana melalui widget saja,

1.      Siapkan gambar dulu, bisa di upload di “photobucket, blogger uploader, dll”,kalo belom mengetahuinya silahkan baca dulu artikel Cara Mendaftar Meng-upload Gambar di Photobucket jika anda sudah mempunyai gambar yang ditentukan harap menunggu untuk step selanjutnya
2.      Login ke Blogger, lalu Tata Letak(Layout), lalu Add Gadget (Tambah Gadget), pilih tanda  HTML/Javascript
3.      Masukan kode di bawah ke dalamnya seperti dibawah ini

<a href='URL LINK' style='display:scroll;position:fixed;Bottom:0px;right:0px;' title='Keterangan Gambar'><img src='URL Gambar'/></a>
 Jika anda ingin memasangnya di pojok atas kodenya akan menjadi seperti ini:

<a href='URL LINK' style='display:scroll;position:fixed;top:0px;right:0px;' title='Keterangan Gambar'><img src='URL Gambar'/></a>
Lihat hasilnya 


Keterangan:
a.      URL(LINK) : link yang akan dituju, misalnya link blog anda
b.      Right : posisi gambar, bisa diganti “left”, jika gambar mau ditampilkan di kiri pojok
c.       Keterangan Gambar: jika gambar disentuh, maka akan muncul tulisan yang anda cantumkan
d.      URL Gambar : url gambar yang akan anda buat di pojok, yang apabila gambar tersebut di klik akan menuju link tersebut
e.      Save, lalu liat blog anda, dan liat pojok blog anda lihat contoh gambar berikut


Selamat mencoba semoga membantu dan ber manfa'at :)
Share this article :

ARTIKEL TERKAIT:

20 comments:

  1. Blognya keren, gan!
    Kalau sempat mampir sekalian mengundang gabung bareng teman-teman lain yang udah SUBMIT URL BLOG-nya ke Direktori Weblog Indonesia :)

    ReplyDelete
  2. This comment has been removed by the author.

    ReplyDelete
  3. wih keren, simple tpi lgsung sasaran thanks banyak bwt tutornya!!! ^_^

    ReplyDelete
  4. keren nih blog nya banyak tutorial nya , nice share kakak :)

    ReplyDelete
  5. Terimakasih , Artikelnya Bagus , Jangan Lupa Kunjungi balik Blog Saya http://arul-software.blogspot.com/

    ReplyDelete
  6. gan, bagaimana membuat menu horisontal+dropdown yang menarik... trimakasih ilmunya..

    ReplyDelete
  7. izin sedot makasih sudah berbagi salam kenal

    ReplyDelete
  8. aduuuuuuuuh infonya benar benar mantap bos

    ReplyDelete
  9. thx mba siti atas info nya..

    btw blog nya keren banget mba,,cara buat nya gmana ya?hehehe

    ReplyDelete
  10. wuih mantap gan.... bisa tukar link gak gan?... kunjungi balik jg ya http://www.ilmuhayat.blogspot.com/

    ReplyDelete
  11. XPS-HACK Thanks Infonya Jangan Lupa Kunjungan Baliknya Guys :)

    ReplyDelete
  12. makasih untuk triknya,.. keren.

    ReplyDelete
  13. Terimakasih :) cemerlang untuk pertama kalinya di blog ini hehe

    ReplyDelete
  14. trima kasih kak buat tutornya yg bermanfaat ini :)

    Kunjungi juga blog saya ya: www.menarapujian.blogspot.com

    ReplyDelete

Silahkan tinggalkan komentar sobat , tapi mohon jangan Nyepam ya..! Komentar dengan menyertakan LINK / ANCHOR TEXT atau promosi produk tertentu akan saya hapus karena blog ini bukan tempat untuk mempromosikan produk yang dijual di blog anda.

 
Support : Copyright © 2011. Tips Trik Blog | Dan Cara Buat Website - All Rights Reserved
Template Modify by Siti Saleha
Proudly powered by Blogger| Thanks For Visiting